:root{--bg: #0b1326;--surface: #171f33;--surface-low: #131b2e;--surface-lowest: #060e20;--surface-high: #222a3d;--primary: #c0c1ff;--primary-container: #8083ff;--on-primary: #1000a9;--on-primary-container: #0d0096;--tertiary: #ddb7ff;--secondary: #ffb95f;--on-surface: #dae2fd;--on-surface-variant: #c7c4d7;--error: #ffb4ab;--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .1);--font-display: "Hanken Grotesk", system-ui, sans-serif;--font-body: "Geist", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--container-max: 1280px;--gutter: 24px;--stack-lg: 80px;--stack-md: 48px;--radius: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);color:var(--on-surface);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#c0c1ff4d;color:var(--primary)}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.material-symbols-outlined{font-size:24px;line-height:1;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.muted{color:var(--on-surface-variant)}.small{font-size:14px}.accent{color:var(--primary)}.center{text-align:center}.center-text{text-align:center;margin-inline:auto}.label{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.headline{font-size:clamp(30px,4.5vw,48px);line-height:1.1}.lead{font-size:18px;line-height:1.55;color:var(--on-surface-variant)}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);padding:4px 16px;border-radius:var(--radius-full);border:1px solid rgba(192,193,255,.2);background:#c0c1ff0d}.gradient-text{background:linear-gradient(135deg,#c0c1ff,#ddb7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.accent-rule{width:96px;height:4px;margin:0 auto;border-radius:var(--radius-full);background:linear-gradient(90deg,#ffb95f,#c0c1ff)}.glass-card{background:#171f33b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hairline);box-shadow:inset 0 1px 1px #ffffff0d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-xl);padding:14px 28px;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{box-shadow:0 0 24px #c0c1ff66}.btn--glass{background:#171f33b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--hairline);color:var(--on-surface)}.btn--glass:hover{background:#ffffff0d}.btn--pill{border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary-container);padding:10px 24px}.btn--pill:hover{transform:scale(1.05)}.btn--lg{font-size:18px;padding:16px 32px}.btn--xl{font-size:20px;padding:20px 40px;border-radius:var(--radius-2xl)}.btn--xl.btn--primary:hover{box-shadow:0 0 40px #c0c1ff66}.btn--block{width:100%;padding-block:16px}.nav{position:sticky;top:0;z-index:50;background:#0b1326cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--hairline-strong)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:80px}.nav__brand{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.nav__links{display:flex;align-items:center;gap:32px}.nav__link{font-size:16px;color:var(--on-surface-variant);transition:color .2s ease}.nav__link:hover{color:var(--on-surface)}.nav__link--active{color:var(--primary);font-weight:700;border-bottom:2px solid var(--primary);padding-bottom:2px}.section{padding-block:var(--stack-lg)}.section--sunken{background:var(--surface-lowest)}.section--sunken-low{background:var(--surface-low)}.section--tight{padding-block:var(--stack-md)}.section__head{margin-bottom:64px}.section__head--left{max-width:48rem}.section__head--center{text-align:center;max-width:44rem;margin-inline:auto}.section__head .headline{margin-bottom:16px}.section__head--center .lead{margin-top:4px}.grid{display:grid;gap:32px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr);gap:24px}.hero{padding-top:80px;padding-bottom:var(--stack-lg);overflow:hidden}.hero__intro{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:56rem;margin:0 auto 64px}.hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,7vw,72px);line-height:1.05;letter-spacing:-.02em;margin:24px 0}.hero__lead{font-size:18px;line-height:1.55;color:var(--on-surface-variant);max-width:42rem;margin-bottom:40px}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px}.hero__note{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:#c7c4d799}.hero__mockup{position:relative;max-width:48rem;margin-inline:auto}.hero__glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:#6366f133;filter:blur(100px);border-radius:var(--radius-full);z-index:0}.hero__frame{position:relative;z-index:1;padding:16px;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000080}.hero__img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:2rem;border:1px solid rgba(255,255,255,.05)}.hero__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--primary);background:#0b1326e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 24px;border-radius:var(--radius-full);border:1px solid rgba(192,193,255,.3);pointer-events:none}.card{padding:40px;border-radius:var(--radius-2xl);transition:transform .3s ease,box-shadow .3s ease}.card__icon{font-size:36px;display:block;margin-bottom:24px}.card__icon--tertiary{color:var(--tertiary)}.card__title{font-size:28px;font-weight:500;margin-bottom:16px}.card__subtitle{font-size:16px;font-weight:700;margin-bottom:12px}.glow-hover:hover{box-shadow:0 0 32px #6366f126}.card--lift{padding:32px}.card--lift:hover{transform:translateY(-8px)}.card--lift .card__icon{font-size:24px;margin-bottom:16px}.compare{align-items:start;gap:48px}.compare__col{display:flex;flex-direction:column;gap:24px}.compare__col--before{opacity:.6;filter:grayscale(1);transition:opacity .5s ease,filter .5s ease}.compare__col--before:hover{opacity:1;filter:grayscale(0)}.compare__tag{display:flex;align-items:center;gap:12px}.compare__tag--before{color:var(--error)}.compare__tag--after{color:var(--primary)}.compare__list{display:flex;flex-direction:column;gap:16px}.compare__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:var(--radius-xl)}.compare__item--after{border-color:#c0c1ff4d;background:#c0c1ff0d;font-weight:700}.steps__title{margin-bottom:80px}.steps{display:flex;flex-direction:column;gap:var(--stack-lg)}.step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.step--reverse .step__text{order:2}.step--reverse .step__media{order:1}.step__num{margin-bottom:16px}.step__text .headline{margin-bottom:24px}.step__media{border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.step__media img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.personas-section{background:#2d34494d}.personas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 64px;opacity:.5;filter:grayscale(1)}.personas li{display:inline-flex;align-items:center;gap:8px;color:var(--on-surface)}.personas .material-symbols-outlined{font-size:18px}.pricing{max-width:56rem;margin-inline:auto}.plan{position:relative;padding:40px;border-radius:var(--radius-3xl);overflow:hidden}.plan--featured{border-color:#c0c1ff66;background:#c0c1ff0d;box-shadow:0 0 0 2px #c0c1ff33}.plan__flag{position:absolute;top:0;right:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;background:var(--primary);color:var(--on-primary);padding:4px 16px;border-bottom-left-radius:var(--radius-xl)}.plan__head{margin-bottom:32px}.plan__name{font-size:24px;font-weight:700;margin-bottom:8px}.plan__price{font-size:40px;font-weight:700;font-family:var(--font-display)}.plan__period{font-size:18px;font-weight:400;color:var(--on-surface-variant)}.plan__features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.plan__features li{display:flex;align-items:center;gap:12px}.plan:not(.plan--featured) .plan__features li{color:var(--on-surface-variant)}.pricing__note{margin-top:32px;font-size:14px}.final-cta{max-width:64rem;margin-inline:auto;text-align:center;padding:clamp(48px,8vw,96px);border-radius:3rem;border-color:#c0c1ff33}.final-cta__title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,64px);line-height:1.1;margin-bottom:32px}.final-cta__lead{max-width:36rem;margin:0 auto 48px}.final-cta__note{margin-top:32px;font-family:var(--font-mono);font-size:12px;color:#c7c4d766}.footer{background:var(--surface-lowest);border-top:1px solid rgba(255,255,255,.05);padding-block:var(--stack-md)}.footer__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.footer__brand{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:12px}.footer__tag{color:var(--on-surface-variant);opacity:.8}.footer__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 32px}.footer__links a{font-family:var(--font-mono);font-size:12px;color:var(--on-surface-variant);transition:color .2s ease}.footer__links a:hover{color:var(--primary)}@media (max-width: 1024px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--stack-lg: 56px;--stack-md: 40px}.nav__links{display:none}.grid--2,.grid--3,.grid--4,.step{grid-template-columns:1fr}.step{gap:32px}.step--reverse .step__text{order:1}.step--reverse .step__media{order:2}.compare{gap:40px}.hero__actions{width:100%;flex-direction:column;align-items:stretch}.footer__inner{grid-template-columns:1fr}.footer__links{justify-content:flex-start}}@media (max-width: 480px){.card,.plan{padding:28px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}