:root{color-scheme:dark;--bg:#05080a;--panel:#090e11;--ink:#f5f7f6;--muted:#a3adb0;--dim:#697378;--line:rgba(224,239,239,.18);--accent:#b9e6e3;--gutter:clamp(22px,4.35vw,76px);--font:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}
button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}
.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:#fff;color:#000;padding:12px 18px}.skip-link:focus{top:14px}
.site-header{height:80px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(2,5,7,.52),transparent)}
.brand{font-size:16px;font-weight:600;letter-spacing:.33em;white-space:nowrap;display:inline-flex;align-items:center;gap:14px}.brand-mark{display:none}
.nav{display:flex;align-items:center;gap:clamp(22px,3.2vw,54px);font-size:13px;color:#e3e8e8;text-shadow:0 1px 14px rgba(0,0,0,.85)}.nav a{transition:color .2s}.nav a:hover,.footer-grid a:hover{color:var(--accent)}.nav-docs{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}.nav-docs .arrow{font-size:15px;margin-left:5px}.menu-toggle{display:none}
.hero{position:relative;min-height:820px;height:min(900px,100svh);background:#060a0d;isolation:isolate;display:flex;align-items:center;padding:120px var(--gutter) 95px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--hero-image);background-position:center;background-size:cover}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,7,9,.65) 0%,rgba(3,7,9,.25) 42%,transparent 75%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)}
.hero-content{position:relative;z-index:1;max-width:750px}.hero-kicker,.eyebrow,.step-no,.product-index,.footer-label{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.hero-kicker{display:flex;align-items:center;gap:18px;color:#d5e2e3}.hero-kicker .line{width:42px;height:1px;background:#cfdfdf}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(68px,8.3vw,140px);line-height:.94;letter-spacing:-.075em;font-weight:300;margin:48px 0 27px}.hero h1 em,.display em,.section-title em,.footer-lead em{font-weight:300;font-style:normal;color:#c4e3e3}.hero p{font-size:clamp(18px,1.6vw,24px);font-weight:300;line-height:1.5;color:#d3dddd;max-width:550px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:0 20px;font-size:13px;font-weight:500;letter-spacing:.015em;transition:background .2s,color .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#f7f8f7;color:#0b1011;border:1px solid #f7f8f7}.button-light:hover{background:#c9e6e5;border-color:#c9e6e5}.button-outline{border:1px solid rgba(240,250,250,.5);color:#f4f7f7;background:rgba(0,0,0,.12)}.button-outline:hover{border-color:#fff;background:rgba(255,255,255,.12)}.button .arrow,.text-link .arrow{font-size:16px;line-height:1}
.hero-bottom{position:absolute;bottom:38px;left:var(--gutter);right:var(--gutter);border-top:1px solid rgba(235,247,247,.28);padding-top:15px;display:flex;justify-content:space-between;gap:15px;color:#c5d2d2;font-size:10px;letter-spacing:.18em}.hero-inner{height:760px;min-height:650px}.hero-inner h1{font-size:clamp(66px,8vw,124px)}.hero-classic::before{background-position:56% center}.hero-classic::after{background:linear-gradient(90deg,rgba(3,7,9,.8),rgba(3,7,9,.17) 75%),linear-gradient(0deg,var(--bg),transparent 23%)}
.hero-home{min-height:720px;height:100svh}.hero-home::before{background-position:center 52%;animation:hero-image-arrive 2.1s cubic-bezier(.2,.7,.2,1) both}.hero-home::after{background:linear-gradient(90deg,rgba(3,7,9,.52) 0%,rgba(3,7,9,.12) 43%,transparent 72%),linear-gradient(0deg,var(--bg) 0%,transparent 27%)}.hero-home .hero-content{max-width:900px;padding-top:45px;animation:hero-copy-arrive .65s both}.hero-home h1{font-size:clamp(74px,9vw,150px);letter-spacing:-.078em;line-height:.94;max-width:890px;text-shadow:0 3px 30px rgba(0,0,0,.12)}.hero-home p{max-width:490px}.hero-home .hero-bottom{bottom:40px;padding-top:21px}.hero-divider{display:inline-block;height:15px;width:1px;background:rgba(255,255,255,.46);vertical-align:-3px;margin:0 22px}.hero-home .hero-bottom>span:first-child{font-size:12px;font-weight:500;letter-spacing:.29em;color:#f0f5f5}
@keyframes hero-image-arrive{from{opacity:.55;transform:scale(1.075)}to{opacity:1;transform:scale(1)}}@keyframes hero-copy-arrive{from{opacity:1;transform:translateY(16px)}to{opacity:1;transform:none}}
.section-pad{padding:clamp(90px,11vw,190px) var(--gutter)}.eyebrow{display:block}.display{font-size:clamp(54px,6.9vw,116px);font-weight:300;letter-spacing:-.07em;line-height:1.05}.muted{color:#747e82}.section-title{font-size:clamp(46px,5.7vw,94px);font-weight:300;letter-spacing:-.065em;line-height:1.08}.intro{min-height:680px}.intro-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr);gap:8vw;align-items:end;margin-top:75px}.intro .display{margin:0}.intro-aside{padding-bottom:10px}.intro-aside p,.lead{font-size:clamp(17px,1.45vw,22px);font-weight:300;color:#c0cbcc;line-height:1.6}.intro-aside p+p{margin-top:24px;color:#8f9b9d}.text-link{display:inline-flex;align-items:center;gap:20px;color:#ecf6f5;font-size:14px;border-bottom:1px solid #82999a;padding-bottom:9px;transition:border-color .2s,color .2s}.text-link:hover{color:var(--accent);border-color:var(--accent)}
.section-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:60px}.caption,.source-note{font-size:12px;color:#929fa1;line-height:1.5;max-width:460px}.source-note{margin:35px 0 0;max-width:700px}.source-note a{text-decoration:underline;text-underline-offset:3px}.snapshot{padding-top:65px;padding-bottom:90px;background:#080d10}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-grid-three{grid-template-columns:repeat(3,1fr)}.stat{padding:38px 24px 30px 0;min-width:0}.stat+.stat{border-left:1px solid var(--line);padding-left:28px}.stat strong{display:block;font-size:clamp(34px,3.75vw,65px);line-height:1.15;letter-spacing:-.055em;font-weight:300;white-space:nowrap}.stat span{display:block;font-size:12px;color:#a3b0b0;margin-top:13px;line-height:1.5}
.image-stage{position:relative;min-height:850px;display:flex;align-items:start;background:#030606;isolation:isolate}.image-stage::before{content:"";inset:0;position:absolute;z-index:-2;background:var(--stage-image) center 55%/cover no-repeat}.image-stage::after{content:"";inset:0;position:absolute;z-index:-1;background:linear-gradient(180deg,rgba(2,5,6,.86),rgba(2,5,6,.12) 52%,#05080a 100%)}.image-stage-content{padding-top:100px;max-width:1000px}.image-stage h2{margin:45px 0 25px}.image-stage p{font-size:clamp(17px,1.5vw,22px);color:#ced9d9;line-height:1.5;max-width:575px}.image-credit{position:absolute;bottom:35px;right:var(--gutter);color:#98a5a6;font-size:10px;letter-spacing:.14em}
.process{background:#070b0e}.process .section-title{margin-bottom:80px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.process-step{padding:36px 40px 28px 0}.process-step+.process-step{border-left:1px solid var(--line);padding-left:40px}.process-step h3{font-size:clamp(24px,2.2vw,35px);line-height:1.18;font-weight:300;letter-spacing:-.045em;margin:115px 0 19px}.process-step p,.detail-list p{font-size:15px;line-height:1.7;color:#9eacad;max-width:390px}.process-step p{min-height:110px}
.network{background:#05080a}.network-layout{display:grid;grid-template-columns:1fr .9fr;gap:10vw;align-items:end}.network-layout .section-title{margin-bottom:35px}.network-layout .lead{max-width:560px}.network-list{border-top:1px solid var(--line)}.network-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:25px 0}.network-list span,.network-list small{color:#829092;font-size:11px;letter-spacing:.12em}.network-list strong{font-size:17px;font-weight:400}.network-list small{text-align:right}
.products{background:#0a0f12}.products .section-title{margin:0 0 65px}.product-list{border-top:1px solid var(--line)}.product-row{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(210px,.7fr);gap:5vw;align-items:center;padding:65px 0;border-bottom:1px solid var(--line);min-height:510px}.product-index{align-self:start;color:#91a8a9}.product-row h3{font-size:clamp(49px,5.4vw,84px);font-weight:300;letter-spacing:-.06em;line-height:1.06;margin:0 0 25px}.product-row p{font-size:17px;line-height:1.55;color:#aab8b8;max-width:460px}.product-row ul{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:23px 0 27px;list-style:none;color:#cbd7d7;font-size:12px}.product-row li:before{content:'—';margin-right:7px;color:var(--accent)}.product-glyph{min-height:310px;align-self:stretch;background-position:center;background-size:cover;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.core-glyph{background-image:url('./assets/liquidity-network.jpg')}.classic-glyph{background-image:url('./assets/earth-bridge.jpg')}
.builders{background:#0c1518}.builders-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;margin-top:52px;align-items:end}.builders .display{margin-bottom:28px}.builders .lead{max-width:620px}.developer-detail{border-top:1px solid var(--line)}.developer-detail>span{display:block;font-size:11px;letter-spacing:.2em;color:var(--accent);padding:20px 0 25px}.developer-detail>div{display:flex;gap:26px;border-top:1px solid var(--line);padding:25px 0}.developer-detail b{font-size:11px;color:#9caeb0;font-weight:400}.developer-detail p{font-size:16px;color:#e0e8e8;line-height:1.45;margin:0}.developer-detail small{display:block;color:#89999b;line-height:1.5;padding-top:15px}
.details{background:#060a0c}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.detail-list{border-top:1px solid var(--line)}.detail-list>div{padding:25px 0 35px;border-bottom:1px solid var(--line)}.detail-list span{font-size:11px;letter-spacing:.18em;color:var(--accent)}.detail-list h3{font-size:clamp(22px,2.1vw,34px);font-weight:300;letter-spacing:-.04em;margin:33px 0 12px}.detail-list p{margin-bottom:12px}.detail-list .text-link{margin-top:10px}.chain-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin:70px 0 45px}.chain-grid span{padding:28px 15px 28px 0;border-bottom:1px solid var(--line);font-size:17px}.chain-grid span:not(:nth-child(5n+1)){padding-left:15px;border-left:1px solid var(--line)}
.faq{background:#090e11}.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;font-size:clamp(18px,1.65vw,25px);font-weight:300;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-plus{width:20px;height:20px;position:relative;flex:none}.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:#d1e4e4;top:9px;left:2px;width:16px;height:1px}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-items details[open] .faq-plus:after{transform:rotate(0)}.answer{font-size:15px;line-height:1.7;color:#a9b9b9;max-width:650px;padding:0 30px 26px 0}.answer a{text-decoration:underline;text-underline-offset:3px}
.technical-index{background:#081013}.technical-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.technical-grid .lead{max-width:510px}.protocol-list{margin-top:65px;border-top:1px solid var(--line)}.protocol-list>div{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:175px 1fr;gap:24px}.protocol-list strong{font-size:14px;font-weight:500}.protocol-list span{font-size:13px;line-height:1.55;color:#9daeb0}.token-table{width:100%;border-collapse:collapse;text-align:left}.token-table caption{text-align:left;color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:0 0 26px}.token-table thead{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.token-table th,.token-table td{padding:17px 5px;font-size:14px;font-weight:400}.token-table thead th{font-size:10px;letter-spacing:.16em;color:#9aadaf}.token-table tbody tr{border-bottom:1px solid var(--line)}.token-table td{color:#c3d0d1}.token-table-wrap{min-width:0}
.site-footer{padding:130px var(--gutter) 32px;background:#0b1215}.footer-lead{padding-bottom:140px}.footer-lead h2{font-size:clamp(54px,7vw,112px);font-weight:300;line-height:1.04;letter-spacing:-.07em;margin:45px 0 25px}.footer-lead p{font-size:18px;line-height:1.5;color:#acbbbc;max-width:580px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding:50px 0 100px}.footer-grid>div{display:flex;flex-direction:column;gap:14px}.footer-grid .brand{margin-bottom:8px}.footer-grid p{max-width:300px;color:#87979a;font-size:13px;line-height:1.6}.footer-grid a:not(.brand){font-size:14px;color:#c1cdce}.footer-label{color:#71888a;margin-bottom:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#8b9c9e;font-size:12px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){.hero{min-height:700px}.hero h1{font-size:clamp(60px,9vw,95px)}.intro-grid,.network-layout,.builders-grid,.details-grid,.faq-layout{gap:6vw}.product-row{grid-template-columns:115px minmax(0,1fr) 210px;gap:25px}.product-glyph{min-height:270px}.stat strong{font-size:clamp(28px,3.8vw,42px)}.chain-grid{grid-template-columns:repeat(3,1fr)}.chain-grid span:not(:nth-child(5n+1)){border-left:0;padding-left:0}.chain-grid span:not(:nth-child(3n+1)){border-left:1px solid var(--line);padding-left:15px}}
@media(max-width:700px){:root{--gutter:22px}.site-header{height:68px}.brand{font-size:13px;letter-spacing:.22em}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.3);color:#fff}.menu-toggle span{height:1px;width:17px;background:currentColor}.nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gutter) 25px;background:#080d10;border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}.nav-docs{border-bottom:0}.hero{min-height:680px;height:88svh;max-height:850px;padding:105px var(--gutter) 100px;align-items:center}.hero::before{background-position:62% center}.hero::after{background:linear-gradient(90deg,rgba(3,7,9,.73),rgba(3,7,9,.3)),linear-gradient(0deg,#05080a,transparent 28%)}.hero h1{font-size:clamp(54px,13vw,84px);margin:35px 0 22px}.hero p{font-size:17px;max-width:420px}.hero-kicker{font-size:9px;letter-spacing:.16em}.hero-bottom{font-size:8px;bottom:22px}.hero-bottom span:first-child{max-width:190px}.hero-inner{min-height:650px}.hero-home{height:100svh;min-height:690px;max-height:none}.hero-home::before{background-position:60% center}.hero-home::after{background:linear-gradient(90deg,rgba(3,7,9,.68),rgba(3,7,9,.25)),linear-gradient(0deg,#05080a,transparent 33%)}.hero-home h1{font-size:clamp(57px,12.7vw,86px);max-width:600px}.hero-home .hero-content{padding-top:0}.hero-home .hero-bottom>span:first-child{font-size:9px;letter-spacing:.13em}.hero-divider{margin:0 8px;height:11px}.section-pad{padding:90px var(--gutter)}.intro{min-height:auto}.intro-grid,.network-layout,.builders-grid,.details-grid,.faq-layout{grid-template-columns:1fr;gap:42px;margin-top:40px}.display{font-size:clamp(50px,10vw,80px)}.section-title{font-size:clamp(46px,9vw,69px)}.intro-aside p,.lead{font-size:17px}.section-top{flex-direction:column;gap:12px;margin-bottom:40px}.snapshot{padding-top:50px;padding-bottom:60px}.stat-grid,.stat-grid-three{grid-template-columns:repeat(2,1fr)}.stat{padding:25px 14px 25px 0;border-bottom:1px solid var(--line)}.stat+.stat{border-left:0;padding-left:0}.stat:nth-child(2n){padding-left:17px;border-left:1px solid var(--line)}.stat:nth-last-child(-n+2){border-bottom:0}.stat-grid-three .stat:last-child{border-bottom:0}.stat strong{font-size:clamp(29px,6vw,45px)}.stat span{font-size:11px}.image-stage{min-height:780px}.image-stage::before{background-position:center center}.image-stage-content{padding-top:95px}.image-credit{left:var(--gutter);right:auto;font-size:8px}.process .section-title{margin-bottom:40px}.process-grid{grid-template-columns:1fr}.process-step,.process-step+.process-step{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.process-step h3{margin:35px 0 14px}.process-step p{min-height:0;margin-bottom:8px}.network-list{margin-top:8px}.network-list>div{grid-template-columns:24px 1fr auto;gap:9px}.network-list strong{font-size:14px}.network-list small{font-size:9px}.product-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:48px 0}.product-row h3{font-size:55px;margin-top:35px}.product-glyph{order:-1;height:210px;min-height:210px}.product-index{order:-2}.product-row p{font-size:16px}.builders-grid{margin-top:45px}.developer-detail{margin-top:25px}.details-grid{gap:10px}.chain-grid{grid-template-columns:repeat(2,1fr);margin-top:45px}.chain-grid span,.chain-grid span:not(:nth-child(3n+1)),.chain-grid span:not(:nth-child(5n+1)){border-left:0;padding:20px 8px 20px 0;font-size:15px}.chain-grid span:nth-child(2n){border-left:1px solid var(--line);padding-left:15px}.faq-layout{gap:20px}.site-footer{padding:90px var(--gutter) 25px}.footer-lead{padding-bottom:90px}.footer-lead h2{font-size:clamp(48px,10vw,75px)}.footer-grid{grid-template-columns:repeat(2,1fr);padding:40px 0 70px}.footer-grid>div:first-child{grid-column:span 2;margin-bottom:20px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:390px){.hero h1{font-size:53px}.hero-kicker{letter-spacing:.1em}.actions .button{width:100%}.hero-bottom span:first-child{max-width:160px}.stat strong{font-size:28px}.network-list small{display:none}.network-list>div{grid-template-columns:24px 1fr}}
@media(max-width:700px){.hero-home::before{background-image:url('./assets/bridge-gateway-mobile.jpg');background-position:center 35%}.hero-home::after{background:linear-gradient(180deg,rgba(3,7,9,.05) 0%,rgba(3,7,9,.62) 30%,rgba(3,7,9,.52) 68%,#05080a 100%)}.hero-home .hero-content{padding-top:60px}}
@media(max-width:700px){.technical-grid{grid-template-columns:1fr;gap:55px}.protocol-list{margin-top:35px}.protocol-list>div{grid-template-columns:1fr;gap:8px}.technical-index .section-title{margin-bottom:20px}.token-table th,.token-table td{font-size:13px;padding:15px 4px}}
/* Scroll-driven passage: real page scroll controls composited image layers. */
.site-header{position:fixed;transition:background .3s,border-color .3s}
.site-header.is-scrolled{background:rgba(5,9,11,.88);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.journey-track{height:340svh;position:relative;background:var(--bg)}
.journey-stage{height:100svh;min-height:0;max-height:none;position:sticky;top:0;overflow:hidden;contain:paint;isolation:isolate}
.journey-stage::before,.journey-stage::after{display:none}
.journey-exterior,.journey-tunnel,.journey-shade,.journey-veil{position:absolute;inset:0;pointer-events:none}
.journey-exterior{z-index:-3;background:url('./assets/bridge-gateway.jpg') 76% 52%/cover no-repeat;transform-origin:76% 23%;transform:translate3d(var(--exterior-x,0vw),var(--exterior-y,0vh),0) scale(var(--exterior-scale,1));will-change:transform}
.journey-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% 52%;opacity:0;transition:opacity .5s ease;pointer-events:none}
.journey-stage.video-playing .journey-video{opacity:1}
.journey-tunnel{z-index:-2;background:url('./assets/tunnel-interior.jpg') center center/cover no-repeat;-webkit-mask-image:radial-gradient(circle at 68% 34%,#000 calc(var(--tunnel-radius,0%) - 15%),transparent var(--tunnel-radius,0%));mask-image:radial-gradient(circle at 68% 34%,#000 calc(var(--tunnel-radius,0%) - 15%),transparent var(--tunnel-radius,0%));transform:scale(var(--tunnel-scale,1.15));will-change:transform}
.journey-stage.journey-inside .journey-tunnel{-webkit-mask-image:none;mask-image:none}
.journey-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,7,9,.55),rgba(3,7,9,.08) 59%,transparent 80%),linear-gradient(0deg,#05080a,transparent 27%)}
.journey-stage .hero-content{opacity:var(--copy-opacity,1);animation:none;will-change:opacity;transform:translateZ(0)}
.journey-stage.journey-past-copy .hero-content{pointer-events:none}
.journey-stage .hero-bottom{opacity:var(--copy-opacity,1);will-change:opacity}
.journey-message{position:absolute;z-index:3;left:var(--gutter);top:50%;transform:translateY(-50%);max-width:750px;opacity:var(--message-opacity,0);pointer-events:none;will-change:opacity;text-shadow:0 3px 30px rgba(0,0,0,.7)}
.journey-message p{font-size:clamp(66px,8vw,128px);font-weight:300;letter-spacing:-.075em;line-height:.99;margin:20px 0 0;color:#f6faf9}.journey-message em{font-style:normal;color:#c6e8e8}
.journey-veil{z-index:6;background:var(--bg);opacity:var(--veil-opacity,0);will-change:opacity}
.journey-meter{position:absolute;z-index:8;bottom:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.08);opacity:calc(1 - var(--veil-opacity,0))}.journey-meter span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--journey-progress,0));transform-origin:left center}
.core-glyph{background-image:url('./assets/liquidity-network.jpg')}.classic-glyph{background-image:url('./assets/earth-bridge.jpg')}
@media(max-width:700px){.journey-track{height:300svh}.journey-stage{height:100svh;min-height:0}.journey-exterior{background-image:url('./assets/bridge-gateway-mobile.jpg');background-position:center 35%;transform-origin:50% 14%}.journey-video{object-position:center 35%}.journey-tunnel{-webkit-mask-image:radial-gradient(circle at 50% 18%,#000 calc(var(--tunnel-radius,0%) - 15%),transparent var(--tunnel-radius,0%));mask-image:radial-gradient(circle at 50% 18%,#000 calc(var(--tunnel-radius,0%) - 15%),transparent var(--tunnel-radius,0%))}.journey-shade{background:linear-gradient(180deg,rgba(3,7,9,.05) 0%,rgba(3,7,9,.62) 30%,rgba(3,7,9,.52) 68%,#05080a 100%)}.journey-message p{font-size:clamp(51px,12vw,78px)}.journey-message{top:56%;left:0;right:0;padding:100px 50px 100px var(--gutter);background:radial-gradient(ellipse 85% 52% at 25% 50%,rgba(3,7,9,.75) 0%,rgba(3,7,9,.45) 58%,transparent 100%)}}
@media(max-height:680px) and (max-width:700px){.journey-stage{padding-top:75px;padding-bottom:62px}.journey-stage .hero-content{padding-top:0}.journey-stage h1{font-size:clamp(48px,11vw,70px);margin:20px 0 14px}.journey-stage p{font-size:15px}.journey-stage .actions{margin-top:18px}.journey-stage .button{min-height:44px}.journey-stage .hero-bottom{bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.journey-track{height:auto}.journey-stage{position:relative;height:100svh;min-height:680px}.journey-exterior{transform:none!important}.journey-video,.journey-tunnel,.journey-message,.journey-veil,.journey-meter{display:none}.journey-stage .hero-content,.journey-stage .hero-bottom{opacity:1!important}.journey-stage.journey-past-copy .hero-content{pointer-events:auto}.reveal{opacity:1;transform:none}}

/* Fixed-camera energy sequence and section-specific kinetic rings. */
.nav{gap:clamp(16px,2.3vw,38px)}
.launch-stage{position:relative;min-height:850px;height:100svh;max-height:1040px;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:110px var(--gutter) 110px;background:#03090e}
.launch-stage::before,.launch-stage::after{content:"";position:absolute;inset:0;pointer-events:none}
.launch-stage::before{z-index:-2;background:var(--launch-image) 70% center/cover no-repeat}
.launch-stage::after{z-index:-1;background:linear-gradient(90deg,rgba(2,6,10,.96) 0%,rgba(2,6,10,.8) 32%,rgba(2,6,10,.22) 67%,rgba(2,6,10,.04) 100%),linear-gradient(0deg,#05080a,transparent 21%,transparent 81%,#05080a)}
.launch-copy{position:relative;z-index:2;max-width:660px}.launch-copy h2,.sub-visual h2{font-size:clamp(64px,7.9vw,128px);font-weight:300;letter-spacing:-.075em;line-height:.98;margin:38px 0 26px}.launch-copy h2 em,.sub-visual h2 em,.guide-chapter h2 em{font-style:normal;color:#c5e7e8}.launch-copy p,.sub-visual p{max-width:520px;font-size:clamp(17px,1.5vw,22px);font-weight:300;color:#c5d3d5;line-height:1.58;margin-bottom:31px}.launch-rail{position:absolute;z-index:2;bottom:37px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:20px;border-top:1px solid rgba(226,244,244,.27);padding-top:20px;color:#b8cacc;font-size:10px;letter-spacing:.23em}.launch-rail i{display:block;flex:1;height:1px;background:linear-gradient(90deg,rgba(180,243,246,.95),rgba(180,243,246,.15));position:relative;overflow:hidden}.launch-rail i::after{content:"";position:absolute;inset:0 80% 0 0;background:#fff;box-shadow:0 0 16px #84eaf4;animation:current-slide 3.8s ease-in-out infinite}
.energy-orbit{position:absolute;z-index:1;right:2vw;top:49%;width:clamp(310px,36vw,570px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;opacity:.82;filter:drop-shadow(0 0 13px rgba(113,227,248,.32))}.energy-orbit i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,transparent 28deg,rgba(180,244,255,.9) 30deg,transparent 41deg,transparent 96deg,rgba(174,240,255,.75) 100deg,transparent 113deg,transparent 188deg,rgba(195,248,255,.9) 194deg,transparent 205deg,transparent 272deg,rgba(144,222,255,.75) 279deg,transparent 295deg);-webkit-mask:radial-gradient(circle,transparent 61%,#000 62%,#000 64%,transparent 65%);mask:radial-gradient(circle,transparent 61%,#000 62%,#000 64%,transparent 65%);animation:orbit-turn 16s linear infinite;animation-play-state:paused}.energy-orbit i:nth-child(2){inset:5%;opacity:.75;transform:rotate(15deg);animation:orbit-turn-reverse 10s linear infinite;animation-play-state:paused}.energy-orbit i:nth-child(3){inset:10%;opacity:.55;animation-duration:23s;animation-play-state:paused}.in-motion .energy-orbit i,.energy-orbit.in-motion i{animation-play-state:running}
.hero-core-dynamic::after{background:linear-gradient(90deg,rgba(3,7,9,.92) 0%,rgba(3,7,9,.76) 38%,rgba(3,7,9,.06) 78%),linear-gradient(0deg,#05080a,transparent 28%)}.hero-core-dynamic .energy-orbit{right:1vw;top:39%;width:clamp(340px,43vw,620px);opacity:.7}.hero-classic-dynamic::after{background:linear-gradient(90deg,rgba(3,7,9,.93),rgba(3,7,9,.72) 38%,rgba(3,7,9,.12) 75%),linear-gradient(0deg,#05080a,transparent 27%)}.hero-classic-dynamic .energy-orbit{right:-6vw;top:32%;width:clamp(300px,37vw,550px);opacity:.65}
.pool-current{position:absolute;z-index:0;left:50%;top:73%;width:clamp(360px,58vw,790px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 48deg,rgba(154,248,255,.7) 57deg,transparent 69deg,transparent 124deg,rgba(194,248,255,.78) 132deg,transparent 143deg,transparent 241deg,rgba(121,229,246,.7) 250deg,transparent 265deg);-webkit-mask:radial-gradient(circle,transparent 61%,#000 62%,#000 63%,transparent 65%);mask:radial-gradient(circle,transparent 61%,#000 62%,#000 63%,transparent 65%);animation:pool-spin 22s linear infinite;animation-play-state:paused;opacity:.56;filter:drop-shadow(0 0 14px rgba(115,232,246,.32))}.in-motion .pool-current{animation-play-state:running}.image-stage-content{position:relative;z-index:2}.image-stage .text-link{margin-top:19px}
.image-stage{overflow:hidden}
.sub-visual{position:relative;min-height:760px;display:flex;align-items:flex-start;padding:110px var(--gutter);overflow:hidden;isolation:isolate;background:#03090b}.sub-visual::before,.sub-visual::after{content:"";position:absolute;inset:0;pointer-events:none}.sub-visual::before{z-index:-2;background:var(--sub-image) center center/cover no-repeat}.sub-visual::after{z-index:-1;background:linear-gradient(180deg,rgba(3,7,9,.84),rgba(3,7,9,.22) 48%,#05080a 100%)}.sub-visual-copy{position:relative;z-index:2;max-width:860px}.sub-visual h2{font-size:clamp(60px,7vw,112px)}.sub-visual-classic::before{background-position:70% center}.sub-visual-classic::after{background:linear-gradient(90deg,rgba(3,7,9,.9),rgba(3,7,9,.32) 60%,transparent),linear-gradient(0deg,#05080a,transparent 28%)}
.guide-teaser{background:#0b1519}.guide-teaser-grid{display:grid;grid-template-columns:1fr .78fr;gap:9vw;align-items:end}.guide-teaser .lead{max-width:630px;margin:32px 0}.guide-teaser-list{border-top:1px solid var(--line)}.guide-teaser-list a{display:grid;grid-template-columns:34px 1fr auto;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0;transition:padding-left .25s,color .25s}.guide-teaser-list a:hover{padding-left:10px;color:var(--accent)}.guide-teaser-list span{font-size:11px;color:#88a2a4}.guide-teaser-list strong{font-size:clamp(18px,1.85vw,27px);font-weight:300}.guide-teaser-list i{font-style:normal;color:#9cbabc}
@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-turn-reverse{to{transform:rotate(-360deg)}}@keyframes pool-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes current-slide{to{transform:translateX(520%)}}

/* On-site field guide. */
.guide-hero{height:780px}.guide-hero::after{background:linear-gradient(90deg,rgba(3,7,9,.95),rgba(3,7,9,.7) 43%,rgba(3,7,9,.08) 78%),linear-gradient(0deg,#05080a,transparent 30%)}.guide-hero h1{font-size:clamp(66px,8.1vw,126px)}
.guide-hero .energy-orbit{right:1vw;top:39%;width:clamp(340px,43vw,620px);opacity:.55}
.guide-shell{max-width:1640px;margin:auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:clamp(50px,7vw,130px);padding:100px var(--gutter) 150px}.guide-toc{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:22px}.guide-toc .eyebrow{margin-bottom:22px}.guide-toc a{padding:11px 0;color:#91a3a6;font-size:12px;letter-spacing:.06em;transition:color .2s,padding-left .2s}.guide-toc a:hover{color:#e7fafa;padding-left:6px}.guide-body{min-width:0}.guide-note{background:#101b20;padding:40px 45px;border-left:2px solid #a7e2e8;margin-bottom:100px}.guide-note h2{font-size:clamp(26px,2.5vw,41px);font-weight:300;letter-spacing:-.05em;margin:23px 0 15px}.guide-note p,.guide-chapter-head p{font-size:16px;line-height:1.72;color:#aabbbe;max-width:790px}.guide-chapter{scroll-margin-top:115px;border-top:1px solid var(--line);padding:70px 0 90px}.guide-chapter-head{max-width:900px}.chapter-no{display:block;font-size:11px;letter-spacing:.21em;color:var(--accent);margin-bottom:25px}.guide-chapter h2{font-size:clamp(51px,5.15vw,85px);font-weight:300;line-height:1.08;letter-spacing:-.07em;margin:0 0 28px}.guide-chapter h3{font-size:clamp(22px,2vw,32px);font-weight:300;letter-spacing:-.045em;margin:16px 0 12px}.guide-chapter p{line-height:1.65}.guide-source{display:inline-flex;align-items:center;gap:14px;color:#d6eff0;font-size:12px;letter-spacing:.05em;border-bottom:1px solid #76999b;padding-bottom:8px;margin:25px 22px 0 0;transition:color .2s}.guide-source:hover{color:#a8f2f8}.guide-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px}.guide-flow article{padding:28px 25px 28px 0}.guide-flow article+article{border-left:1px solid var(--line);padding-left:25px}.guide-flow b{font-size:12px;color:#a8d6d8;font-weight:400}.guide-flow p,.guide-route-grid p,.guide-definition-grid p,.fee-rail p{font-size:14px;color:#9fb0b3;line-height:1.7}.guide-formula{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#b9dfe1;font-size:10px;letter-spacing:.16em;padding:30px 0}.guide-formula i{display:block;width:22px;height:1px;background:#86aeb1}.guide-table-wrap{overflow-x:auto;margin-top:45px}.guide-table{width:100%;border-collapse:collapse;min-width:575px}.guide-table caption{text-align:left;color:#91adb0;font-size:11px;letter-spacing:.15em;padding-bottom:20px}.guide-table th,.guide-table td{padding:18px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.guide-table thead th{border-top:1px solid var(--line);font-size:10px;color:#9fb6b8;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.guide-table td:nth-child(2){color:#819699}.guide-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.guide-route-grid article{background:#0d181c;border-top:1px solid #8ecdd1;padding:25px 23px 28px}.guide-route-grid span{font-size:10px;letter-spacing:.18em;color:#95bdc0}.guide-definition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:45px}.guide-definition-grid article{border-top:1px solid var(--line);padding:22px 0 15px}.fee-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:45px 0}.fee-rail>div{border-top:1px solid var(--line);padding:21px 0}.fee-rail span{font-size:11px;color:#96c1c4}.fee-rail strong{display:block;font-size:20px;font-weight:300;letter-spacing:-.03em;margin:22px 0 10px}.guide-caution{padding:20px 24px;background:#122126;border-left:2px solid #a3dfe2;color:#c5d6d8!important;font-size:14px}.guide-build-steps{list-style:none;margin:48px 0 0;padding:0;border-top:1px solid var(--line)}.guide-build-steps li{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6;color:#bfcdcf}.guide-build-steps b{color:#94b9bb;font-size:11px;letter-spacing:.16em;font-weight:500}.guide-checklist{background:#0e191d;margin-top:45px;padding:35px 45px}.guide-checklist h3{margin-top:0}.guide-checklist ul{margin:20px 0 0;padding-left:20px;color:#b8c9cb;line-height:2}.guide-source-row{display:flex;flex-wrap:wrap}.guide-end{margin-top:90px;padding-top:35px;border-top:1px solid var(--line)}.guide-end>span{font-size:10px;letter-spacing:.2em;color:#91b1b4}.guide-end p{font-size:clamp(32px,3vw,50px);font-weight:300;letter-spacing:-.05em;margin:30px 0 25px}

@media(max-width:900px){.nav{gap:14px;font-size:11px}.launch-stage{min-height:760px}.energy-orbit{right:-5vw}.guide-shell{grid-template-columns:190px 1fr;gap:45px}.guide-route-grid{grid-template-columns:1fr}.guide-route-grid article{min-height:0}}
@media(max-width:700px){.nav{gap:0;font-size:16px}.launch-stage{height:auto;min-height:820px;align-items:flex-start;padding:132px var(--gutter) 125px}.launch-stage::before{background-position:86% center}.launch-stage::after{background:linear-gradient(180deg,rgba(3,7,9,.57),rgba(3,7,9,.57) 45%,rgba(3,7,9,.38) 70%,#05080a),linear-gradient(90deg,rgba(3,7,9,.58),transparent)}.launch-copy h2{font-size:clamp(56px,12vw,76px);margin-top:35px}.launch-copy p{font-size:16px;max-width:370px}.launch-stage .energy-orbit{width:63vw;left:54%;right:auto;top:49%;transform:translate(-50%,-50%);opacity:.65}.launch-rail{gap:8px;font-size:7px;bottom:24px}.launch-rail i{min-width:10px}.hero-core-dynamic::before,.guide-hero::before{background-position:76% center}.hero-classic-dynamic::before{background-position:90% center}.hero-core-dynamic .energy-orbit{width:66vw;left:53%;right:auto;top:28%;transform:translate(-50%,-50%)}.hero-classic-dynamic .energy-orbit{width:66vw;left:54%;right:auto;top:24%;transform:translate(-50%,-50%)}.sub-visual{min-height:720px;padding:95px var(--gutter)}.sub-visual h2{font-size:clamp(52px,10vw,70px)}.sub-visual p{font-size:16px}.pool-current{width:105vw;top:73%}.guide-teaser-grid{grid-template-columns:1fr;gap:55px}.guide-teaser .section-title{font-size:clamp(49px,10vw,70px)}.guide-hero{min-height:730px;height:95svh}.guide-hero h1{font-size:clamp(59px,11.5vw,82px)}.guide-shell{display:block;padding:55px var(--gutter) 100px}.guide-toc{position:relative;top:0;display:flex;flex-direction:row;overflow-x:auto;gap:16px;white-space:nowrap;margin-bottom:55px;padding-bottom:12px;border-bottom:1px solid var(--line)}.guide-toc .eyebrow{display:none}.guide-toc a{flex:none}.guide-note{padding:28px 26px;margin-bottom:60px}.guide-chapter{padding:55px 0 75px}.guide-chapter h2{font-size:clamp(46px,10vw,68px)}.guide-flow,.guide-definition-grid,.fee-rail{grid-template-columns:1fr}.guide-flow article,.guide-flow article+article{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.guide-flow article:last-child{border-bottom:0}.guide-formula{gap:9px;font-size:8px}.guide-formula i{width:10px}.guide-route-grid{gap:12px}.guide-build-steps li{grid-template-columns:1fr;gap:7px}.guide-checklist{padding:29px 25px}}
@media(prefers-reduced-motion:reduce){.energy-orbit i,.pool-current,.launch-rail i::after{animation:none!important}.energy-orbit,.pool-current{opacity:.35}}
@media(max-width:700px){.hero-core-dynamic::after,.guide-hero::after{background:linear-gradient(180deg,rgba(3,7,9,.43),rgba(3,7,9,.72) 22%,rgba(3,7,9,.8) 61%,#05080a),linear-gradient(90deg,rgba(3,7,9,.45),transparent 80%)}.hero-classic-dynamic::after{background:linear-gradient(180deg,rgba(3,7,9,.38),rgba(3,7,9,.7) 35%,rgba(3,7,9,.75) 70%,#05080a)}}
@media(max-width:700px){.guide-toc{scrollbar-width:none}.guide-toc::-webkit-scrollbar{display:none}}
@media(max-width:700px){.launch-copy h2,.launch-copy p{text-shadow:0 3px 25px rgba(0,0,0,.95)}}
@media(max-width:700px){.guide-hero .energy-orbit{width:66vw;left:53%;right:auto;top:28%;transform:translate(-50%,-50%);opacity:.45}}
