/* Frosted surfaces and cinematic imagery across both routes. */
:root{--cyan:#a2d8e7;--teal:#badde4;--line:rgba(218,235,243,.17)}
.home-site,.genesis-site{--cyan:#a2d8e7;--teal:#badde4;--accent:#a2d8e7}
.button,.nav-cta,.button.ghost,.menu,.motion-toggle{
 color:#f5fbff;background:linear-gradient(135deg,rgba(240,250,255,.19),rgba(185,212,229,.055));
 border:1px solid rgba(235,247,255,.32);border-radius:14px;
 backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.025),0 8px 26px rgba(0,0,0,.16);
 text-shadow:0 1px 5px rgba(0,0,0,.18)
}
.button{min-height:54px;font-weight:550;padding:15px 23px;letter-spacing:0}
.button.ghost{background:linear-gradient(135deg,rgba(211,231,242,.08),rgba(10,22,33,.16));border-color:rgba(230,245,255,.23)}
.nav-wrap .nav-cta,.genesis-site .nav-cta{color:#f5fbff}
.button:hover,.button.ghost:hover,.nav-cta:hover,.menu:hover{color:#fff;background:linear-gradient(135deg,rgba(245,252,255,.26),rgba(185,212,229,.11));border-color:rgba(245,251,255,.58);box-shadow:inset 0 1px 0 #ffffff40,0 12px 32px #0003}
.home-site .button::before,.genesis-site .button::before,.nav-wrap .nav-cta::before{display:block;content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff14 50%,transparent 75%);transform:translateX(-120%);transition:transform .8s ease}
.home-site .button:hover::before,.genesis-site .button:hover::before,.nav-wrap .nav-cta:hover::before{transform:translateX(120%)}
.menu{background-color:rgba(20,34,44,.3)}
.motion-toggle{background-color:rgba(13,26,37,.58);border-radius:30px}
.nav-wrap,.nav-wrap.scrolled,.genesis-site .nav-wrap{background:rgba(5,14,23,.58);border-bottom-color:#e2f3fb12;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}
.nav-wrap::after{opacity:.55;height:1px}
/* The image and headline share the same hero at every width. */
.home-site .hero{padding:0;min-height:100svh;background:#07121f;isolation:isolate}
.home-site .hero-media{inset:-4%;height:auto;z-index:-1;transform:translateY(var(--parallax,0px))}
.home-site .hero-media img{width:100%;height:100%;object-fit:cover;object-position:68% center;animation-duration:18s}
.home-site .hero-media::before{display:none}
.home-site .hero-media::after{background:linear-gradient(90deg,#040e1cd9 0%,#040e1c85 39%,#040e1c20 75%),linear-gradient(0deg,#040d1ded,transparent 35%,#040d1d33)}
.home-site .hero-grid{padding:155px 0 160px;min-height:calc(100svh - 86px);align-items:center}
.home-site .hero-copy{width:72%;max-width:920px}
.home-site .hero .eyebrow{color:#d0e5ef}
.home-site .hero h1{font-size:clamp(78px,9.2vw,142px);font-weight:530;letter-spacing:-.06em;line-height:.98;margin:30px 0}
.home-site .hero h1 span{display:block;color:#e5f1f7;-webkit-text-stroke:0}
.home-site .hero-lead{font-size:clamp(19px,1.7vw,24px);max-width:490px;color:#c4d5e1;text-shadow:0 1px 14px #0004}
.home-site .hero .actions{gap:12px}
.hero-product-label{right:5%;bottom:165px;text-align:right;font-size:12px;color:#b5d0dd}
.hero-product-label small{color:#a0bbc9}
.home-site .hero-index{bottom:119px;font-size:11px;color:#a4bfce}
.home-site .hero-specs{background:rgba(9,25,39,.32);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#e1f1ff25}
.home-site .spec{color:#bbd0dd}
.home-site .spec strong{font-weight:500}
.home-site .thesis{background:linear-gradient(180deg,#040d17,#091927)}
.home-site .thesis h2 em,.home-site .blackbox h2 span{color:#a9ccd9}
.cycle-panel{background:radial-gradient(ellipse at 50% 35%,#2542535c,transparent 65%),linear-gradient(135deg,#cadfed0c,#101c2c77);border-color:#d5e9f62b;box-shadow:inset 0 1px 0 #ffffff12,0 24px 80px #0002}
.cycle-steps{background:#e8f6ff04;border-color:#d8ebf726}
.cycle-step{background:linear-gradient(135deg,#ebfaff09,#ebfaff02);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cycle-step.active,.cycle-step:hover{background:linear-gradient(135deg,#ebfaff22,#b2d4eb0d);color:#e6f7ff}
.cycle-step.active::after{background:#d7effa}
.route-stream{stroke:#c2efff;filter:drop-shadow(0 0 5px #b5eaff90)}
.route-node.active circle{fill:#2f485d;stroke:#d1effc}
.home-site .blackbox{background:#091521}
.home-site .blackbox::before{opacity:.13}
.home-site .platform-showcase{border-radius:22px;border-color:#e0efff24;background:#081625}
.home-site .platform-image{aspect-ratio:1.8;background:#081625}
.home-site .platform-image img{object-fit:cover;object-position:center;animation-duration:22s}
.home-site .platform-showcase::after{background:linear-gradient(180deg,#03102080,transparent 40%,#03102094)}
.home-site .showcase-heading{top:40px;left:40px;right:40px;align-items:flex-start}
.home-site .showcase-heading>span:first-child{font-size:clamp(34px,4.8vw,68px);line-height:1.05;font-weight:500;letter-spacing:-.05em;max-width:630px}
.home-site .showcase-heading>span:last-child{font-size:12px;color:#d0e0eb}
.home-site .showcase-bottom{bottom:32px;left:40px;right:40px}
.home-site .showcase-bottom strong{font-size:22px;font-weight:450}
.home-site .showcase-bottom span{font-size:12px;color:#c0d0dd}
.home-site .blackbox-card{background:linear-gradient(135deg,#d7ecf60b,#07132099);border-color:#cee6f522}
.home-site .blackbox-card:hover{background:linear-gradient(135deg,#d7ecf615,#091a2b);border-color:#cee6f54d}
.home-site .ip-section{background:linear-gradient(135deg,#edf3f5,#dfeaf0);color:#142536}
.home-site .economics{background:linear-gradient(160deg,#0f2435,#06121f)}
.home-site .economics-flow{background:#e3f2ff05;border-color:#d1e8f426;box-shadow:inset 0 1px 0 #ffffff0a}
.home-site .company{background:#071421}
.home-site .contact{background:radial-gradient(ellipse at 50% 120%,#3c6078,#081521 65%)}
.home-site .contact h2 span{color:#b3d4e4}
.genesis-site .hero{padding:150px 0 100px;min-height:100svh;align-items:center;background:#06121f;isolation:isolate}
.genesis-site .genesis-motion{inset:0;z-index:-1;height:auto}
.genesis-site .network-video{object-position:65% center;opacity:.83}
.genesis-site .genesis-motion::after{background:linear-gradient(90deg,#031020e8,#03102092 50%,#03102026),linear-gradient(0deg,#06121f,transparent 35%,#06121f44)}
.genesis-site .hero-inner{max-width:1380px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.genesis-site .hero h1{font-size:clamp(52px,6.6vw,96px);font-weight:530;line-height:1.03;max-width:860px;letter-spacing:-.055em}
.genesis-site .hero h1 span{color:#b3d5e4}
.genesis-site .hero .lead{color:#ccdce5;text-shadow:0 1px 10px #0003}
.genesis-site .hero-stat{background:#d7f0ff08;padding:18px 20px;border:1px solid #d7f0ff29;border-radius:14px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.genesis-site .network-caption{display:none}
.genesis-site .status{display:block;font-size:11px;color:#9fbecd}
.genesis-site .layer{background:linear-gradient(135deg,#d7ecf60b,#07132099);border-color:#cee6f528}
.genesis-site .layer.featured{background:linear-gradient(135deg,#cbe6f31a,#102738);border-color:#cee6f54d}
.genesis-site .loop,.genesis-site .equation{background:linear-gradient(135deg,#d8eeff09,#07162499);border-color:#c6e0ef29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.genesis-site .chain-card{background:linear-gradient(145deg,#d7ecf60d,#071320);border-color:#c6e0ef29}
.genesis-site .join{background:radial-gradient(ellipse at 50% 120%,#3c6078,#081521 70%)}
@media(max-width:1050px) and (min-width:761px){
 .home-site .hero-copy{width:85%}.hero-product-label{display:none}.home-site .hero-grid{min-height:calc(100svh - 168px)}
 .genesis-site .hero h1{max-width:760px}
}
@media(max-width:760px){
 .home-site .hero{padding:0;min-height:100svh}
 .home-site .hero-media{inset:0;height:auto;transform:none!important}
 .home-site .hero-media img{object-position:60% center}
 .home-site .hero-media::after{background:linear-gradient(180deg,#05132170,#05132173 30%,#05132191 65%,#051321db),linear-gradient(90deg,#05132165,transparent)}
 .home-site .hero-grid{min-height:calc(100svh - 112px);padding:118px 0 58px;align-items:center}
 .home-site .hero-copy{width:100%;max-width:570px}
 .home-site .hero .eyebrow{font-size:11px;letter-spacing:.1em}
 .home-site .hero h1{font-size:clamp(52px,14vw,88px);line-height:1.02;letter-spacing:-.065em;margin:25px 0}
 .home-site .hero-lead{font-size:18px;line-height:1.6;max-width:420px}
 .home-site .hero .actions,.genesis-site .hero .actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:28px;max-width:380px}
 .home-site .hero .button,.genesis-site .hero .button{width:100%;flex:auto;min-height:50px;font-size:14px;padding:14px 18px}
 .home-site .hero-product-label,.home-site .hero-index{display:none}
 .home-site .hero-specs{position:relative;margin-top:auto}
 .home-site .spec{font-size:12px;padding:13px 9px!important;min-height:56px}
 .home-site .showcase-heading{top:24px;left:23px;right:23px;display:block}
 .home-site .showcase-heading>span:first-child{font-size:clamp(32px,9vw,48px);line-height:1.08;display:block;max-width:330px}
 .home-site .showcase-heading>span:last-child{display:block;text-align:left;font-size:11px;max-width:none;margin-top:15px}
 .home-site .platform-image{aspect-ratio:.88;background:#081625}
 .home-site .platform-image img{object-fit:cover;object-position:80% center}
 .home-site .showcase-bottom{left:23px;right:23px;bottom:24px;display:block}
 .home-site .showcase-bottom strong{font-size:21px;max-width:260px;line-height:1.2}
 .home-site .showcase-bottom span{display:block;font-size:11px;margin-top:10px}
 .home-site .platform-showcase::after{background:linear-gradient(180deg,#031020b0,transparent 50%,#031020b0)}
 .genesis-site .hero{min-height:100svh;padding:116px 0 64px;align-items:center}
 .genesis-site .genesis-motion{inset:0;height:auto}
 .genesis-site .network-video{object-position:60% center;opacity:.8}
 .genesis-site .genesis-motion::after{background:linear-gradient(180deg,#05132188,#05132175 40%,#051321db),linear-gradient(90deg,#0513215e,transparent)}
 .genesis-site .hero-inner{width:calc(100% - 40px);padding:0}
 .genesis-site .hero h1{font-size:clamp(38px,10.6vw,64px);line-height:1.08;margin:24px 0;letter-spacing:-.055em;overflow-wrap:normal}
 .genesis-site .hero .lead{font-size:17px;line-height:1.6}
 .genesis-site .hero-stat{margin-top:24px;padding:16px;gap:18px}
 .genesis-site .hero-stat strong{font-size:26px}.genesis-site .hero-stat p{font-size:12px;line-height:1.55}
 .genesis-site .status{left:20px;right:auto;bottom:22px;font-size:10px}
 .motion-toggle{background-color:#101f2ac9}
}
@media(max-width:360px){
 .home-site .hero h1{font-size:50px}
 .genesis-site .hero h1{font-size:35px;overflow-wrap:anywhere}
 .home-site .hero-grid{padding-top:112px}
}
@media(prefers-reduced-transparency:reduce){
 .button,.button.ghost,.nav-cta,.menu,.motion-toggle{background:#263b4b;backdrop-filter:none;-webkit-backdrop-filter:none}
 .nav-wrap,.nav-wrap.scrolled{background:#0b1925}
}

/* A single header geometry keeps the Hycean mark fixed across routes. */
.nav-wrap>.nav{width:min(1480px,calc(100% - clamp(20px,4.8vw,78px)*2));max-width:none;margin-inline:auto;height:76px;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:28px}
.nav-wrap .brand{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;line-height:1;letter-spacing:.19em;flex:none}
.nav-wrap .mark{display:block;width:29px;height:26px;flex:none;max-width:none}
.nav-wrap .nav-links{gap:26px;font-size:14px;line-height:1.5}
.nav-wrap .nav-cta{min-height:44px;padding:10px 16px;font-size:14px}
.home-site .hero h1{font-size:clamp(94px,11.5vw,174px);line-height:.95;letter-spacing:-.075em}
.home-site .hero h1 span{display:inline;color:#d4e9f4}
.v8-teaser{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;margin-top:32px;padding:14px 20px 14px 14px;border:1px solid #deeffa26;border-radius:16px;background:linear-gradient(135deg,#d6eeff10,#0d23344d);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.v8-mark{font:500 29px/1 var(--sans);letter-spacing:-.06em;padding:10px 13px;border:1px solid #cbe8f733;border-radius:10px;color:#d7ecf5;background:#e9faff07}
.v8-teaser strong{display:block;font-size:14px;font-weight:550;color:#e3f1f8}.v8-teaser div>span{display:block;font-size:12px;line-height:1.5;color:#a8bfce;margin-top:3px}
.genesis-site .finance-hero{padding-top:145px;padding-bottom:100px}
.genesis-site .finance-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);align-items:center;gap:clamp(40px,6vw,95px)}
.genesis-site .finance-hero h1{font-size:clamp(52px,5.7vw,84px);line-height:1.04;max-width:760px}
.genesis-site .finance-hero .lead{max-width:650px;font-size:20px;line-height:1.65}
.genesis-site .finance-hero .network-video{opacity:.4;object-position:center}
.genesis-site .finance-hero .genesis-motion::after{background:linear-gradient(90deg,#061222c7,#06122266),linear-gradient(0deg,#071521,transparent 50%,#07152144)}
.finance-mandate{padding:30px;border:1px solid #d4eafa38;border-radius:22px;background:linear-gradient(145deg,#d9edfa15,#081b2edb);box-shadow:inset 0 1px 0 #ffffff18,0 24px 65px #0003;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.mandate-top{display:flex;justify-content:space-between;gap:18px;font:12px/1.5 var(--mono);letter-spacing:.08em;color:#bbd5e6}
.mandate-top span:last-child{font-family:var(--sans);letter-spacing:0;color:#9db7c7;text-align:right}
.genesis-site .finance-mandate h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.04em;margin:28px 0 30px;font-weight:500}
.finance-stack{border-top:1px solid #d4eafa26}.finance-stack>div{display:grid;grid-template-columns:30px 1fr;gap:6px 14px;padding:22px 0;border-bottom:1px solid #d4eafa26}.finance-stack>div>span{grid-row:1/3;font:12px/1.5 var(--mono);color:#a8c9db;padding-top:3px}.finance-stack strong{font-size:18px;font-weight:500;color:#ecf6fc}.finance-stack small{font-size:13px;color:#a5bfce}
.finance-mandate>p{font-size:13px;color:#a8bfcd;line-height:1.7;margin-top:22px}
.genesis-site .financial-services{background:#e9f0f4;color:#102636}
.genesis-site .financial-services .eyebrow,.genesis-site .financial-services .chain-card>span{color:#40697d}
.genesis-site .financial-services .lead,.genesis-site .financial-services .chain-card p{color:#476273}
.genesis-site .financial-services .chain-card{background:linear-gradient(145deg,#ffffff9c,#f4f8fa77);border-color:#b2cbd8;box-shadow:0 12px 35px #143c4b08;min-height:280px}
.genesis-site .financial-services .chain-card h3{color:#102636;font-size:34px}
.genesis-site .asset-records{background:#0a1c2a}
.throughput-details{margin-top:36px;border-top:1px solid #a8c1cf;padding-top:22px}
.throughput-details summary{font-size:18px;font-weight:550;cursor:pointer;padding:12px 0;color:#17394c;list-style-position:inside}
.throughput-details[open] summary{margin-bottom:12px}
.genesis-site .throughput-details .scale-table{margin-top:22px}
.genesis-site .join h2{max-width:1050px}
@media(max-width:1100px){.genesis-site .finance-hero-grid{grid-template-columns:1fr;gap:48px}.finance-mandate{max-width:640px}.genesis-site .finance-hero h1{max-width:850px}.genesis-site .finance-hero .lead{max-width:720px}}
@media(max-width:980px){
 .nav-wrap>.nav{height:68px;gap:16px}
 .nav-wrap .nav-links{gap:4px;padding:16px clamp(20px,4.8vw,78px) 22px}
 .nav-wrap .nav-links>a{font-size:16px}
}
@media(max-width:760px){
 .nav-wrap>.nav{width:calc(100% - 40px);height:68px}
 .nav-wrap .brand{font-size:14px;gap:13px}
 .home-site .hero h1{font-size:clamp(76px,22vw,130px);letter-spacing:-.08em}
 .v8-teaser{margin-top:24px;padding:12px;gap:12px;width:100%;max-width:380px}.v8-mark{font-size:25px;padding:10px}.v8-teaser strong{font-size:13px}.v8-teaser div>span{font-size:12px}
 .genesis-site .finance-hero{padding-top:116px;padding-bottom:65px}
 .genesis-site .finance-hero-grid{gap:34px}
 .genesis-site .finance-hero h1{font-size:clamp(39px,10.2vw,62px);line-height:1.08;overflow-wrap:normal}
 .genesis-site .finance-hero .lead{font-size:17px}
 .finance-mandate{padding:24px 20px;border-radius:18px}
 .genesis-site .finance-mandate h2{font-size:32px;margin:24px 0}
 .mandate-top{font-size:11px}.finance-stack>div{padding:18px 0}
 .genesis-site .financial-services .chain-card{min-height:260px}
 .throughput-details summary{font-size:16px;line-height:1.5}
}
.genesis-site>footer>.footer{width:min(1480px,calc(100% - clamp(20px,4.8vw,78px)*2));max-width:none;margin-inline:auto}
.footer .brand{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;line-height:1;letter-spacing:.19em}
.footer .brand .mark{display:block;flex:none;width:29px;height:26px}
@media(max-width:760px){.genesis-site>footer>.footer{width:calc(100% - 40px)}}

/* The version 8 engineering render floats over the existing cinematic hero. */
.home-site .hero-copy{width:48%;max-width:680px}
.home-site .hero h1{font-size:clamp(86px,10.6vw,162px)}
.hero-engineering{position:absolute;z-index:1;right:3%;top:50%;width:49%;margin:0;transform:translateY(-54%);pointer-events:none}
.hero-engineering img{width:100%;height:auto;display:block;border-radius:22px;border:1px solid #e4f2ff30;box-shadow:0 30px 85px #0005;animation:engineering-float 12s ease-in-out infinite;animation-play-state:paused;will-change:transform}
.home-site .hero.in-view .hero-engineering img{animation-play-state:running}
@keyframes engineering-float{0%,100%{transform:translate3d(0,6px,0) rotate(-1deg)}50%{transform:translate3d(0,-10px,0) rotate(.5deg)}}
@media(min-width:761px) and (max-width:1100px){
 .home-site .hero-grid{padding-top:145px;padding-bottom:155px}
 .home-site .hero-copy{width:49%}
 .home-site .hero h1{font-size:clamp(78px,10vw,116px)}
 .hero-engineering{right:2%;width:46%}
 .home-site .hero-lead{font-size:20px}
 .home-site .hero .actions{flex-direction:column;align-items:flex-start}
 .home-site .hero .button{font-size:14px}
}
@media(max-width:760px){
 .home-site .hero-copy{width:100%;max-width:570px}
 .home-site .hero h1{font-size:clamp(76px,22vw,130px)}
 .home-site .hero-grid{min-height:0;padding-bottom:28px}
 .hero-engineering{position:relative;top:auto;right:auto;transform:none;width:calc(100% - 40px);max-width:570px;margin:8px auto 42px;z-index:2}
 .hero-engineering img{border-radius:16px;animation-duration:14s}
}
@media(prefers-reduced-motion:reduce){.hero-engineering img{animation:none!important;transform:none!important;will-change:auto}}