@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#091222;--surface:#111e33;--mint:#6bf6c3;--text:#eff6ff;--muted:#a0b1ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #84bbff;outline-offset:5px}.wrap{width:min(1280px,90%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;gap:24px}.logo{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap}.logo span{color:var(--mint)}nav{display:flex;gap:32px;font-size:15px;color:#c4d1e4}.pill{border:1px solid #38445a;border-radius:40px;padding:10px 20px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:70px 0 95px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--mint);margin:0 0 25px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.04;letter-spacing:-3px;margin:0}h1{font-size:clamp(58px,6.8vw,94px)}h1 span,h2 span{color:var(--mint)}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:530px;margin:28px 0 32px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--mint);color:#071829;padding:16px 25px;border-radius:8px;font-weight:700}.button:hover{background:#a4ffdf;transform:translateY(-2px)}.hero-foot{font-size:14px;color:#8093ae;margin-top:25px}.terminal{border:1px solid #34455b;background:linear-gradient(135deg,#172840,#101a2e);border-radius:20px;padding:25px;box-shadow:0 30px 100px #0005;transform:none}.terminal-top,.balance-label,.terminal-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.small{font-size:23px}.demo{font-size:11px;letter-spacing:1.5px;color:#adc1db}.balance-label{margin-top:32px;font-size:14px;color:#c2cee0}.balance-label span{font-size:12px;color:#92a6c1}.balance{font-family:'Space Grotesk';font-size:48px;letter-spacing:-2px;margin-top:5px}.balance>span{color:#69809f}.balance-note{font-size:12px;color:#8ea2be}.chart{margin:20px 0 0}.chart svg{width:100%;height:135px}.asset-tabs{display:flex;gap:8px;border-bottom:1px solid #30405a;padding-bottom:12px}.asset-tabs button{border:0;border-radius:6px;background:transparent;color:#b4c1d4;padding:6px 18px;font-size:14px}.asset-tabs .selected{background:#6bf6c322;color:var(--mint)}.asset-row{display:flex;align-items:center;gap:12px;padding:20px 0}.asset-symbol{display:grid;place-items:center;background:#f5a44d;color:#101829;border-radius:50%;width:38px;height:38px;font-size:24px}.asset-row small{display:block;font-size:12px;color:#96a8c0}.asset-row strong{font-size:14px}.asset-amount{margin-left:auto;text-align:right}.activity{display:flex;align-items:center;gap:10px;background:#071b24;padding:13px;border:1px solid #284a48;border-radius:8px;font-size:13px}.activity strong{margin-left:auto;color:var(--mint)}.pulse{width:7px;height:7px;background:var(--mint);border-radius:50%;animation:pulse 2s infinite}.terminal-bottom{font-size:11px;color:#90a4bf;margin-top:16px}.terminal-bottom button{border:0;background:transparent;color:#c4d2e5;font-size:12px;padding:5px}.strip{border-top:1px solid #26354c;border-bottom:1px solid #26354c;padding:23px 0}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:'Space Grotesk';letter-spacing:2px;font-size:13px}.cross{color:var(--mint);font-size:23px}.section{padding:90px 0}.section-top{display:grid;grid-template-columns:1.4fr 1fr;gap:16px 90px;align-items:end}.section-top .eyebrow{grid-column:1/-1;margin-bottom:5px}h2{font-size:clamp(38px,4.2vw,60px)}.section-top>p:last-child{color:var(--muted);max-width:440px;margin:0}.flow{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:45px;margin-top:65px}.flow article{padding:25px 0}.step{font-size:13px;color:#86a4c7}.flow h3{font-size:24px;letter-spacing:-.6px;margin:16px 0}.flow article p{color:var(--muted);font-size:16px}.engine-core{border:1px solid #456e74;background:radial-gradient(ellipse at center,#6bf6c321,transparent);text-align:center;border-radius:24px;padding:45px 16px;position:relative}.engine-core:before,.engine-core:after{content:'';position:absolute;width:46px;height:1px;background:var(--mint);top:50%}.engine-core:before{left:-46px}.engine-core:after{right:-46px}.engine-core p{font-size:13px;color:#afc6d1}.rails{display:flex;gap:7px;justify-content:center}.rails i{width:6px;height:6px;background:var(--mint);border-radius:50%;animation:pulse 2s infinite}.rails i:nth-child(2){animation-delay:.4s}.rails i:nth-child(3){animation-delay:.8s}.wallet-section{padding:80px 0;background:#101f34}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.text-points p{display:flex;flex-direction:column;border-top:1px solid #30435b;padding:16px 0;margin:0}.text-points b{font-size:16px}.text-points span{font-size:14px;color:var(--muted)}.light-wallet{background:#e3f3f1;color:#122c39;border-radius:20px;padding:35px;transform:rotate(-3deg);box-shadow:15px 20px 0 #6bf6c324}.wallet-head{display:flex;justify-content:space-between;font-size:14px}.wallet-head>span{font-size:12px;color:#526d79}.wallet-stat{font-family:'Space Grotesk';font-size:43px;line-height:1.1;letter-spacing:-2px;margin:32px 0}.ledger>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid #bdcfce;padding:18px 0}.ledger p{margin:0;line-height:1.5}.ledger b,.ledger strong{font-size:14px}.ledger small{display:block;font-size:12px;color:#57747a}.ledger strong{margin-left:auto}.transaction-icon{background:#a5e2cd;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:22px}.lilac{background:#d6cdf3}.blue{background:#b9d7f7}.example-note{font-size:12px;color:#58717b;margin:25px 0 0}.operations{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.operations article{border-top:1px solid #526176;padding-top:22px}.number{font-size:14px;color:var(--mint)}.operations h3{font-size:28px;letter-spacing:-1px;margin:35px 0 18px}.operations p{color:var(--muted);font-size:16px;max-width:340px}.mini-label{margin-top:35px;font-size:12px;letter-spacing:2px;color:#a8bad0}.closing{background:#6bf6c3;color:#091c2a;border-radius:20px;padding:55px 60px;margin-bottom:70px;position:relative}.closing h2 span{color:#247165}.closing .eyebrow{color:#285c55}.closing p:not(.eyebrow){max-width:450px}.closing .button{background:#0b2231;color:white;margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 35px}footer p,footer small{font-size:12px;color:#91a5bf}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;color:black;z-index:100;padding:10px}.paused *{animation-play-state:paused!important}@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}@media(max-width:1000px){.hero{gap:35px}.terminal{padding:18px}.balance{font-size:39px}.wallet-grid{gap:40px}nav{gap:20px}.hero{padding:50px 0 65px}}@media(max-width:760px){header{padding:22px 0}header .pill{display:none}nav{font-size:13px;gap:14px}.logo{font-size:29px}.hero{grid-template-columns:1fr;gap:40px;padding-top:35px}.hero-copy{max-width:580px}h1{font-size:66px}.terminal{transform:none;max-width:600px;width:100%}.strip .wrap{flex-wrap:wrap;justify-content:center;font-size:11px}.strip .cross{display:none}.section{padding:60px 0}.section-top{display:block}.section-top .eyebrow{margin-bottom:24px}.section-top>p:last-child{margin-top:25px}.flow{grid-template-columns:1fr;gap:10px;margin-top:25px}.engine-core:before,.engine-core:after{display:none}.engine-core{padding:25px}.wallet-grid{grid-template-columns:1fr;gap:35px}.wallet-section{padding:55px 0}.light-wallet{transform:none;padding:25px}.operations{grid-template-columns:1fr;gap:30px}.operations h3{margin:20px 0 12px}.mini-label{margin-top:15px}.closing{padding:35px 25px;margin-bottom:45px}footer{flex-wrap:wrap}footer p{max-width:200px}footer small{width:100%}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em}
/* Connected transaction journey */
.journey{margin-top:45px;background:var(--mint);color:#0b2c32;border-radius:22px;padding:30px}.journey-heading,.journey-status{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.journey-heading{font-weight:700;letter-spacing:1px}.journey-tag{font-size:12px;font-weight:400;letter-spacing:0}.journey-track{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;align-items:center;margin:35px 0}.journey-node{padding:25px 20px;background:#ffffff60;border:1px solid #163e3620;border-radius:15px;transition:background .5s,transform .5s,box-shadow .5s;min-height:185px}.journey-node.active{background:#fff;box-shadow:0 12px 25px #12594420;transform:translateY(-6px)}.node-number{font-size:12px;color:#407367}.journey h3{font-size:22px;letter-spacing:-.8px;margin-top:18px}.journey-node p{font-size:14px;margin:8px 0}.journey-node strong{font-size:13px}.connector{height:2px;background:#26857360;position:relative;overflow:visible}.connector span{position:absolute;top:-4px;width:10px;height:10px;background:#0c574b;border-radius:50%;animation:travel 3s infinite}.connector:nth-of-type(2) span{animation-delay:1.5s}.journey-status{border-top:1px solid #175c4730;padding-top:18px}.journey-status button{background:transparent;border:1px solid #24615370;border-radius:30px;padding:7px 14px;color:#123f37;font-size:13px;white-space:nowrap}.journey.stopped *{animation-play-state:paused!important}@keyframes travel{from{left:0;opacity:0}20%{opacity:1}to{left:100%;opacity:0}}
.wallet-section{background:#e8f2ff;color:#102a45}.wallet-section h2 span{color:#24726b}.wallet-section .eyebrow{color:#2d6474}.wallet-section .lead,.wallet-section .text-points span{color:#52687e}.wallet-section .text-points p{border-color:#bdcedd}.light-wallet{background:#fff;box-shadow:15px 20px 0 #bddbd9}.control-room{display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;margin-top:48px}.control-menu{display:flex;flex-direction:column;gap:10px}.control-menu button{display:grid;grid-template-columns:35px 1fr;text-align:left;border:1px solid #30465f;border-radius:12px;background:transparent;color:var(--text);padding:22px;transition:background .2s}.control-menu button.active{background:#1d344c;border-color:#6bf6c3}.control-menu button>span{grid-row:1/3;color:var(--mint);font-size:13px}.control-menu b{font-size:18px}.control-menu small{font-size:13px;color:#a2b9d0;margin-top:7px}.control-preview{background:#15273e;padding:30px;border-radius:16px;min-height:370px}.control-top{display:flex;justify-content:space-between;gap:15px;color:#a5bcd4;font-size:11px;letter-spacing:1px;margin-bottom:30px}.control-preview h3{font-size:27px;letter-spacing:-1px}.control-preview>p{font-size:15px;color:#b0c2d9}.control-item{padding:16px;background:#0a1c30;border:1px solid #344b66;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.control-item strong{font-size:16px}.control-item small{display:block;font-size:12px;color:#9ab2cc}.control-item button{border:0;background:var(--mint);border-radius:6px;padding:9px 13px;font-size:13px;color:#0b2c32;font-weight:700}.control-status{color:var(--mint);font-size:13px}.concept-note{font-size:12px!important;margin-top:24px!important;color:#96adc6!important}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.report-grid div{background:#0a1c30;padding:16px 12px;border-radius:8px}.report-grid span{display:block;font-size:12px;color:#9fb8d1}.report-grid strong{font-size:20px;color:var(--mint)}@media(max-width:760px){.journey{padding:22px}.journey-track{grid-template-columns:1fr;margin:25px 0}.connector{width:2px;height:25px;margin:auto}.connector span{display:none}.journey-node{min-height:0;padding:18px}.journey-node.active{transform:none}.journey h3{margin-top:10px}.journey-status{align-items:start}.journey-heading{flex-wrap:wrap;gap:8px}.control-room{grid-template-columns:1fr;gap:20px}.control-menu button{padding:16px}.control-preview{padding:22px}.control-item{flex-wrap:wrap}.report-grid{grid-template-columns:1fr}.report-grid div{display:flex;justify-content:space-between;align-items:center}}

/* Draw the illustrative balance line upwards, hold, then repeat. */
.wallet-chart-line{stroke-dasharray:100;stroke-dashoffset:0;animation:wallet-chart-rise 6s ease-in-out infinite;stroke-linecap:round;filter:drop-shadow(0 0 3px #6bf6c350)}
@keyframes wallet-chart-rise{0%{stroke-dashoffset:100;opacity:0}5%{opacity:1}75%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.wallet-chart-line{animation:none!important;stroke-dashoffset:0;opacity:1}}

.asset-tabs{flex-wrap:wrap;gap:5px}.asset-tabs button{padding:6px 12px}.asset-symbol{font-size:10px;font-weight:700;flex-shrink:0}.asset-row{min-height:82px}