@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap");:root{--color-brand-primary:#6366f1;--color-brand-secondary:#818cf8;--color-brand-on-primary:#fff;--color-text-strong:#222;--color-text-primary:#1f2937;--color-text-muted:#4b5563;--color-surface-bg:#f7f3e8;--color-surface-card:#fff;--color-surface-border:rgba(0,0,0,.06);--color-surface-shadow:0 24px 80px rgba(18,23,52,.14);--color-state-warning-fill:rgba(255,214,102,.9);--color-state-warning-bg:rgba(255,159,28,.16);--color-state-error:#ef4444;--color-accent-muted:rgba(0,0,0,.06);--space-micro:2px;--space-xxs:4px;--space-xs:6px;--space-sm:8px;--space-tight:10px;--space-md:12px;--space-control:14px;--space-lg:16px;--space-xl:20px;--space-xxl:24px;--space-xxxl:28px;--space-page:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--duration-pressed:120ms;--font-display:"Space Grotesk","Manrope","Helvetica Neue",sans-serif;--font-body:"Manrope","Space Grotesk","Helvetica Neue",sans-serif}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-body);background:radial-gradient(120% 80% at 15% 0,rgba(99,102,241,.12),transparent 45%),linear-gradient(180deg,rgba(129,140,248,.06),rgba(129,140,248,.02)),var(--color-surface-bg);color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font-family:var(--font-body)}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px}.page-shell{max-width:1200px;margin:0 auto;padding:calc(var(--space-page) * 1.5) var(--space-page);overflow:visible;width:100%}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:32px;margin-top:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);border:1px solid hsla(0,0%,100%,.4);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.65);box-shadow:0 8px 32px rgba(31,38,135,.07);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);overflow:visible;position:-webkit-sticky;position:sticky;top:var(--space-sm);z-index:100}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;color:var(--color-text-strong);letter-spacing:.2px}.brand-mark{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));box-shadow:0 0 0 6px rgba(99,102,241,.12)}.nav-links{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.nav-links a{padding:var(--space-xxs) var(--space-md);border-radius:var(--radius-pill);font-weight:600;color:var(--color-text-muted);border:1px solid transparent;transition:color var(--duration-pressed) ease,border-color var(--duration-pressed) ease,background var(--duration-pressed) ease}.nav-links a:hover{color:var(--color-text-strong);border-color:var(--color-surface-border);background:rgba(99,102,241,.06)}.section{margin-bottom:72px}.section-header{display:flex;flex-direction:column;gap:var(--space-sm);max-width:720px}.section-eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-sm);background:rgba(99,102,241,.08);color:var(--color-brand-primary);border-radius:var(--radius-pill);font-size:13px;font-weight:600;letter-spacing:.3px;width:-moz-fit-content;width:fit-content}.section-title{font-family:var(--font-display);font-size:clamp(28px,3vw,38px);color:var(--color-text-strong);line-height:1.1;margin:0}.section-desc{font-size:17px;line-height:1.6;color:var(--color-text-muted);margin:0}.card{background:var(--color-surface-card);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);box-shadow:0 16px 40px rgba(18,23,52,.08);padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-control) var(--space-xl);border-radius:var(--radius-pill);font-weight:600;letter-spacing:.2px;cursor:pointer;border:none;transition:transform var(--duration-pressed) ease,box-shadow var(--duration-pressed) ease,background var(--duration-pressed) ease}.btn-primary{background:linear-gradient(135deg,#0b0b0f,#111114 45%,#000);color:var(--color-brand-on-primary);box-shadow:0 18px 40px rgba(0,0,0,.35)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(0,0,0,.42)}.btn-ghost{background:rgba(99,102,241,.08);color:var(--color-brand-primary);border:1px solid rgba(99,102,241,.25)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.badge-note{background:rgba(0,0,0,.04);color:var(--color-text-muted);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);font-size:13px;border:1px dashed var(--color-surface-border)}.lang-toggle{display:inline-flex;align-items:center;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-pill);overflow:hidden;background:rgba(99,102,241,.08);flex-wrap:wrap}.lang-toggle button{border:none;background:transparent;padding:var(--space-xxs) var(--space-md);cursor:pointer;color:var(--color-brand-primary);font-weight:700;letter-spacing:.2px}.lang-toggle button.active{background:linear-gradient(120deg,var(--color-brand-primary),var(--color-brand-secondary));color:var(--color-brand-on-primary)}.hero{position:relative;overflow:visible}.hero-blobs{position:absolute;inset:-140px;background:radial-gradient(circle at 18% 30%,rgba(99,102,241,.16),transparent 38%),radial-gradient(circle at 82% 12%,rgba(129,140,248,.16),transparent 34%),radial-gradient(circle at 92% 72%,rgba(99,102,241,.12),transparent 32%);filter:blur(20px);opacity:.6;pointer-events:none}.hero-grid{display:grid;grid-gap:var(--space-xl);gap:var(--space-xl)}.hero-copy{display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.hero-stack{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-lg);position:relative;z-index:1}.hero-card{position:relative;overflow:hidden}.hero-card h3{margin:var(--space-md) 0 var(--space-sm) 0;font-size:22px;color:var(--color-text-strong)}.hero-card p{margin:0 0 var(--space-lg) 0;color:var(--color-text-muted);line-height:1.5}.hero-card.secondary{background:linear-gradient(160deg,rgba(99,102,241,.12),rgba(129,140,248,.18))}.phone-mockup{width:300px;height:600px;background:#1f2937;border-radius:40px;padding:12px;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin:0 auto;border:4px solid #374151}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:24px;background:#1f2937;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.phone-screen{width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden;position:relative}.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.slide.active{opacity:1}.slide-content{width:100%;display:flex;flex-direction:column;align-items:center}.slide-label{font-size:20px;font-weight:700;color:var(--color-text-strong);margin-bottom:4px}.slide-sub{font-size:14px;color:var(--color-text-muted);margin-bottom:32px}.skeleton-block{width:100%;height:140px;background:rgba(0,0,0,.05);border-radius:16px;margin-bottom:24px}.skeleton-line{height:12px;background:rgba(0,0,0,.05);border-radius:6px;margin-bottom:10px}.pill{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);background:rgba(99,102,241,.12);color:var(--color-brand-primary);font-weight:700;font-size:12px;letter-spacing:.4px}.pill.strong{flex-direction:column;align-items:flex-start;background:linear-gradient(140deg,rgba(99,102,241,.18),rgba(129,140,248,.08));border:1px solid rgba(99,102,241,.18);gap:var(--space-xs);padding:var(--space-md) var(--space-lg)}.pill.strong,.pill.subtle{color:var(--color-text-strong)}.pill.subtle{background:rgba(99,102,241,.1)}.pill-detail{color:var(--color-text-muted);font-weight:600}.pill-strip{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.callout{border:1px dashed var(--color-surface-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);background:hsla(0,0%,100%,.7);width:-moz-fit-content;width:fit-content}.callout.note{border-style:solid;border-color:rgba(99,102,241,.25);background:rgba(99,102,241,.06)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{background:rgba(0,0,0,.04);color:var(--color-text-muted);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);font-size:13px;border:1px solid var(--color-surface-border)}.highlight-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.highlight{display:flex;align-items:flex-start;gap:var(--space-sm)}.dot{width:10px;height:10px;border-radius:999px;margin-top:4px;background:linear-gradient(120deg,var(--color-brand-primary),var(--color-brand-secondary));box-shadow:0 0 0 4px rgba(99,102,241,.12)}.highlight-label{font-weight:700;color:var(--color-text-strong)}.highlight-detail{color:var(--color-text-muted)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:var(--space-xl)}.feature-card h3{margin:0 0 var(--space-sm) 0;font-size:18px;color:var(--color-text-strong)}.feature-card p{margin:0;color:var(--color-text-muted);line-height:1.5}.glance-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:var(--space-xl)}.glance-card{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.glance-detail{margin:0;color:var(--color-text-muted);line-height:1.6}.accent{display:inline-flex;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);background:rgba(99,102,241,.1);color:var(--color-brand-primary);font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:var(--space-md)}.token-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--space-xl)}.token{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md)}.token-swatch{height:120px;border-radius:var(--radius-md);border:1px solid var(--color-surface-border)}.token-meta{display:flex;flex-direction:column;gap:var(--space-xxs)}.token-name{font-weight:700;color:var(--color-text-strong)}.token-value{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.token-usage,.token-value{color:var(--color-text-muted)}.token-usage{font-size:14px}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:var(--space-xl)}.experience-card h3{margin:0 0 var(--space-sm) 0;font-size:17px;color:var(--color-text-strong)}.experience-card p{margin:0;color:var(--color-text-muted);line-height:1.5}.journey-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-xl)}.journey-card{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-md);gap:var(--space-md);align-items:start}.step-badge{width:38px;height:38px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));color:var(--color-brand-on-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;box-shadow:0 12px 32px rgba(99,102,241,.3)}.safety-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--space-xl)}.safety-card h3{margin:0 0 var(--space-sm) 0;color:var(--color-text-strong);font-size:17px}.safety-card p{margin:0;color:var(--color-text-muted);line-height:1.5}.subscription-card{display:grid;grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-lg)}.subscription-desc{margin:0;color:var(--color-text-muted);line-height:1.6}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-xl)}.tier-card{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.tier-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-text-strong)}.tier-card ul{margin:0;padding-left:18px;display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);color:var(--color-text-muted)}.tier-card li::marker{color:var(--color-brand-primary);font-weight:700}.footnote{color:var(--color-text-muted);font-size:14px;margin-top:var(--space-sm)}.cta{margin-bottom:32px}.cta-card{display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-start;background:linear-gradient(150deg,rgba(129,140,248,.16),hsla(0,0%,100%,.94));border:1px solid rgba(99,102,241,.12);box-shadow:0 24px 60px rgba(17,24,39,.18);padding:calc(var(--space-xl) + 4px);overflow:visible}.cta-actions{gap:var(--space-sm)}.cta-actions,.footer{display:flex;flex-wrap:wrap}.footer{justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0;border-top:1px solid var(--color-surface-border);color:var(--color-text-muted);font-size:14px}.footer-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.footer a{color:inherit;font-weight:600;letter-spacing:.1px}.footer a:hover{color:var(--color-text-strong)}code{background:rgba(0,0,0,.05);padding:2px 6px;border-radius:6px;font-size:14px}h3,p{margin:0}@keyframes float{0%{transform:translateY(-6px) scale(1.02)}to{transform:translateY(6px) scale(.98)}}@media (min-width:768px){.section{margin-bottom:96px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.hero-stack{margin-top:0}.cta-card{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width:640px){.page-shell{max-width:100%;padding:var(--space-lg);margin:0}.site-header{flex-direction:column;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);margin-bottom:var(--space-lg);position:-webkit-sticky;position:sticky;top:var(--space-sm);z-index:100}.nav-links{gap:var(--space-xs);flex-wrap:wrap}.lang-toggle,.nav-links{width:100%;justify-content:center}.section-title{font-size:32px;line-height:1.2}.hero-copy{width:100%;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-grid{gap:var(--space-lg);width:100%}.hero-stack{gap:var(--space-md);width:100%}.phone-mockup{width:100%;max-width:280px;height:560px}.btn,.card,.cta-card,.glance-card,.hero-card,.journey-card,.tier-card{width:100%}.section{margin-bottom:64px}.card{padding:var(--space-lg)}.cta-card{align-items:stretch;gap:var(--space-md)}}