:root{color-scheme:dark;--bg:#081827;--bg2:#0d2941;--card:#103550;--card2:#164361;--line:#416582;--ink:#fff;--muted:#dce9f4;--orange:#ff781f;--soft:#f7f9fc;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:var(--ink);background:var(--bg);overflow-wrap:break-word}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{width:min(var(--max),calc(100% - 38px));margin-inline:auto}.skip{position:absolute;top:-80px;left:10px;z-index:100;background:var(--orange);color:#151d29;padding:8px}.skip:focus{top:8px}.site-head{position:sticky;top:0;z-index:40;background:rgba(8,24,39,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.head{min-height:68px;display:flex;align-items:center;gap:24px}.brand{text-decoration:none;font-weight:950;letter-spacing:-.065em;white-space:nowrap;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1}.brand b{color:var(--orange)}.nav{display:flex;align-items:center;gap:clamp(12px,1.4vw,24px);margin-left:auto}.nav a{color:#d8e3f0;text-decoration:none;font-weight:650;font-size:.88rem;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--orange)}.headphone{border:1px solid #526981;border-radius:9px;padding:7px 11px;text-decoration:none;font-weight:800;font-size:.84rem}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #65778a;padding:9px 13px;border-radius:10px;font:inherit;cursor:pointer}.menu-toggle::after{content:'☰';font-size:1.35rem;line-height:1;margin-left:9px;vertical-align:middle}.menu-toggle[aria-expanded=true]::after{content:'×'}.hero{padding:23px 0 41px;background:radial-gradient(ellipse 65% 92% at 91% 7%,#1c5479 0,rgba(18,59,88,.24) 78%,transparent 100%),linear-gradient(115deg,#081827,#102f48)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:850;color:var(--orange)}h1,h2,h3{letter-spacing:-.035em;line-height:1.17}h1{font-size:clamp(2.45rem,5.2vw,4.35rem);max-width:950px;margin:12px 0 16px;font-weight:900}h2{font-size:clamp(1.7rem,2.7vw,2.35rem);margin:0 0 17px}h3{font-size:1.16rem;margin:0 0 10px}p{margin:0 0 17px}li{margin:0 0 9px}.lead{font-size:clamp(1.05rem,1.55vw,1.2rem);line-height:1.65;color:var(--muted);max-width:850px}.hero .micro{color:#a9bbcf;margin-top:13px;font-size:.85rem}.ctas{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.btn{padding:12px 20px;border-radius:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-weight:830;font-size:.98rem;min-height:46px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn.primary{background:var(--orange);color:#172436}.btn.secondary{border:1px solid #8194ac;color:#f8faff;background:#152338}.btn:hover{transform:translateY(-2px)}.btn.primary:hover{background:#ff994f;box-shadow:0 9px 26px #ff98552d}main>section,.section{padding:46px 0;border-top:1px solid #26384a}.section-soft{background:#0e1c2d}.kicker{color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.intro{color:var(--muted);max-width:860px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.tile,.notice,.stats>div{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:21px}.panel p,.panel li{color:#c5d3e1}.tile{padding:15px 17px;display:block;text-decoration:none;font-weight:700;transition:background .2s ease,border .2s ease,transform .2s ease}.tile:hover{background:#1e3650;border-color:#788da5;transform:translateY(-2px)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.tag{font-size:.76rem;display:inline-block;padding:3px 10px;border:1px solid #465d72;border-radius:99px;color:#c9d7e6}.tag.orange{border-color:#ad714d;color:#ffd2b7}.facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.fact{border-left:2px solid var(--orange);padding-left:12px;flex:1 1 170px;color:#dbe6ee}.fact strong{display:block;font-size:1.08rem;color:#fff}.copy{max-width:940px;color:#d7e1ed}.copy p{line-height:1.87}.copy strong{color:#fff}.cols{columns:2;column-gap:38px}.cols p{break-inside:avoid}.check{list-style:none;padding:0;margin:18px 0}.check li{border-bottom:1px solid #273a4e;padding:8px 0}.check li:before{content:'✓';color:var(--orange);font-weight:900;margin-right:11px}.notice{border-left:4px solid var(--orange);line-height:1.7;background:#192c40}.notice p:last-child{margin-bottom:0}.route{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route .num{color:var(--orange);font-size:.8rem;font-weight:900}.crumbs{color:#adbed0;padding:13px 0 0;font-size:.82rem}.crumbs a{color:#e1bb9f;text-decoration:none}.crumbs span{margin:0 7px}.faq details{padding:15px 18px;background:#122337;border:1px solid #334a5e;margin-bottom:8px;border-radius:11px}.faq summary{cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.28rem;color:var(--orange)}.faq details[open] summary:after{content:'−'}.faq details p{margin:12px 0 3px;color:#c3d0df}.list-cols{columns:4;column-gap:14px}.list-cols a{color:#e3eaf4;display:block;padding:7px 4px;text-decoration:none;border-bottom:1px solid #293e52;break-inside:avoid}.list-cols a:hover{color:var(--orange)}.area{max-width:900px}.table{border-collapse:collapse;width:100%;font-size:.96rem}.table th,.table td{text-align:left;border-bottom:1px solid #385069;padding:13px 12px;vertical-align:top}.table th{color:#ffccae;background:#172940}.table td{color:#d5e2f0}.hint{font-size:.84rem;color:#a9bbcc}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-row .stat{background:#172a3e;border:1px solid #32465c;border-radius:12px;padding:17px}.stat b{display:block;font-size:1.5rem;letter-spacing:-.04em}.stat small{color:#b5c7d8}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.related a{border-bottom:1px solid #2e4257;padding:10px 0;text-decoration:none;color:#dce8f3}.related a:hover{color:var(--orange)}footer{background:#060c15;border-top:1px solid #354558;padding:44px 0 96px}footer .foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}footer a{text-decoration:none}footer .links{display:flex;flex-direction:column;gap:7px;color:#bed0df;font-size:.9rem}footer p{color:#aebccd;font-size:.9rem;margin-top:14px;max-width:430px}.fixed{display:none}body.js [data-reveal]{opacity:1;transform:none}body.js [data-reveal].is-visible{opacity:1;transform:none}.mini{font-size:.85rem;color:#a8bdd1}.nav .nav-phone{color:#ffc49e}.divider{height:1px;background:#35475a;margin:28px 0}.badge-text{display:inline-block;color:#ffcdac;border:1px solid #985f41;border-radius:6px;padding:3px 9px;font-weight:700;font-size:.75rem;margin-bottom:10px}@media(max-width:1030px){.headphone{display:none}.nav{gap:12px}.nav a{font-size:.81rem}.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.head{min-height:62px;justify-content:space-between;flex-wrap:wrap;gap:0}.menu-toggle{display:inline-flex;align-items:center}.nav{display:none;order:4;margin:0;width:100%;flex-direction:column;gap:0;align-items:stretch;padding:8px 0 14px}.nav.is-open{display:flex}.nav a{font-size:1rem;border-bottom:1px solid #30465e;padding:12px 2px}.hero{padding:15px 0 30px}.grid,.grid.two,.route{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.list-cols{columns:2}.cols{columns:1}footer .foot{grid-template-columns:1fr 1fr}.stat-row{grid-template-columns:1fr 1fr}.fixed{display:flex;position:fixed;left:0;bottom:0;right:0;gap:8px;padding:9px 11px max(9px,env(safe-area-inset-bottom));z-index:50;background:#081827f5;border-top:1px solid #38506a;backdrop-filter:blur(12px)}.fixed .btn{flex:1;padding:9px 4px;min-height:47px;font-size:.86rem}main>section,.section{padding:35px 0}.related{grid-template-columns:1fr}}@media(max-width:440px){.tiles{grid-template-columns:1fr 1fr}.tile{padding:12px}.stat-row{grid-template-columns:1fr}.list-cols{columns:2}.ctas .btn{width:100%}.hero{padding-top:12px}footer .foot{grid-template-columns:1fr}h1{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}body.js [data-reveal]{opacity:1;transform:none}}



/* HURDAOTO v4 / unified token system: semantic light sections, cache-busted assets */
:root{--bg:#071726;--bg2:#113653;--card:#103751;--card2:#164663;--line:#385d77;--ink:#f9fcff;--muted:#d6e7f4;--orange:#ff781f;--soft:#f4f8fc;--max:1160px}
body{background:var(--bg);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.site-head{background:rgba(7,23,38,.98);box-shadow:0 8px 28px rgba(0,0,0,.19);isolation:isolate}
.head{gap:clamp(12px,1.4vw,25px)}
.brand b{color:#ff872b}
.nav a:hover,.nav a:focus-visible{color:#ffb56f}
.headphone{white-space:nowrap}
.hero{padding:20px 0 36px;background:radial-gradient(ellipse 80% 100% at 96% 4%,#216289 0,rgba(23,67,99,.35) 53%,transparent 88%),linear-gradient(120deg,#061625,#103b5a)}
.hero .wrap{position:relative}
.hero h1{max-width:970px;text-wrap:balance;line-height:1.13;text-shadow:0 5px 28px rgba(0,0,0,.11)}
.hero .lead{max-width:820px}
.eyebrow,.kicker{color:#ffab70}
.hero .micro{color:#c0d3e4}
.btn.primary{background:#ff812b;color:#132338;box-shadow:0 7px 23px rgba(255,119,27,.25)}
.btn.primary:hover,.btn.primary:focus-visible{background:#ffa45c;box-shadow:0 9px 30px rgba(255,119,27,.36)}
.btn.secondary{border-color:#95adc1;background:#132f48;color:#fff}
.btn.secondary:hover,.btn.secondary:focus-visible{background:#1b4867;border-color:#cee4f4}
.ctas{margin-top:17px}
.btn{line-height:1.3;text-align:center;text-wrap:balance}
.panel,.tile,.notice,.stats>div{border-color:#41647f;background:#12334d;color:#f8fbff}
.tile:hover,.tile:focus-visible{background:#1d4c6b;border-color:#ff9d52}
.tag{color:#d2e4f3}
.copy{color:#dce9f3}
.hint,.mini{color:#c2d4e4}
.list-cols a{color:#e4edf6}
.table{max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table th,.table td{overflow-wrap:anywhere}
.faq summary{align-items:baseline}
.faq summary:after{flex:0 0 auto}
/* Light theme is explicit in HTML, not based on brittle nth-of-type selectors. */
main>section.section-light{background:#f2f7fb;color:#132d41;border-top-color:#d2e0eb;color-scheme:light}
.section-light h2,.section-light h3{color:#132c42}
.section-light .copy,.section-light .intro,.section-light .area,.section-light .hint,.section-light .mini{color:#344e63}
.section-light .copy p,.section-light p,.section-light li{color:#354e63}
.section-light .copy strong,.section-light .fact strong{color:#142d42}
.section-light .kicker{color:#aa4700}
.section-light .panel,.section-light .tile,.section-light .notice,.section-light .faq details,.section-light .stat-row .stat{background:#fff;border-color:#c4d5e4;color:#162d41}
.section-light .panel p,.section-light .panel li,.section-light .notice p,.section-light .faq details p{color:#354e63}
.section-light .panel h3{color:#142d41}
.section-light .tile{color:#15354f}
.section-light .tile:hover,.section-light .tile:focus-visible{background:#e5f1f9;border-color:#6099c3}
.section-light .check li,.section-light .related a{color:#183a54;border-color:#cbdce7}
.section-light .check li:before{color:#b44e06}
.section-light .route .num,.section-light .faq summary:after{color:#ad4900}
.section-light .faq summary{color:#1a354d}
.section-light .list-cols a{color:#184565;border-color:#c8d8e4}
.section-light .list-cols a:hover{color:#9a3800}
.section-light .tag{color:#24485e;border-color:#9bb5c8}
.section-light .tag.orange{color:#964400;border-color:#c88d64}
.section-light .fact{color:#28455a;border-color:#b84a00}
.section-light .fact strong{color:#132d43}
.section-light .stat b{color:#132d41}
.section-light .stat small{color:#3b576d}
.section-light .table th{background:#d8eaf5;color:#153c57;border-color:#adcadc}
.section-light .table td{color:#253f52;border-color:#c7d9e5}
.section-light a:not(.btn):not(.tile){color:#11527c}
.section-light a:not(.btn):not(.tile):hover{color:#983b00}
.section-light .btn.secondary{background:#fff;color:#19374d;border-color:#758fa3}
.section-light .notice{border-left:4px solid #e26b20}
.section-light .badge-text{color:#8b3700;border-color:#bc7d51}
.section-light .divider{background:#cbdbe7}
.section-light .related a:hover{color:#974100}
main>section,.section{padding:46px 0}
section .wrap>h2{max-width:940px;text-wrap:balance}
.site-head .nav a[aria-current=page]{color:#ffb575}
footer{background:#05101d}
/* Menu becomes an independent dropdown before the desktop nav can crowd the brand. */
@media(max-width:1100px){
 .headphone{display:none}
 .head{min-height:65px;position:relative;justify-content:space-between;flex-wrap:nowrap;gap:12px}
 .brand{font-size:clamp(1.18rem,2.15vw,1.65rem)}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin-left:auto;background:#ff812b;color:#152235;border:1px solid #ff812b;font-weight:850;min-height:44px}
 .menu-toggle:hover{background:#ffab65}
 .menu-toggle[aria-expanded=true]{background:#ffd166;border-color:#ffd166}
 .nav,.nav.is-open{position:absolute;z-index:100;top:100%;right:0;left:auto;width:min(420px,calc(100vw - 30px));margin:0;flex-direction:column;gap:0;align-items:stretch;padding:9px 15px 17px;border:1px solid #456681;border-radius:0 0 15px 15px;background:#0e3049;box-shadow:0 18px 35px rgba(0,0,0,.36)}
 .nav{display:none}
 .nav.is-open{display:flex}
 .nav a{font-size:1rem;color:#fff;padding:12px 8px;border-bottom:1px solid #385b76;white-space:normal}
 .nav a:last-child{border-bottom:0}
}
@media(max-width:760px){
 .head{min-height:62px}
 .hero{padding:12px 0 30px}
 .wrap{width:min(var(--max),calc(100% - 34px))}
 main>section,.section{padding:33px 0}
 .fixed{background:rgba(7,23,38,.98);box-shadow:0 -8px 22px rgba(0,0,0,.16)}
 .fixed .btn{min-width:0}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav.is-open{padding:9px 12px 15px}
}
@media(max-width:440px){
 .brand{font-size:clamp(1.09rem,5.2vw,1.33rem)}
 .menu-toggle{padding:8px 10px;font-size:.95rem}
 .menu-toggle::after{font-size:1.2rem;margin-left:7px}
 .hero h1{font-size:clamp(2.05rem,9vw,2.43rem)}
 .hero .lead{line-height:1.55}
 .ctas{gap:9px}
 .btn{min-height:48px}
 footer{padding-bottom:112px}
}
/* Scroll enhancement never hides meaningful content (JS/CSS failure-safe). */
body.js [data-reveal]{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
 .brand b{transition:color .2s ease}
 .brand:hover b{color:#ffd166}
 [data-reveal].is-visible{animation:section-appear .48s ease both}
 @keyframes section-appear{from{opacity:.91;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 [data-reveal]{opacity:1!important;transform:none!important}
}


/* HURDAOTO V5: motion-driven, image-free automotive interface.
   All meaningful copy exists in initial HTML. Animations are enhancements, never a content gate. */
:root{--electric:#ff7929;--gold:#ffd166;--sky:#37c7f9;--ease-pop:cubic-bezier(.2,.85,.2,1);--ease-snap:cubic-bezier(.18,1.25,.3,1)}
html{scroll-padding-top:84px}
body{background:#071726}
.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:110;pointer-events:none;background:rgba(255,255,255,.10)}
.scroll-progress>i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff7929,#ffd166,#38c8fa);box-shadow:0 0 14px #ff7b45;will-change:transform}
.site-head{border-bottom:1px solid rgba(122,170,203,.28)}
.brand{position:relative;text-shadow:0 0 22px rgba(255,122,36,.10)}
.brand::after{content:'';position:absolute;left:0;bottom:-8px;width:48%;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--electric),var(--gold),transparent);transform:scaleX(.35);transform-origin:left;opacity:.62;transition:transform .5s var(--ease-pop),opacity .25s ease}
.brand:hover::after,.brand:focus-visible::after{transform:scaleX(1);opacity:1}
.nav a{position:relative;transition:color .22s ease}
@media(min-width:1101px){.nav a::after{content:'';height:2px;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:var(--electric);transition:transform .28s var(--ease-pop)}.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:330px;padding:20px 0 36px;background:radial-gradient(ellipse at 93% 5%,#185d88 0%,transparent 55%),linear-gradient(124deg,#061523 0%,#0d3856 64%,#061929 100%)}
.hero::after{content:'';position:absolute;z-index:0;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 4%,#ff781f 25%,#ffd166 46%,#36cafa 74%,transparent);opacity:.84;box-shadow:0 0 22px rgba(255,138,54,.32)}
.hero .wrap{position:relative;z-index:2}
.hero-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.98}
.scene-grid{position:absolute;inset:0;opacity:.21;background-image:linear-gradient(rgba(86,197,248,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(86,197,248,.16) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 18%,#000 100%)}
.scene-orbit{position:absolute;top:-30%;right:-13%;width:min(76vw,850px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(80,193,241,.18);box-shadow:inset 0 0 0 46px rgba(42,168,219,.035),inset 0 0 0 90px rgba(43,133,200,.035),0 0 100px rgba(47,156,228,.12);animation:v5Orbit 32s linear infinite}
.scene-orbit::before,.scene-orbit::after{content:'';position:absolute;border-radius:50%;width:9px;height:9px;background:#ffd166;box-shadow:0 0 21px #ff8e4a,0 0 45px rgba(255,145,67,.8)}
.scene-orbit::before{top:16%;left:14%}.scene-orbit::after{right:5%;bottom:21%;width:6px;height:6px;background:#6ee2ff;box-shadow:0 0 20px #38bdf8}
.scene-orbit-two{top:-15%;right:-4%;width:min(53vw,600px);border:1px dashed rgba(255,164,92,.32);animation-duration:23s;animation-direction:reverse;box-shadow:none}
.scene-orbit-two::after{display:none}
.scene-glow{position:absolute;right:-12%;top:6%;width:65vw;max-width:850px;aspect-ratio:1;border-radius:50%;opacity:.25;background:radial-gradient(circle,rgba(43,192,250,.40) 0%,rgba(249,113,48,.12) 32%,transparent 68%);filter:blur(18px);animation:v5Breathe 10s ease-in-out infinite alternate}
.scene-spark{position:absolute;right:17%;top:19%;width:90px;height:1px;background:linear-gradient(90deg,transparent,#65d9ff,transparent);transform:rotate(-35deg);opacity:.8;animation:v5Spark 7s ease-in-out infinite}
.scene-spark-two{right:6%;top:60%;width:115px;animation-delay:2.2s;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffd166,transparent)}
.hero h1{max-width:920px;position:relative;font-weight:920;letter-spacing:-.052em;text-shadow:0 3px 25px rgba(1,8,15,.32)}
.hero h1::after{content:'';display:block;height:5px;width:clamp(80px,18vw,190px);border-radius:8px;margin-top:17px;background:linear-gradient(90deg,#ff7929,#ffd166,#3bcaff);box-shadow:0 0 23px rgba(255,120,31,.4);transform-origin:left;animation:v5Underline .75s var(--ease-pop) .28s both}
.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ffd0ad;font-weight:900;letter-spacing:.15em}
.hero .eyebrow::before{content:'';width:9px;height:9px;flex:none;border-radius:50%;background:#ff812b;box-shadow:0 0 0 5px rgba(255,129,43,.16),0 0 18px rgba(255,129,43,.65);animation:v5Beacon 2.8s ease-in-out infinite}
.hero .lead{font-size:clamp(1.07rem,1.6vw,1.22rem);color:#e5f1fa}
.hero .micro{color:#c8dcec}
.ctas{position:relative;z-index:4}
.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s var(--ease-pop),box-shadow .3s ease,border-color .3s ease,background .25s ease;will-change:auto}
.btn.primary{background:linear-gradient(115deg,#ff9a40,#ff771d 78%);border:1px solid rgba(255,218,150,.72);box-shadow:0 9px 26px rgba(255,115,27,.23),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-shine::after{content:'';position:absolute;inset:-40% -30%;z-index:-1;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.33) 47%,rgba(255,255,255,.16) 54%,transparent 62%);transform:translateX(-150%) skewX(-17deg);transition:transform .72s var(--ease-pop)}
.btn-shine:hover::after,.btn-shine:focus-visible::after{transform:translateX(150%) skewX(-17deg)}
.btn:hover,.btn:focus-visible{transform:translateY(-4px) scale(1.035)}
.btn.primary:hover,.btn.primary:focus-visible{background:linear-gradient(115deg,#ffd166,#ff882d);box-shadow:0 13px 38px rgba(255,132,35,.45),0 0 0 3px rgba(255,183,94,.16)}
.btn.secondary{background:rgba(17,59,87,.82);border:1px solid #8bc8e9;box-shadow:0 9px 27px rgba(4,28,51,.13)}
.btn.secondary:hover{background:#1b5475;box-shadow:0 13px 33px rgba(33,173,250,.22)}
main>section,.section{position:relative}
main>section.section-light::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#b1d0e4,transparent);pointer-events:none}
.kicker{font-weight:900;letter-spacing:.16em}
.tile,.panel,.stat-row .stat,.faq details,.notice{position:relative;transition:transform .32s var(--ease-pop),box-shadow .32s ease,border-color .32s ease,background .32s ease}
.tile::before{content:'';position:absolute;inset:0 0 auto;height:2px;border-radius:16px 16px 0 0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff781f,#ffd166,#3bcaff);transition:transform .35s var(--ease-pop)}
.tile:hover,.tile:focus-visible{transform:translateY(-6px) scale(1.015);border-color:#ffb16c;box-shadow:0 16px 28px rgba(2,13,24,.2)}
.tile:hover::before,.tile:focus-visible::before{transform:scaleX(1)}
.panel:hover,.route .panel:focus-within{transform:translateY(-4px);border-color:#6dbde6;box-shadow:0 12px 33px rgba(3,19,35,.17)}
.faq details[open]{border-color:#f3a563;box-shadow:0 8px 20px rgba(2,18,35,.09)}
.faq summary:after{transition:transform .25s var(--ease-pop)}
.faq details[open] summary:after{transform:rotate(90deg)}
.stat-row .stat{border-top:2px solid #ff974a}
.section-light .tile:hover,.section-light .panel:hover{box-shadow:0 15px 28px rgba(16,77,122,.12)}
.fixed .btn.primary{box-shadow:0 0 21px rgba(255,123,32,.17)}
/* No-JS fallback: nav is always usable, important for users and bots without script execution. */
.no-js .scroll-progress{display:none}
.no-js .menu-toggle{display:none!important}
@media(max-width:1100px){
 .js .nav.is-open{animation:v5Menu .34s var(--ease-snap) both;transform-origin:top right}
 .no-js .head{flex-wrap:wrap;justify-content:space-between;padding-block:7px}
 .no-js .nav,.no-js .nav.is-open{display:flex;position:static;order:5;width:100%;max-width:none;border:0;border-top:1px solid #426a83;box-shadow:none;background:transparent;flex-direction:row;flex-wrap:wrap;gap:0 16px;padding:8px 0 0}
 .no-js .nav a{border:0;padding:7px 0;font-size:.9rem}
}
@media(max-width:760px){
 .hero{min-height:0}
 .hero h1::after{height:4px;margin-top:12px}
 .hero-scene{opacity:.70}
 .scene-grid{background-size:33px 33px}
 .scene-orbit{width:105vw;right:-68%;top:-3%;opacity:.60}
 .scene-orbit-two{width:80vw;right:-45%;top:5%;opacity:.36}
 .scene-glow{width:85vw;right:-45%}
 .scene-spark{opacity:.4}
 .btn:hover,.btn:focus-visible{transform:translateY(-2px) scale(1.01)}
 .tile:hover,.tile:focus-visible{transform:translateY(-3px)}
}
@media(max-width:440px){.hero h1::after{width:80px}.hero{padding-top:13px}.hero .eyebrow{letter-spacing:.12em}.hero-scene{opacity:.55}.no-js .nav a{font-size:.84rem}}
/* Scroll reveal works without hiding text until JS / IO has completed. */
[data-reveal]{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:no-preference){
 .hero .eyebrow{animation:v5HeroIn .62s var(--ease-pop) .06s both}
 .hero h1{animation:v5HeroIn .75s var(--ease-pop) .15s both}
 .hero .lead{animation:v5HeroIn .8s var(--ease-pop) .24s both}
 .hero .ctas{animation:v5HeroIn .86s var(--ease-pop) .36s both}
 .hero .micro{animation:v5HeroIn .86s var(--ease-pop) .48s both}
 [data-reveal].is-visible>.kicker,[data-reveal].is-visible>h2{animation:v5SectionIn .66s var(--ease-pop) both}
 [data-reveal].is-visible>h2{animation-delay:.08s}
 .tiles.is-visible .tile,.is-visible>.tiles .tile,.route.is-visible .panel,.is-visible>.route .panel{animation:v5CardIn .64s var(--ease-pop) both}
 .is-visible .tile:nth-child(2),.is-visible .panel:nth-child(2){animation-delay:.065s}
 .is-visible .tile:nth-child(3),.is-visible .panel:nth-child(3){animation-delay:.12s}
 .is-visible .tile:nth-child(4),.is-visible .panel:nth-child(4){animation-delay:.17s}
 .is-visible .tile:nth-child(5),.is-visible .panel:nth-child(5){animation-delay:.21s}
 .is-visible .tile:nth-child(n+6){animation-delay:.23s}
 .hero .btn.primary{animation:v5PrimaryPulse 6s ease-in-out 2s infinite}
}
@keyframes v5Orbit{to{transform:rotate(360deg)}}
@keyframes v5Breathe{from{transform:translate3d(0,-5%,0) scale(.94)}to{transform:translate3d(-7%,5%,0) scale(1.07)}}
@keyframes v5Spark{0%,100%{opacity:.1;transform:translate3d(12px,0,0) rotate(-35deg)}45%,65%{opacity:.72;transform:translate3d(-18px,10px,0) rotate(-35deg)}}
@keyframes v5Beacon{0%,100%{box-shadow:0 0 0 4px rgba(255,129,43,.13),0 0 13px rgba(255,129,43,.30)}50%{box-shadow:0 0 0 9px rgba(255,129,43,.055),0 0 26px rgba(255,129,43,.58)}}
@keyframes v5Underline{from{transform:scaleX(.06);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes v5HeroIn{from{opacity:0;transform:translate3d(0,21px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes v5SectionIn{from{opacity:.7;transform:translate3d(0,15px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes v5CardIn{from{opacity:.75;transform:translate3d(0,20px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v5Menu{from{opacity:0;transform:translate3d(0,-9px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v5PrimaryPulse{0%,87%,100%{box-shadow:0 9px 26px rgba(255,115,27,.23)}92%{box-shadow:0 9px 26px rgba(255,115,27,.35),0 0 0 6px rgba(255,143,53,.12)}}
/* Accessibility wins against motion, irrespective of original theme overrides. */
@media(prefers-reduced-motion:reduce){
 html,body{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 .hero .eyebrow,.hero h1,.hero .lead,.hero .ctas,.hero .micro,[data-reveal],.is-visible,.tiles .tile,.route .panel{opacity:1!important;transform:none!important}
 .hero h1::after{opacity:1!important;transform:none!important}
 .scroll-progress>i{will-change:auto}
}
