:root{--color-navy-950:#091929;--color-navy-900:#0d2137;--color-navy-800:#112b47;--color-navy-700:#1a3a5c;--color-navy-600:#234d78;--color-cyan-500:#00b4d8;--color-cyan-400:#22d3ee;--color-cyan-300:#67e8f9;--color-cyan-100:#e0f7fc;--color-light-50:#f5f7fa;--color-light-100:#eef1f6;--color-light-200:#e2e8f0;--color-light-300:#d4dde8;--color-light-400:#b0c2d4;--color-ink-900:#0d1f33;--color-ink-700:#3a566e;--color-ink-500:#7a99b0;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--dark-bg:var(--color-navy-900);--dark-surface:var(--color-navy-800);--dark-elevated:var(--color-navy-700);--dark-border:var(--color-navy-700);--dark-text:#fff;--dark-text-sub:#a8bfd4;--dark-text-muted:#6b8ca8;--light-bg:var(--color-light-50);--light-surface:#fff;--light-elevated:var(--color-light-100);--light-border:var(--color-light-300);--light-text:var(--color-ink-900);--light-text-sub:var(--color-ink-700);--light-text-muted:var(--color-ink-500);--accent-on-dark:var(--color-cyan-500);--accent-on-light:#0096b8;--accent-hover-on-dark:var(--color-cyan-400);--accent-hover-on-light:var(--color-cyan-500);--bg-base:var(--dark-bg);--bg-surface:var(--dark-surface);--bg-elevated:var(--dark-elevated);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-sub);--text-muted:var(--dark-text-muted);--accent:var(--accent-on-dark);--accent-hover:var(--accent-hover-on-dark);--border:var(--dark-border);--font-sans:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--font-brand:'Audiowide',cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.7;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 24px rgba(0,180,216,.25);--shadow-glow-strong:0 0 40px rgba(0,180,216,.4);--shadow-sm-light:0 1px 3px rgba(0,0,0,.08);--shadow-md-light:0 4px 16px rgba(0,0,0,.1);--shadow-lg-light:0 8px 32px rgba(0,0,0,.12);--shadow-glow-light:0 0 24px rgba(0,150,184,.18);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--z-sticky:50;--z-nav:100;--z-dropdown:200;--z-modal:300;--z-toast:400;--cyan-a04:rgba(0,180,216,.04);--cyan-a05:rgba(0,180,216,.05);--cyan-a06:rgba(0,180,216,.06);--cyan-a07:rgba(0,180,216,.07);--cyan-a10:rgba(0,180,216,.1);--cyan-a12:rgba(0,180,216,.12);--cyan-a15:rgba(0,180,216,.15);--cyan-a18:rgba(0,180,216,.18);--cyan-a30:rgba(0,180,216,.3);--cyan-a35:rgba(0,180,216,.35);--cyan-a40:rgba(0,180,216,.4);--white-a03:rgba(255,255,255,.03);--white-a04:rgba(255,255,255,.04);--white-a06:rgba(255,255,255,.06);--white-a07:rgba(255,255,255,.07);--white-a08:rgba(255,255,255,.08);--white-a12:rgba(255,255,255,.12);--white-a15:rgba(255,255,255,.15);--white-a55:rgba(255,255,255,.55);--white-a65:rgba(255,255,255,.65);--black-a30:rgba(0,0,0,.3);--black-a40:rgba(0,0,0,.4);--black-a50:rgba(0,0,0,.5);--shadow-hero:0 0 0 1px var(--cyan-a06),0 32px 64px var(--black-a40)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--dark-text);background-color:var(--dark-bg)}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.surface-dark{--bg-base:var(--dark-bg);--bg-surface:var(--dark-surface);--bg-elevated:var(--dark-elevated);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-sub);--text-muted:var(--dark-text-muted);--accent:var(--accent-on-dark);--accent-hover:var(--accent-hover-on-dark);--border:var(--dark-border);background-color:var(--dark-bg);color:var(--dark-text)}.surface-light{--bg-base:var(--light-bg);--bg-surface:var(--light-surface);--bg-elevated:var(--light-elevated);--text-primary:var(--light-text);--text-secondary:var(--light-text-sub);--text-muted:var(--light-text-muted);--accent:var(--accent-on-light);--accent-hover:var(--accent-hover-on-light);--border:var(--light-border);background-color:var(--light-bg);color:var(--light-text)}.surface-light .card{background:var(--light-surface);border-color:var(--light-border);box-shadow:var(--shadow-sm-light)}.surface-light .card:hover{box-shadow:var(--shadow-md-light);border-color:var(--color-light-400)}.surface-light .card-accent{border-color:rgba(0,150,184,.3)}.surface-light .card-accent:hover{border-color:var(--accent-on-light);box-shadow:var(--shadow-glow-light)}.display-1{font-size:clamp(2.5rem,6vw,var(--text-6xl));font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:-.03em}.display-2{font-size:clamp(2rem,4.5vw,var(--text-5xl));font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.025em}.heading-1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.heading-2{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:-.015em}.heading-3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.body-base{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.label{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.code{font-family:var(--font-mono);font-size:var(--text-sm)}.text-gradient{background:linear-gradient(135deg,var(--color-cyan-500) 0%,var(--color-cyan-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.surface-light .text-gradient{background:linear-gradient(135deg,#0076a8 0%,#0096b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-base);line-height:1;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.surface-dark .btn-primary{color:var(--color-navy-950)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.surface-dark .btn-primary:hover{box-shadow:var(--shadow-glow)}.surface-light .btn-primary:hover{box-shadow:var(--shadow-glow-light)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.surface-dark .btn-outline:hover{background:rgba(0,180,216,.06)}.surface-light .btn-outline:hover{background:rgba(0,150,184,.06)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{color:var(--text-primary)}.surface-dark .btn-ghost:hover{background:rgba(255,255,255,.05)}.surface-light .btn-ghost:hover{background:rgba(0,0,0,.04)}.btn-lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-xs{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--color-navy-600);box-shadow:var(--shadow-md)}.card-accent{border-color:rgba(0,180,216,.3)}.card-accent:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em}.badge-cyan{background:rgba(0,180,216,.15);color:var(--color-cyan-300);border:1px solid rgba(0,180,216,.25)}.surface-light .badge-cyan{color:#0076a8;background:rgba(0,150,184,.1);border-color:rgba(0,150,184,.2)}.badge-neutral{background:rgba(255,255,255,.06);color:var(--text-secondary);border:1px solid var(--border)}.surface-light .badge-neutral{background:rgba(0,0,0,.04);color:var(--light-text-sub);border-color:var(--light-border)}.nav{position:sticky;top:0;z-index:var(--z-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(13,33,55,.88);border-bottom:1px solid var(--color-navy-700)}.nav__inner{display:flex;align-items:center;gap:var(--space-8);min-height:64px}.nav__logo{display:flex;align-items:center;flex-shrink:0;color:var(--dark-text);text-decoration:none}.nav__links{display:flex;align-items:center;gap:var(--space-1);list-style:none;flex:1}.nav__link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--dark-text-sub);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.nav__link:hover{color:var(--dark-text);background:rgba(255,255,255,.05)}.nav__link--active{color:var(--color-cyan-400)}.nav__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav__toggle{display:none;align-items:center;justify-content:center;background:transparent;border:0;color:var(--dark-text-sub);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);margin-left:auto;flex-shrink:0;transition:background var(--transition-fast)}.nav__toggle:hover{background:rgba(255,255,255,.06)}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section-sm{padding-top:var(--space-16);padding-bottom:var(--space-16)}.divider{height:1px;background:var(--border);border:0}.pricing-grid{display:grid;gap:var(--space-6)}.eyebrow{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-4)}.plan-card-header{display:flex;align-items:center;justify-content:space-between;min-height:26px;margin-bottom:var(--space-2)}.plan-name{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.plan-price{line-height:1;margin:var(--space-3) 0 var(--space-1)}.plan-price-amount{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary)}.plan-price-sup{font-size:var(--text-xl);font-weight:var(--font-semibold);vertical-align:super;color:var(--text-primary)}.plan-price-period{font-size:var(--text-sm);color:var(--text-muted)}.plan-tagline{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);min-height:3em}.plan-divider{height:1px;background:var(--border);margin:var(--space-5) 0}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.plan-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.plan-features li svg{flex-shrink:0;color:var(--accent)}.card .plan-features li strong{color:var(--text-primary);font-weight:var(--font-semibold)}.bg-glow{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,180,216,.12) 0%,transparent 70%)}@media(max-width:768px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media(max-width:768px){.nav__inner{flex-wrap:wrap;gap:0;align-items:center}.nav__toggle{display:flex;margin-left:auto;order:2}.nav__links{display:none;order:3;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;list-style:none;padding:var(--space-1) 0}.nav__links .nav__link{padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm)}.nav__actions{display:none;order:4;flex:0 0 100%;flex-direction:row;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-4);border-top:1px solid var(--color-navy-700)}.nav--open .nav__links{display:flex}.nav--open .nav__actions{display:flex}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-navy-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-navy-600,#22496e)}*{scrollbar-width:thin;scrollbar-color:var(--color-navy-700) transparent}body{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);padding:var(--space-16) 0 var(--space-8)}.footer-col-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-4)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);padding:var(--space-6) 0;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:768px){.footer-inner{grid-template-columns:1fr}}.footer-slim{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-8);border-top:1px solid var(--dark-border);background:var(--color-navy-950)}.footer-slim-logo{display:inline-flex;align-items:center;text-decoration:none}.footer-slim-links{display:flex;gap:var(--space-5);font-size:var(--text-xs)}.footer-slim-links a{color:var(--dark-text-muted);text-decoration:none}.footer-slim-links a:hover{color:var(--dark-text-sub)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-8);background:var(--color-navy-950);border-top:1px solid var(--color-navy-700);box-shadow:0 -4px 24px rgba(0,0,0,.3)}.cookie-banner p{font-size:var(--text-sm);color:var(--dark-text-sub);margin:0}.cookie-banner a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cookie-banner-actions{display:flex;gap:var(--space-3);flex-shrink:0}@media(max-width:640px){.cookie-banner{flex-direction:column;align-items:flex-start;padding:var(--space-4) var(--space-5);gap:var(--space-4)}.cookie-banner-actions{width:100%}.cookie-banner-actions .btn{flex:1;justify-content:center}}.demo-window{background:var(--color-navy-950);border:1px solid var(--color-navy-700);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-hero)}body.dark-preview{--light-bg:var(--dark-bg);--light-surface:var(--dark-surface);--light-elevated:var(--dark-elevated);--light-border:var(--dark-border);--light-text:var(--dark-text);--light-text-sub:var(--dark-text-sub);--light-text-muted:var(--dark-text-muted);--accent-on-light:var(--accent)}