:root{--bg: #050708;--bg-raise: #0c1012;--bg-card: #101518;--border: #1d2528;--text: #e8edee;--text-muted: #97a4a8;--accent: #25f0e4;--accent-dim: #17b5ac;--accent-ink: #03110f;--pro: #ffa928;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--text);letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand img{width:34px;height:34px;border-radius:8px}.nav-cta{font-size:15px;font-weight:600;padding:8px 16px;border:1px solid var(--border);border-radius:999px;color:var(--text)}.nav-cta:hover{border-color:var(--accent-dim);text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:64px 0 80px}h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.03em;font-weight:800}h1 .pocket{color:var(--accent)}.hero-sub{margin-top:20px;font-size:19px;color:var(--text-muted);max-width:34em}.hero-sub strong{color:var(--text);font-weight:600}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:32px}.store-badge{display:inline-flex;align-items:center;gap:10px;background:var(--text);color:#0b0f10;border-radius:12px;padding:10px 20px 10px 16px;line-height:1.15}.store-badge:hover{text-decoration:none;background:#fff}.store-badge svg{width:26px;height:26px;flex:none}.store-badge .small{display:block;font-size:11px;font-weight:500}.store-badge .big{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}.play-soon{font-size:14px;color:var(--text-muted);border:1px dashed var(--border);border-radius:999px;padding:9px 16px}.hero-note{margin-top:18px;font-size:14px;color:var(--text-muted)}.hero-note code{font-family:var(--mono);color:var(--accent);font-size:13px}.phone{border:1px solid var(--border);border-radius:36px;padding:10px;background:var(--bg-raise);box-shadow:0 24px 80px #25f0e412}.phone img{display:block;width:100%;height:auto;border-radius:28px}.hero .phone{max-width:320px;justify-self:center;transform:rotate(2deg)}section{padding:72px 0;border-top:1px solid var(--border)}.kicker{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:14px}h2{font-size:clamp(26px,3.6vw,38px);letter-spacing:-.02em;line-height:1.15;font-weight:750;max-width:22em}.section-sub{margin-top:14px;color:var(--text-muted);max-width:42em}.pain{text-align:center}.pain blockquote{font-size:clamp(22px,3vw,32px);font-weight:650;letter-spacing:-.02em;line-height:1.3;max-width:26em;margin:0 auto}.pain blockquote em{color:var(--text-muted);font-style:italic}.pain .answer{margin-top:18px;font-size:19px;color:var(--accent);font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px}.card h3{font-family:var(--mono);font-size:16px;color:var(--accent);margin-bottom:8px}.card p{font-size:15px;color:var(--text-muted)}.card.pro h3:after{content:"PRO";font-size:10px;font-weight:800;color:var(--pro);border:1px solid var(--pro);border-radius:5px;padding:1px 5px;margin-left:8px;vertical-align:2px}.claim{margin-top:28px;font-size:17px;font-weight:600}.claim span{border-bottom:2px solid var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.chip{font-family:var(--mono);font-size:14px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text)}.chip.hot{border-color:var(--accent-dim);color:var(--accent)}.split{display:grid;grid-template-columns:1fr .7fr;gap:56px;align-items:center}.split .phone{max-width:280px;justify-self:center}.feature-list{list-style:none;margin-top:28px;display:grid;gap:16px}.feature-list li{padding-left:30px;position:relative;color:var(--text-muted)}.feature-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-family:var(--mono)}.feature-list strong{color:var(--text);font-weight:650}.trust{text-align:center}.trust h2{margin:0 auto}.trust-points{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.trust-points .chip{font-family:var(--sans);font-weight:600}.trust .section-sub{margin-left:auto;margin-right:auto}.faq details{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);padding:18px 22px;margin-top:14px}.faq summary{font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:20px;flex:none}.faq details[open] summary:after{content:"–"}.faq details p{margin-top:12px;color:var(--text-muted);font-size:16px}.final{text-align:center;padding:96px 0}.final h2{margin:0 auto}.final .cta-row{justify-content:center}footer{border-top:1px solid var(--border);padding:36px 0 48px;font-size:14px;color:var(--text-muted)}footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}footer nav{display:flex;gap:22px;padding:0}footer a{color:var(--text-muted)}footer a:hover{color:var(--accent)}.footer-grid{display:grid;gap:18px}.footer-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer-row nav{display:flex;gap:22px;padding:0;flex-wrap:wrap}.footer-head{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);opacity:.7;min-width:90px}.footer-legal{justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;margin-top:6px}.page-head{padding:40px 0 8px}.page-head h1{font-size:clamp(30px,4.2vw,44px)}.page-head .hero-sub{margin-top:14px}.prose{max-width:720px}.prose section{padding:36px 0;border-top:none}.prose h2{font-size:clamp(22px,3vw,30px);margin-top:8px}.prose p,.prose li{color:var(--text-muted);margin-top:14px}.prose strong{color:var(--text)}.prose ul{padding-left:22px}.answer-box{border:1px solid var(--accent-dim);background:#25f0e40d;border-radius:16px;padding:20px 24px;margin-top:28px}.answer-box p{margin:0;color:var(--text);font-size:18px}.answer-box .label{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);display:block;margin-bottom:8px}table.compare{width:100%;border-collapse:collapse;margin-top:20px;font-size:15px}table.compare th,table.compare td{text-align:left;padding:10px 14px;border:1px solid var(--border)}table.compare th{background:var(--bg-card);font-family:var(--mono);font-size:13px}table.compare td{color:var(--text-muted)}table.compare td:first-child{color:var(--text)}.tool{margin-top:28px;display:grid;gap:16px}.tool textarea,.tool input[type=text]{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--mono);font-size:14px;padding:14px;resize:vertical}.tool textarea:focus,.tool input:focus{outline:1px solid var(--accent-dim)}.tool-out{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:auto;max-height:520px}.tool-out pre{margin:0;padding:16px;font-family:var(--mono);font-size:13.5px;line-height:1.55;white-space:pre;color:var(--text)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{font-family:var(--mono);font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer}.tabs button.active{border-color:var(--accent);color:var(--accent)}.copy-btn{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:12px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-raise);color:var(--text-muted);cursor:pointer}.copy-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.tool-note{font-size:14px;color:var(--text-muted)}.tool-note code{font-family:var(--mono);color:var(--accent);font-size:13px}.jwt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jwt-grid h3,.tool h3{font-family:var(--mono);font-size:14px;color:var(--accent);margin-bottom:8px}.pill{display:inline-block;font-family:var(--mono);font-size:13px;padding:4px 12px;border-radius:999px;border:1px solid var(--border)}.pill.ok{color:#4ade80;border-color:#1d4a2e}.pill.warn{color:var(--pro);border-color:#5c3d0e}.pill.err{color:#f87171;border-color:#5c1a1a}@media(max-width:700px){.jwt-grid{grid-template-columns:1fr}}@media(max-width:860px){.hero,.split{grid-template-columns:1fr;gap:40px}.hero .phone{transform:none}.grid{grid-template-columns:repeat(2,1fr)}.split .phone{order:-1}}@media(max-width:540px){.grid{grid-template-columns:1fr}body{font-size:16px}}
