/* Solada landing page. Lifted from the partner build, with fonts and images served as files. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.65 Geist,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--green);color:#07100e}.container{max-width:var(--max);margin:auto;padding-inline:32px}.section{border-bottom:1px solid var(--line);padding-block:145px;position:relative}.section-label,.kicker,.caption,.hero-fine,.hero-bottom,.ticker,.stage-top,.ui-label,.ui-line small,.orbit-label,.side-head,.side-foot,.supply-center small,.panel-top,.supply-control,.index,.fee-flow>div>span:first-child,.fee-amount,.ledger-row b,.economics-foot,.market-price span,.spread,.market-controls,.market-readout>p,.market-rail,.proof-number span,.proof-number small,.proof-note,footer,.sequence-steps,.nav-action,.header nav,.button{font-family:Geist Mono,monospace}.section-label{color:var(--green);letter-spacing:.16em;font-size:12px}.display{letter-spacing:-.085em;margin:24px 0 0;font-size:clamp(54px,6.6vw,102px);font-weight:600;line-height:1.03}.display em,.closing h2 em{background:linear-gradient(100deg,var(--purple) 10%,var(--blue) 52%,var(--green) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.heading-row{justify-content:space-between;align-items:end;gap:60px;margin-bottom:57px;display:flex}.heading-row p{color:#b6bed0;max-width:400px;margin:0 0 5px;font-size:18px;line-height:1.7}.progress{z-index:100;background:#252b37;height:2px;position:fixed;inset:0 0 auto}.progress i{background:linear-gradient(90deg,var(--purple),var(--green));width:0;height:100%;display:block}.header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:90;background:#0b0f18d9;border-bottom:1px solid #ffffff18;height:88px;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.brand{letter-spacing:-.075em;white-space:nowrap;align-items:center;gap:10px;font-size:25px;font-weight:700;line-height:.9;display:inline-flex}.brand small{letter-spacing:.2em;color:#aeb8c3;margin-top:5px;font:9px Geist Mono,monospace;display:block}.header nav{color:#b7bfd1;gap:28px;font-size:12px;display:flex}.nav-action{white-space:nowrap;border:1px solid #606a80;padding:12px 15px;font-size:11px}.nav-action span{color:var(--green);margin-left:8px}.button{letter-spacing:.01em;border:1px solid #5a6375;justify-content:space-between;align-items:center;gap:30px;min-height:55px;padding:17px 22px;font-size:12px;font-weight:500;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button span{font-size:17px}.button.primary{background:var(--green);color:#0a1715;border-color:var(--green)}.button.quiet:hover{border-color:var(--green)}.hero{background:radial-gradient(circle at 73% 48%,#142136 0%,#0b101a 40%,var(--bg) 76%);border-bottom:1px solid #344052;min-height:740px;position:relative;overflow:hidden}.hero-grid{transform:translate3d(0,var(--hero-grid,0px),0);background-image:linear-gradient(#9ca9bd0a 1px,#0000 1px),linear-gradient(90deg,#9ca9bd0a 1px,#0000 1px);background-size:65px 65px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}.hero-halo{width:760px;height:760px;transform:translate3d(0,var(--hero-halo,0px),0);background:radial-gradient(circle,#56429a2b 0,#0000 65%);border-radius:50%;position:absolute;top:-90px;right:-150px}.hero-layout{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;min-height:665px;display:grid;position:relative}.hero-copy{z-index:2;padding:75px 0 60px;position:relative}.kicker{color:#b7fbdc;letter-spacing:.1em;align-items:center;gap:10px;font-size:11px;display:flex}.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 18px var(--green);border-radius:50%;animation:2.4s ease-in-out infinite pulse}.hero h1{letter-spacing:-.1em;white-space:nowrap;margin:24px 0 30px;font-size:clamp(70px,7.5vw,122px);font-weight:600;line-height:.96}.hero h1 span{color:#0000;background:linear-gradient(90deg,#a367ff,#8aa8ed,#42f2af);-webkit-background-clip:text;background-clip:text}.hero-lead{color:#c5cbd9;max-width:590px;margin:0 0 31px;font-size:20px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-fine{color:#8e98ab;max-width:600px;margin-top:24px;font-size:11px;line-height:1.6}.hero-visual{height:620px;transform:translate3d(0,var(--hero-visual,0px),0);position:relative}.ring{border:1px solid #8b7bd336;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:320px;height:320px;box-shadow:0 0 70px #6e48ab24,inset 0 0 70px #6e48ab24}.ring-2{border-style:dashed;width:460px;height:460px;animation:65s linear infinite rotate}.ring-3{border-color:#80d5aa25;width:570px;height:570px;animation:7s ease-in-out infinite breath}.hero-mark{filter:drop-shadow(0 0 35px #5af6b742);place-items:center;width:260px;height:260px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-mark img{width:210px;height:210px;animation:7s ease-in-out infinite float}.beam{transform-origin:50%;opacity:.7;background:linear-gradient(90deg,#0000,#a46bffbb,#40efafbb,#0000);width:460px;height:1px;position:absolute;top:50%;left:50%}.beam-a{transform:translate(-50%,-50%)rotate(-32deg)}.beam-b{transform:translate(-50%,-50%)rotate(148deg)}.hero-node{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1420de;border:1px solid #596577a0;min-width:175px;padding:15px 19px;animation:8s ease-in-out infinite float;position:absolute;box-shadow:0 20px 60px #0008}.hero-node span,.hero-node em{color:#a8b3c3;font:10px Geist Mono,monospace;display:block}.hero-node strong{letter-spacing:.04em;margin:4px 0;font-size:20px;display:block}.hero-node.node-a{border-left:2px solid var(--purple);top:17%;left:-7%}.hero-node.node-b{border-left:2px solid var(--green);animation-delay:-3s;bottom:15%;right:-7%}.hero-coord{letter-spacing:.08em;color:#9ca7bb;font:9px Geist Mono,monospace;position:absolute}.coord-a{top:7%;right:4%}.coord-b{bottom:5%;left:8%}.spark{background:var(--green);width:5px;height:5px;box-shadow:0 0 15px var(--green);border-radius:50%;position:absolute}.spark-1{animation:7s ease-in-out infinite drift;top:48%;left:13%}.spark-2{animation:8s ease-in-out -2s infinite drift;top:29%;right:12%}.spark-3{animation:5s ease-in-out -3s infinite drift;bottom:10%;left:45%}.hero-bottom{color:#8893a6;letter-spacing:.11em;border-top:1px solid #b7c5e51b;justify-content:space-between;align-items:center;height:75px;font-size:10px;display:flex}.hero-bottom span:nth-child(2){color:var(--green);font-size:19px;animation:2s ease-in-out infinite bob}.ticker{border-bottom:1px solid var(--line);color:#aab7cc;letter-spacing:.12em;white-space:nowrap;background:#111723;font-size:11px;overflow:hidden}.ticker-inner{align-items:center;gap:39px;width:max-content;padding:15px 0;animation:40s linear infinite marquee;display:flex}.ticker b{color:var(--green);font-size:18px;font-weight:400}.intro-grid{grid-template-columns:1fr .76fr;align-items:start;gap:100px;display:grid}.intro-body{margin-top:34px}.intro-body p{color:#c4cada;margin:0 0 22px;font-size:19px;line-height:1.8}.intro-body .caption{color:#8793a9;font-family:Geist Mono,monospace;font-size:12px}.small-divider{background:var(--line);height:1px;margin:36px 0}.sequence{border-block:1px solid var(--line);background:linear-gradient(140deg,#101523,#0b101a 56%,#101825);padding:110px 0}.sequence-grid{grid-template-columns:.83fr 1fr;align-items:start;gap:9vw;display:grid}.sequence-sticky{position:sticky;top:140px}.sequence-sticky>p{color:#adb8c9;max-width:440px;font-size:18px}.sequence-sticky .display{font-size:clamp(53px,5.4vw,78px)}.sequence-steps{border-top:1px solid #4c5672;margin-top:45px}.stage-btn{color:#77839a;text-align:left;background:0 0;border:0;border-bottom:1px solid #394253;align-items:center;gap:18px;width:100%;padding:17px 5px;font-size:12px;transition:color .3s,background .3s;display:flex}.stage-btn span{color:#6b758a;font-size:10px}.stage-btn.active{color:var(--green);background:#3a937e0c}.stage-btn.active span{color:var(--green)}.sequence-cards{gap:85px;display:grid}.stage-card{background:#111827;border:1px solid #354155;min-height:660px;padding:24px 28px 37px;transition:border-color .4s,box-shadow .4s,transform .4s}.stage-top{letter-spacing:.11em;color:#8ca2bd;justify-content:space-between;font-size:10px;display:flex}.stage-art{background:#0a111d;border:1px solid #394862;height:330px;margin:26px 0 31px;position:relative;overflow:hidden}.stage-card h3{letter-spacing:-.055em;margin:0 0 13px;font-size:31px;line-height:1.15}.stage-card p{color:#aab6c8;margin:0;font-size:15px;line-height:1.75}.art-input{background:radial-gradient(circle at 80% 80%,#41287570,#0000 42%),#0a101b;padding:28px 35px}.ui-label{color:var(--green);margin-bottom:27px;font-size:11px}.ui-line{border-bottom:1px solid #3a4656;justify-content:space-between;padding:10px 0;font-size:18px;display:flex}.ui-line small{color:#728198;font-size:10px}.ui-line.accent b{color:var(--green)}.art-reticle{border:1px dashed #9069bc77;border-radius:50%;width:140px;height:140px;animation:25s linear infinite rotate;position:absolute;bottom:-45px;right:-45px}.art-reticle:after{content:"";border:1px solid #8f6bc755;border-radius:50%;position:absolute;inset:30px}.art-pump{background:radial-gradient(circle,#2c1b4c 0%,#0c1422 55%);place-items:center;display:grid}.art-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.pulse-disc{z-index:1;color:#b987ff;border:1px solid #9d6bdb;border-radius:50%;place-items:center;width:145px;height:145px;font-size:75px;animation:4s infinite breath;display:grid;box-shadow:0 0 0 35px #9356d51b,0 0 0 70px #9356d50f,0 0 80px #965fbd59}.orbit-label{z-index:1;color:#cba4ff;font-size:10px;position:absolute;top:18%;left:10%}.orbit-label.second{color:var(--green);inset:auto 8% 16% auto}.art-mirror{background:radial-gradient(circle,#16433d66,#0000 55%),#0a111b;flex-direction:column;justify-content:center;align-items:center;display:flex}.big-num{letter-spacing:-.08em;color:#b884ff;font-size:clamp(28px,3.5vw,49px);font-weight:600;line-height:1.5}.big-num.ghost{color:var(--green)}.mirror-line{background:linear-gradient(#aa78ff,#42f0a8);width:1px;height:38px;position:relative}.mirror-line:after{content:"↓";color:var(--green);position:absolute;bottom:-20px;left:-6px}.art-mirror small{color:#8a9ab0;letter-spacing:.15em;margin-top:23px;font:10px Geist Mono,monospace}.art-market{background:radial-gradient(circle,#1f273e,#0b111b 70%);justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.market-pill{color:#dcbcff;white-space:nowrap;background:#271e38;border:1px solid #9a6beb;padding:16px 12px;font:11px Geist Mono,monospace}.market-pill.green{color:#92ffd0;background:#17332d;border-color:#46dcb0}.market-path{flex:1;justify-content:space-around;min-width:45px;display:flex}.market-path span{background:var(--green);border-radius:50%;width:4px;height:4px;animation:1.4s infinite pulse}.market-path span:nth-child(2){animation-delay:.25s}.market-path span:nth-child(3){animation-delay:.5s}.market-path span:nth-child(4){animation-delay:.75s}.market-path span:nth-child(5){animation-delay:1s}.protocol{background:radial-gradient(circle at 80% 25%,#192a2f42,transparent 30%),var(--bg)}.supply-panel{background:#0f1723;border:1px solid #4b5c70}.panel-top{color:#b8c8d6;letter-spacing:.09em;border-bottom:1px solid #354258;justify-content:space-between;padding:21px 27px;font-size:11px;display:flex}.panel-led{color:var(--green)}.supply-grid{grid-template-columns:1fr 130px 1fr;align-items:center;gap:25px;padding:56px;display:grid}.supply-side{background:#171a2a;border:1px solid #644d86;min-height:265px;padding:27px}.supply-side.ada{background:#11241f;border-color:#417463}.side-head{color:#b9a1d9;justify-content:space-between;gap:12px;font-size:11px;display:flex}.ada .side-head{color:#8ce1c2}.side-head strong{font-weight:500}.supply-value{letter-spacing:-.08em;margin:25px 0 10px;font-size:clamp(32px,4vw,56px);font-weight:600}.bar{background:#353445;height:12px}.bar i{background:linear-gradient(90deg,#9945ff,#c28eff);width:100%;height:100%;transition:width .25s;display:block}.ada .bar{background:#2b4241}.ada .bar i{background:linear-gradient(90deg,#79a9ef,#14f195);width:0}.side-foot{color:#8899ae;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;display:flex}.side-foot b{color:#f6f6fc;font-size:12px}.supply-center{text-align:center;color:var(--green)}.sync-loop{border:1px dashed #60d5b5;border-radius:50%;place-items:center;width:100px;height:100px;margin:auto auto 19px;font-size:52px;animation:25s linear infinite rotate;display:grid}.sync-loop span{animation:25s linear infinite reverse rotate}.supply-center small{color:#9db8ba;font-size:10px;line-height:1.6}.supply-control{color:#a9bbcb;letter-spacing:.04em;border-top:1px solid #344153;grid-template-columns:1fr auto;gap:15px;padding:30px 42px;font-size:11px;display:grid}.supply-control output{color:var(--green)}.supply-control input{width:100%;accent-color:var(--green);cursor:pointer;grid-column:1/-1}.control-bottom{color:#71859a;grid-column:1/-1;justify-content:space-between;gap:20px;display:flex}.control-bottom strong,.control-bottom b{color:#d5fce8;font-weight:500}.protocol-details{grid-template-columns:1fr 1fr;gap:70px;margin-top:62px;display:grid}.protocol-details article{border-top:1px solid #465568;padding-top:25px}.index{color:var(--green);letter-spacing:.1em;font-size:11px}.protocol-details h3{letter-spacing:-.055em;margin:17px 0 12px;font-size:26px}.protocol-details p{color:#aab6c8;font-size:16px}.protocol-details code{color:#c6aaff;background:#1b2030;padding:1px 4px;font-size:14px}.fees{background:#0e131e}.fee-flow{grid-template-columns:1fr 52px 1.05fr 52px 1fr;align-items:stretch;gap:0;display:grid}.fee-source,.fee-ledger,.fee-dest{background:#131c2c;border:1px solid #374456;min-height:410px;padding:31px}.fee-flow>div>span:first-child{color:#aab8cd;letter-spacing:.08em;font-size:11px}.fee-flow h3{letter-spacing:-.06em;margin:30px 0 24px;font-size:32px;line-height:1.1}.fee-amount{color:var(--purple);letter-spacing:-.05em;border-top:1px solid #4a5367;border-bottom:1px solid #4a5367;padding:16px 0;font-size:29px}.fee-amount span{float:right;color:var(--green)}.fee-dest .fee-amount{color:var(--green)}.fee-flow p{color:#a9b5c8;font-size:14px;line-height:1.7}.fee-arrow{color:var(--green);place-items:center;font-size:25px;display:grid}.fee-arrow span{background:#48e2ac;width:20px;height:1px}.fee-ledger{background:#17202d}.fee-ledger h3{margin-bottom:15px}.ledger-row{border-top:1px solid #39475a;align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.ledger-row i{background:var(--green);border-radius:50%;width:6px;height:6px}.ledger-row:nth-of-type(2) i{background:var(--blue)}.ledger-row:nth-of-type(3) i{background:var(--purple)}.ledger-row b{color:#8494a8;text-align:right;margin-left:auto;font-size:9px;font-weight:400}.economics-foot{color:#adbac8;border-top:1px solid #4c586b;margin-top:40px;padding-top:25px;font-size:12px;line-height:1.9}.economics-foot strong{color:var(--green);font-weight:500}.market-grid{grid-template-columns:1fr .84fr;gap:60px;display:grid}.market-readout{background:#0e1725;border:1px solid #536376;padding:34px}.market-price{border-bottom:1px solid #364456;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.market-price:first-child{padding-top:0}.market-price span{color:#a5b4c8;font-size:11px}.market-price strong{letter-spacing:-.07em;font-size:36px;font-weight:500}.spread{color:#96a5b8;justify-content:space-between;padding:17px 0;font-size:11px;display:flex}.spread b{color:var(--green)}.market-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.market-controls button{color:#eff3fc;background:#192335;border:1px solid #626f83;padding:13px 7px;font-size:10px}.market-controls button:hover{border-color:var(--green)}.market-controls button:nth-child(3){background:var(--green);color:#081712;border-color:var(--green)}.market-controls button.reset{color:#8d9bb1;background:0 0}.market-readout>p{color:#8899ad;min-height:38px;margin-bottom:0;font-size:11px}.market-explain{padding-top:17px}.market-explain h3{letter-spacing:-.055em;margin:16px 0 22px;font-size:32px;line-height:1.2}.market-explain p{color:#aeb8c9;font-size:16px;line-height:1.8}.market-rail{color:var(--green);flex-wrap:wrap;align-items:center;gap:12px;margin-top:33px;font-size:10px;display:flex}.market-rail i{background:#536979;width:30px;height:1px}.proof{background:radial-gradient(circle at 5% 55%,#23204433,#0000 34%),#0d121b}.proof-number{background:#121d29;border:1px solid #60717a;grid-template-columns:1fr 80px 1fr;margin-bottom:50px;display:grid}.proof-number>div{padding:41px}.proof-number span,.proof-number small{color:#91a5b9;letter-spacing:.1em;font-size:10px;display:block}.proof-number strong{letter-spacing:-.07em;margin:16px 0;font-size:clamp(36px,4.2vw,66px);font-weight:500;line-height:1.2;display:block}.proof-number>div:last-child strong{color:var(--green)}.proof-number .proof-join{color:var(--green);place-items:center;font-size:34px;display:grid}.proof-grid{grid-template-columns:1fr 1fr;gap:45px;display:grid}.proof-list{border-top:1px solid var(--green)}.proof-list.planned{border-color:#91a1b4}.proof-list h3{letter-spacing:-.05em;margin:24px 0;font-size:26px}.status-dot{background:#8d9aa8;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.status-dot.done{background:var(--green);box-shadow:0 0 15px #14f19577}.proof-list ul{margin:0;padding:0;list-style:none}.proof-list li{color:#adbac9;border-bottom:1px solid #293647;padding:13px 0;font-size:15px}.proof-list li:before{content:"↗";color:var(--green);margin-right:13px}.planned li:before{content:"○";color:#9ba7b7}.proof-note{color:#8794a7;max-width:850px;margin-top:36px;font-size:11px;line-height:1.8}.faq-grid{grid-template-columns:.75fr 1fr;gap:90px;display:grid}.faq .display{font-size:clamp(51px,5.4vw,78px)}.questions{border-top:1px solid #475366}.questions details{border-bottom:1px solid #475366}.questions summary{cursor:pointer;justify-content:space-between;gap:20px;padding:25px 0;font-size:18px;font-weight:500;list-style:none;display:flex}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";color:var(--green);font-size:25px;line-height:1}.questions details[open] summary:after{content:"−"}.questions p{color:#adb9ca;margin:0 0 23px;font-size:15px;line-height:1.8}.closing{text-align:center;background:radial-gradient(circle at 50% 60%,#314d5b33,#131824 45%,#0b0e16 80%);padding:115px 0 130px;position:relative;overflow:hidden}.closing:before{content:"";border:1px solid #6ccaa82b;border-radius:50%;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px #70d0a30a,0 0 0 180px #8a54d508}.closing-inner{position:relative}.closing-mark{filter:drop-shadow(0 0 26px #43efad66);margin-bottom:22px}.closing h2{letter-spacing:-.095em;margin:20px 0;font-size:clamp(68px,8vw,125px);font-weight:600;line-height:1}.closing p{color:#b6c1d0;max-width:560px;margin:0 auto 35px;font-size:18px}.closing .button{margin:auto}.footer-inner{justify-content:space-between;align-items:center;gap:35px;min-height:145px;display:flex}.footer-inner p{color:#75849a;max-width:650px;font-size:10px;line-height:1.7}.footer-inner>a:last-child{white-space:nowrap;color:#a2b2bf;font-size:10px}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}.reveal.in-view{opacity:1;transform:translateY(0)}@keyframes rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes breath{50%{opacity:.56;filter:brightness(1.3)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes drift{50%{opacity:.4;transform:translate(25px,-18px)}}@keyframes marquee{to{transform:translate(-50%)}}.art-reticle,.sync-loop{animation-name:spin}@keyframes spin{to{transform:rotate(360deg)}}.sync-loop span{animation-name:spin-reverse}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@media (width<=1050px){.header nav{gap:13px;font-size:10px}.nav-action{display:none}.hero-layout{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-visual{width:100%;max-width:650px;height:510px;margin:auto}.hero h1{font-size:clamp(70px,10vw,105px)}.sequence-grid{gap:45px}.supply-grid{grid-template-columns:1fr 90px 1fr;gap:13px;padding:35px}.fee-flow{grid-template-columns:1fr 28px 1fr 28px 1fr}.fee-source,.fee-ledger,.fee-dest{padding:22px}.ledger-row b{display:none}.market-grid{gap:30px}}@media (width<=760px){.container{padding-inline:20px}.section{padding-block:90px}.header{height:70px}.header nav{display:none}.brand{font-size:22px}.hero-layout{min-height:auto}.hero-copy{padding:80px 0 0}.hero h1{white-space:normal;font-size:clamp(54px,11vw,83px)}.hero-lead{font-size:17px}.hero-visual{height:390px}.ring-1{width:210px;height:210px}.ring-2{width:310px;height:310px}.ring-3{width:380px;height:380px}.hero-mark{width:180px;height:180px}.hero-mark img{width:150px;height:150px}.hero-node{min-width:130px;padding:9px}.hero-node strong{font-size:14px}.hero-node span,.hero-node em{font-size:8px}.hero-node.node-a{top:12%;left:0}.hero-node.node-b{bottom:8%;right:0}.hero-coord{display:none}.beam{width:310px}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.intro-grid,.protocol-details,.proof-grid,.faq-grid{grid-template-columns:1fr;gap:20px}.intro-body{margin-top:0}.intro-body p{font-size:17px}.display{font-size:clamp(50px,10vw,74px)}.heading-row{margin-bottom:35px;display:block}.heading-row p{margin-top:25px;font-size:16px}.sequence{padding:90px 0}.sequence-grid{display:block}.sequence-sticky{margin-bottom:30px;position:relative;top:0}.sequence-steps{border:0;gap:9px;margin-top:25px;display:flex;overflow:auto}.stage-btn{border:1px solid #394253;min-width:max-content;padding:9px 12px}.stage-card,.stage-card.active{min-height:580px;transform:none}.sequence-cards{gap:25px}.stage-art{height:260px}.supply-grid{grid-template-columns:1fr;gap:14px;padding:20px}.supply-side{min-height:210px}.supply-center{justify-content:center;align-items:center;gap:20px;display:flex}.sync-loop{width:60px;height:60px;margin:0;font-size:30px}.supply-control{padding:20px}.control-bottom span{display:none}.control-bottom{justify-content:center}.fee-flow{grid-template-columns:1fr}.fee-arrow{height:50px}.fee-arrow span{display:none}.fee-source,.fee-ledger,.fee-dest{min-height:0}.fee-flow h3{margin:18px 0}.fee-flow p{margin-bottom:0}.market-grid,.proof-number{grid-template-columns:1fr}.proof-number .proof-join{height:50px;transform:rotate(90deg)}.proof-number>div{padding:24px}.faq-grid{gap:35px}.footer-inner{padding-block:35px;display:block}.footer-inner p{margin:20px 0}.closing{padding:90px 0}}@media (width<=460px){.hero h1{font-size:52px}.hero-actions{display:grid}.hero-visual{height:330px}.ring-1{width:180px;height:180px}.ring-2{width:270px;height:270px}.ring-3{width:320px;height:320px}.hero-mark img{width:132px}.hero-node.node-a{top:12%;left:-8px}.hero-node.node-b{bottom:8%;right:-8px}.stage-card{padding:18px}.stage-card h3{font-size:27px}.market-pill{padding:9px 6px;font-size:8px}.market-readout{padding:22px}.market-price strong{font-size:27px}.market-price span{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero-grid,.hero-halo,.hero-visual{transform:none!important}}.deep-dive{background:radial-gradient(circle at 74% 30%,#1b3d3a45,#0000 35%),#0a1018}.deep-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;display:grid}.deep-terminal{background:#0c1420;border:1px solid #5a687c;font-family:Geist Mono,monospace;box-shadow:0 30px 90px #0008}.terminal-head{color:#9eb1c8;letter-spacing:.08em;border-bottom:1px solid #354356;justify-content:space-between;gap:10px;padding:18px 23px;font-size:10px;display:flex}.terminal-head span:last-child{color:var(--green)}.terminal-line{border-bottom:1px solid #2c394a;grid-template-columns:32px 1fr 1.2fr;align-items:center;gap:15px;padding:17px 24px;font-size:11px;display:grid}.terminal-line em{color:#6a7890;font-style:normal}.terminal-line code{color:#b88bff;font-size:12px}.terminal-line span{color:#9ba9bb}.terminal-line:nth-child(3) code,.terminal-line:nth-child(4) code,.terminal-line:nth-child(7) code{color:var(--green)}.terminal-eq{color:#d5fbe5;background:#15312a77;padding:27px 24px;font-size:13px}.terminal-eq span{float:right;color:var(--green)}.deep-copy h3{letter-spacing:-.055em;margin:19px 0;font-size:34px;line-height:1.2}.deep-copy p{color:#abb9ca;font-size:16px;line-height:1.8}.deep-callout{border-left:2px solid var(--green);color:#d8e7dc;background:#1c332c67;margin-top:25px;padding:14px 20px;font:12px/1.7 Geist Mono,monospace}@media (width<=760px){.deep-grid{grid-template-columns:1fr;gap:40px}.terminal-line{grid-template-columns:25px 1fr 1.1fr;gap:8px;padding:14px;font-size:9px}.terminal-line code,.terminal-eq{font-size:10px}.terminal-head{padding:14px;font-size:8px}}.parallax-field{pointer-events:none;opacity:.38;filter:blur(8px);z-index:0;background:radial-gradient(circle,#9945ff33 0,#14f19518 25%,#0000 68%);border-radius:50%;width:650px;height:650px;position:absolute}.field-protocol{top:10%;right:-230px}.field-fees{top:6%;left:-280px}.field-market{bottom:0;right:-250px}.section>.container{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.parallax-field{transform:none!important}}:root{--bg:#0b0b14;--ink:#f4f3fa;--muted:#a7a8ba;--line:#292938;--panel:#12121d;--purple:#9945ff;--green:#14f195;--blue:#0084ff;--max:1320px}body{color:#f4f3fa;background:#0b0b14;font-family:Geist,system-ui,sans-serif}.display,.hero h1,.closing h2{letter-spacing:-.075em;font-family:Sora,Geist,sans-serif}.section-label,.kicker,.caption,.hero-fine,.hero-bottom,.ticker,.stage-top,.ui-label,.ui-line small,.orbit-label,.side-head,.side-foot,.supply-center small,.panel-top,.supply-control,.index,.fee-flow>div>span:first-child,.fee-amount,.ledger-row b,.economics-foot,.market-price span,.spread,.market-controls,.market-readout>p,.market-rail,.proof-number span,.proof-number small,.proof-note,footer,.sequence-steps,.nav-action,.header nav,.button,.console-top,.console-count,.market-filters,.chain-tags,.launch-stats small,.launch-foot,.launch-pill,.market-filter{font-family:Geist Mono,ui-monospace,monospace}.header{background:#0b0b14e8;border-color:#ffffff16;height:78px}.brand{letter-spacing:-.06em;font:700 21px/1 Sora,sans-serif}.brand>span>span{color:var(--ink)}.brand small{color:#88899e}.brand img{filter:drop-shadow(0 0 13px #9945ff6b)}.header nav a:hover{color:var(--green)}.nav-action{border-color:#464658;border-radius:5px}.nav-action:hover{border-color:var(--green)}.hero{isolation:isolate;background:#0b0b14;min-height:760px}.hero-grid{opacity:.55;background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 75%);mask-image:linear-gradient(90deg,#0000 0%,#000 75%)}.hero-halo{background:radial-gradient(circle,#9945ff20 0,#0000 70%)}.rail-art{z-index:0;opacity:.42;mix-blend-mode:screen;transform:translate3d(0,var(--rail-shift,0px),0) scale(1.06);pointer-events:none;background:url("/landing/rail-art.png") 100%/cover no-repeat;position:absolute;inset:0 0 0 33%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 32% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 32% 100%)}.hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0b0b14 8%,#0b0b14dc 35%,#0b0b1445 74%,#0b0b1499);position:absolute;inset:0}.hero-layout{z-index:2;grid-template-columns:.79fr 1.21fr;gap:48px;min-height:650px}.hero-copy{padding:50px 0}.hero h1{letter-spacing:-.075em;white-space:normal;margin:26px 0 22px;font-size:clamp(54px,5.35vw,86px);line-height:.99}.hero-fine{color:#a4a4b7;max-width:430px;font-size:10px}.hero-actions .button{border-radius:5px}.button.primary{background:var(--green);border-color:var(--green);color:#09140f}.button.primary:hover{background:#7bffc3}.market-console{z-index:3;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#100f19f5,#0d0e15f2);border:1px solid #444152;border-radius:13px;justify-self:end;width:100%;max-width:660px;padding:20px 22px 14px;transition:transform .7s cubic-bezier(.2,.7,.2,1),border-color .4s;position:relative;transform:perspective(1200px)rotateY(-3deg);box-shadow:0 30px 100px #0009,0 0 80px #9945ff14}.console-top{letter-spacing:.11em;color:#c4c1d4;border-bottom:1px solid #2c2b39;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:10px;display:flex}.console-top>span:first-child{align-items:center;gap:8px;display:flex}.console-pulse{background:#14f195;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 12px #14f195}.console-tag{color:#c0a8df;border:1px solid #41374e;border-radius:3px;padding:5px 7px;font-size:8px}.console-title{justify-content:space-between;align-items:end;padding:18px 0 10px;display:flex}.console-title small{color:#8f83a4;letter-spacing:.14em;font:10px Geist Mono,monospace}.console-title h2{letter-spacing:-.05em;margin:4px 0 0;font:600 23px Sora,sans-serif}.console-count{color:#f4f3fa;font-size:17px}.console-count i{color:#8f90a2;letter-spacing:.1em;font-size:8px;font-style:normal}.market-filters{border-bottom:1px solid #2c2b39;gap:6px;padding:4px 0 12px;display:flex}.market-filter{color:#88899c;background:0 0;border:1px solid #0000;border-radius:4px;padding:7px 10px;font-size:9px;transition:all .2s}.market-filter:hover,.market-filter.active{color:#e6d6ff;background:#211b2c;border-color:#493a61}.launch-list{gap:9px;padding:11px 0;display:grid}.launch-card{background:linear-gradient(120deg,#151520,#101018);border:1px solid #353444;border-radius:8px;padding:12px 14px;transition:transform .35s,border-color .35s,background .35s;position:relative;overflow:hidden}.launch-card:before{content:"";opacity:.85;background:linear-gradient(#9945ff,#0084ff,#14f195);width:2px;height:100%;position:absolute;top:0;left:0}.launch-card:hover{background:#191823;border-color:#5a4c69;transform:translate(4px)}.launch-main{align-items:center;gap:11px;display:flex}.token-glyph{color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font:700 10px Geist Mono,monospace;display:grid;position:relative;overflow:hidden}.token-glyph:before{content:"";background:conic-gradient(#9945ff,#0084ff,#14f195,#9945ff);animation:12s linear infinite rotate;position:absolute;inset:-50%}.token-glyph span{z-index:1;background:#11111b;border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.glyph-exp:before{background:conic-gradient(from 120deg,#0084ff,#14f195,#9945ff,#0084ff)}.launch-name{flex:1;min-width:0}.launch-name>div{align-items:center;gap:8px;display:flex}.launch-name strong{letter-spacing:.01em;font:650 14px Sora,sans-serif}.launch-name small{color:#9191a5;margin-top:3px;font-size:10px;display:block}.launch-pill{color:#c9a8ff;letter-spacing:.1em;border:1px solid #453455;border-radius:3px;padding:3px 5px;font-size:7px}.launch-arrow{color:#c1b3db;border:1px solid #393846;border-radius:5px;place-items:center;width:26px;height:26px;transition:all .2s;display:grid}.launch-arrow:hover{color:#fff;border-color:#9945ff;transform:translate(2px,-2px)}.chain-tags{flex-wrap:wrap;gap:6px;margin:10px 0 8px 49px;display:flex}.chain-tags span{letter-spacing:.07em;color:#b0b4c6;background:#121724;border-radius:3px;padding:4px 6px;font-size:8px}.chain-tags .sol-tag{color:#c6a9ff;background:#1e1730}.chain-tags .ada-tag{color:#79bbff;background:#101d30}.chain-tags i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.launch-stats{border-top:1px solid #272633;grid-template-columns:1fr 1fr;gap:10px;margin-left:49px;padding-top:8px;display:grid}.launch-stats>div{gap:4px;display:grid}.launch-stats small{color:#77788d;letter-spacing:.08em;font-size:7px}.launch-stats b{color:#f1eef8;font:500 12px Geist Mono,monospace}.launch-stats em{color:#9190a6;font-size:8px;font-style:normal}.launch-foot{color:#838397;letter-spacing:.04em;border-top:1px solid #272633;justify-content:space-between;gap:8px;margin:10px 0 0 49px;padding-top:8px;font-size:8px;display:flex}.launch-foot a{color:#d5c1f6}.launch-foot a:hover{color:#fff}.launch-foot b,.console-bottom b{color:#14f195;font-size:12px}.launch-card.compact{padding-bottom:13px}.console-bottom{color:#77788b;letter-spacing:.045em;border-top:1px solid #2c2b39;justify-content:space-between;gap:8px;padding-top:11px;font:8px Geist Mono,monospace;display:flex}.console-bottom a{color:#bda8dc}.console-bottom a:hover{color:#fff}.hero-bottom{z-index:2;color:#8f90a2;border-color:#ffffff16;position:relative}.hero-bottom span:nth-child(2){color:#14f195}.rail-card{position:relative;overflow:hidden}.rail-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 37%,#9945ff0a 44%,#0084ff18 50%,#14f1950a 57%,#0000 64%) 0 0/220% 100%;animation:7s linear infinite railpass;position:absolute;inset:0}@keyframes railpass{to{background-position:-220% 0}}.market-controls button,.market-readout .reset{border-radius:4px}.market-controls button:nth-child(3){background:#14f195;border-color:#14f195}.market-price:nth-child(2) strong,.proof-number>div:last-child strong{color:#14f195}.market-price strong,.proof-number strong{font-family:Sora,Geist,sans-serif}.panel-led,.economics-foot strong{color:#14f195}.ring-2{border-color:#9945ff48}.ring-3{border-color:#0084ff39}.hero-mark{filter:drop-shadow(0 0 35px #9945ff55)}.intro,.sequence,.protocol,.deep-dive,.fees,.markets,.proof,.faq,.closing{scroll-margin-top:80px}.sequence-sticky{top:115px}.stage-btn.active{color:#f6f2ff;background:#191425;border-color:#9945ff}.stage-btn.active:before{background:#9945ff;box-shadow:0 0 12px #9945ff99}.stage-top span:last-child{color:#14f195}.sync-loop{color:#14f195;border-color:#0084ff80}.bar i{background:linear-gradient(90deg,#9945ff,#0084ff)}.ada .bar i{background:linear-gradient(90deg,#0084ff,#14f195)}.supply-side{border-color:#493a60}.supply-side.ada{border-color:#254d65}.market-readout{border-color:#42374e}.market-readout button:hover,.proof-list{border-color:#14f195}.proof-list li:before{color:#14f195}.ticker{background:#101019}.ticker b,.questions summary:after{color:#14f195}.closing-mark{filter:drop-shadow(0 0 26px #0084ff77)}@media (width<=1050px){.hero-layout{grid-template-columns:1fr;gap:28px;padding-top:26px;padding-bottom:26px}.hero{min-height:0}.hero-copy{padding:45px 0 0}.hero-copy .hero-lead{max-width:650px}.market-console{justify-self:start;max-width:720px;transform:none}.market-console:hover{transform:translateY(-3px)}.rail-art{opacity:.32;inset:0 0 8% 20%}.hero-layout{min-height:0}.hero-bottom{height:60px}}@media (width<=760px){.container{padding-inline:20px}.header{height:68px}.hero-layout{gap:20px;padding-top:10px}.hero-copy{padding-top:44px}.hero h1{white-space:normal;margin:20px 0;font-size:clamp(49px,9vw,68px)}.hero-lead{font-size:16px}.hero-actions{gap:8px}.hero-actions .button{min-height:48px;padding:13px 15px;font-size:10px}.market-console{border-radius:10px;padding:15px 12px 12px}.console-title h2{font-size:20px}.launch-card{padding:11px 10px}.chain-tags,.launch-stats{margin-left:47px}.launch-foot{margin-left:47px;font-size:7px}.launch-stats small{font-size:6px}.launch-stats b{font-size:10px}.launch-name small{font-size:9px}.launch-foot>span{max-width:45%}.console-bottom{font-size:7px}.rail-art{opacity:.34;background-position:68%;inset:25% -40% 7% 4%}.hero-bottom span:last-child{display:none}}@media (width<=440px){.console-tag{font-size:7px}.launch-stats{grid-template-columns:1fr 1fr;gap:5px}.launch-stats small{letter-spacing:0}.chain-tags{gap:4px}.chain-tags span{padding:4px;font-size:6.5px}.launch-name>div{gap:5px}.launch-pill,.launch-foot{font-size:6px}.launch-foot a{font-size:7px}.hero-bottom{font-size:8px}}@media (prefers-reduced-motion:reduce){.rail-art,.token-glyph:before,.rail-card:after{animation:none!important;transform:none!important}}.launch-card[hidden]{display:none!important}.rail-dot{background:linear-gradient(135deg,#9945ff,#0084ff,#14f195);border-radius:50%;width:8px;height:8px;animation:2.7s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 12px #9945ff88}.art-mirror .big-num{letter-spacing:.08em;text-align:center;font-size:clamp(22px,3vw,38px);line-height:1.1}.art-mirror small{font-size:9px}.rail-art{opacity:.54;animation:9s ease-in-out infinite alternate rails-breathe}.rail-flow{opacity:.9;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rail-flow .route{fill:none;stroke-linecap:round}.route-launch,.route-fee{stroke:url("#launchFlow");stroke-width:2.4px;stroke-dasharray:2 9;filter:url("#railGlow");animation:18s linear infinite route-run}.route-fee{stroke:url("#feeFlow");stroke-width:1.6px;stroke-dasharray:1 7;animation-duration:24s;animation-direction:reverse}.route-spine{stroke:#68768d32;stroke-width:1px;stroke-dasharray:1 8}.route-node{fill:#0b0b14;stroke-width:1.4px}.node-cardano{stroke:#0084ff;filter:drop-shadow(0 0 8px #0084ff)}.node-pump{stroke:#14f195;filter:drop-shadow(0 0 8px #14f195)}.route-core{fill:#141321;stroke:#9945ff;stroke-width:1.4px;filter:drop-shadow(0 0 16px #9945ff99);animation:3.4s ease-in-out infinite core-breathe}.route-label{letter-spacing:2px;fill:#e6e1f4;font:11px Geist Mono,monospace}.route-caption{letter-spacing:2px;fill:#a0a3b7;font:9px Geist Mono,monospace}.route-packet{fill:#fff;filter:drop-shadow(0 0 7px #fff)drop-shadow(0 0 14px #14f195)}.packet-fee{fill:#14f195}.market-console{max-width:710px}.hero{min-height:min(820px,100svh - 88px)}.market-console{animation:1.1s cubic-bezier(.2,.8,.2,1) both console-arrive}.hero-copy>*{animation:.8s cubic-bezier(.2,.7,.2,1) both copy-rise}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.15s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-copy>:nth-child(5){animation-delay:.29s}@keyframes route-run{to{stroke-dashoffset:-220px}}@keyframes rails-breathe{0%{filter:saturate(.9);opacity:.42}to{filter:saturate(1.3);opacity:.62}}@keyframes core-breathe{50%{transform-origin:500px 325px;stroke-width:2.2px;transform:scale(1.14)}}@keyframes console-arrive{0%{opacity:0;transform:perspective(1200px)rotateY(-5deg)translateY(24px)}to{opacity:1;transform:perspective(1200px)rotateY(-3deg)translateY(0)}}@keyframes copy-rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.rail-art{opacity:.3}.hero{min-height:0}.hero-layout{padding-bottom:52px}}@media (width<=760px){.rail-flow{opacity:.68}.route-label{font-size:15px}.route-caption{font-size:13px}.hero{min-height:0}.market-console{animation:none}}@media (prefers-reduced-motion:reduce){.rail-art,.route-launch,.route-fee,.route-core,.market-console,.hero-copy>*{animation:none!important}.route-packet{display:none}}.bridge-story{background:radial-gradient(at 18% 45%,#0084ff12,#0000 42%),radial-gradient(at 84% 38%,#9945ff16,#0000 40%),#0a0a12}.bridge-story .heading-row{align-items:flex-end}.bridge-story .heading-row .display{font-size:clamp(48px,5.7vw,82px)}.bridge-story .heading-row p{max-width:350px}.ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.ecosystem-card{background:linear-gradient(145deg,#15151fdf,#0f1119f0);border:1px solid #ffffff1a;border-radius:10px;min-height:330px;padding:25px 24px 22px;transition:transform .4s,border-color .4s,background .4s;position:relative;overflow:hidden}.ecosystem-card:hover{border-color:#fff4;transform:translateY(-6px)}.ecosystem-card:before{content:"";opacity:.85;background:linear-gradient(#0084ff,#9945ff,#14f195);width:2px;position:absolute;inset:0 auto 0 0}.ecosystem-card.ada:before{background:#0084ff}.ecosystem-card.sol:before{background:#9945ff}.ecosystem-card.bridge:before{background:linear-gradient(#0084ff,#9945ff,#14f195)}.ecosystem-card .index{letter-spacing:.12em;color:#9da6bc;font-size:10px}.ecosystem-card h3{letter-spacing:-.045em;max-width:320px;margin:39px 0 14px;font:600 clamp(22px,2vw,30px)/1.16 Sora,sans-serif}.ecosystem-card p{color:#b4b8c8;margin:0;font-size:15px;line-height:1.7}.ecosystem-signal{color:#8e96aa;letter-spacing:.12em;border-top:1px solid #ffffff19;align-items:center;gap:9px;margin-top:25px;padding-top:15px;font:9px Geist Mono,monospace;display:flex}.ecosystem-signal i{background:#0084ff;border-radius:50%;width:6px;height:6px;animation:2.3s infinite pulse;box-shadow:0 0 11px #0084ff}.ecosystem-card.sol .ecosystem-signal i{background:#9945ff;box-shadow:0 0 11px #9945ff}.ecosystem-card.bridge .ecosystem-signal i{background:#14f195;box-shadow:0 0 11px #14f195}.liquidity-note{color:#aeb4c5;background:#10111999;border:1px solid #ffffff1b;border-radius:7px;max-width:900px;margin:23px 0 0;padding:15px 18px;font-size:13px;line-height:1.65}.liquidity-note strong{color:#f1eef8;font-weight:600}@media (width<=900px){.ecosystem-grid{grid-template-columns:1fr}.ecosystem-card{min-height:260px}.ecosystem-card h3{max-width:540px;margin-top:25px}.bridge-story .heading-row{display:block}.bridge-story .heading-row p{max-width:550px;margin-top:28px}}:root{--max:1360px;--bg:#080a10;--ink:#f5f7fc;--line:#262b39;--panel:#111521;--purple:#9945ff;--green:#14f195;--blue:#0084ff}body{background:var(--bg);color:var(--ink)}.container{padding-inline:clamp(20px,4vw,52px)}.header{background:#080a10d9;border-bottom-color:#ffffff16;height:78px}.nav-action{border-radius:6px}.brand{gap:11px}.brand img{object-fit:contain;filter:drop-shadow(0 0 13px #0084ff36)}.hero{background:radial-gradient(ellipse at 79% 42%,#10213b 0%,#0b111d 36%,var(--bg) 76%);min-height:min(830px,100svh - 78px)}.hero-layout{grid-template-columns:1fr 1fr;gap:clamp(34px,4vw,64px);min-height:min(755px,100svh - 153px)}.hero-copy{padding-block:52px}.hero h1{letter-spacing:-.082em;max-width:660px;font-size:clamp(50px,4.65vw,68px);line-height:.98}.hero h1 span{background:linear-gradient(100deg,#75baff 0%,#a16aff 48%,#4bffc0 100%);-webkit-background-clip:text;background-clip:text}.hero-lead{color:#d1d7e5;max-width:560px;font-size:18px;line-height:1.65}.kicker{color:#d5d8e6;letter-spacing:.14em}.button{border-radius:6px}.button.primary{box-shadow:0 0 0 1px #14f19530,0 7px 30px #14f19516}.market-console{background:linear-gradient(145deg,#11131ef5,#0b0d15f5);border-color:#565266;border-radius:14px;justify-self:end;width:100%;max-width:760px;padding:23px 24px 16px;transition:transform .45s,border-color .4s,box-shadow .4s;transform:perspective(1400px)rotateY(-2deg);box-shadow:0 35px 100px #000b,0 0 70px #9945ff1c}.market-console:hover{border-color:#8e70b5;transform:perspective(1400px)rotateY(0)translateY(-5px);box-shadow:0 42px 100px #000c,0 0 90px #9945ff26}.console-title{padding-block:20px 13px}.console-title h2{font-size:26px}.console-count{font:500 19px Geist Mono,monospace}.launch-card{background:linear-gradient(115deg,#171722,#10121b);border-color:#3b3a4c;border-radius:9px;padding:15px 16px}.launch-card:hover{border-color:#706082;transform:translateY(-2px)}.token-glyph{border-radius:12px;width:44px;height:44px}.token-glyph span{border-radius:9px;width:37px;height:37px}.launch-name strong{font-size:16px}.launch-name small{font-size:11px}.launch-pill{font-size:8px}.chain-tags span{font-size:9px}.launch-stats{padding-top:11px}.launch-stats small{font-size:8px}.launch-stats b{font-size:14px}.launch-foot,.console-bottom{font-size:9px}.hero-bottom{height:66px}.bridge-story{background:radial-gradient(at 10%,#0084ff0e,#0000 42%),radial-gradient(at 90% 36%,#9945ff11,#0000 40%),linear-gradient(#090b12,#0b0d15);padding-block:132px}.bridge-story .heading-row{margin-bottom:48px}.ecosystem-grid{gap:18px}.ecosystem-card{background:linear-gradient(155deg,#151925,#0d111a);border-color:#fff2;border-radius:12px;min-height:350px;padding:28px 26px 23px;box-shadow:0 18px 54px #0003}.ecosystem-card h3{margin-top:43px;font-size:clamp(23px,2vw,31px)}.ecosystem-card p{color:#c1c7d5;font-size:16px;line-height:1.72}.ecosystem-card.bridge{background:linear-gradient(155deg,#1a1624,#0f121b 78%);border-color:#685580}.liquidity-note{background:#11151f;border-color:#fff2;border-radius:9px;max-width:none;margin-top:19px;padding:17px 21px;font-size:14px}.sequence{padding-block:122px}.stage-card{background:linear-gradient(145deg,#151a27,#0d1119);border-radius:12px;padding:25px 27px 35px}.stage-art{border-radius:9px}.supply-panel,.deep-terminal,.market-readout,.proof-number,.questions{border-radius:12px;overflow:hidden}.supply-panel{box-shadow:0 24px 75px #0004}.fee-flow>div{border-radius:11px}.closing{border-top:1px solid #ffffff14}.closing-mark{object-fit:contain;width:82px;height:82px}.footer-inner .brand img{object-fit:contain}.header nav a{transition:color .2s,text-shadow .2s}.header nav a:hover{color:#fff;text-shadow:0 0 18px #14f19575}.launch-arrow,.market-filter,.stage-btn,.market-controls button{transition:all .24s}.market-filter{border-radius:5px}.stage-btn{border-left:2px solid #0000;padding-inline:11px}.stage-card.active{border-color:#8172a1;transform:translateY(-5px);box-shadow:0 24px 80px #341a523d}.reveal{transition:opacity .75s cubic-bezier(.18,.68,.24,1),transform .75s cubic-bezier(.18,.68,.24,1);transform:translateY(22px)}.reveal.in-view{transform:translateY(0)}@media (width<=1050px){.hero-layout{grid-template-columns:1fr;gap:26px;min-height:0;padding-block:24px 40px}.hero-copy{padding-block:42px 4px}.hero h1{max-width:740px;font-size:clamp(55px,8vw,78px)}.market-console{justify-self:start;max-width:820px;transform:none}.market-console:hover{transform:translateY(-3px)}.hero{min-height:0}.bridge-story{padding-block:96px}}@media (width<=760px){.header{height:68px}.brand img{width:36px;height:36px}.header nav{gap:12px}.hero-layout{gap:13px;padding-block:10px 24px}.hero-copy{padding-top:38px}.hero h1{max-width:520px;font-size:clamp(49px,10vw,68px)}.hero-lead{font-size:16px}.market-console{border-radius:11px;padding:16px 13px 13px}.market-console:hover{transform:none}.console-title h2{font-size:22px}.launch-card{padding:12px 11px}.launch-stats b{font-size:11px}.launch-stats small,.launch-foot,.console-bottom{font-size:7px}.ecosystem-card{min-height:0;padding:24px 21px}.ecosystem-card h3{margin-top:27px}.bridge-story .heading-row .display{font-size:clamp(43px,9vw,65px)}.hero-bottom{height:54px}.hero-bottom span:nth-child(2){display:none}}@media (width<=440px){.header nav{gap:9px;font-size:10px}.nav-action{padding:10px;font-size:9px}.hero h1{font-size:49px}.launch-name strong{font-size:14px}.chain-tags span{font-size:7px}.launch-stats,.launch-foot{margin-left:46px}}@media (prefers-reduced-motion:reduce){.ecosystem-card,.stage-card,.market-console,.reveal,.hero-copy>*{transition:none!important;animation:none!important}}.market-snapshot{background:linear-gradient(115deg,#131927ef,#11121cf2);border:1px solid #ffffff1c;border-radius:10px;max-width:490px;margin:0 0 19px;padding:13px 15px;animation:.75s 50ms both copy-rise;box-shadow:0 18px 50px #0003}.market-total{align-items:baseline;gap:11px;display:flex}.market-total strong{letter-spacing:-.07em;color:#0000;background:linear-gradient(95deg,#fff,#9fc6ff 55%,#cfabff);-webkit-background-clip:text;background-clip:text;font:600 clamp(30px,3.5vw,42px)/1 Sora,sans-serif}.market-total span{letter-spacing:.09em;text-transform:uppercase;color:#a9afc1;font:10px/1.4 Geist Mono,monospace}.market-pair{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.market-pair a{background:#0b0e16;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:8px 10px;text-decoration:none;display:flex}.market-pair small{letter-spacing:.08em;color:#aeb5c6;font:9px Geist Mono,monospace}.market-pair b{color:#f2f5ff;font:600 14px Geist Mono,monospace}.market-pair a:first-child b{color:#c7a1ff}.market-pair a:last-child b{color:#83bdff}.market-pair a:hover{background:#171a27;border-color:#fff5}.market-asof{color:#8991a4;margin-top:9px;font-size:9px;line-height:1.5;display:block}.market-potential{background:linear-gradient(120deg,#111724,#14111d);border:1px solid #ffffff20;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;margin:0 0 21px;display:grid;overflow:hidden}.market-potential>div{padding:23px 25px}.market-potential>div+div{border-left:1px solid #ffffff18}.market-potential .index{letter-spacing:.12em;color:#aeb8ce;font:9px Geist Mono,monospace}.market-potential h3{letter-spacing:-.04em;margin:18px 0 9px;font:600 clamp(18px,1.7vw,24px)/1.2 Sora,sans-serif}.market-potential p{color:#b7bdcc;margin:0;font-size:14px;line-height:1.65}@media (width<=760px){.header{height:64px}.header .nav{padding-inline:16px}.header nav{display:none}.nav-action{white-space:nowrap;justify-content:center;align-items:center;min-height:42px;padding:0 13px;font-size:10px;display:inline-flex}.brand{gap:7px}.brand img{width:34px;height:34px}.brand span{font-size:17px}.brand small{font-size:7px}.hero-layout{gap:17px;padding:8px 16px 20px}.hero-copy{padding-top:31px}.market-snapshot{margin-bottom:18px;padding:12px}.market-total strong{font-size:34px}.market-pair a{min-height:44px;padding:8px}.market-pair small{font-size:8px}.market-asof{font-size:10px}.hero h1{letter-spacing:-.075em;margin:19px 0 15px;font-size:clamp(43px,11.5vw,61px);line-height:1.02}.hero-lead{font-size:16px;line-height:1.58}.hero-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.hero-actions .button{justify-content:center;min-height:48px;padding:12px 10px;font-size:10px}.hero-fine{font-size:11px}.market-console{max-width:none;padding:17px 14px}.console-title h2{font-size:22px}.market-filter{min-height:38px;padding:8px 12px;font-size:10px}.launch-card{padding:13px 12px}.chain-tags,.launch-stats,.launch-foot{margin-left:0}.chain-tags span,.launch-stats small{font-size:8px}.launch-stats b{font-size:12px}.launch-foot,.console-bottom{font-size:9px}.market-potential{grid-template-columns:1fr}.market-potential>div{padding:20px}.market-potential>div+div{border-top:1px solid #ffffff18;border-left:0}.market-potential h3{margin-top:12px;font-size:21px}.market-potential p,.ecosystem-card p{font-size:15px}.section{padding-block:76px}.sequence{padding-block:78px}.hero-bottom{font-size:9px}}@media (width<=380px){.container{padding-inline:16px}.brand small{display:none}.nav-action{padding-inline:10px;font-size:9px}.hero h1{font-size:43px}.hero-actions{grid-template-columns:1fr}.market-pair small{font-size:7px}.market-pair b{font-size:12px}.launch-stats{grid-template-columns:1fr;gap:9px}.launch-stats b{font-size:13px}.launch-foot{align-items:flex-start;font-size:8px}}@media (prefers-reduced-motion:reduce){.market-snapshot{animation:none}}.hero{background:radial-gradient(at 76% 26%,#29314b 0%,#111625 30%,#0b0b14 75%);min-height:0;padding-bottom:0}.hero-layout{grid-template-columns:minmax(0,.83fr) minmax(450px,1.17fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:0;padding-block:36px 28px}.hero-copy{max-width:640px;padding:34px 0 42px}.hero h1{white-space:normal;letter-spacing:-.075em;max-width:680px;margin:20px 0 22px;font-size:clamp(48px,5.15vw,82px);line-height:.99}.hero-lead{max-width:600px;font-size:clamp(16px,1.35vw,19px);line-height:1.58}.market-snapshot{margin-bottom:25px}.hero-right{z-index:3;flex-direction:column;gap:13px;min-width:0;display:flex;position:relative}.market-console{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-self:stretch;width:100%;max-width:none;transform:none;box-shadow:0 28px 90px #0008,0 0 48px #9945ff12}.market-console:hover{border-color:#66517d;transform:translateY(-2px)}.core-stage{--px:0px;--py:0px;isolation:isolate;background:radial-gradient(at 50% 55%,#161c2b 0%,#0e111c 64%,#0c0e16 100%);border:1px solid #ffffff18;border-radius:14px;height:292px;transition:border-color .5s,background .5s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 20px 65px #0003}.core-stage:before{content:"";opacity:.58;transform:translate3d(0,var(--stage-parallax,0px),0);background-image:linear-gradient(#d3e2ff08 1px,#0000 1px),linear-gradient(90deg,#d3e2ff08 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 48%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 48%,#000 0%,#0000 75%)}.core-stage:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0e111c 0%,#0000 23% 77%,#0e111c 100%);position:absolute;inset:0}.core-stage-top{z-index:4;color:#b8c3d7;letter-spacing:.12em;justify-content:space-between;align-items:center;font:10px Geist Mono,monospace;display:flex;position:absolute;top:14px;left:16px;right:16px}.core-stage-top>span:first-child{align-items:center;gap:9px;display:flex}.core-live{background:#42e7b5;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite core-pulse;box-shadow:0 0 14px #42e7b5}.core-stage-index{color:#777f92;font-size:9px}.core-orbit{z-index:0;pointer-events:none;border:1px solid #a6baff20;border-radius:50%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-17deg)}.orbit-a{width:315px;height:144px}.orbit-b{border-style:dashed;border-color:#48dbbd20;width:415px;height:204px;animation:45s linear infinite core-orbit}.core-vector{z-index:1;width:90%;height:calc(100% - 40px);transform:translate3d(var(--px),var(--py),0);transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:8px 5% 32px;overflow:visible}.core-sprite-wrap{z-index:2;width:min(72%,380px);height:210px;transform:translate(calc(-50% + var(--px)),calc(-51% + var(--py)));filter:drop-shadow(0 18px 22px #05071265);place-items:center;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:50%;left:50%}.core-form{object-fit:contain;opacity:0;will-change:opacity,transform;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .42s,transform .72s cubic-bezier(.18,.8,.22,1);position:absolute;transform:translateY(15px)scale(.9)rotate(-2deg)}.core-form.active{opacity:1;transform:translateY(0)scale(1)rotate(0)}.core-form[data-form=reference],.core-form[data-form=kitty]{max-width:76%;max-height:92%}.core-form[data-form=travel]{max-width:100%;max-height:96%}.core-form[data-form=rest]{max-width:100%;max-height:88%}.core-form[data-form=curious]{max-width:100%;max-height:96%}.core-form[data-form=surprised]{max-width:94%;max-height:108%}.core-form.core-mark-pose{max-width:58%;max-height:116%}.core-stage[data-form=travel] .core-sprite-wrap{animation:2.6s ease-in-out infinite core-travel}.core-stage[data-form=rest] .core-sprite-wrap{animation:4.8s ease-in-out infinite core-rest}.core-stage[data-form=curious] .core-sprite-wrap{animation:3s ease-in-out infinite core-curious}.core-stage.is-excited .core-sprite-wrap{animation:.72s cubic-bezier(.28,.8,.3,1) 2 core-hop}.free-dot{z-index:3;background:#55a5d6;border-radius:50%;width:7px;height:7px;transition:transform .45s,background .45s,box-shadow .45s;animation:5.8s ease-in-out infinite free-drift;position:absolute;box-shadow:0 0 18px #52a0d480}.dot-one{background:#8a50f5;width:10px;height:10px;animation-delay:-1.1s;top:35%;left:23%}.dot-two{background:#2fcdb4;width:8px;height:8px;animation-delay:-2.5s;top:31%;right:23%}.dot-three{width:5px;height:5px;animation-delay:-3.2s;bottom:26%;left:29%}.dot-four{background:#2fcdb4;width:6px;height:6px;animation-delay:-.6s;bottom:31%;right:29%}.dot-five{background:#8a50f5;width:4px;height:4px;animation-delay:-4s;top:53%;right:18%}.core-stage.is-travelling .dot-one{transform:translate(34px,-24px)}.core-stage.is-travelling .dot-two{transform:translate(-44px,20px)}.core-stage.is-curious .free-dot{transform:translate(var(--cursor-x,0px),var(--cursor-y,0px)) scale(1.25)}.core-stage.is-excited .free-dot{animation-duration:1.2s;box-shadow:0 0 22px #8a50f5}.core-stage.is-mark .free-dot{opacity:.45;transform:scale(.4)}.core-caption{z-index:4;align-items:baseline;gap:10px;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:13px;left:16px}.core-caption-title{letter-spacing:-.02em;color:#f2f5fc;font-size:13px;font-weight:600}.core-caption-state{letter-spacing:.02em;color:#929bad;white-space:nowrap;text-overflow:ellipsis;font:9px Geist Mono,monospace;overflow:hidden}.core-coord{z-index:4;letter-spacing:.13em;color:#8792a8;writing-mode:vertical-rl;opacity:.62;font:8px Geist Mono,monospace;position:absolute;top:49%}.coord-left{left:12px;transform:rotate(180deg)}.coord-right{right:12px}@keyframes core-pulse{50%{opacity:.42;box-shadow:0 0 5px #42e7b5}}@keyframes core-orbit{to{transform:translate(-50%,-50%)rotate(343deg)}}@keyframes free-drift{0%,to{opacity:.68;translate:0;scale:1}50%{opacity:1;translate:8px -13px;scale:1.2}}@keyframes core-travel{0%,to{translate:0;rotate:-1deg}50%{translate:8px -12px;rotate:1.6deg}}@keyframes core-rest{0%,to{translate:0 2px;scale:1}50%{translate:0 -4px;scale:1.018}}@keyframes core-curious{0%,to{rotate:-1deg}50%{rotate:1.6deg}}@keyframes core-hop{0%,to{translate:0;scale:1}38%{translate:0 -23px;scale:.98 1.04}68%{translate:0 1px;scale:1.04 .96}}@media (width<=1050px){.hero-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:25px 24px}.hero-copy{max-width:780px;padding:32px 0 6px}.hero-right{justify-self:start;width:100%;max-width:820px}.core-stage{height:278px}.hero h1{max-width:740px;font-size:clamp(52px,7vw,76px)}.hero-lead{max-width:740px}.market-console{max-width:none}}@media (width<=760px){.hero-layout{gap:17px;padding:7px 16px 20px}.hero-copy{padding-top:28px}.hero h1{letter-spacing:-.07em;margin:18px 0 15px;font-size:clamp(43px,11vw,60px);line-height:1.01}.hero-lead{font-size:16px;line-height:1.55}.core-stage{border-radius:12px;height:235px}.core-stage-top{font-size:9px;top:12px;left:12px;right:12px}.core-stage-index{font-size:8px}.core-orbit.orbit-a{width:240px;height:110px}.core-orbit.orbit-b{width:320px;height:160px}.core-sprite-wrap{width:86%;height:168px}.core-caption{gap:7px;bottom:11px;left:12px}.core-caption-title{font-size:12px}.core-caption-state{font-size:8px}.coord-left{left:7px}.coord-right{right:7px}.market-console{padding:16px 13px 13px}.hero-bottom{height:50px}}@media (width<=390px){.core-stage{height:220px}.core-caption{flex-direction:column;align-items:flex-start;gap:3px}.core-caption-state{max-width:100%}.hero-actions .button{font-size:9px}}@media (prefers-reduced-motion:reduce){.core-orbit,.core-live,.free-dot,.core-sprite-wrap,.core-rail-packet{animation:none!important}.core-form{transition:none!important}.core-form:not([data-form=reference]){display:none!important}.core-form[data-form=reference]{opacity:1!important;transform:none!important}}:root{--bg:#0b0d12;--panel:#11151c;--line:#ffffff15;--ink:#f2f3f5;--green:#79e9c5;--purple:#8a50f5;--blue:#52a0d4;--max:1380px}body{background:#0b0d12}html{scroll-padding-top:100px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid #8cdecf}.header{background:#0b0d12df;border-bottom:1px solid #ffffff0e;height:80px}.brand{letter-spacing:-.065em;font-size:28px}.brand img{width:37px;height:37px}.brand small{letter-spacing:.22em;font-size:8px}.header nav{gap:30px;font-family:Geist,system-ui,sans-serif;font-size:13px}.nav-action{letter-spacing:0;border-color:#ffffff30;border-radius:7px;padding:11px 16px;font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:500}.hero.hero-reborn{border-bottom:1px solid var(--line);background:#0b0d12;min-height:0;position:relative;overflow:hidden}.hero-wash{pointer-events:none;background:radial-gradient(at 51% 52%,#17343155 0,#191b2a55 34%,#0000 63%);width:80%;height:135%;position:absolute;top:-30%;right:-12%}.hero-main{grid-template-columns:54% 46%;align-items:center;min-height:min(755px,100svh - 150px);padding-top:38px;padding-bottom:50px;display:grid;position:relative}.hero-story{z-index:3;align-self:center;padding:0;position:relative}.hero-markets{align-items:center;gap:22px;margin-bottom:46px;display:flex}.hero-markets>a{align-items:center;gap:11px;display:flex}.hero-markets small{letter-spacing:.15em;color:#979ea8;font:9px/1.5 Geist Mono,monospace;display:block}.hero-markets strong{letter-spacing:-.06em;font:500 32px/1.15 Geist,system-ui,sans-serif}.hero-markets strong span{color:#a7aab2;margin-left:1px;font-size:20px}.chain-icon{place-items:center;width:32px;height:32px;font-size:30px;line-height:1;display:grid}.sol-icon{color:#78e6c8;transform:rotate(-15deg)}.ada-icon{color:#9d9bf4;font-size:26px}.market-plus{color:#565d69;font-size:18px;font-weight:300}.market-bracket{color:#9097a5;border-left:1px solid #ffffff20;max-width:126px;padding-left:18px;font-size:10px;line-height:1.65}.hero-overline{letter-spacing:.12em;color:#bdc5d2;align-items:center;gap:10px;margin:0 0 20px;font:9px/1.7 Geist Mono,monospace;display:flex}.hero-overline>span{background:#7fddc5;border-radius:100%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #78ddc54d}.hero-reborn h1{letter-spacing:-.072em;white-space:nowrap;max-width:none;margin:0 0 26px;font-family:Geist,system-ui,sans-serif;font-size:clamp(62px,6.65vw,98px);font-weight:500;line-height:1.035}.hero-reborn h1>span{color:#0000;background:linear-gradient(105deg,#b9a3fc 0,#97b6f0 43%,#80dec3 94%);-webkit-background-clip:text;background-clip:text}.hero-description{letter-spacing:-.012em;color:#a7aeb9;max-width:560px;margin:0 0 30px;font-size:18px;line-height:1.6}.hero-reborn .hero-actions{flex-wrap:nowrap;align-items:center;gap:23px;margin:0}.hero-reborn .button{letter-spacing:0;border-radius:7px;gap:24px;min-height:51px;padding:13px 17px;font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:600}.hero-reborn .button.primary{color:#14231e;background:#a5f0d7;border:1px solid #b6ffe630;box-shadow:0 0 20px #78e8c007}.hero-text-link{color:#abb4c3;white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.hero-text-link:hover{color:#a5f0d7}.hero-text-link span{color:#d5dce8;font-size:17px}.hero-market-note{color:#747d8c;letter-spacing:0;margin:22px 0 0;font:9px/1.7 Geist Mono,monospace}.hero-market-note>span{color:#5c6471;font-size:8px}.hero-world{z-index:1;isolation:isolate;height:560px;margin-left:-36px;position:relative}.world-grid{background-image:radial-gradient(#a9b7b522 .8px,#0000 .8px);background-size:23px 23px;position:absolute;inset:5% -20%;-webkit-mask-image:radial-gradient(#000 10%,#0000 68%);mask-image:radial-gradient(#000 10%,#0000 68%)}.world-ring{pointer-events:none;border:1px solid #94c8c315;border-radius:50%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-23deg)}.world-ring.ring-one{width:470px;height:390px}.world-ring.ring-two{border-style:dashed;border-color:#b6b6e710;width:600px;height:500px}.world-cross{color:#b0bbbd55;font:16px Geist Mono,monospace;position:absolute}.cross-one{top:22%;left:7%}.cross-two{bottom:19%;right:0}.world-label{letter-spacing:.13em;color:#aab2c4;z-index:2;align-items:center;gap:8px;font:9px Geist Mono,monospace;display:flex;position:absolute}.world-label i{background:#a08cf9;border-radius:50%;width:5px;height:5px}.world-label span{letter-spacing:.1em;color:#596371;padding-left:5px;font-size:7px}.label-ada{top:26%;left:0}.label-sol{bottom:26%;right:-8px}.label-sol i{background:#6edfc0}.core-intro{letter-spacing:.025em;color:#838c9a;font:11px Geist Mono,monospace;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.core-intro span{color:#bcc8cd;margin-left:7px;font-size:24px;display:inline-block;transform:rotate(-30deg)}.hero-world #core-anchor{width:600px;height:540px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.hero-reborn .hero-bottom{color:#9ba4b1;border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:24px;height:76px;font-family:Geist,system-ui,sans-serif;display:flex;position:relative}.hero-mantra{letter-spacing:-.02em;align-items:center;gap:16px;font-size:13px;display:flex}.hero-mantra b{color:#dae1e6;font-weight:600}.hero-mantra i{color:#566a68;font-size:17px;font-style:normal}.scroll-prompt{letter-spacing:.1em;color:#808a98;align-items:center;gap:22px;font:8px Geist Mono,monospace;display:flex}.scroll-prompt>b{color:#cbd6dc;border:1px solid #ffffff20;border-radius:16px;place-items:center;width:29px;height:34px;font:16px Geist;display:grid}#core-root{padding-bottom:env(safe-area-inset-bottom,0px);z-index:60;pointer-events:none;position:fixed;inset:0}.living-core{will-change:transform;pointer-events:none;contain:layout style;position:absolute;top:0;left:0}.core-touch{pointer-events:auto;cursor:pointer;touch-action:pan-y;background:0 0;border:0;border-radius:50%;outline:none;width:100%;height:100%;padding:0;display:block}.living-core-svg{filter:drop-shadow(0 16px 30px #02090c42);width:100%;height:100%;display:block;overflow:visible}.core-touch:focus-visible{outline-offset:-20px;outline:1px solid #9bdfc888}.core-pause{color:#a0b2bd;pointer-events:auto;opacity:0;background:#10151dbb;border:1px solid #ffffff2d;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;font:10px Geist;transition:opacity .2s;display:grid;position:absolute;bottom:2%;right:19%}.living-core:hover .core-pause,.living-core:focus-within .core-pause{opacity:1}.living-core.is-companion .living-core-svg{filter:drop-shadow(0 6px 16px #0009)}.living-core.is-companion .core-pause{bottom:0;right:11%}.launch-board-section{padding-top:55px;padding-bottom:62px;scroll-margin-top:0}.board-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.board-heading .section-label{letter-spacing:.15em;color:#72d6bb;margin:0 0 10px;font-size:9px}.board-heading h2{letter-spacing:-.05em;margin:0;font-size:31px;font-weight:500;line-height:1.2}.board-heading h2 span{color:#868f9b}.launch-board-section .market-console{width:100%;max-width:none;box-shadow:none;background:#10141b;border:1px solid #ffffff18;border-radius:12px;margin:0;padding:0;transform:none}.launch-board-section .console-top{border-bottom:1px solid #ffffff0d;padding:16px 20px}.launch-board-section .console-title{display:none}.launch-board-section .market-filters{margin:0;padding:14px 20px}.launch-board-section .launch-list{grid-template-columns:1fr 1fr;gap:18px;padding:0 20px 20px;display:grid}.launch-board-section .launch-card{background:#0d1118;border:1px solid #ffffff12;border-radius:8px;margin:0;padding:18px}.launch-board-section .console-bottom{border-top:1px solid #ffffff0c;margin:0;padding:13px 20px;font-size:8px}.launch-board-section .launch-stats{margin-top:13px}.launch-board-section .launch-card[hidden]{display:none}.launch-board-section .launch-foot{margin-top:16px}.section{padding-block:112px}.intro.section{padding-top:88px}.display{font-size:clamp(48px,5.8vw,85px)}.section-label{letter-spacing:.13em;font-size:10px}.closing{padding-right:180px}.hero-rail-separator{display:none}@media (width>=1700px){.hero-main{min-height:770px}.hero-world #core-anchor{width:680px;height:610px;top:0}}@media (width<=1150px){.container{padding-inline:28px}.hero-main{grid-template-columns:56% 44%;min-height:665px;padding-top:22px;padding-bottom:35px}.hero-markets{gap:15px;margin-bottom:37px}.market-bracket{display:none}.hero-reborn h1{font-size:clamp(57px,7vw,82px)}.hero-description{font-size:16px}.hero-world{height:490px;margin-left:-30px}.hero-world #core-anchor{width:490px;height:440px;top:10%}.world-ring.ring-one{width:370px;height:340px}.world-ring.ring-two{width:490px;height:450px}.label-ada{top:23%;left:1%}.label-sol{bottom:22%;right:-4px}.world-label span{display:none}.hero-reborn .hero-actions{gap:14px}.hero-reborn .button{gap:16px;padding:13px;font-size:11px}.hero-text-link{font-size:11px}.header nav{gap:20px}}@media (width<=759px){.container{padding-inline:22px}.header{height:66px}.brand{gap:8px;font-size:25px}.brand img{width:32px;height:32px}.brand small{font-size:7px}.header nav{display:none}.nav-action{padding:9px 11px;font-size:10px}.hero-main{flex-direction:column;gap:0;min-height:0;padding-top:27px;padding-bottom:0;display:flex}.hero-story{text-align:center;width:100%;display:contents}.hero-markets{order:0;justify-content:center;gap:23px;margin:0 0 25px}.hero-markets strong{font-size:27px}.hero-markets small{font-size:8px}.hero-markets>a{gap:8px}.chain-icon{width:25px;font-size:25px}.hero-overline{letter-spacing:.085em;order:1;justify-content:center;gap:7px;margin-bottom:13px;font-size:7px}.hero-overline>span{width:4px;height:4px}.hero-reborn h1{text-align:center;letter-spacing:-.07em;white-space:nowrap;order:2;margin:0 0 15px;font-size:clamp(45px,12vw,72px);line-height:1.05}.hero-description{text-align:center;order:3;margin:0;font-size:13px;line-height:1.55}.hero-world{order:4;width:100%;height:245px;margin:0}.hero-world #core-anchor{width:340px;height:306px;top:-27px}.world-ring.ring-one{width:265px;height:200px;top:54%}.world-ring.ring-two{width:360px;height:240px;top:54%}.world-grid{background-size:18px 18px;inset:0 -10%}.world-label{gap:5px;font-size:7px}.label-ada{top:41%;left:0}.label-sol{bottom:29%;right:0}.world-label i{width:4px;height:4px}.core-intro{display:none}.world-cross{font-size:11px}.cross-one{top:9%;left:10%}.cross-two{bottom:12%;right:7%}.hero-reborn .hero-actions{order:5;justify-content:center;gap:0;width:100%;margin:2px 0 0}.hero-reborn .hero-actions .hero-text-link{display:none}.hero-reborn .button{width:100%;max-width:350px;min-height:49px;padding:13px 18px;font-size:12px}.hero-market-note{text-align:center;order:6;margin:13px 0 19px;font-size:7px;line-height:1.65}.hero-market-note>span{font-size:6.5px}.hero-reborn .hero-bottom{flex-direction:column;justify-content:center;gap:11px;height:auto;min-height:83px;padding-top:16px;padding-bottom:16px;display:flex}.hero-mantra{gap:9px;font-size:9px}.hero-mantra i{font-size:12px}.scroll-prompt{letter-spacing:.1em;gap:8px;font-size:6px}.scroll-prompt>b{border:0;width:auto;height:auto;font-size:12px}.hero-wash{background:radial-gradient(#21342c35,#26254120 45%,#0000 70%);width:130%;height:90%;top:15%;right:-15%}.launch-board-section{padding-top:34px;padding-bottom:45px}.board-heading{align-items:center;margin-bottom:20px}.board-heading h2{font-size:24px}.board-heading .section-label{font-size:8px}.board-heading>.hero-text-link{display:none}.launch-board-section .console-top{padding:13px 14px;font-size:8px}.launch-board-section .market-filters{padding:12px 14px}.launch-board-section .launch-list{grid-template-columns:1fr;gap:12px;padding:0 12px 12px}.launch-board-section .launch-card{padding:15px}.launch-board-section .console-bottom{gap:14px;padding:12px;font-size:6px}.launch-board-section .console-bottom a{white-space:nowrap;font-size:8px}.section{padding-block:76px}.display{font-size:clamp(41px,10vw,63px)}.section-label{font-size:8px}.closing{padding-bottom:100px;padding-right:0}.living-core.is-companion .core-pause{opacity:.65;width:19px;height:19px;font-size:8px;right:6%}.living-core:not(.is-companion) .core-pause{opacity:.55;width:18px;height:18px;font-size:8px;bottom:3%;right:24%}.market-controls{padding-right:96px}footer{padding-bottom:100px}}@media (width<=360px){.container{padding-inline:16px}.hero-reborn h1{font-size:43px}.hero-overline{font-size:6.5px}.hero-world{height:225px}.hero-world #core-anchor{width:310px;height:279px;top:-24px}.label-ada{left:-4px}.label-sol{right:-4px}.hero-description{font-size:12px}.hero-markets{margin-bottom:20px}.hero-mantra{font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-ring,.world-grid{animation:none}.living-core{will-change:auto}.hero-reborn .button{transition:none}}.hero-reborn .hero-overline{letter-spacing:0;color:#c3cbd8;text-transform:none;margin-bottom:20px;font:500 16px/1.5 Geist,system-ui,sans-serif}.hero-reborn h1{letter-spacing:-.055em;white-space:normal;font-size:clamp(52px,5.3vw,76px);line-height:1.08}.hero-reborn .hero-description{max-width:560px}.market-scale{border-bottom:1px solid #ffffff15;padding-block:26px}.market-scale-inner{justify-content:space-between;align-items:center;gap:28px;display:flex}.market-scale .hero-markets{flex-shrink:0;margin:0}.market-scale .hero-market-note{text-align:right;margin:0;font-size:11px;line-height:1.7}.market-scale .hero-market-note>span{font-size:10px}@media (width<=1150px){.hero-reborn h1{font-size:clamp(46px,5.3vw,64px)}}@media (width<=759px){.hero-reborn .hero-overline{letter-spacing:0;margin:0 0 16px;font-size:14px}.hero-reborn h1{margin-bottom:18px;font-size:clamp(31px,9.2vw,65px);line-height:1.08}.hero-reborn .hero-description{font-size:15px;line-height:1.6}.hero-reborn .hero-actions{flex-direction:column;gap:16px;margin-bottom:24px}.hero-reborn .hero-actions .hero-text-link{font-size:13px;display:inline-flex}.market-scale{padding-block:24px}.market-scale-inner{flex-direction:column;gap:16px}.market-scale .hero-markets{margin:0}.market-scale .hero-market-note{text-align:center;font-size:10px}.market-scale .hero-market-note>span{font-size:9px}}.core-brand-logo{aspect-ratio:1;object-fit:contain;pointer-events:none;width:78%;height:auto;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.connection-story{--reach:0;--connect:0;--story-top:80px;background:#0b0d12;border-block:1px solid #ffffff13;height:215svh;position:relative}.connection-sticky{top:var(--story-top);height:calc(100svh - var(--story-top));background:radial-gradient(at 20% 72%,#7252ce0b,#0000 43%),radial-gradient(at 83% 65%,#2fcdb40c,#0000 40%);align-items:center;min-height:650px;display:flex;position:sticky;overflow:hidden}.connection-content{width:100%;padding-block:42px}.connection-topline{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.connection-kicker{letter-spacing:.13em;color:#9d96ca;margin:0;font:500 12px/1.5 Geist Mono,monospace}.connection-scroll{color:#7e8899;align-items:center;gap:12px;font:12px/1.5 Geist Mono,monospace;display:flex}.connection-scroll i{background:#ffffff16;width:56px;height:2px;display:block;overflow:hidden}.connection-scroll i:after{content:"";transform-origin:0;width:100%;height:100%;transform:scaleX(var(--story-progress,0));background:#8ed7c6;display:block}.connection-copy{min-height:176px;position:relative}.connection-copy-block{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.connection-copy h2{letter-spacing:-.05em;color:#f1f3f8;margin:0;font:500 clamp(42px,4.25vw,62px)/1.08 Geist,system-ui,sans-serif}.connection-copy h2 em{color:#939cac;font-style:normal}.connection-copy p{color:#9fa9ba;max-width:460px;margin:0;font-size:16px;line-height:1.65}.connection-copy [data-copy=solution],.connection-story[data-phase=connecting] [data-copy=problem],.connection-story[data-phase=connected] [data-copy=problem]{display:none}.connection-story[data-phase=connecting] [data-copy=solution],.connection-story[data-phase=connected] [data-copy=solution]{animation:.45s both connection-copy-in;display:grid}.connection-copy [data-copy=solution] h2 em{color:#0000;background:linear-gradient(105deg,#aa8aee,#77ddc3);-webkit-background-clip:text;background-clip:text}.connection-diagram{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);align-items:center;margin-top:24px;display:grid;position:relative}.system-panel{isolation:isolate;background:linear-gradient(150deg,#171b2599,#10131bb3);border:1px solid #ffffff18;border-radius:12px;min-height:244px;padding:22px 25px;position:relative}.system-panel:before{content:"";border-radius:inherit;pointer-events:none;opacity:calc(var(--connect)*.65);border:1px solid;position:absolute;inset:-1px}.system-cardano:before{border-color:#a995f6}.system-solana:before{border-color:#77dbbe}.system-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.system-header .system-symbol{color:#a48de6;width:28px;font:24px/1 Geist}.system-solana .system-symbol{color:#83dcc8}.system-header h3{letter-spacing:-.03em;margin:0;font-size:19px;line-height:1.2}.system-header small{color:#778395;letter-spacing:.045em;margin-top:5px;font:11px Geist Mono,monospace;display:block}.utxo-diagram{align-items:center;gap:16px;height:86px;display:flex}.utxo-inputs{gap:7px;display:grid}.utxo-unit{background:#a187ef0a;border:1px solid #a187ef66;border-radius:4px;place-items:center;width:46px;height:23px;display:grid}.utxo-unit i{background:#c0aafb65;border-radius:2px;width:19px;height:3px}.utxo-output{border-color:#af97f499;width:84px;height:65px;position:relative;box-shadow:0 0 0 6px #a187ef05}.utxo-output span{color:#c0a9ee;font:10px Geist Mono,monospace;position:absolute;bottom:10px}.utxo-output i{width:30px;position:absolute;top:18px}.utxo-arrow{background:linear-gradient(90deg,#8f75cf30,#b19beb99);flex:1;min-width:14px;height:1px;position:relative}.utxo-arrow:after{content:"";border-top:1px solid #a78fdb;border-right:1px solid #a78fdb;width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.account-diagram{align-content:center;gap:7px;height:86px;display:grid}.account-row{background:#66c6b606;border:1px solid #7bdacb33;border-radius:4px;align-items:center;gap:12px;height:24px;padding:0 10px;display:flex}.account-row i{background:#7ad8c195;border-radius:50%;width:5px;height:5px}.account-row span{background:#6bbfac35;border-radius:2px;flex:1;height:3px;display:block}.account-row b{background:#97ecce99;border-radius:2px;width:40px;height:3px}.account-row:nth-child(2){width:87%;margin-left:auto}.account-row:nth-child(3){width:94%}.system-meta{color:#788597;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font:11px Geist Mono,monospace;display:flex}.system-meta b{color:#b0bacb;font-weight:400}.connection-channel{height:250px;position:relative}.channel-svg{width:100%;height:100%;overflow:visible}.channel-track{fill:none;stroke-width:1.5px;stroke:#ffffff17}.channel-left{stroke:#b19aef;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reach))}.channel-right{stroke:#80d6c2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reach))}.channel-unmatched{opacity:calc(1 - var(--connect))}.channel-join{fill:none;stroke:url("#connection-gradient");stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connect));filter:drop-shadow(0 0 7px #78d3b93b)}.channel-gap{stroke:#ffffff18;stroke-width:1px;stroke-dasharray:3 7}.channel-tip{fill:#0b0d12;stroke-width:1.5px}.channel-tip.left{stroke:#b19aef}.channel-tip.right{stroke:#80d6c2}.channel-signal{fill:#d6c4fb;opacity:var(--reach)}.channel-signal.right{fill:#a0efd6}.solada-relay{transform:translate(-50%,-50%) scale(calc(.85 + var(--connect)*.15));text-align:center;width:79px;height:79px;opacity:var(--connect);background:#10181ce8;border:1px solid #9fb7b750;border-radius:14px;place-content:center;gap:4px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 48px #83d5c119}.solada-relay img{object-fit:contain;width:33px;height:33px;margin:auto}.solada-relay span{letter-spacing:-.03em;color:#d2e4e0;font:500 11px Geist}.connection-caption{text-align:center;color:#919dac;min-height:31px;margin:26px 0 0;font:13px/1.7 Geist Mono,monospace}.connection-caption [data-caption]{display:none}.connection-story[data-phase=separate] [data-caption=separate],.connection-story[data-phase=blocked] [data-caption=blocked],.connection-story[data-phase=connecting] [data-caption=connecting],.connection-story[data-phase=connected] [data-caption=connected]{display:inline}.connection-story[data-phase=blocked] .connection-caption{color:#c1aecf}.connection-story[data-phase=connected] .connection-caption{color:#98dec7}.connection-beats{color:#6d7687;justify-content:center;gap:36px;margin-top:28px;padding:0;font:12px/1.5 Geist Mono,monospace;list-style:none;display:flex}.connection-beats li{align-items:center;gap:10px;display:flex}.connection-beats b{opacity:.5;font-size:10px;font-weight:400}.connection-story[data-phase=separate] [data-beat="0"],.connection-story[data-phase=blocked] [data-beat="1"],.connection-story[data-phase=connecting] [data-beat="2"],.connection-story[data-phase=connected] [data-beat="2"]{color:#d1ddd9}.connection-beats [data-beat="2"]{transition:color .3s}.connection-story[data-phase=separate] .utxo-unit{animation:2.8s ease-in-out infinite utxo-tick}.connection-story[data-phase=separate] .account-row{animation:3.6s ease-in-out infinite account-tick}.utxo-unit:nth-child(2),.account-row:nth-child(2){animation-delay:.5s!important}.utxo-unit:nth-child(3),.account-row:nth-child(3){animation-delay:1s!important}.connection-story[data-phase=blocked] .channel-tip{animation:2.8s ease-out infinite connection-stall}.connection-story[data-phase=blocked] .channel-tip.right{animation-delay:.45s}.connection-next{color:#697789;opacity:var(--connect);white-space:nowrap;font:11px Geist Mono,monospace;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.connection-next a{color:#a4bdba}.connection-next a:hover{color:#b8f4df}@keyframes utxo-tick{0%,85%,to{border-color:#a187ef44}35%{background:#a187ef12;border-color:#c8b3ffcc}}@keyframes account-tick{0%,85%,to{border-color:#7bdacb33}35%{background:#66c6b611;border-color:#7bdacb99}}@keyframes connection-stall{0%,65%,to{stroke-width:1.5px;opacity:.8}15%{stroke-width:3px;opacity:1}}@keyframes connection-copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=1100px){.connection-diagram{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}.system-panel{min-height:232px;padding:18px}.connection-copy-block{gap:30px}.connection-copy p{font-size:15px}.system-header small,.system-meta{font-size:10px}.utxo-diagram{gap:10px}}@media (width<=759px){.connection-story{--story-top:66px;height:205svh}.connection-sticky{align-items:center;height:calc(100svh - 66px);min-height:0}.connection-content{padding-block:22px}.connection-topline{margin-bottom:16px}.connection-kicker,.connection-scroll{font-size:10px}.connection-scroll i{width:25px}.connection-copy{min-height:184px}.connection-copy-block{grid-template-columns:1fr;gap:15px;padding-right:0}.connection-copy h2{font-size:clamp(32px,8.2vw,45px);line-height:1.07}.connection-copy p{max-width:540px;font-size:14px;line-height:1.6}.connection-diagram{grid-template-columns:1fr 96px 1fr;margin-top:15px}.system-panel{border-radius:9px;min-height:177px;padding:13px 10px}.system-header{margin-bottom:12px;display:block}.system-header .system-symbol{display:none}.system-header h3{font-size:15px}.system-header small{letter-spacing:0;min-height:27px;font:9px/1.5 Geist Mono,monospace}.utxo-diagram{gap:5px;height:55px}.utxo-unit{width:25px;height:14px}.utxo-unit i{width:12px;height:2px}.utxo-inputs{gap:4px}.utxo-output{width:33px;height:35px;box-shadow:none}.utxo-output i{width:13px;top:9px}.utxo-output span{font-size:6px;bottom:5px}.utxo-arrow{min-width:5px}.account-diagram{gap:4px;height:55px}.account-row{gap:4px;height:15px;padding:0 5px}.account-row i{width:3px;height:3px}.account-row b{width:12px;height:2px}.account-row span{height:2px}.system-meta{margin-top:12px;font-size:8px;line-height:1.4;display:block}.system-meta b{margin-top:3px;display:block}.connection-channel{height:175px}.solada-relay{border-radius:10px;width:60px;height:62px}.solada-relay img{width:25px;height:25px}.solada-relay span{font-size:10px}.connection-caption{margin-top:18px;padding-right:0;font-size:10px}.connection-beats{flex-wrap:wrap;justify-content:flex-start;gap:16px;margin-top:20px;padding-right:85px;font-size:9px}.connection-beats li{gap:5px}.connection-beats b{font-size:8px}.connection-next{white-space:normal;max-width:calc(100% - 130px);font-size:10px;bottom:16px;left:22px;transform:none}}@media (width<=380px){.connection-diagram{grid-template-columns:1fr 74px 1fr}.connection-content{padding-inline:16px}.connection-copy p{font-size:13px}.connection-copy{min-height:178px}.system-header h3{font-size:13px}.system-panel{padding:11px 8px}.system-header small{font-size:8px}.connection-beats{gap:9px}}@media (height<=740px) and (width>=760px){.connection-sticky{min-height:0}.connection-content{padding-block:20px}.connection-topline{margin-bottom:14px}.connection-copy{min-height:142px}.connection-copy h2{font-size:44px}.connection-diagram{margin-top:0}.system-panel{min-height:211px;padding-block:17px}.connection-channel{height:210px}.connection-caption{margin-top:12px}.connection-beats{margin-top:16px}.connection-next{display:none}}@media (height<=710px) and (width<=759px){.connection-topline{margin-bottom:12px}.connection-copy{min-height:160px}.connection-copy h2{font-size:30px}.connection-copy p{font-size:12px}.connection-diagram{margin-top:0}.connection-caption{margin-top:10px}.connection-beats{margin-top:12px}.connection-next{display:none}}@media (prefers-reduced-motion:reduce){.connection-story *{transition:none!important;animation:none!important}.connection-story{height:190svh}}.connection-sticky{isolation:isolate}.connection-content{z-index:2;position:relative}.connection-depth{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 85%,#0000);mask-image:linear-gradient(#0000,#000 22% 85%,#0000)}.connection-depth-grid{transform:perspective(700px) translateY(var(--depth-y,0px)) rotateX(58deg) rotateZ(var(--depth-turn,-14deg));transform-origin:50% 20%;will-change:transform;background-image:linear-gradient(#8b93b019 1px,#0000 1px),linear-gradient(90deg,#8b93b019 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:15% -35% -75%;-webkit-mask-image:radial-gradient(#000,#0000 66%);mask-image:radial-gradient(#000,#0000 66%)}.depth-word{letter-spacing:-.075em;opacity:.035;-webkit-user-select:none;user-select:none;font:600 clamp(150px,24vw,400px)/1 Geist,sans-serif;position:absolute}.depth-ada{color:#b58efb;transform:translate3d(0,var(--ada-y,0px),0) rotate(-9deg);top:39%;left:-3%}.depth-sol{color:#81ebc7;transform:translate3d(0,var(--sol-y,0px),0) rotate(9deg);top:22%;right:-3%}.connection-copy{min-height:162px;translate:0 var(--copy-drift,0px)}.connection-story .connection-copy [data-copy]{will-change:transform,opacity;align-content:start;animation:none;display:grid;position:absolute;inset:0}.connection-copy [data-copy=problem]{opacity:var(--problem-alpha,1);transform:translateY(var(--problem-y,0px))}.connection-copy [data-copy=solution]{opacity:var(--solution-alpha,0);transform:translateY(var(--solution-y,64px))}.connection-diagram{height:330px;transform:scale(var(--diagram-scale,1));transform-origin:50% 55%;margin-top:16px}.system-panel{will-change:transform;background:linear-gradient(150deg,#171b25f5,#10131bf2);box-shadow:0 25px 70px #0004}.system-cardano{transform-origin:100%;transform:perspective(1100px) translate3d(var(--left-x,0px),var(--left-y,0px),0) rotateY(var(--left-depth,0deg)) rotateZ(var(--left-turn,0deg))}.system-solana{transform-origin:0;transform:perspective(1100px) translate3d(var(--right-x,0px),var(--right-y,0px),0) rotateY(var(--right-depth,0deg)) rotateZ(var(--right-turn,0deg))}.channel-svg{z-index:0;position:relative}.channel-gap{stroke:#b5a9da44;stroke-dasharray:3 9;stroke-dashoffset:calc(var(--story-progress,0)*-180)}.channel-join{stroke-width:2.5px}.channel-tip{filter:drop-shadow(0 0 5px #9adbd955)}.solada-relay{opacity:var(--connect);transform:translate(-50%,-50%) translateY(var(--relay-y,0px)) rotate(var(--relay-turn,0deg)) scale(calc(.45 + var(--connect)*.55));background:#10181cf5;box-shadow:0 0 60px #83d5c129}.route-packets{opacity:var(--packet-opacity,0);fill:#c9ffe8;filter:drop-shadow(0 0 5px #9cf8d5)}.connection-caption{translate:0 var(--caption-y,0px);margin-top:10px}.connection-story .utxo-unit,.connection-story .account-row{animation:none!important}@media (width<=759px){.connection-copy{min-height:200px}.connection-diagram{height:224px;margin-top:8px}.connection-content{padding-block:16px}.connection-topline{margin-bottom:20px}.depth-word{opacity:.05;font-size:150px}.depth-ada{top:52%}.depth-sol{top:44%}.connection-depth-grid{background-size:53px 53px;inset:32% -70% -55%}.connection-caption{margin-top:10px;font-size:11px}.connection-beats{margin-top:18px}.connection-scroll,.connection-kicker{font-size:11px}}@media (height<=740px) and (width>=760px){.connection-copy{min-height:126px}.connection-diagram{height:260px}.connection-content{padding-block:18px}.connection-copy h2{font-size:42px}.connection-caption{margin-top:0}}@media (height<=710px) and (width<=759px){.connection-copy{min-height:168px}.connection-copy p{font-size:14px;line-height:1.45}.connection-copy h2{font-size:28px}.connection-diagram{height:202px}.connection-topline{margin-bottom:10px}.connection-beats{margin-top:8px}.connection-caption{font-size:10px}}@media (prefers-reduced-motion:reduce){.connection-depth{display:none}.connection-diagram,.system-panel,.solada-relay,.connection-copy [data-copy]{will-change:auto}.connection-story{height:180svh}}.solada-relay{z-index:2}.system-cardano{opacity:var(--left-alpha,1)}.system-solana{opacity:var(--right-alpha,1)}.utxo-inputs .utxo-unit,.account-row{will-change:translate,rotate,scale,opacity}.utxo-arrow,.utxo-output{opacity:var(--output-alpha,0)}.utxo-arrow{scale:var(--output-scale,1) 1;transform-origin:0}.utxo-output{scale:var(--output-scale,1)}.system-cardano .system-meta{opacity:var(--left-build,1)}.system-solana .system-meta{opacity:var(--right-build,1)}.channel-svg>.channel-track,.channel-gap,.channel-tip{opacity:var(--reach,0)}.connection-blocked{width:56px;height:56px;opacity:var(--fail-alpha,0);transform:translate(-50%,-50%) scale(var(--fail-scale,.65));z-index:3;pointer-events:none;background:#1d141bf5;border:1px solid #df8a814f;border-radius:13px;position:absolute;top:50%;left:50%;box-shadow:0 0 35px #d9767612}.connection-blocked svg{width:100%;height:100%;display:block}.fail-slash{fill:none;stroke:#eeaaa1;stroke-width:2.8px;stroke-linecap:round;stroke-dasharray:1}.fail-slash.first{stroke-dashoffset:calc(1 - var(--fail-first,0))}.fail-slash.second{stroke-dashoffset:calc(1 - var(--fail-second,0))}.connection-story[data-assembly=blocked] .channel-tip{stroke:#e79c98;filter:drop-shadow(0 0 5px #e79c9840)}@media (width>=760px){.utxo-inputs .utxo-unit{width:58px;height:24px}}@media (width<=759px){.connection-blocked{border-radius:10px;width:43px;height:43px}}@media (prefers-reduced-motion:reduce){.connection-blocked{transform:translate(-50%,-50%)}.utxo-inputs .utxo-unit,.account-row{will-change:auto}}@media (width>=760px){.connection-diagram{height:360px}}@media (width<=759px){.connection-diagram{grid-template-rows:106px 78px 106px;grid-template-columns:minmax(0,1fr);height:290px;margin-top:8px;transform:scale(1)}.system-panel{border-radius:10px;grid-template-rows:58px 18px;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:5px 14px;height:106px;min-height:106px;padding:12px 15px;display:grid}.system-cardano{transform-origin:50% 100%}.system-solana{transform-origin:50% 0}.system-header{grid-area:1/1;margin:0}.system-header h3{font-size:16px}.system-header small{max-width:110px;min-height:0;font-size:9px}.utxo-diagram,.account-diagram{grid-area:1/2;height:58px}.utxo-inputs .utxo-unit{width:30px;height:15px}.utxo-output{width:45px;height:40px}.utxo-output span{font-size:7px}.utxo-output i{width:19px;top:10px}.utxo-arrow{min-width:10px}.utxo-diagram{gap:8px}.account-row{height:16px}.account-row b{width:19px}.system-meta{grid-area:2/1/auto/-1;justify-content:space-between;margin:0;font-size:9px;display:flex}.system-meta b{margin:0;display:block}.connection-channel{width:100%;height:78px}.channel-svg{overflow:visible}.channel-track,.channel-join{vector-effect:non-scaling-stroke}.connection-channel .channel-gap{opacity:0}.solada-relay{border-radius:10px;gap:2px;width:53px;height:53px}.solada-relay img{width:23px;height:23px}.solada-relay span{font-size:9px}.connection-caption{min-height:28px;margin-top:27px}.connection-beats{gap:12px;margin-top:10px;padding-right:68px}.connection-copy{min-height:182px}.connection-copy p{font-size:14px;line-height:1.5}.depth-ada{top:42%;left:-4%}.depth-sol{top:58%;right:-5%}}@media (width<=380px){.system-panel{grid-template-columns:91px minmax(0,1fr);column-gap:10px;padding-inline:12px}.system-header h3{font-size:15px}.system-header small{font-size:8px}.utxo-diagram{gap:6px}.connection-copy{min-height:186px}}@media (height<=740px) and (width>=760px){.connection-diagram{height:310px}.connection-content{padding-block:12px}.connection-copy{min-height:114px}.connection-topline{margin-bottom:8px}}@media (height<=710px) and (width<=759px){.connection-copy{min-height:157px}.connection-diagram{grid-template-rows:94px 65px 94px;height:253px}.system-panel{grid-template-rows:53px 17px;row-gap:3px;height:94px;min-height:94px;padding-block:8px}.connection-channel{height:65px}.connection-caption{margin-top:22px}.connection-beats{gap:7px;margin-top:4px}.connection-content{padding-block:10px}}@media (width<=759px){.connection-channel .channel-svg{width:72px;height:100%;position:absolute;left:50%;transform:translate(-50%)}}.connection-topline{justify-content:center;margin-bottom:22px}.connection-kicker{letter-spacing:.1em;color:#b5afd0;font-size:15px}.connection-copy{text-align:center;min-height:132px;translate:none}.connection-copy>h2{margin:0;font-size:clamp(42px,4.2vw,60px);line-height:1.07}.connection-diagram{margin-top:76px}.system-stack{will-change:transform,opacity;min-width:0;position:relative}.system-stack .system-header{white-space:nowrap;align-items:center;gap:13px;margin:0;display:flex;position:absolute;bottom:calc(100% + 17px);left:0}.system-logo{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.system-stack .system-header h3{letter-spacing:-.025em;font-size:23px;line-height:1.2}.system-stack .system-header small{letter-spacing:0;color:#a5adbd;margin-top:4px;font:400 14px/1.5 Geist,system-ui,sans-serif}.system-cardano .system-panel:before{border-color:#a995f6}.system-solana .system-panel:before{border-color:#77dbbe}.system-stack .system-panel{flex-direction:column;justify-content:center;gap:10px;min-height:174px;padding:25px;display:flex}.system-stack .system-meta{margin-top:9px}.system-stack .utxo-diagram,.system-stack .account-diagram{height:86px}.connection-blocked{width:170px;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:7px;display:flex}.connection-blocked svg{width:43px;height:43px}.connection-blocked>span{color:#ecaaa4;white-space:nowrap;font:500 15px/1.4 Geist,system-ui,sans-serif}.connection-channel .solada-relay{width:180px;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:9px;padding:0;display:flex}.connection-channel .solada-relay img{width:56px;height:56px}.connection-channel .solada-relay span{color:#dbece5;letter-spacing:-.02em;white-space:nowrap;font:500 18px/1.4 Geist,system-ui,sans-serif}.connection-beats{margin-top:12px}@media (width<=759px){.connection-topline{margin-bottom:17px}.connection-kicker{font-size:13px}.connection-copy{min-height:83px}.connection-copy>h2{font-size:clamp(30px,8.2vw,42px);line-height:1.06}.connection-diagram{grid-template-rows:94px 157px 94px;height:345px;margin-top:72px}.system-stack .system-header{gap:10px;bottom:calc(100% + 12px)}.system-logo{width:31px;height:31px}.system-stack .system-header h3{font-size:18px}.system-stack .system-header small{max-width:none;min-height:0;margin-top:1px;font-size:12px}.system-stack .system-panel{flex-direction:column;justify-content:center;gap:3px;height:94px;min-height:94px;padding:12px 16px;display:flex}.system-stack .utxo-diagram,.system-stack .account-diagram{width:100%;height:48px}.system-stack .system-meta{width:100%;margin-top:5px;font-size:9px;display:flex}.system-stack .utxo-inputs .utxo-unit{width:39px;height:13px}.system-stack .utxo-inputs{gap:4px}.system-stack .utxo-output{width:54px;height:38px}.connection-channel{height:157px}.connection-blocked{gap:3px;width:145px}.connection-blocked svg{width:34px;height:34px}.connection-blocked>span{font-size:13px}.connection-channel .solada-relay{gap:6px;width:150px}.connection-channel .solada-relay img{width:43px;height:43px}.connection-channel .solada-relay span{font-size:15px}.connection-beats{gap:12px;margin-top:35px;padding-right:80px;font-size:10px}.connection-content{padding-block:20px}}@media (height<=740px) and (width>=760px){.connection-copy{min-height:99px}.connection-copy>h2{font-size:43px}.connection-diagram{height:280px;margin-top:61px}.connection-topline{margin-bottom:13px}.connection-content{padding-block:14px}.system-stack .system-panel{min-height:152px;padding-block:18px}.system-stack .system-header h3{font-size:21px}}@media (height<=710px) and (width<=759px){.connection-topline{margin-bottom:11px}.connection-copy{min-height:69px}.connection-copy>h2{font-size:29px}.connection-diagram{grid-template-rows:82px 134px 82px;height:298px;margin-top:60px}.system-stack .system-panel{height:82px;min-height:82px;padding-block:8px}.connection-channel{height:134px}.connection-beats{margin-top:30px}.connection-content{padding-block:12px}}@media (width<=759px) and (height>=711px){.connection-diagram{margin-top:90px}}.connection-channel .solada-relay{transform:translate(-50%,-50%)}.connection-channel .solada-relay img{opacity:var(--mascot-return,0)}.connection-story{height:270svh}.connection-blocked{opacity:calc(var(--fail-alpha,0) * (1 - var(--fail-burst,0)));transform:translate(-50%,-50%) scale(calc(var(--fail-scale,.65) * (1 + var(--fail-burst,0)*.65)));filter:drop-shadow(0 0 calc(var(--fail-burst,0)*24px) #f07374)}.connection-blocked:after{content:"";opacity:var(--fail-burst,0);transform:scale(calc(.45 + var(--fail-burst,0)*1.25));pointer-events:none;border:1px solid #f08b82;border-radius:50%;position:absolute;inset:-12px}@media (width<=759px){.connection-story{height:260svh}}@media (prefers-reduced-motion:reduce){.connection-story{height:180svh}}.hero-reborn .world-grid{translate:var(--scroll-grid-x,0px) var(--scroll-grid-y,0px);will-change:translate}.hero-reborn .world-ring.ring-one{translate:0 var(--scroll-ring-one,0px);rotate:var(--scroll-ring-turn,0deg);scale:var(--scroll-ring-scale,1)}.hero-reborn .world-ring.ring-two{translate:0 var(--scroll-ring-two,0px);rotate:calc(var(--scroll-ring-turn,0deg)*-.7);scale:var(--scroll-ring-scale,1)}.hero-reborn .label-ada,.hero-reborn .cross-one{translate:0 var(--scroll-ada-y,0px)}.hero-reborn .label-sol,.hero-reborn .cross-two{translate:0 var(--scroll-sol-y,0px)}.hero-reborn .hero-wash{translate:0 var(--scroll-wash-y,0px)}.hero-reborn h1{translate:0 var(--scroll-title-y,0px)}.hero-reborn .world-grid{background-image:radial-gradient(#a9b7b53c 1px,#0000 1px)}.hero-reborn .ring-one{border-color:#94c8c32d}.hero-reborn .ring-two{border-color:#b6b6e728}@media (prefers-reduced-motion:reduce){.hero-reborn .world-grid,.hero-reborn .world-ring,.hero-reborn .world-label,.hero-reborn h1,.hero-reborn .hero-wash{translate:none!important;rotate:none!important;scale:none!important}}main{overflow-x:clip}.section-label,.board-heading .section-label,.connection-kicker{letter-spacing:.09em;font-size:14px;line-height:1.5}.index{letter-spacing:.06em;font-size:13px;line-height:1.5}.hero-reborn .hero-overline{font-size:18px}img.chain-icon{object-fit:contain;width:32px;height:32px;transform:none}@media (width<=759px){.section-label,.board-heading .section-label,.connection-kicker{font-size:13px}.index{font-size:12px}.hero-reborn .hero-overline{font-size:16px}img.chain-icon{width:27px;height:27px}}

/* id="disconnect-emphasis" */

/* Disconnect beat.
   Scroll still drives the moment. The word is the emphasis.
   --fail-alpha: how present the whole word is. It fades in intact.
   --fail-burst: emphasis after the settle (tracking, color, rule).
   --fail-rise: a short vertical settle, in px. No scale slam. */
.connection-story .connection-blocked{
  width:max-content;
  height:auto;
  gap:0;
  padding:22px 28px 16px;
  background:radial-gradient(ellipse at center,#0b0d12 0 46%,rgba(11,13,18,0) 74%);
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  opacity:var(--fail-alpha,0);
  /* Sit in the open break between the two wires, just above the geometric middle. */
  transform:translate(-50%,calc(-58% + var(--fail-rise,0px))) scale(var(--fail-scale,1));
  z-index:4;
  flex-direction:column;
  align-items:center;
  pointer-events:none;
}
/* The drawn X and the shockwave ring were the cheesy part. */
.connection-story .connection-blocked svg{display:none}
.connection-story .connection-blocked::before,
.connection-story .connection-blocked::after{
  content:none;
  border:0;
  inset:auto;
  opacity:0;
  transform:none;
  box-shadow:none;
}
.connection-story .connection-blocked>span{
  display:inline-block;
  color:color-mix(in srgb,#9aa3b2 calc((1 - var(--fail-burst,0)) * 100%),#f7f4f2);
  font:500 26px/1 Geist,system-ui,sans-serif;
  letter-spacing:calc(-0.045em + var(--fail-burst,0) * .09em);
  white-space:nowrap;
}
.connection-story .connection-blocked>span::after{
  content:"";
  display:block;
  height:1px;
  width:72%;
  margin:10px auto 0;
  background:#e4b0a8;
  transform:scaleX(var(--fail-burst,0));
  transform-origin:center;
  opacity:.9;
}
@media (width<=759px){
  .connection-story .connection-blocked{padding:14px 18px 10px}
  .connection-story .connection-blocked>span{
    font-size:22px;
    letter-spacing:calc(-0.04em + var(--fail-burst,0) * .07em);
  }
}
@media (prefers-reduced-motion:reduce){
  .connection-story .connection-blocked{transform:translate(-50%,-58%)}
}

/* id="cap-fuse" */

/* Two market-cap circles meet in the middle, then become the combined total.
   data-state moves apart -> merge -> fused. */
.cap-fuse{border-bottom:1px solid #ffffff13;padding-block:120px 88px}
.cap-fuse .board-heading{align-items:end}
.cap-fuse .board-heading>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cap-fuse .board-heading .section-label{position:static;margin:0}
/* Page parallax writes an inline translate on headings. Keep this title under its label. */
.cap-fuse h2{translate:none!important}
.cap-stage{position:relative;height:clamp(360px,48vw,520px);margin-top:36px}
.cap-orb{position:absolute;top:50%;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;display:grid;place-content:center;text-align:center;transform:translate(-50%,-50%);transition:left 1.05s cubic-bezier(.65,.02,.2,1),opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1);z-index:1}
.cap-orb span{letter-spacing:.16em;font:500 12px/1 Geist Mono,monospace;color:#e7f3ee}
.cap-orb strong{display:block;margin-top:6px;letter-spacing:-.04em;font:500 clamp(28px,4vw,52px)/1 Geist,system-ui,sans-serif;color:#f7f8f8}
.cap-orb strong small{font-size:.62em;margin-left:2px}
.cap-orb.sol{--x:28%;--s:clamp(168px,30vw,320px);background:radial-gradient(circle at 32% 28%,#e9fff6,#46c9a2 46%,#0c3a30 100%);box-shadow:0 0 60px #3dbe9833;z-index:1}
.cap-orb.ada{--x:74%;--s:clamp(124px,18vw,210px);background:radial-gradient(circle at 32% 28%,#f6edff,#8d6ad4 48%,#2a1848 100%);box-shadow:0 0 50px #8d6ad433;z-index:2}
.cap-orb.total{--x:50%;--s:clamp(200px,36vw,360px);opacity:0;transform:translate(-50%,-50%) scale(.72);background:radial-gradient(circle at 30% 28%,#fff 0,#d9fff1 18%,#9b7de0 58%,#145c49 100%);box-shadow:0 0 80px #9ee8cf2e;z-index:3}
.cap-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9aa3b2;font:500 28px/1 Geist,system-ui,sans-serif;transition:opacity .4s ease;z-index:4}
.cap-stage[data-state=merge] .sol{--x:43%}
.cap-stage[data-state=merge] .ada{--x:57%}
.cap-stage[data-state=fused] .sol,.cap-stage[data-state=fused] .ada{opacity:0}
.cap-stage[data-state=fused] .total{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cap-stage[data-state=fused] .cap-plus{opacity:0}
.cap-bills{position:absolute;inset:0;pointer-events:none;z-index:5}
.cap-bills i{position:absolute;left:50%;top:48%;opacity:0;color:#f6e7a8;font:600 26px/1 Geist,system-ui,sans-serif;font-style:normal}
.cap-stage[data-state=fused] .cap-bills i{animation:cap-bill 1.35s ease-out var(--d) forwards}
@keyframes cap-bill{0%{opacity:0;transform:translate(-50%,0) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),var(--y)) scale(1.05)}}
.cap-note{max-width:640px;margin:8px auto 0;text-align:center;color:#9aa3b2;font-size:16px;line-height:1.6}
.cap-note b{color:#f4f7f6;font-weight:500}
.cap-note span{display:block;margin-top:8px;color:#7e8896;font:12px/1.5 Geist Mono,monospace;letter-spacing:.04em}
@media (width<=759px){
  .cap-fuse{padding-block:88px 64px}
  .cap-orb span{font-size:10px}
  .cap-orb.sol{--x:30%}
  .cap-orb.ada{--x:72%}
  .cap-stage[data-state=merge] .sol{--x:42%}
  .cap-stage[data-state=merge] .ada{--x:58%}
}
@media (prefers-reduced-motion:reduce){
  .cap-orb,.cap-plus{transition:none}
  .cap-bills{display:none}
  .cap-stage .sol,.cap-stage .ada,.cap-stage .cap-plus{opacity:0}
  .cap-orb.total{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

/* id="layout-fix" */

/* The mascot used to shove the close off-center. Keep the words in the middle. */
.closing{padding-right:0;text-align:center}
.closing-inner{width:min(880px,100%);margin-inline:auto;text-align:center}
.closing h2{translate:none!important}
.reserve-lock{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin-top:54px;padding:28px;border:1px solid #ffffff14;border-radius:18px;background:#10141acc}
.reserve-lock span{letter-spacing:.14em;color:#7d8b86;font:500 12px/1 Geist Mono,monospace}
.reserve-lock strong{display:block;margin:10px 0 6px;letter-spacing:-.04em;font:500 28px/1.1 Geist,system-ui,sans-serif}
.reserve-lock p{margin:0;color:#9aa6b2;font-size:15px;line-height:1.5}
.reserve-eq{text-align:center}
.reserve-eq b{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 8px;border-radius:50%;border:1px solid #ffffff22;color:#f4f7f6;font:500 28px/1 Geist,system-ui,sans-serif}
.reserve-eq small{letter-spacing:.12em;color:#8fd8c0;font:500 11px/1 Geist Mono,monospace}
.reserve-lock>div:first-child strong{color:#8ee0c4}
.reserve-lock>div:last-child strong{color:#c4b0f2}
@media (width<=759px){
  .reserve-lock{grid-template-columns:1fr;text-align:center;gap:18px}
}

/* id="mobile-native" */

/* Phone layout. Desktop rules stay as they are above 760px.
   This block is last so it wins over earlier mobile attempts
   that still left the hero and the launch steps in two columns. */
html{scroll-padding-top:76px}
/* The fused circle is pale in the middle. Dark type keeps $81.1B readable. */
.cap-orb.total span{color:#12352c}
.cap-orb.total strong{color:#07140f}
.nav-toggle{display:none}
.mobile-nav{display:none}
@media (width<=760px){
  html,body{overflow-x:clip}
  .header{
    background:#0b0d12;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    z-index:200;
    height:64px;
    overflow:visible
  }
  .header .nav{position:relative;z-index:2}
  /* The desktop links are hidden. This button opens the real menu. */
  .nav-toggle{
    display:grid;
    gap:5px;
    place-content:center;
    width:44px;
    height:44px;
    margin-left:8px;
    padding:0;
    border:1px solid #ffffff24;
    border-radius:8px;
    background:#12141c;
    flex:none
  }
  .nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#f4f3fa}
  .header .nav>.nav-action{display:none}
  .mobile-nav{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    top:100%;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:8px 20px 16px;
    background:#0b0d12;
    border-bottom:1px solid #ffffff18;
    box-shadow:0 24px 40px #000a
  }
  .mobile-nav[hidden]{display:none}
  .mobile-nav a{
    min-height:48px;
    display:flex;
    align-items:center;
    color:#e7ebf3;
    font:500 16px/1.2 Geist,system-ui,sans-serif;
    letter-spacing:0
  }
  .mobile-nav .nav-action{
    display:flex;
    justify-content:center;
    margin-top:6px;
    border:1px solid #3d3d4e;
    border-radius:8px;
    min-height:48px;
    font-size:13px
  }
  /* One column. The old 56/44 hero squeezed the whole page beside the mascot. */
  .hero-reborn .hero-main{
    grid-template-columns:1fr;
    min-height:0;
    padding-top:18px;
    padding-bottom:8px
  }
  .hero-reborn h1{font-size:clamp(40px,11vw,56px);line-height:1.02}
  .hero-reborn .hero-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    width:100%
  }
  .hero-reborn .hero-actions .button,
  .hero-reborn .hero-actions .hero-text-link{
    min-height:48px;
    justify-content:center;
    font-size:13px
  }
  .hero-world{height:260px;margin:4px 0 0}
  .world-ring.ring-one{width:190px;height:160px}
  .world-ring.ring-two{width:270px;height:220px}
  /* Core reads this box for his size. Keep him phone-sized. */
  .hero-world #core-anchor{width:148px;height:132px;top:16%}
  .world-label,.core-intro{display:none}
  .hero-reborn .hero-bottom{
    height:auto;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px 14px;
    padding-block:12px
  }
  .hero-mantra{font-size:13px;flex-wrap:wrap;justify-content:center}
  .scroll-prompt{font-size:12px}
  .market-scale-inner{flex-direction:column;align-items:flex-start;gap:12px}
  .market-scale .hero-market-note{text-align:left;font-size:13px}
  .market-scale .hero-market-note>span{font-size:12px}
  .cap-fuse{padding-block:56px 40px}
  .cap-fuse .board-heading{flex-direction:column;align-items:flex-start;gap:12px}
  .cap-fuse h2{font-size:clamp(36px,10vw,52px)}
  .cap-stage{height:280px;margin-top:12px}
  .cap-orb.sol{--s:142px;--x:27%}
  .cap-orb.ada{--s:108px;--x:75%}
  .cap-orb.total{--s:168px}
  .cap-orb strong{font-size:28px}
  .cap-note{font-size:15px;padding-inline:4px}
  .sequence-grid{grid-template-columns:1fr;gap:22px}
  .sequence-sticky{position:static;top:auto}
  .sequence-steps{flex-wrap:wrap;overflow:visible}
  .stage-btn{min-width:0;flex:1 1 calc(50% - 8px);min-height:44px;white-space:normal}
  .stage-card,.stage-card.active{min-height:0}
  .proof-grid{grid-template-columns:1fr;gap:28px}
  .closing{padding:72px 0 64px}
  .closing h2{font-size:clamp(40px,12vw,64px);translate:none!important}
  .closing-inner{text-align:center;padding-inline:20px}
  .footer-inner{
    flex-direction:column;
    align-items:flex-start;
    min-height:0;
    gap:14px;
    padding-block:28px 120px
  }
  .footer-inner p,.footer-inner>a:last-child{font-size:12px;max-width:none}
  footer{padding-bottom:24px}
  .button,.stage-btn{min-height:44px}
}

/* id="design-pass" */

/* Eyebrow rule. Every small section label sits the same clear gap
   above the thing it introduces, on every section and screen size.
   Titles use a tight 1.03 line height, so Sora's tall letters poke
   about 0.12em above their box. The top padding gives that back,
   which keeps the gap even at any title size. */
.section-label{display:block;margin:0 0 20px;line-height:1.4}
.section .display,
.closing h2{margin-top:0;padding-top:.14em}

/* Shared rhythm. Headings and their side copy used to sit on
   opposite ends of the row, so every section had a hole beside
   the title. They now start on the same line. */
.section{padding-block:88px}
.heading-row{
  align-items:start;
  gap:28px 64px;
  margin-bottom:40px
}
.heading-row .display{margin:0;flex:1.3 1 480px}
.heading-row>p{
  flex:1 1 280px;
  max-width:440px;
  margin:10px 0 0;
  align-self:start
}
.bridge-story .heading-row{align-items:start}
.market-potential{margin-top:8px}
.market-potential>div{padding:28px 28px 32px}
.ecosystem-grid{gap:18px}
.how-video{padding-block:88px 96px;border-bottom:1px solid #ffffff13}
/* How it works is just the label and the video, both centered.
   The label's own 20px margin is the only gap above the video. */
.how-video-inner{display:grid;gap:0;justify-items:center;text-align:center}
.how-player{
  width:100%;
  max-width:1100px;
  height:auto;
  /* The walkthrough is 1920x1080. Reserving the shape stops a jump when it loads. */
  aspect-ratio:16/9;
  margin:0 auto;
  border:1px solid #ffffff18;
  border-radius:16px;
  background:#07080d;
  display:block
}
/* Big play button in the middle of the video.
   It only shows once the script below is running, so the video
   still has its normal controls if scripts fail.
   It hides while playing and comes back on pause. */
.how-frame{position:relative;width:100%;max-width:1100px;margin:0 auto}
.how-play{
  position:absolute;
  top:50%;
  left:50%;
  width:clamp(72px,9vw,116px);
  aspect-ratio:1;
  padding:0;
  display:none;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#9945ff,#14f195);
  border:0;
  border-radius:50%;
  box-shadow:0 18px 44px #0b0d1266,0 0 0 10px #9945ff26;
  transform:translate(-50%,-50%);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease
}
.how-frame.is-ready .how-play{display:grid}
/* A play triangle looks off-center when centered by its box. The nudge fixes that. */
.how-play svg{width:40%;height:40%;margin-left:8%;fill:currentColor}
.how-play:hover{
  transform:translate(-50%,-50%) scale(1.07);
  box-shadow:0 22px 54px #0b0d1277,0 0 0 14px #14f19533
}
.how-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.how-frame.is-playing .how-play{
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(.85)
}
/* Closing title. "Cardano launchpad" is about 8.8x the font size wide.
   84px keeps it on one line inside the closing column. */
.closing h2{font-size:clamp(44px,8.4vw,84px)}
@media (width<=900px){
  .section{padding-block:64px}
  .heading-row{flex-direction:column;gap:14px;margin-bottom:28px}
  .heading-row>p{max-width:none;margin:0}
  .how-video{padding-block:56px 64px}
  .how-player{border-radius:12px}
}
@media (width<=760px){
  /* Sized so "Cardano launchpad" stays on one line on a phone.
     The closing column is also the page container, so it keeps the
     standard 20px sides; the title still fits inside them. */
  .closing-inner{padding-inline:20px}
  .closing h2{font-size:clamp(30px,9.4vw,60px)}
}

/* id="cta-character" */

/* Buttons were set in a tiny mono size. These labels need to be
   readable at a glance, on the hero and in the header. */
.button,
.nav-action,
.hero-text-link{
  font-family:Sora,Geist,sans-serif;
  font-size:18px;
  font-weight:650;
  letter-spacing:-.02em;
  line-height:1.15
}
.button{
  min-height:56px;
  padding:16px 26px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.button.ghost{
  color:#f4f7f8;
  background:transparent;
  border:1px solid #ffffff55
}
.button.ghost:hover{border-color:#14f195;color:#14f195}
.hero-reborn .hero-actions{flex-direction:row;flex-wrap:wrap;gap:14px}
.hero-reborn .hero-actions .button{
  font-size:22px;
  min-height:62px;
  padding:18px 28px
}
.header .nav-action{font-size:16px;min-height:48px;padding:12px 16px}
.nav-action.ghost{color:#f4f7f8;background:transparent;border:1px solid #ffffff55}
.nav-action.ghost:hover{border-color:#14f195;color:#14f195}
.mobile-nav .nav-action{font-size:18px}

/* Popcorn, once the walkthrough video is actually playing.
   data-scene is written by the character script itself, so it is
   always current. A class added to Core from outside could be wiped.
   #core-root.is-watching is set by the video script while it plays. */
#core-root.is-watching .living-core[data-scene="watch"]::after{
  content:"";
  position:absolute;
  /* Held low at his side, so the bucket never covers his chewing mouth. */
  left:68%;
  bottom:2%;
  /* Sized from Core's box, so the bucket stays in proportion
     whether he is big in the hero or small in the corner. */
  width:28%;
  height:auto;
  aspect-ratio:64/56;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:6;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 56'%3E%3Cpath d='M14 24h36l-4 28H18z' fill='%23c23b3b'/%3E%3Cpath d='M18 24h6l-1 28h-4zM30 24h6l-1 28h-5zM42 24h6l-3 28h-4z' fill='%23ffffff22'/%3E%3Ccircle cx='22' cy='16' r='6' fill='%23f6e27a'/%3E%3Ccircle cx='33' cy='12' r='6.5' fill='%23fff3b0'/%3E%3Ccircle cx='44' cy='17' r='5.5' fill='%23f6e27a'/%3E%3Ccircle cx='28' cy='8' r='4' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;
  /* The bucket pops in when play is pressed, then bobs while he eats. */
  animation:
    popcorn-in .4s cubic-bezier(.2,1.6,.4,1) both,
    popcorn-bob .7s ease-in-out .4s infinite
}
@keyframes popcorn-in{
  from{transform:translateX(-50%) scale(0)}
  to{transform:translateX(-50%) scale(1)}
}
@keyframes popcorn-bob{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-6px)}
}
/* A kernel hops out of the bucket and into his mouth, over and over.
   The moves are in kernel widths, so the arc scales with Core. */
#core-root.is-watching .living-core[data-scene="watch"]::before{
  content:"";
  position:absolute;
  left:64%;
  top:66%;
  width:7%;
  aspect-ratio:1;
  border-radius:50% 45% 50% 40%;
  background:#fff3b0;
  box-shadow:inset -1px -1px 0 #e8c95a;
  pointer-events:none;
  z-index:7;
  animation:kernel-toss 1.3s ease-in-out .5s infinite
}
@keyframes kernel-toss{
  0%{transform:translate(0,0) scale(.5);opacity:0}
  12%{opacity:1}
  50%{transform:translate(-145%,-170%) scale(1)}
  78%{transform:translate(-285%,40%) scale(.8);opacity:1}
  86%,100%{transform:translate(-285%,40%) scale(.2);opacity:0}
}

/* Closing scene: Core turns into the Solada mark.
   1. He squashes, then spins down into a bright spark.
   2. A ring flashes out where he was.
   3. The mark spins out of the spark and settles.
   The character script sets opacity inline on his body and on the
   mark, so these run as keyframes. Keyframes win over inline styles.
   The mark is his own built-in logo layer, so it sits exactly where he was. */
.living-core[data-scene="rest"] .living-core-svg{
  transform-origin:50% 60%;
  animation:core-to-spark .6s cubic-bezier(.5,0,.75,0) forwards
}
.living-core[data-scene="rest"] .core-brand-logo{
  filter:drop-shadow(0 0 16px #9945ff99);
  animation:
    logo-burst-in .75s cubic-bezier(.2,1.5,.35,1) .42s both,
    logo-idle 3.4s ease-in-out 1.2s infinite
}
.living-core[data-scene="rest"] .core-touch::after{
  content:"";
  position:absolute;
  top:47%;
  left:50%;
  width:78%;
  aspect-ratio:1;
  border:2px solid #14f195;
  border-radius:50%;
  pointer-events:none;
  /* Hidden outside its flash. "forwards" (not "both") keeps it
     invisible during the delay instead of showing a small ring early. */
  opacity:0;
  animation:logo-ring .8s ease-out .42s forwards
}
/* A glow on hover says the mark is clickable. It opens Pump.fun. */
.living-core[data-scene="rest"] .core-touch:hover .core-brand-logo{
  filter:drop-shadow(0 0 24px #14f195cc) brightness(1.15)
}
@keyframes core-to-spark{
  30%{transform:scale(1.14,.84);opacity:1}
  100%{transform:scale(.04) rotate(420deg);opacity:0;filter:drop-shadow(0 16px 30px #02090c42) brightness(2.4)}
}
/* The mark's base style centers it with translate(-50%,-50%).
   Every frame keeps that, or the mark would jump off center. */
@keyframes logo-burst-in{
  0%{transform:translate(-50%,-50%) scale(0) rotate(-220deg);opacity:0}
  35%{opacity:1}
  100%{transform:translate(-50%,-50%) scale(1.12) rotate(0deg);opacity:1}
}
@keyframes logo-idle{
  0%,100%{transform:translate(-50%,-50%) scale(1.12)}
  50%{transform:translate(-50%,-53%) scale(1.16)}
}
@keyframes logo-ring{
  0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}
  100%{transform:translate(-50%,-50%) scale(1.7);opacity:0}
}
/* Scrolling back up plays it in reverse. The script below adds
   .core-returning for a moment when Core leaves the closing scene. */
#core-root.core-returning .living-core-svg{
  transform-origin:50% 60%;
  animation:spark-to-core .55s cubic-bezier(.2,1.5,.4,1) both
}
#core-root.core-returning .core-brand-logo{
  animation:logo-shrink-out .3s ease-in both
}
@keyframes spark-to-core{
  0%{transform:scale(.04) rotate(420deg);opacity:0}
  100%{transform:none;opacity:1}
}
@keyframes logo-shrink-out{
  0%{transform:translate(-50%,-50%) scale(1.12);opacity:1}
  100%{transform:translate(-50%,-50%) scale(0) rotate(-180deg);opacity:0}
}
@media (width<=760px){
  .hero-reborn .hero-actions{flex-direction:column;align-items:stretch}
  .hero-reborn .hero-actions .button{font-size:20px;width:100%}
}

/* id="top-pass" */

/* Top bar: brand on the left, links in the middle, both actions
   together on the right. The two actions used to be separate items
   in a space-between row, which parked one in the middle of the bar. */
.header .nav{gap:28px}
.header .brand{flex:none}
.header nav{
  flex:1;
  justify-content:center;
  gap:34px;
  color:#c2c9d6;
  font:500 15px/1 Geist,system-ui,sans-serif;
  letter-spacing:0
}
.header nav a{padding-block:10px}
.nav-ctas{display:flex;align-items:center;gap:10px;flex:none}
.header .nav-ctas .nav-action{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border-radius:10px;
  font-size:15px
}
/* The first action is the main one, so it matches the hero's mint button. */
.header .nav-ctas .nav-action:not(.ghost){
  color:#14231e;
  background:#a5f0d7;
  border:1px solid #b6ffe630
}
.header .nav-ctas .nav-action:not(.ghost):hover{background:#c2f7e5}
/* Below 960px the actions no longer fit beside the links.
   The hero buttons sit just under the bar, and phones get the menu. */
@media (width<=960px){
  .nav-ctas{display:none}
  .header nav{gap:24px;font-size:14px}
}

/* Hero. With the side labels and the bottom row gone, the hero
   ends on its own padding instead of a strip of small print. */
.hero-reborn .hero-main{padding-bottom:72px}
/* The hero's dark left-to-right fade is made for the desktop layout,
   where the copy sits in a raised column above it. On phones that
   column is flattened (display:contents) so the copy can be reordered
   around Core, which drops the text under the fade and washes it out. */
@media (width<=759px){
  .hero-reborn::after{display:none}
}

/* Two-ecosystems title: one sentence per line, about four words each.
   The side paragraph is gone, so the title can use the whole row. */
.bridge-story .heading-row .display{max-width:none}

/* Take my money, in the fees section. The character script gives Core
   $ eyes and a big grin. CSS adds a fan of cash and the shout.
   Both hang off Core's own box, so they travel with him. */
.living-core[data-scene="reward"]::after{
  content:"";
  position:absolute;
  left:58%;
  bottom:0;
  width:42%;
  aspect-ratio:1;
  pointer-events:none;
  z-index:6;
  /* Shake around the grip, where his hand holds the stack. */
  transform-origin:30% 72%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg stroke='%230b3d26' stroke-width='2.5' stroke-linejoin='round'%3E%3Crect x='18' y='26' width='50' height='28' rx='4' fill='%231e8e58' transform='rotate(-34 24 58)'/%3E%3Crect x='18' y='26' width='50' height='28' rx='4' fill='%2328ad6b' transform='rotate(-16 24 58)'/%3E%3Crect x='18' y='26' width='50' height='28' rx='4' fill='%2339c983' transform='rotate(2 24 58)'/%3E%3C/g%3E%3Cg transform='rotate(2 24 58)'%3E%3Crect x='23' y='31' width='40' height='18' rx='2' fill='none' stroke='%230b3d26' stroke-width='1.5' opacity='.5'/%3E%3Ccircle cx='43' cy='40' r='8' fill='%23e8fff1'/%3E%3Ctext x='43' y='44.5' text-anchor='middle' font-family='Arial,sans-serif' font-weight='700' font-size='13' fill='%230b3d26'%3E$%3C/text%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  animation:cash-shake .42s ease-in-out infinite
}
@keyframes cash-shake{
  0%,100%{transform:rotate(-10deg) scale(1)}
  50%{transform:rotate(8deg) scale(1.1)}
}
.living-core[data-scene="reward"]::before{
  content:"TAKE MY MONEY!";
  position:absolute;
  right:70%;
  bottom:76%;
  padding:9px 13px;
  white-space:nowrap;
  color:#07140f;
  background:#f7f8fa;
  /* The squared corner points back at Core, like a speech bubble tail. */
  border-radius:14px 14px 3px 14px;
  box-shadow:0 12px 28px #0008;
  font:800 14px/1 Sora,Geist,sans-serif;
  letter-spacing:.01em;
  pointer-events:none;
  z-index:7;
  transform-origin:100% 100%;
  animation:
    bubble-pop .45s cubic-bezier(.2,1.6,.4,1) both,
    bubble-wiggle 1.4s ease-in-out .5s infinite
}
@keyframes bubble-pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes bubble-wiggle{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-4deg)}}

/* id="story-mobile" */

/* Disconnect story on phones.
   The scene stays pinned while you scroll, like on desktop, because the
   story script turns scroll distance into the whole animation.
   Everything fits one phone screen under the 64px bar: headline,
   Cardano card, a short channel, Solana card, then the three steps.
   759px matches the script, which draws the channel vertically below 760. */
@media (width<=759px){
  .connection-story{--story-top:64px;height:230svh}
  .connection-story .connection-sticky{
    position:sticky;
    top:var(--story-top);
    height:calc(100svh - var(--story-top));
    min-height:0;
    overflow:hidden;
    align-items:center
  }
  .connection-story .connection-content{padding:12px 20px}
  .connection-story .connection-topline{margin-bottom:8px}
  .connection-story .connection-copy{min-height:0}
  .connection-story .connection-copy>h2{font-size:clamp(28px,8.2vw,38px);line-height:1.08}

  /* Cardano card, a short channel, Solana card. */
  .connection-story .connection-diagram{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto 92px auto;
    height:auto;
    margin-top:18px;
    transform:none
  }
  .connection-story .connection-channel{height:92px}

  /* The script drifts the cards apart as you scroll (up to about 22px up
     for Cardano and 47px down for Solana). At 40% they still float in,
     but stay clear of the headline and the steps. No 3D tilt on a narrow screen. */
  .connection-story .system-cardano{
    transform:translate3d(calc(var(--left-x,0px) * .4),calc(var(--left-y,0px) * .4),0)
  }
  .connection-story .system-solana{
    transform:translate3d(calc(var(--right-x,0px) * .4),calc(var(--right-y,0px) * .4),0)
  }

  /* Each card carries its own name on the left and its diagram on the right.
     The name used to float above the card, where it ran into the headline. */
  .connection-story .system-stack .system-header{
    position:absolute;
    z-index:2;
    top:50%;
    bottom:auto;
    left:16px;
    transform:translateY(-50%);
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin:0;
    pointer-events:none
  }
  .connection-story .system-logo{width:26px;height:26px}
  .connection-story .system-stack .system-header h3{font-size:17px;line-height:1.1}
  .connection-story .system-stack .system-header small{margin-top:3px;color:#98a2b3;font-size:11px;line-height:1.3}
  /* The left padding is the room the name takes. */
  .connection-story .system-stack .system-panel{
    height:auto;
    min-height:0;
    gap:6px;
    padding:14px 14px 12px 150px;
    border-radius:14px
  }
  .connection-story .system-stack .utxo-diagram,
  .connection-story .system-stack .account-diagram{width:100%;height:48px}
  .connection-story .account-row{height:13px}
  .connection-story .system-stack .system-meta{margin-top:2px;font-size:9px}

  /* "Disconnected" is a small pill in the break between the two lines,
     instead of big text laid across them. Centered, not nudged up. */
  .connection-story .connection-blocked{
    padding:0;
    background:none;
    transform:translate(-50%,calc(-50% + var(--fail-rise,0px))) scale(var(--fail-scale,1))
  }
  .connection-story .connection-blocked>span{
    padding:7px 14px;
    color:#f2a79f;
    background:#1b1216;
    border:1px solid #e08a8166;
    border-radius:999px;
    font:600 11px/1 Geist Mono,monospace;
    letter-spacing:.14em;
    text-transform:uppercase
  }
  .connection-story .connection-blocked>span::after{display:none}

  /* The relay is a small spot in the middle of the channel. Core lands on
     it and turns into the Solada mark. The label sits to the right, far
     enough out that Core (about 76px wide here) never covers it. */
  .connection-story .connection-channel .solada-relay{width:34px;height:34px;padding:0;gap:0;display:block}
  .connection-story .connection-channel .solada-relay img{width:34px;height:34px}
  .connection-story .connection-channel .solada-relay span{
    position:absolute;
    top:50%;
    left:calc(100% + 44px);
    transform:translateY(-50%);
    padding:7px 12px;
    color:#b8f4df;
    background:#0f1a17;
    border:1px solid #77dbbe66;
    border-radius:999px;
    font:600 11px/1 Geist Mono,monospace;
    letter-spacing:.14em;
    text-transform:uppercase;
    white-space:nowrap
  }

  /* The three steps read as a progress bar. The current step lights up,
     finished steps stay softly filled. */
  .connection-story .connection-beats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    /* Room for the Solana card's small downward drift while it flies in. */
    margin-top:24px;
    padding:0;
    font:500 11px/1.3 Geist,system-ui,sans-serif
  }
  .connection-story .connection-beats li{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    padding-top:9px;
    border-top:2px solid #ffffff14;
    transition:border-color .3s,color .3s
  }
  .connection-story .connection-beats b{opacity:.6;font:400 10px/1 Geist Mono,monospace}
  .connection-story[data-phase=blocked] [data-beat="0"],
  .connection-story[data-phase=connecting] [data-beat="0"],
  .connection-story[data-phase=connecting] [data-beat="1"],
  .connection-story[data-phase=connected] [data-beat="0"],
  .connection-story[data-phase=connected] [data-beat="1"]{border-top-color:#ffffff3a}
  .connection-story[data-phase=separate] [data-beat="0"]{color:#e7ebf3;border-top-color:#9d96ca}
  .connection-story[data-phase=blocked] [data-beat="1"]{color:#e7ebf3;border-top-color:#e08a81}
  .connection-story[data-phase=connecting] [data-beat="2"],
  .connection-story[data-phase=connected] [data-beat="2"]{color:#e7ebf3;border-top-color:#77dbbe}

  .connection-story .connection-next{bottom:14px;left:20px;font-size:12px}
}
/* Short phones: tighten the gaps so the whole scene still fits, and start
   it at the top so the steps end above Core in the bottom corner. */
@media (width<=759px) and (height<=700px){
  .connection-story .connection-sticky{align-items:flex-start}
  /* The content is also a .container, whose margin:auto would re-center it. */
  .connection-story .connection-content{margin-block:0;padding-top:14px}
  .connection-story .connection-copy>h2{font-size:28px}
  .connection-story .connection-diagram{margin-top:14px;grid-template-rows:auto 76px auto}
  .connection-story .connection-channel{height:76px}
  .connection-story .connection-beats{margin-top:20px}
  .connection-story .connection-next{display:none}
}