@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}}@layer tokens{:root{--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--brand-blue-deep:#1d4fd8;--brand-blue:#3b82f6;--brand-blue-bright:#7db8ff;--brand-cyan:#47bfff;--bg-app:#070a13;--bg-surface:#0f1420;--bg-surface-alt:#161d2c;--bg-surface-raised:#1a2233;--border-color:#ffffff17;--border-color-strong:#ffffff29;--text-primary:#f5f7fb;--text-secondary:#b0b8ca;--text-muted:#7c8494;--gold:#f5b93f;--gold-bg:#f5b93f1f;--green:#34d399;--green-bg:#34d3991f;--red:#f56565;--red-bg:#f565651f;--gradient-brand:linear-gradient(135deg, var(--brand-blue-deep) 0%, var(--brand-blue) 55%, var(--brand-cyan) 130%);--gradient-text:linear-gradient(135deg, #cfe2ff 0%, #fff 45%, #9fe3ff 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-glow:0 0 0 1px #ffffff0f, 0 20px 60px -20px #2563eb73;--shadow-card:0 1px 0 #ffffff0a inset, 0 12px 32px -16px #0000008c;--max-width:1180px}}@layer base{body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 500px at 15% -10%,#3b82f652,#0000 60%),radial-gradient(700px 500px at 100% 10%,#47bfff29,#0000 55%);background-repeat:no-repeat;font-size:16px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}::selection{background:var(--brand-blue);color:#fff}}@layer layout{.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-head{max-width:640px;margin:0 0 3rem}.section-head--center{text-align:center;margin-left:auto;margin-right:auto}.grid{gap:1.5rem;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (width<=980px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.section{padding:4rem 0}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}}@layer components{.eyebrow{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-cyan);background:#47bfff1a;border:1px solid #47bfff40;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.gradient-text{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--text-secondary);max-width:46ch;font-size:1.15rem}.section-head--center .lede{margin-inline:auto}.btn{font-family:var(--font-heading);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 10px 30px -10px #2563eb99}.btn-primary:hover{box-shadow:0 14px 36px -10px #2563ebbf}.btn-ghost{color:var(--text-primary);border-color:var(--border-color-strong);background:#ffffff0a}.btn-ghost:hover{background:#ffffff14}.btn-block{width:100%}.btn-sm{padding:.6rem 1.15rem;font-size:.85rem}.site-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);background:#0b0813b8;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.brand{font-family:var(--font-heading);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:inline-flex}.brand img{width:28px;height:27px}.site-nav{align-items:center;gap:2rem;display:flex}.site-nav-links{gap:1.75rem;display:flex}.site-nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.site-nav-links a:hover,.site-nav-links a.is-active{color:var(--text-primary)}.site-nav-actions{align-items:center;gap:.75rem;display:flex}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.4rem;display:none}@media (width<=860px){.site-nav-links{display:none}.nav-toggle{display:flex}.site-nav-actions .btn-ghost{display:none}}.hero{text-align:center;padding:4.5rem 0 5rem}.hero-brand{justify-content:center;align-items:center;gap:.85rem;margin-bottom:2.5rem;display:flex}.hero-brand img{width:46px;height:46px}.hero-brand span{font-family:var(--font-heading);letter-spacing:-.01em;font-size:2rem;font-weight:800}.hero h1{max-width:18ch;margin:0 auto 1.5rem;font-size:clamp(2.4rem,5vw,4rem)}.hero .lede{max-width:52ch;margin:0 auto 2.5rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mock{background:linear-gradient(180deg, var(--bg-surface-raised), var(--bg-surface));border:1px solid var(--border-color-strong);border-radius:var(--radius-xl);max-width:920px;box-shadow:var(--shadow-glow);text-align:left;margin:4rem auto 0;padding:1.25rem}.mock-bar{align-items:center;gap:.4rem;padding:0 .4rem 1rem;display:flex}.mock-dot{background:var(--border-color-strong);border-radius:50%;width:10px;height:10px}.mock-grid{grid-template-columns:1.1fr 1.6fr;gap:1rem;display:grid}.mock-card{background:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.1rem}.mock-card h4{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.mock-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 0;font-size:.85rem;display:flex}.mock-row:last-child{border-bottom:none}.mock-pill{border-radius:100px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.mock-pill--gold{background:var(--gold-bg);color:var(--gold)}.mock-pill--green{background:var(--green-bg);color:var(--green)}.mock-pill--red{background:var(--red-bg);color:var(--red)}.mock-pill--cyan{color:var(--brand-cyan);background:#47bfff1f}.mock-timeline{flex-direction:column;gap:.9rem;display:flex}.mock-timeline-item{gap:.7rem;font-size:.85rem;display:flex}.mock-timeline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}@media (width<=720px){.mock-grid{grid-template-columns:1fr}}.pain-grid{margin-top:1rem}.pain-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem}.pain-card .pain-kicker{color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-size:.78rem;font-weight:700}.pain-card h3{margin-bottom:.6rem;font-size:1.1rem}.pain-card p{color:var(--text-secondary);font-size:.95rem}.feature-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.85rem;transition:border-color .15s,transform .15s}.feature-card:hover{border-color:var(--border-color-strong);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.1rem;display:flex}.feature-card h3{margin-bottom:.5rem;font-size:1.05rem}.feature-card p{color:var(--text-secondary);font-size:.92rem}.feature-card--wide{grid-column:span 2}@media (width<=640px){.feature-card--wide{grid-column:span 1}}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=860px){.steps{grid-template-columns:1fr}}.step{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem 1.5rem 1.5rem;position:relative}.step-number{counter-increment:step;font-family:var(--font-heading);background:var(--gradient-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:1.25rem;font-size:.9rem;font-weight:700;display:flex}.step h3{margin-bottom:.5rem;font-size:1.05rem}.step p{color:var(--text-secondary);font-size:.92rem}.security-panel{border:1px solid var(--border-color-strong);border-radius:var(--radius-xl);background:linear-gradient(160deg,#3b82f629,#47bfff0d);padding:3rem}@media (width<=640px){.security-panel{padding:1.75rem}}.security-list{flex-direction:column;gap:1.5rem;display:flex}.security-item{gap:1rem;display:flex}.security-item svg{color:var(--brand-cyan);flex-shrink:0;margin-top:2px}.security-item h4{margin-bottom:.3rem;font-size:1rem}.security-item p{color:var(--text-secondary);font-size:.9rem}.billing-note{text-align:center;color:var(--text-muted);margin-top:-1.5rem;margin-bottom:3rem;font-size:.88rem}.plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;padding:2rem;display:flex;position:relative}.plan-card--destaque{border-color:var(--brand-blue);background:linear-gradient(180deg, #3b82f624, var(--bg-surface) 60%);box-shadow:var(--shadow-glow)}.plan-badge{background:var(--gradient-brand);color:#fff;letter-spacing:.03em;border-radius:100px;padding:.3rem .75rem;font-size:.72rem;font-weight:700;position:absolute;top:-13px;left:2rem}.plan-name{font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.plan-price{align-items:baseline;gap:.35rem;margin-bottom:1.5rem;display:flex}.plan-price strong{font-family:var(--font-heading);font-size:2.3rem;font-weight:700}.plan-price span{color:var(--text-muted);font-size:.9rem}.plan-features{flex-direction:column;flex:1;gap:.75rem;margin-bottom:2rem;display:flex}.plan-features li{color:var(--text-secondary);align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}.plan-features svg{color:var(--green);flex-shrink:0;margin-top:3px}.plan-features li.is-off,.plan-features li.is-off svg{color:var(--text-muted)}.pricing-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color-strong);border-radius:var(--radius-lg);padding:3rem 1rem}.tab-pills{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:100px;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:inline-flex}.tab-pills--center{justify-content:center;width:fit-content;margin:0 auto 3rem;display:flex}.tab-pill{font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.tab-pill:hover:not(.is-active){color:var(--text-primary)}.tab-pill.is-active{background:var(--gradient-brand);color:#fff}@media (width<=640px){.tab-pills--center{justify-content:flex-start;width:100%;overflow-x:auto}}.faq-item{border-bottom:1px solid var(--border-color);padding:1.4rem 0}.faq-question{width:100%;color:var(--text-primary);text-align:left;font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem;font-weight:600;display:flex}.faq-question svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.faq-item[data-open=true] .faq-question svg{color:var(--brand-cyan);transform:rotate(45deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.faq-item[data-open=true] .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer p{color:var(--text-secondary);max-width:65ch;padding-top:.9rem;font-size:.92rem}.cta-final{text-align:center;background:var(--gradient-brand);border-radius:var(--radius-xl);padding:4.5rem 2rem;position:relative;overflow:hidden}.cta-final h2{color:#fff;max-width:22ch;margin:0 auto 1rem;font-size:clamp(1.8rem,4vw,2.6rem)}.cta-final p{color:#ffffffd9;max-width:46ch;margin:0 auto 2rem;font-size:1.05rem}.cta-final .btn-primary{color:var(--brand-blue-deep);background:#fff;box-shadow:0 10px 30px -10px #0006}.cta-final .btn-ghost{color:#fff;border-color:#fff6}.site-footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:3.5rem 0 2.5rem;font-size:.88rem}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2.5rem;display:flex}.footer-brand p{max-width:34ch;margin-top:.85rem}.footer-cols{flex-wrap:wrap;gap:3.5rem;display:flex}.footer-col h5{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:.9rem;font-size:.82rem}.footer-col ul{flex-direction:column;gap:.6rem;display:flex}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:1.5rem;display:flex}}
