/* =====================================================================
   Aurora Pixel Studio — tokens (inlined from the design system)
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --aps-void:#05070d; --aps-space-900:#080b14; --aps-space-800:#0d111d; --aps-space-700:#141a29;
  --aps-space-600:#1c2335; --aps-space-500:#2a3346; --aps-space-400:#3a4459; --aps-space-300:#5a6478;
  --aps-space-200:#8b95ab; --aps-space-100:#c3cad9; --aps-white:#f4f7fc;
  --aps-green:#3df5a0; --aps-green-soft:#7afcc0; --aps-green-deep:#15b873;
  --aps-cyan:#2ee6e0; --aps-cyan-deep:#12b3b8; --aps-blue:#4b8dff;
  --aps-violet:#9d6bff; --aps-violet-deep:#6f3ce0; --aps-magenta:#ff5cc8; --aps-magenta-deep:#d62ea0;
  --aps-success:#3df5a0; --aps-info:#4b8dff; --aps-warning:#ffc24b; --aps-danger:#ff5470;
  --aps-aurora:linear-gradient(110deg,#3df5a0 0%,#2ee6e0 32%,#4b8dff 58%,#9d6bff 80%,#ff5cc8 100%);
  --aps-aurora-soft:linear-gradient(110deg,rgba(61,245,160,.9) 0%,rgba(46,230,224,.85) 40%,rgba(157,107,255,.85) 75%,rgba(255,92,200,.85) 100%);
  --aps-grad-green:linear-gradient(135deg,#3df5a0 0%,#12b3b8 100%);
  --aps-grad-violet:linear-gradient(135deg,#9d6bff 0%,#ff5cc8 100%);
  --aps-bg:var(--aps-space-900); --aps-bg-canvas:var(--aps-void);
  --aps-surface:var(--aps-space-800); --aps-surface-raised:var(--aps-space-700); --aps-surface-overlay:var(--aps-space-600);
  --aps-text:var(--aps-space-100); --aps-text-strong:var(--aps-white); --aps-text-muted:var(--aps-space-200);
  --aps-text-faint:var(--aps-space-300); --aps-text-on-accent:#05121c;
  --aps-border:var(--aps-space-500); --aps-border-muted:var(--aps-space-400); --aps-border-strong:var(--aps-space-300);
  --aps-accent:var(--aps-green); --aps-accent-hover:var(--aps-green-soft); --aps-accent-press:var(--aps-green-deep); --aps-accent-2:var(--aps-violet);
  --aps-focus-ring:rgba(61,245,160,.55); --aps-glass:rgba(20,26,41,.72); --aps-glass-border:rgba(160,180,220,.14);
  --aps-font-display:'Space Grotesk','Segoe UI',system-ui,sans-serif;
  --aps-font-body:'Sora','Segoe UI',system-ui,sans-serif;
  --aps-font-mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
  --aps-fw-light:300; --aps-fw-regular:400; --aps-fw-medium:500; --aps-fw-semibold:600; --aps-fw-bold:700;
  --aps-radius-xs:6px; --aps-radius-sm:10px; --aps-radius-md:14px; --aps-radius-lg:20px; --aps-radius-xl:28px; --aps-radius-pill:999px;
  --aps-shadow-sm:0 1px 2px rgba(0,0,0,.5); --aps-shadow-md:0 8px 24px rgba(0,0,0,.45); --aps-shadow-lg:0 24px 60px rgba(0,0,0,.55);
  --aps-shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);
  --aps-glow-green:0 0 0 1px rgba(61,245,160,.35),0 0 24px rgba(61,245,160,.35);
  --aps-glow-violet:0 0 0 1px rgba(157,107,255,.35),0 0 24px rgba(157,107,255,.35);
  --aps-glow-magenta:0 0 0 1px rgba(255,92,200,.35),0 0 24px rgba(255,92,200,.35);
  --aps-glow-soft:0 0 40px rgba(61,245,160,.18);
  --aps-blur-sm:blur(8px); --aps-blur-md:blur(18px); --aps-blur-lg:blur(40px);
  --aps-dur-fast:140ms; --aps-dur-base:240ms; --aps-dur-slow:420ms; --aps-dur-aurora:18s;
  --aps-ease-out:cubic-bezier(0.16,1,0.3,1); --aps-ease-inout:cubic-bezier(0.65,0,0.35,1); --aps-ease-soft:cubic-bezier(0.4,0,0.2,1);
}

@keyframes aps-aurora-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* =====================================================================
   base + brand utilities  (fonts bumped ~2px for legibility)
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--aps-font-body);font-size:1.0625rem;line-height:1.55;color:var(--aps-text);background:#03040a;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{font-family:var(--aps-font-display);font-weight:700;line-height:1.05;letter-spacing:-0.02em;color:var(--aps-text-strong);margin:0}
a{color:var(--aps-accent);text-decoration:none}
img{display:block}

.aps-eyebrow{font-family:var(--aps-font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--aps-accent)}
.aps-aurora-text{background:var(--aps-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}
.aps-glass{background:var(--aps-glass);-webkit-backdrop-filter:var(--aps-blur-md);backdrop-filter:var(--aps-blur-md);border:1px solid var(--aps-glass-border);border-radius:var(--aps-radius-lg)}

.fx{display:flex} .col{display:flex;flex-direction:column} .ac{align-items:center}
.jc{justify-content:center} .jb{justify-content:space-between} .f1{flex:1} .wrap{flex-wrap:wrap}
.center{text-align:center}
.gap8{gap:8px} .gap10{gap:10px} .gap12{gap:12px} .gap16{gap:16px} .gap24{gap:24px}

/* =====================================================================
   live aurora background (WebGL canvas, fixed) — dimmed so text stays legible
   ===================================================================== */
#aurora-sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
#sky-fallback{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(120% 80% at 50% -10%,rgba(61,245,160,.06),transparent 55%),
  radial-gradient(120% 90% at 75% 5%,rgba(157,107,255,.08),transparent 55%),
  radial-gradient(100% 90% at 25% 0%,rgba(46,230,224,.05),transparent 60%),
  linear-gradient(180deg,#02030a 0%,#04060f 60%,#060a16 100%)}

/* =====================================================================
   page scaffolding — darker section overlays so the aurora doesn't wash out copy
   ===================================================================== */
.page{position:relative;z-index:1;overflow:hidden}
.shell{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}
.shell-narrow{max-width:920px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}
.sec{position:relative;padding:clamp(72px,9vw,128px) 0;overflow:hidden}
.void{background:rgba(5,7,13,.74)}
.s900{background:rgba(8,11,20,.85)}
.h1{font-size:clamp(40px,6.2vw,76px);line-height:1.02;letter-spacing:-0.028em;color:var(--aps-text-strong);margin:0}
.h2{font-size:clamp(31px,4.6vw,54px);line-height:1.06;letter-spacing:-0.02em;color:var(--aps-text-strong);margin:0}
.h3{font-size:clamp(21px,1.8vw,26px);line-height:1.2;color:var(--aps-text-strong);margin:0}
.lead{font-size:clamp(18px,1.45vw,22px);line-height:1.65;color:var(--aps-text-muted);margin:0}
.body{font-size:18px;line-height:1.65;color:var(--aps-text-muted);margin:0}
.muted{color:var(--aps-text-muted)} .faint{color:var(--aps-text-faint)} .mono{font-family:var(--aps-font-mono)}
.tnudge{margin-top:18px} .tnudge-sm{margin-top:12px} .tnudge-lg{margin-top:32px}
.bloom{position:absolute;border-radius:50%;filter:blur(90px);background:var(--aps-aurora);background-size:200% 200%;animation:aps-aurora-drift var(--aps-dur-aurora,18s) var(--aps-ease-inout) infinite;opacity:var(--bloom-op,.14);pointer-events:none;z-index:0}
.gridtex{position:absolute;inset:0;background-image:radial-gradient(rgba(160,180,220,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0}
.z1{position:relative;z-index:1}

/* scroll-reveal transitions (fade + rise + de-blur, staggerable) */
.js-anim .reveal{opacity:0;transform:translateY(30px) scale(.985);filter:blur(8px);transition:opacity .75s var(--aps-ease-out),transform .75s var(--aps-ease-out),filter .75s var(--aps-ease-out)}
.js-anim .reveal.in{opacity:1;transform:none;filter:blur(0)}

/* nav — logo enlarged (~2x) so it reads */
.nav{position:sticky;top:0;z-index:60;padding:10px 0;background:rgba(8,11,20,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--aps-glass-border)}
.brandname{font-family:var(--aps-font-display);font-weight:700;font-size:22px;color:var(--aps-white);letter-spacing:-0.01em;line-height:1}
.logo{width:100px;height:100px;object-fit:contain;display:block}
.brandlock{display:flex;align-items:center;gap:16px;text-decoration:none}
.navlinks{display:flex;gap:30px}
.navlink{color:var(--aps-text-muted);font-size:15px;font-weight:500;cursor:pointer}
.navlink:hover{color:var(--aps-text-strong)}

/* hero — real simulator video with scroll parallax */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden}
.hero-media{position:absolute;top:-20%;left:0;width:100%;height:140%;z-index:0;overflow:hidden;background:#05070d;will-change:transform}
.hero-vid{width:100%;height:100%;object-fit:cover;opacity:.92}
.hero-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,7,13,.92) 0%,rgba(5,7,13,.72) 42%,rgba(5,7,13,.30) 74%,rgba(5,7,13,.52) 100%),radial-gradient(120% 130% at 50% 130%,rgba(5,7,13,.7),transparent 64%);pointer-events:none}
.heromute{position:absolute;z-index:3;right:clamp(20px,4vw,64px);bottom:28px;display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid rgba(61,245,160,.45);border-radius:999px;background:rgba(13,17,29,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--aps-green);font-family:var(--aps-font-mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:transform var(--aps-dur-base) var(--aps-ease-out)}
.heromute:hover{transform:translateY(-1px)}

/* video frames */
.vframe{position:relative;display:block;width:100%;border-radius:var(--aps-radius-md);overflow:hidden;border:1px solid var(--aps-border);background:linear-gradient(160deg,var(--aps-space-700),var(--aps-space-900));text-decoration:none}
.vframe.cover-h{height:100%;min-height:212px}
.vframe img,.vframe video{width:100%;height:100%;object-fit:cover;display:block}
.vframe[data-video]{cursor:pointer}
.vovl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(5,7,13,.1),rgba(5,7,13,.46));transition:opacity var(--aps-dur-base) var(--aps-ease-out),background var(--aps-dur-base) var(--aps-ease-out)}
.vframe:hover .vovl{background:radial-gradient(circle at 50% 50%,rgba(5,7,13,.04),rgba(5,7,13,.32))}
.vframe.playing .vovl{opacity:0;pointer-events:none}
.vbtn{width:62px;height:62px;border-radius:999px;background:rgba(13,17,29,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(61,245,160,.55);display:flex;align-items:center;justify-content:center;color:var(--aps-green);box-shadow:var(--aps-glow-green);transition:transform var(--aps-dur-base) var(--aps-ease-out)}
.vframe:hover .vbtn{transform:scale(1.08)}
.vtag{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--aps-font-mono);font-size:12px;letter-spacing:.03em;color:var(--aps-white);background:rgba(5,7,13,.62);padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.poster-brand{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 0%,rgba(157,107,255,.16),transparent 60%),linear-gradient(160deg,var(--aps-space-700),var(--aps-space-900))}
.poster-logo{width:96px!important;height:auto!important;object-fit:contain!important;opacity:.9}

/* misc brand bits */
.eyebadge{display:inline-flex;align-items:center;gap:8px;font-family:var(--aps-font-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--aps-green);border:1px solid rgba(61,245,160,.3);background:rgba(61,245,160,.08);border-radius:999px;padding:7px 14px}
.dot{width:6px;height:6px;border-radius:999px;background:var(--aps-green);box-shadow:0 0 10px var(--aps-green)}
.micro{font-family:var(--aps-font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--aps-green)}
.motto{font-family:var(--aps-font-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--aps-text-faint)}
.ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(61,245,160,.1);color:var(--aps-green);border:1px solid rgba(61,245,160,.22)}
.ic-v{background:rgba(157,107,255,.1);color:var(--aps-violet);border-color:rgba(157,107,255,.24)}
.ic-b{background:rgba(75,141,255,.1);color:var(--aps-blue);border-color:rgba(75,141,255,.24)}
.ic-m{background:rgba(255,92,200,.1);color:var(--aps-magenta);border-color:rgba(255,92,200,.24)}
.promise{color:var(--aps-green-soft);font-size:clamp(17px,1.45vw,20px);line-height:1.5;font-weight:500;margin:0}
.area-head{border-top:1px solid var(--aps-border);padding-top:22px}
.area-k{font-family:var(--aps-font-mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--aps-violet)}
.area-t{font-family:var(--aps-font-display);font-weight:700;font-size:clamp(20px,2.1vw,26px);color:var(--aps-text-strong)}
.meta{font-family:var(--aps-font-mono);font-size:13px;letter-spacing:.04em;color:var(--aps-text-faint);text-transform:uppercase}
.meta b{color:var(--aps-text);font-weight:500}
.divthin{height:1px;background:var(--aps-border);width:100%}
.mod{background:var(--aps-space-700);border:1px solid var(--aps-border);border-radius:14px;padding:18px}
.modk{font-family:var(--aps-font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--aps-green)}
.stepnum{font-family:var(--aps-font-mono);font-size:13.5px;color:var(--aps-green);letter-spacing:.1em}

.go{display:inline-block;margin-top:10px;font-family:var(--aps-font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--aps-green)}
.go:hover{color:var(--aps-green-soft)}
.sims{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ev3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.field{display:flex;flex-direction:column;gap:7px}
.flabel{font-family:var(--aps-font-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--aps-text-faint)}
.input{width:100%;height:48px;background:var(--aps-space-800);border:1px solid var(--aps-border);border-radius:12px;color:var(--aps-text-strong);padding:0 14px;font-family:var(--aps-font-body);font-size:16px;transition:border-color var(--aps-dur-base) var(--aps-ease-out)}
.input:focus{outline:none;border-color:var(--aps-accent)}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.logos-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.alogo{height:36px;display:flex;align-items:center;padding:0 18px;border:1px solid var(--aps-border);border-radius:12px;background:var(--aps-space-800);font-family:var(--aps-font-display);font-weight:600;font-size:14px;color:var(--aps-text-muted);letter-spacing:.01em}
.foot-link{color:var(--aps-text-muted);font-size:15px;cursor:pointer}
.foot-link:hover{color:var(--aps-green)}
.checklist{display:flex;flex-direction:column;gap:11px;list-style:none;padding:0;margin:0}
.checklist li{display:flex;gap:11px;align-items:flex-start;font-size:16.5px;line-height:1.5;color:var(--aps-text-muted)}
.tick{flex:none;margin-top:2px;color:var(--aps-green)}
.thanks{border:1px solid rgba(61,245,160,.35);background:rgba(61,245,160,.07);border-radius:16px;padding:40px;text-align:center}

/* =====================================================================
   components
   ===================================================================== */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--aps-font-body);font-weight:600;letter-spacing:.01em;border-radius:var(--aps-radius-pill);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;overflow:hidden;transition:transform var(--aps-dur-fast) var(--aps-ease-out),box-shadow var(--aps-dur-base) var(--aps-ease-out),background var(--aps-dur-base) var(--aps-ease-out),border-color var(--aps-dur-base) var(--aps-ease-out)}
.btn-sm{height:38px;padding:0 16px;font-size:.9375rem;gap:8px}
.btn-md{height:46px;padding:0 22px;font-size:1.0625rem;gap:9px}
.btn-lg{height:56px;padding:0 30px;font-size:1.1875rem;gap:11px}
.btn-full{width:100%}
.btn>*{position:relative;z-index:1}
.btn::after{content:"";position:absolute;z-index:0;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);transition:left .65s var(--aps-ease-out)}
.btn:hover::after{left:140%}
.btn:active{transform:translateY(0) scale(.97)}
.btn-primary{background:var(--aps-accent);color:var(--aps-text-on-accent);box-shadow:var(--aps-glow-soft);animation:btnGreenPulse 3.6s ease-in-out infinite}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--aps-glow-green);animation-play-state:paused}
@keyframes btnGreenPulse{0%,100%{box-shadow:0 0 22px rgba(61,245,160,.20)}50%{box-shadow:0 0 30px rgba(61,245,160,.42)}}
.btn-aurora{background:var(--aps-aurora);background-size:220% 220%;color:var(--aps-text-on-accent);box-shadow:0 0 28px rgba(157,107,255,.35);animation:aps-aurora-drift 7s var(--aps-ease-inout) infinite,btnAuroraPulse 3.2s ease-in-out infinite}
@keyframes btnAuroraPulse{0%,100%{box-shadow:0 0 24px rgba(157,107,255,.32)}50%{box-shadow:0 0 40px rgba(61,245,160,.46)}}
.btn-aurora:hover{transform:translateY(-1px)}
.btn-secondary{background:rgba(160,180,220,.06);color:var(--aps-text-strong);border-color:var(--aps-border);-webkit-backdrop-filter:var(--aps-blur-sm);backdrop-filter:var(--aps-blur-sm)}
.btn-secondary:hover{transform:translateY(-1px);border-color:var(--aps-border-strong);box-shadow:0 0 22px rgba(61,245,160,.12)}

.card{position:relative;background:var(--aps-surface);border:1px solid var(--aps-border);border-radius:var(--aps-radius-lg);box-shadow:var(--aps-shadow-md),var(--aps-shadow-inset-top);color:var(--aps-text);transition:transform var(--aps-dur-base) var(--aps-ease-out),box-shadow var(--aps-dur-base) var(--aps-ease-out),border-color var(--aps-dur-base) var(--aps-ease-out)}
.card-glow-green{box-shadow:var(--aps-glow-green)}
.card-glow-violet{box-shadow:var(--aps-glow-violet)}
.card-glow-magenta{box-shadow:var(--aps-glow-magenta)}
.card-interactive:hover{transform:translateY(-3px);border-color:var(--aps-border-strong)}
.card-interactive:not(.card-glow-green):not(.card-glow-violet):not(.card-glow-magenta):hover{box-shadow:var(--aps-shadow-lg)}

.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;font-family:var(--aps-font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.02em;border-radius:var(--aps-radius-pill);white-space:nowrap;border:1px solid transparent}
.badge-neutral{color:var(--aps-text-muted);background:rgba(160,180,220,.10);border-color:var(--aps-border)}
.badge-accent{color:var(--aps-green);background:rgba(61,245,160,.12);border-color:rgba(61,245,160,.35)}
.badge-violet{color:var(--aps-violet);background:rgba(157,107,255,.14);border-color:rgba(157,107,255,.38)}
.badge-magenta{color:var(--aps-magenta);background:rgba(255,92,200,.14);border-color:rgba(255,92,200,.38)}
.badge-solid.badge-accent{color:var(--aps-text-on-accent);background:var(--aps-green);border-color:transparent}
.badge .bdot{width:6px;height:6px;border-radius:999px;background:currentColor}

/* VR capability features — hexagon dome badges (brand motif) with text below */
.vrfeatures{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,34px)}
.vrf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.hexbadge{position:relative;width:142px;height:132px;display:inline-flex;transition:scale var(--aps-dur-base) var(--aps-ease-out);animation:hexFloat 6.5s var(--aps-ease-inout) infinite;animation-delay:var(--d,0s)}
.vrf:hover .hexbadge{scale:1.07}
@keyframes hexFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes hexGlow{0%,100%{opacity:.5;filter:blur(16px)}50%{opacity:1;filter:blur(30px)}}
.hb-glow,.hb-line,.hb-inner{position:absolute;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}
.hb-glow{inset:-10px;filter:blur(16px);opacity:.7;animation:hexGlow 4.5s ease-in-out infinite;animation-delay:var(--d,0s)}
.hb-line{inset:0}
.hb-inner{inset:2.5px;background:radial-gradient(125% 125% at 50% 0%,var(--aps-space-700),var(--aps-space-900));display:flex;align-items:center;justify-content:center}
.hexbadge svg{width:44px!important;height:44px!important}
.hexbadge-green .hb-line{background:linear-gradient(160deg,rgba(61,245,160,.95),rgba(61,245,160,.28))} .hexbadge-green .hb-glow{background:rgba(61,245,160,.5)}
.hexbadge-blue .hb-line{background:linear-gradient(160deg,rgba(75,141,255,.95),rgba(75,141,255,.28))} .hexbadge-blue .hb-glow{background:rgba(75,141,255,.5)}
.hexbadge-violet .hb-line{background:linear-gradient(160deg,rgba(157,107,255,.95),rgba(157,107,255,.28))} .hexbadge-violet .hb-glow{background:rgba(157,107,255,.5)}
.hexbadge-magenta .hb-line{background:linear-gradient(160deg,rgba(255,92,200,.95),rgba(255,92,200,.28))} .hexbadge-magenta .hb-glow{background:rgba(255,92,200,.5)}
.vrf-t{font-family:var(--aps-font-display);font-weight:700;font-size:clamp(19px,1.7vw,23px);color:var(--aps-white);letter-spacing:-0.01em;margin:0}
.vrf-d{font-size:15.5px;line-height:1.55;color:var(--aps-text-muted);max-width:240px;margin:0}
/* hero headline — three-word protagonist */
.hero-leadin{display:block;font-family:var(--aps-font-body);font-weight:500;font-size:clamp(17px,1.9vw,24px);line-height:1.25;letter-spacing:-0.005em;color:var(--aps-text-muted);margin-bottom:12px}
.hero-tri{display:block;font-size:clamp(30px,6.4vw,80px);line-height:1.06}
.ht-l{display:block;white-space:nowrap}

@media(max-width:980px){.sims,.benefits,.plans,.steps,.ev3{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.vrfeatures{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vrfeatures{grid-template-columns:1fr}}
@media(max-width:760px){.navlinks{display:none}.brandname{display:none}.mods{grid-template-columns:1fr}.logo{width:78px;height:78px}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js-anim .reveal{opacity:1!important;transform:none!important;filter:none!important}
}

/* =====================================================================
   landings de simulación (generado por landings/build.py)
   ===================================================================== */
.hero-course .h1{font-size:clamp(32px,4.6vw,60px);line-height:1.06}
.crumb{display:inline-flex;align-items:center;gap:8px;font-family:var(--aps-font-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--aps-text-faint)}
.crumb:hover{color:var(--aps-green)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,56px);align-items:center}
.learn{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.learn .card{padding:24px}
.lnum{font-family:var(--aps-font-mono);font-size:13px;color:var(--aps-green);letter-spacing:.1em}
.flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:f}
.flow li{position:relative;padding:0 0 26px 58px;counter-increment:f}
.flow li::before{content:counter(f,decimal-leading-zero);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--aps-font-mono);font-size:13px;color:var(--aps-green);background:rgba(61,245,160,.1);border:1px solid rgba(61,245,160,.25)}
.flow li::after{content:"";position:absolute;left:19.5px;top:42px;bottom:4px;width:1px;background:var(--aps-border)}
.flow li:last-child{padding-bottom:0}.flow li:last-child::after{display:none}
.spec{width:100%;border-collapse:collapse}
.spec th,.spec td{text-align:left;padding:14px 0;border-bottom:1px solid var(--aps-border);vertical-align:top}
.spec th{font-family:var(--aps-font-mono);font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--aps-text-faint);width:38%;padding-right:16px}
.spec td{color:var(--aps-text-strong);font-size:16.5px}
.faq details{border-bottom:1px solid var(--aps-border);padding:18px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-family:var(--aps-font-display);font-weight:600;font-size:19px;color:var(--aps-text-strong)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--aps-green);font-family:var(--aps-font-mono);font-size:22px;line-height:1;transition:transform var(--aps-dur-base) var(--aps-ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:12px 0 0;color:var(--aps-text-muted);font-size:16.5px;line-height:1.6}
.others{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.others a{display:block;padding:22px;color:inherit}
.others .h3{font-size:19px;margin-top:12px}
.go{display:inline-block;margin-top:12px;font-family:var(--aps-font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--aps-green)}
@media(max-width:980px){.split,.learn{grid-template-columns:1fr}.others{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.others{grid-template-columns:1fr}}