/* ============================================================================
   WOLF HACK ACADEMY — TITAN EXPERIENCE SYSTEM V1
   T1: Global Cinematic System
   T2: Home Hero Titan V2
   ============================================================================ */

:root{
  --titan-void:#01040b;
  --titan-deep:#020917;
  --titan-navy:#04172d;
  --titan-blue:#0678ff;
  --titan-blue-2:#0aa8ff;
  --titan-cyan:#27ddff;
  --titan-ice:#f3fbff;
  --titan-steel:#8da9be;
  --titan-green:#4ce9c0;
  --titan-red:#ff5a70;
  --titan-line:rgba(49,196,255,.20);
  --titan-header-offset:112px;
  --titan-progress:0;
  --titan-cursor-x:50%;
  --titan-cursor-y:50%;
}

/* --------------------------------------------------------------------------
   Global cinematic layer
   -------------------------------------------------------------------------- */
html.titan-ready{scroll-behavior:smooth}
body.titan-experience{position:relative;background:var(--titan-void)}
body.titan-experience::before{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.12;
  background:
    radial-gradient(circle at var(--titan-cursor-x) var(--titan-cursor-y),rgba(27,180,255,.10),transparent 16rem),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%,rgba(0,0,0,.025) 78%,transparent);
  mix-blend-mode:screen;
}
body.titan-experience::after{
  content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  background-size:190px 190px;mix-blend-mode:soft-light;
}

.titan-page-progress{
  position:fixed;left:0;top:0;z-index:10050;width:100%;height:2px;pointer-events:none;
  background:rgba(17,61,96,.32);
}
.titan-page-progress>i{display:block;width:calc(var(--titan-progress)*100%);height:100%;background:linear-gradient(90deg,#075fff,#1db9ff,#44e9ff);box-shadow:0 0 18px rgba(39,221,255,.55);transition:width .06s linear}

.titan-cinematic-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:.55}
.titan-cinematic-layer .titan-ambient-node{position:absolute;width:3px;height:3px;border-radius:50%;background:#2edfff;box-shadow:0 0 14px rgba(46,223,255,.9);opacity:.18;animation:titanDrift var(--td,12s) ease-in-out infinite alternate;transform:translate3d(0,0,0)}

body.titan-experience main{position:relative;z-index:1}
body.titan-experience main>section:not(.wha-command-mega__main){position:relative}
body.titan-experience main>section.titan-section:not(:first-of-type)::before{
  content:"";position:absolute;top:0;left:50%;width:min(1500px,calc(100% - 44px));height:1px;transform:translateX(-50%);z-index:7;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(18,128,255,.14) 13%,rgba(39,221,255,.5) 50%,rgba(18,128,255,.14) 87%,transparent 100%);
  opacity:.42;
}
body.titan-experience main>section.titan-section:not(:first-of-type)::after{
  content:"";position:absolute;top:-1px;left:calc(50% - min(750px,calc(50% - 22px)));width:0;height:2px;z-index:8;pointer-events:none;
  background:linear-gradient(90deg,#077dff,#35e2ff,transparent);box-shadow:0 0 17px rgba(39,221,255,.46);
  transition:width 1.2s cubic-bezier(.16,1,.3,1) .12s;
}
body.titan-experience main>section.titan-section.titan-inview:not(:first-of-type)::after{width:min(530px,42vw)}

/* Shared cinematic reveal. Existing page-specific reveal systems remain intact. */
.titan-reveal{opacity:0;transform:translate3d(0,24px,0);filter:blur(3px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),filter .75s ease}
.titan-reveal.titan-visible{opacity:1;transform:none;filter:none}
.titan-section{--titan-section-light:0;scroll-margin-top:calc(var(--titan-header-offset) + 14px)}
.titan-section.titan-inview{--titan-section-light:1}


/* --------------------------------------------------------------------------
   Mission progress navigator
   -------------------------------------------------------------------------- */
.titan-mission-nav{
  position:fixed;z-index:10020;right:17px;top:50%;transform:translateY(-50%);display:grid;gap:6px;
  padding:10px 8px;border:1px solid rgba(53,194,247,.16);border-radius:17px;background:rgba(1,9,20,.72);
  box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(13px);
}
.titan-mission-nav::before{content:"MISSION";padding:2px 5px 7px;color:#416d89;font:800 7px/1 "IBM Plex Mono",monospace;letter-spacing:.15em;text-align:center}
.titan-mission-nav button{
  position:relative;width:44px;height:42px;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:#557993;cursor:pointer;transition:.24s ease;
}
.titan-mission-nav button::before{content:attr(data-index);display:block;font:800 8px/1 "IBM Plex Mono",monospace;letter-spacing:.07em}
.titan-mission-nav button span{
  position:absolute;right:52px;top:50%;transform:translate(8px,-50%);min-width:max-content;padding:8px 10px;border:1px solid rgba(60,188,243,.18);border-radius:9px;
  background:rgba(1,10,22,.92);color:#a5c4d8;font:800 8px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;opacity:0;pointer-events:none;transition:.2s ease;
}
.titan-mission-nav button:hover,.titan-mission-nav button.is-active{border-color:rgba(39,221,255,.38);background:linear-gradient(145deg,rgba(5,61,110,.66),rgba(2,22,40,.82));color:#45e2ff;box-shadow:0 0 18px rgba(39,221,255,.07),inset 2px 0 #22ceff}
.titan-mission-nav button:hover span{opacity:1;transform:translate(0,-50%)}
.titan-mission-nav button.is-active::after{content:"";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:12px;height:2px;border-radius:99px;background:#39e0ff;box-shadow:0 0 10px #39e0ff}

.titan-mobile-status{display:none;position:fixed;left:12px;right:12px;top:calc(var(--titan-header-offset) + 7px);z-index:10015;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border:1px solid rgba(50,190,244,.16);border-radius:12px;background:rgba(2,12,25,.78);backdrop-filter:blur(12px);color:#68a0bf;font:800 8px "IBM Plex Mono",monospace;letter-spacing:.1em;pointer-events:none}
.titan-mobile-status b{color:#4bdeff}.titan-mobile-status i{flex:1;height:1px;background:linear-gradient(90deg,#096fff,#2adfff)}

/* --------------------------------------------------------------------------
   Interactive motion primitives
   -------------------------------------------------------------------------- */
[data-titan-depth]{will-change:translate;translate:var(--titan-x,0px) var(--titan-y,0px);transition:translate .18s ease-out}
.titan-magnetic{will-change:transform}
.titan-focus-ring{position:relative}
.titan-focus-ring::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at var(--titan-local-x,50%) var(--titan-local-y,50%),rgba(44,222,255,.10),transparent 32%);opacity:0;transition:.25s}.titan-focus-ring:hover::after{opacity:1}

/* ==========================================================================
   T2 — HOME HERO TITAN V2
   ========================================================================== */
body.wha-home-rebuild .wha-alpha-hero.wha-titan-hero{
  min-height:min(900px,calc(100vh - 18px));padding:clamp(38px,4.3vw,72px) 0 clamp(50px,5vw,82px)!important;
  background:
    radial-gradient(circle at 78% 46%,rgba(0,113,255,.24),transparent 24%),
    radial-gradient(circle at 66% 4%,rgba(26,211,255,.07),transparent 24%),
    linear-gradient(118deg,#01040b 0%,#020a19 48%,#041b3e 100%);
  overflow:hidden;isolation:isolate;
}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__grid{opacity:.72;background-size:44px 44px}
body.wha-home-rebuild .wha-titan-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 44%,rgba(19,143,255,.09) 44% 44.08%,transparent 44.08% 100%),linear-gradient(180deg,transparent 0 64%,rgba(35,212,255,.07) 64% 64.08%,transparent 64.08% 100%)}
body.wha-home-rebuild .wha-titan-hero::after{content:"";position:absolute;right:-15vw;top:-25vw;width:64vw;height:64vw;border-radius:50%;border:1px solid rgba(39,221,255,.10);box-shadow:0 0 0 7vw rgba(5,106,255,.018),0 0 0 14vw rgba(5,106,255,.012);pointer-events:none;animation:titanHeroBreath 7s ease-in-out infinite}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__shell{position:relative;z-index:4;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:clamp(34px,4.6vw,76px);align-items:center}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__copy{padding-top:0}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-eyebrow{margin-bottom:14px}
body.wha-home-rebuild .wha-titan-hero h1{font-size:clamp(3.5rem,5.9vw,6.7rem);line-height:.84;letter-spacing:-.06em;text-wrap:balance}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__lead{max-width:760px;margin-top:18px;font-size:clamp(1rem,1.18vw,1.17rem);line-height:1.75}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__actions{margin-top:23px}
body.wha-home-rebuild .wha-titan-hero .wha-capability-rail{margin-top:26px}
body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__status{margin-top:14px}

.wha-titan-hero__systembar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 19px;padding:8px 11px;border:1px solid rgba(45,192,248,.15);border-radius:10px;background:rgba(2,17,34,.48);color:#668da8;font:800 8px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.wha-titan-hero__systembar i{height:1px;background:linear-gradient(90deg,#0a6eff,#29dcff,rgba(41,220,255,.08));box-shadow:0 0 12px rgba(41,220,255,.2)}
.wha-titan-hero__systembar strong{color:#4de6c0;font-weight:800}.wha-titan-hero__systembar strong::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#4de6c0;box-shadow:0 0 12px #4de6c0}

.wha-titan-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}
.wha-titan-hero__proof article{position:relative;padding:11px 12px;border:1px solid rgba(54,181,235,.13);border-radius:12px;background:linear-gradient(145deg,rgba(5,29,54,.68),rgba(2,16,31,.72));overflow:hidden}
.wha-titan-hero__proof article::before{content:"";position:absolute;left:0;top:0;width:42px;height:2px;background:linear-gradient(90deg,#0878ff,#2bdeff)}
.wha-titan-hero__proof span{display:block;color:#4bdbff;font:800 7px "IBM Plex Mono",monospace;letter-spacing:.1em}.wha-titan-hero__proof b{display:block;margin-top:5px;color:#e9faff;font:800 .88rem/1.15 "Chakra Petch",sans-serif}.wha-titan-hero__proof small{display:block;margin-top:3px;color:#688ba4;font-size:.69rem;line-height:1.4}

body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__visual{min-height:680px;perspective:1200px}
.wha-titan-scene{position:relative;width:min(760px,100%);height:680px;margin-left:auto;transform-style:preserve-3d;--titan-parallax-x:0px;--titan-parallax-y:0px}
.wha-titan-scene__mesh{position:absolute;inset:1% -4% 0 1%;width:103%;height:96%;opacity:.36;filter:drop-shadow(0 0 18px rgba(26,182,255,.08));pointer-events:none}
.wha-titan-scene__aura{position:absolute;left:50%;top:49%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(21,132,255,.18) 0%,rgba(4,69,142,.08) 36%,transparent 67%);filter:blur(3px);box-shadow:0 0 90px rgba(0,97,255,.18);animation:titanAura 5.5s ease-in-out infinite}
.wha-titan-scene__orbit{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:560px;height:560px;border:1px solid rgba(50,202,255,.19);border-radius:50%;box-shadow:0 0 0 46px rgba(8,112,255,.024),0 0 0 92px rgba(8,112,255,.013);animation:titanSpin 36s linear infinite}
.wha-titan-scene__orbit::before,.wha-titan-scene__orbit::after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px dashed rgba(52,191,246,.16)}
.wha-titan-scene__orbit::after{inset:27%;border-style:solid;border-color:rgba(52,191,246,.11)}
.wha-titan-scene__scan{position:absolute;left:12%;right:7%;top:16%;height:1px;z-index:8;background:linear-gradient(90deg,transparent,#38e5ff 42%,rgba(56,229,255,.22) 72%,transparent);box-shadow:0 0 18px rgba(56,229,255,.52);animation:titanScan 4.8s cubic-bezier(.45,0,.55,1) infinite}
.wha-titan-scene__wolf-glow{position:absolute;left:50%;top:50%;z-index:3;width:min(570px,78%);transform:translate(-50%,-50%) scale(1.07);opacity:.44;filter:blur(22px) saturate(1.8);mix-blend-mode:screen}
.wha-titan-scene__wolf{position:absolute;left:50%;top:50%;z-index:5;width:min(560px,77%);transform:translate(-50%,-50%);filter:drop-shadow(0 32px 46px rgba(0,0,0,.50)) drop-shadow(0 0 26px rgba(5,135,255,.33));animation:titanWolfFloat 6.3s ease-in-out infinite}
.wha-titan-scene__edge{position:absolute;left:50%;top:50%;z-index:6;width:min(560px,77%);transform:translate(-50%,-50%);opacity:.19;filter:contrast(1.6) saturate(2.2) drop-shadow(0 0 7px #2ee4ff);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 22%,0 37%);animation:titanEdgeFlicker 4s steps(1,end) infinite}

.wha-titan-scene__node{position:absolute;z-index:9;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;min-width:180px;padding:10px 12px;border:1px solid rgba(53,196,247,.26);border-radius:13px;background:linear-gradient(145deg,rgba(2,16,32,.91),rgba(6,38,67,.82));box-shadow:0 17px 34px rgba(0,0,0,.28);backdrop-filter:blur(9px)}
.wha-titan-scene__node::after{content:"";position:absolute;top:50%;width:38px;height:1px;background:linear-gradient(90deg,rgba(39,221,255,.55),transparent)}
.wha-titan-scene__node figure{margin:0;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:radial-gradient(circle,rgba(39,221,255,.12),rgba(3,19,37,.8));border:1px solid rgba(57,201,252,.18)}
.wha-titan-scene__node img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.35))}
.wha-titan-scene__node span{display:block;color:#4be0ff;font:800 7px/1 "IBM Plex Mono",monospace;letter-spacing:.12em}.wha-titan-scene__node b{display:block;margin-top:4px;color:#f2fbff;font:800 .93rem/1 "Chakra Petch",sans-serif}.wha-titan-scene__node small{display:block;margin-top:3px;color:#6e93ad;font-size:.67rem}
.wha-titan-scene__node--learn{left:0;top:18%}.wha-titan-scene__node--learn::after{right:-38px}.wha-titan-scene__node--practice{right:-1%;top:40%}.wha-titan-scene__node--practice::after{left:-38px;transform:rotate(180deg)}.wha-titan-scene__node--prove{left:2%;bottom:17%}.wha-titan-scene__node--prove::after{right:-38px}.wha-titan-scene__node--protect{right:3%;bottom:8%}.wha-titan-scene__node--protect::after{left:-38px;transform:rotate(180deg)}

.wha-titan-scene__telemetry{position:absolute;z-index:10;right:0;top:3%;width:232px;padding:13px 14px;border:1px solid rgba(58,190,242,.17);border-radius:13px;background:rgba(2,15,30,.76);backdrop-filter:blur(9px);font-family:"IBM Plex Mono",monospace}
.wha-titan-scene__telemetry>span{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(58,176,226,.09);color:#507a96;font-size:7px;letter-spacing:.09em}.wha-titan-scene__telemetry>span:last-child{border:0}.wha-titan-scene__telemetry b{color:#91c7e4;font-weight:800}.wha-titan-scene__telemetry strong{color:#4ce9c0}.wha-titan-scene__telemetry strong::before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#4ce9c0;box-shadow:0 0 9px #4ce9c0}

.wha-titan-scene__ticker{position:absolute;z-index:9;left:9%;right:9%;bottom:2%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(54,192,246,.16);border-radius:11px;background:rgba(2,13,27,.77);backdrop-filter:blur(8px);font:800 7px "IBM Plex Mono",monospace;letter-spacing:.11em;color:#5a85a0}.wha-titan-scene__ticker i{height:1px;background:linear-gradient(90deg,#076fff,#2ee3ff,rgba(46,227,255,.05));box-shadow:0 0 12px rgba(46,227,255,.28)}.wha-titan-scene__ticker b{color:#48ddff}
.wha-titan-scrollcue{position:absolute;z-index:11;left:50%;bottom:14px;transform:translateX(-50%);display:grid;place-items:center;gap:5px;color:#315a74;font:800 7px "IBM Plex Mono",monospace;letter-spacing:.13em}.wha-titan-scrollcue i{width:1px;height:28px;background:linear-gradient(#2bdfff,transparent);animation:titanCue 1.8s ease-in-out infinite}

/* T2 animation state driven by JS */
.wha-titan-hero[data-titan-mode="practice"] .wha-titan-scene__node--practice,
.wha-titan-hero[data-titan-mode="learn"] .wha-titan-scene__node--learn,
.wha-titan-hero[data-titan-mode="prove"] .wha-titan-scene__node--prove,
.wha-titan-hero[data-titan-mode="protect"] .wha-titan-scene__node--protect{border-color:rgba(52,227,255,.68);box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 24px rgba(39,221,255,.15);transform:translateY(-3px)}

@keyframes titanDrift{from{transform:translate3d(-8px,-4px,0);opacity:.10}to{transform:translate3d(11px,14px,0);opacity:.42}}
@keyframes titanHeroBreath{0%,100%{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
@keyframes titanSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes titanScan{0%,100%{top:16%;opacity:.18}50%{top:82%;opacity:1}}
@keyframes titanAura{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}
@keyframes titanWolfFloat{0%,100%{transform:translate(-50%,-50%) translateY(-4px)}50%{transform:translate(-50%,-50%) translateY(9px)}}
@keyframes titanEdgeFlicker{0%,76%,100%{opacity:.14;transform:translate(-50%,-50%)}78%{opacity:.38;transform:translate(calc(-50% + 4px),calc(-50% - 1px))}79%{opacity:.1;transform:translate(calc(-50% - 3px),-50%)}80%{opacity:.22;transform:translate(-50%,-50%)}}
@keyframes titanCue{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:.9}}

@media(max-width:1260px){
  body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__shell{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:28px}
  .wha-titan-scene{height:620px}.wha-titan-scene__orbit{width:500px;height:500px}.wha-titan-scene__node{min-width:155px}
}
@media(max-width:1180px){
  .titan-mission-nav{display:none}.titan-mobile-status{display:flex}
}
@media(max-width:1000px){
  body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__shell{grid-template-columns:1fr}
  body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__visual{min-height:610px}
  .wha-titan-scene{width:min(700px,100%);height:600px;margin:auto}
  .wha-titan-hero__proof{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  body.wha-home-rebuild .wha-alpha-hero.wha-titan-hero{min-height:auto;padding:38px 0 56px!important}
  body.wha-home-rebuild .wha-titan-hero h1{font-size:clamp(3rem,15vw,5rem)}
  .wha-titan-hero__proof{grid-template-columns:repeat(3,minmax(158px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:3px}
  .wha-titan-hero__proof::-webkit-scrollbar{display:none}
  body.wha-home-rebuild .wha-titan-hero .wha-alpha-hero__visual{min-height:500px}
  .wha-titan-scene{height:500px}.wha-titan-scene__orbit{width:390px;height:390px}.wha-titan-scene__aura{width:380px;height:380px}
  .wha-titan-scene__node{min-width:130px;grid-template-columns:32px 1fr;padding:8px}.wha-titan-scene__node figure{width:32px;height:32px}.wha-titan-scene__node img{width:22px;height:22px}.wha-titan-scene__node small{display:none}
  .wha-titan-scene__node--learn{left:0;top:16%}.wha-titan-scene__node--practice{right:0;top:38%}.wha-titan-scene__node--prove{left:0;bottom:19%}.wha-titan-scene__node--protect{right:0;bottom:8%}
  .wha-titan-scene__telemetry{width:190px;top:0}.wha-titan-scene__ticker{left:2%;right:2%;bottom:0}.wha-titan-scrollcue{display:none}
}
@media(max-width:470px){
  .titan-mobile-status{display:none}
  body.wha-home-rebuild .wha-titan-hero .wha-capability-rail{display:flex!important;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  body.wha-home-rebuild .wha-titan-hero .wha-capability-rail::-webkit-scrollbar{display:none}
  body.wha-home-rebuild .wha-titan-hero .wha-capability-rail>span{flex:0 0 auto;min-width:max-content}
  .wha-titan-scene{height:440px}.wha-titan-scene__orbit{width:330px;height:330px}.wha-titan-scene__telemetry{width:165px;padding:9px}.wha-titan-scene__node{min-width:112px}.wha-titan-scene__node b{font-size:.78rem}.wha-titan-scene__node::after{display:none}.wha-titan-scene__ticker{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  html.titan-ready{scroll-behavior:auto}.titan-ambient-node,.wha-titan-scene__orbit,.wha-titan-scene__scan,.wha-titan-scene__wolf,.wha-titan-scene__edge,.wha-titan-scrollcue i,body.wha-home-rebuild .wha-titan-hero::after{animation:none!important}
  .titan-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}[data-titan-depth]{translate:none!important;transition:none!important}
}

/* ==========================================================================\n   TITAN T10 — CONTEXTUAL CONVERSION LAYER\n   ========================================================================== */
.t10-conversion-dock{position:fixed;z-index:9995;left:50%;bottom:20px;display:grid;grid-template-columns:32px minmax(220px,1fr) auto;align-items:center;gap:13px;width:min(920px,calc(100% - 40px));padding:10px 12px;border:1px solid rgba(52,196,247,.25);border-radius:18px;background:linear-gradient(110deg,rgba(2,13,27,.94),rgba(5,34,61,.93));box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 34px rgba(0,111,255,.08),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(18px);transform:translate(-50%,calc(100% + 42px));opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease,width .3s ease;padding .3s ease;pointer-events:none}.t10-conversion-dock.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.t10-conversion-dock:before{content:"";position:absolute;left:44px;right:44px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#31dcff,transparent);box-shadow:0 0 12px rgba(49,220,255,.35)}
.t10-dock-toggle{width:31px;height:31px;border:1px solid rgba(57,188,239,.18);border-radius:10px;background:#04162a;display:grid;place-items:center;cursor:pointer}.t10-dock-toggle i{width:11px;height:2px;background:#4bdfff;box-shadow:0 0 8px rgba(75,223,255,.3);transition:transform .25s}.t10-dock-copy span{display:block;color:#4bdfff;font:800 .52rem "IBM Plex Mono",monospace;letter-spacing:.12em}.t10-dock-copy b{display:block;margin-top:3px;color:#eaf8ff;font:800 .9rem/1.2 "Chakra Petch",sans-serif}.t10-dock-actions{display:flex;gap:7px}.t10-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:1px solid rgba(61,183,235,.2);border-radius:11px;background:rgba(4,23,42,.78);color:#c7e2f2;text-decoration:none;font:800 .64rem "Chakra Petch",sans-serif;letter-spacing:.035em;white-space:nowrap;transition:.22s}.t10-action:hover{transform:translateY(-2px);border-color:rgba(49,220,255,.5);color:#fff}.t10-action--primary{border-color:rgba(49,220,255,.4);background:linear-gradient(110deg,#0758e4,#0b91ef 64%,#27d8ff);color:#fff;box-shadow:0 10px 24px rgba(0,108,255,.2)}.t10-action i{margin-left:7px;font-style:normal}.t10-conversion-dock--protect .t10-action--primary{background:linear-gradient(110deg,#0445d6,#087ff5 58%,#20cffa)}.t10-conversion-dock--academy .t10-action--primary,.t10-conversion-dock--knowledge .t10-action--primary{background:linear-gradient(110deg,#075fdb,#0c93e7,#31dcff)}
.t10-conversion-dock.is-compact{width:58px;padding:10px}.t10-conversion-dock.is-compact .t10-dock-copy,.t10-conversion-dock.is-compact .t10-dock-actions{display:none}.t10-conversion-dock.is-compact .t10-dock-toggle i{transform:rotate(90deg)}
.t10-next-move{position:relative;isolation:isolate;padding:34px 0;background:radial-gradient(circle at 84% 20%,rgba(0,111,255,.1),transparent 25%),linear-gradient(110deg,#020817,#04182d);border-top:1px solid rgba(51,183,235,.14);border-bottom:1px solid rgba(51,183,235,.12);overflow:hidden}.t10-next-move:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(55,179,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,179,232,.035) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.t10-next-shell{position:relative;z-index:2;width:min(1380px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.t10-next-signal>span{color:#4bddff;font:800 .55rem "IBM Plex Mono",monospace;letter-spacing:.13em}.t10-next-signal h2{margin:.45rem 0 .75rem;color:#fff;font:900 clamp(1.6rem,3vw,2.8rem)/1 "Chakra Petch",sans-serif;letter-spacing:-.035em}.t10-next-chain{display:flex;align-items:center;gap:9px;color:#638da7;font:800 .48rem "IBM Plex Mono",monospace;letter-spacing:.08em}.t10-next-chain i{width:34px;height:1px;background:linear-gradient(90deg,#087dff,#31dcff)}.t10-next-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.t10-next-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid rgba(55,187,239,.24);border-radius:12px;background:#061a30;color:#cae8f7;text-decoration:none;font:800 .69rem "Chakra Petch",sans-serif}.t10-next-actions a:first-child{background:linear-gradient(110deg,#0759df,#0b8ff2,#28d6ff);color:#fff;border-color:rgba(49,220,255,.42);box-shadow:0 12px 30px rgba(0,108,255,.18)}.t10-next-actions span{margin-left:7px}
.t10-intake-context{max-width:1100px;margin:1.2rem 0 0;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;border:1px solid rgba(50,199,249,.2);border-radius:15px;background:linear-gradient(110deg,rgba(6,30,54,.82),rgba(3,16,31,.88));box-shadow:0 14px 36px rgba(0,0,0,.18)}.t10-intake-context>div:first-child span{display:block;color:#4bdfff;font:800 .5rem "IBM Plex Mono",monospace;letter-spacing:.12em}.t10-intake-context>div:first-child b{display:block;margin:.25rem 0;color:#fff;font:800 .94rem "Chakra Petch",sans-serif}.t10-intake-context>div:first-child small{color:#718fa6}.t10-intake-steps{display:flex;align-items:center;gap:7px}.t10-intake-steps em{font-style:normal;color:#9abed2;font:800 .47rem "IBM Plex Mono",monospace;letter-spacing:.08em}.t10-intake-steps i{width:22px;height:1px;background:linear-gradient(90deg,#087dff,#31dcff)}.t10-intake-context>strong{color:#ffd777;font:800 .49rem "IBM Plex Mono",monospace;letter-spacing:.08em}
@media(max-width:900px){.t10-conversion-dock{grid-template-columns:32px 1fr;width:calc(100% - 24px);bottom:12px}.t10-dock-actions{grid-column:1/-1}.t10-dock-actions a{flex:1}.t10-next-shell{grid-template-columns:1fr}.t10-next-actions{justify-content:flex-start}.t10-intake-context{grid-template-columns:1fr}.t10-intake-steps{flex-wrap:wrap}}
@media(max-width:560px){.t10-conversion-dock{border-radius:15px;padding:8px 9px}.t10-dock-copy b{font-size:.78rem}.t10-dock-actions{gap:5px}.t10-action{padding:0 9px;font-size:.56rem}.t10-dock-actions .t10-action:not(.t10-action--primary){display:none}.t10-next-shell{width:calc(100% - 22px)}.t10-next-chain{flex-wrap:wrap}.t10-next-chain i{width:18px}.t10-intake-steps i{display:none}}
@media(prefers-reduced-motion:reduce){.t10-conversion-dock{transition:none}.t10-action,.t10-dock-toggle i{transition:none!important}.t10-action:hover{transform:none}}