/* Intelligent Optimism: the living layer (pairs with live.js) */
.live-ready [data-reveal]{opacity:0;translate:0 48px;transition:opacity .9s ease,translate 1s cubic-bezier(.2,.8,.2,1)}
.live-ready [data-reveal].in{opacity:1;translate:0 0}
[data-tilt]{position:relative;transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .3s ease}
[data-tilt].tilting{box-shadow:0 34px 70px -28px rgba(10,111,214,.55)}
[data-tilt]>.glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.45),rgba(255,255,255,0) 50%);mix-blend-mode:soft-light}
[data-tilt].tilting>.glare{opacity:1}

/* hero with the hexagon world */
.hero.world{background:#030b1f;min-height:max(760px,100vh);color:#eaf2ff}
.hero.world canvas[data-world]{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero.world canvas.no-gl{background:radial-gradient(ellipse at 50% 60%,#0a4fb0,#030b1f 70%)}
.hero.world .art,.hero.world .grid{display:none}
.hero.world::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,11,31,.78) 0%,rgba(3,11,31,.35) 55%,rgba(3,11,31,0) 80%)}
.hero.world .wrap{z-index:2;pointer-events:none}
.hero.world .wrap a,.hero.world .wrap .ticker{pointer-events:auto}
.hero.world .eyebrow{color:#8fd0ff}
.hero.world h1{color:#fff;text-shadow:0 20px 60px rgba(0,40,120,.55)}
.hero.world h1 em{background:linear-gradient(90deg,#5fc8ff,#fff 60%,#9fe3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.world .lede{color:#c3d6f4}
.hero.world .btn.ghost{color:#fff;border-color:rgba(160,210,255,.5);background:rgba(255,255,255,.06)}
.hero.world .ticker{border-color:rgba(160,210,255,.25)}
.hero.world .ticker b{color:#fff}
.hero.world .ticker span{color:#9fbde6}
.hero.world .touch{position:absolute;right:32px;bottom:28px;z-index:2;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#7fa8dc;pointer-events:none}
.live-nav{transition:background .3s}
body.on-world nav .links{background:rgba(6,30,80,.55);border:1px solid rgba(140,200,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.on-world nav .links a:not(.pill){color:#d7e6ff}
body.on-world nav .brand img{background:#fff;border-radius:12px;padding:4px 8px}

/* spotlight on dark sections */
[data-spot]{--sx:70%;--sy:20%}
[data-spot]::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(520px circle at var(--sx) var(--sy),rgba(95,200,255,.18),transparent 60%)}
[data-spot]>.wrap{position:relative;z-index:1}

/* stats with depth */
.stats.depth{background:none;gap:18px;overflow:visible;perspective:1000px}
.stats.depth .stat{border-radius:22px;background:linear-gradient(160deg,rgba(40,110,230,.35),rgba(6,36,94,.9));border:1px solid rgba(140,200,255,.22)}
.stats.depth .stat b{transform:translateZ(40px)}

/* quote that lights up word by word */
[data-words] .w{opacity:.18;transition:opacity .35s ease,color .35s ease}
[data-words] .w.lit{opacity:1}

/* light world: white and sky, logo sits on white (Rohan, seq 441) */
.hero.world.light{background:#fff;color:var(--ink)}
.hero.world.light canvas.no-gl{background:radial-gradient(ellipse at 60% 75%,#cfe8ff,#fff 70%)}
.hero.world.light::after{background:
  linear-gradient(180deg,#fff 0%,rgba(255,255,255,.9) 9%,rgba(255,255,255,0) 30%),
  linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 18%),
  linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.6) 42%,rgba(255,255,255,0) 72%)}
.hero.world.light .eyebrow{color:var(--blue)}
.hero.world.light h1{color:var(--navy);text-shadow:none}
.hero.world.light h1 em{background:linear-gradient(90deg,var(--blue),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.world.light .lede{color:var(--mute)}
.hero.world.light .btn.ghost{color:var(--navy);border-color:var(--line);background:rgba(255,255,255,.85)}
.hero.world.light .ticker{border-color:var(--line)}
.hero.world.light .ticker b{color:var(--navy)}
.hero.world.light .ticker span{color:var(--mute)}
/* bright evidence section: ice and sky instead of navy */
.bright{position:relative;overflow:hidden;color:var(--ink);background:radial-gradient(900px 520px at 85% 0%,rgba(51,182,240,.22),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(10,111,214,.10),transparent 60%),linear-gradient(180deg,#fff,var(--ice))}
.bright .intro{color:var(--mute);font-size:18px;max-width:560px}
.bright[data-spot]::before{background:radial-gradient(520px circle at var(--sx) var(--sy),rgba(51,182,240,.16),transparent 60%)}
.bright .stats.depth .stat{background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -26px rgba(6,36,94,.35)}
.bright .stat b{background:linear-gradient(90deg,var(--blue),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.bright .stat h4{color:var(--navy)}
.bright .stat p{color:var(--mute)}
.bright .gain{background:rgba(255,255,255,.75);border:1px solid var(--line);color:var(--mute)}
.bright .gain strong{color:var(--blue)}

@media (prefers-reduced-motion:reduce){.live-ready [data-reveal]{opacity:1;translate:none}}
@media print{.live-ready [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}}