:root { --ink:#07111f; --panel:#0b1728; --panel2:#101f32; --line:rgba(169,196,222,.15); --text:#f5f7f9; --muted:#9baabc; --cyan:#51d4de; --blue:#4a9cff; --gold:#e7b85d; --green:#70d7aa; --danger:#ff8d8d; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden} button,a{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none;z-index:-1}.ambient-one{width:520px;height:520px;background:#0c91a1;left:-180px;top:100px}.ambient-two{width:480px;height:480px;background:#836628;right:-150px;top:460px}
.site-header{min-height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px clamp(22px,5vw,76px);background:rgba(7,17,31,.86);backdrop-filter:blur(18px);position:relative;z-index:5}.brand{display:flex;align-items:center;text-decoration:none;color:var(--text)}.brand-logo-plate{display:flex;align-items:center;padding:0;background:transparent;border:0}.brand-logo-plate img{display:block;width:230px;height:68px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.3));mix-blend-mode:screen}.header-actions{display:flex;align-items:center;gap:18px}.demo-label,.live-pill{font-size:11px;color:var(--green);border:1px solid rgba(112,215,170,.28);padding:6px 10px;border-radius:999px;background:rgba(112,215,170,.06)}.demo-label i,.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px var(--green)}.quiet-link{color:var(--muted);font-size:12px;text-decoration:none}.quiet-link:hover{color:var(--text)}
main{width:min(1180px,calc(100% - 36px));margin:auto}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:76px 0 58px}.eyebrow{text-transform:uppercase;color:var(--cyan);font-size:10px;letter-spacing:.22em;font-weight:700;margin:0 0 15px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5.4vw,76px);font-weight:400;letter-spacing:-.04em;line-height:1.02;margin:0;max-width:720px}.hero-text{font-size:17px;color:#b5c2cf;line-height:1.7;max-width:620px;margin:24px 0 30px}.hero-actions{display:flex;align-items:center;gap:18px}.primary{border:0;border-radius:9px;color:#04101a;background:linear-gradient(115deg,var(--cyan),#7ce0c1);font-weight:700;cursor:pointer;box-shadow:0 14px 32px rgba(81,212,222,.16);transition:.2s transform,.2s box-shadow}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(81,212,222,.25)}.primary.large{padding:15px 21px}.primary span{margin-left:10px}.time-note{font-size:11px;color:var(--muted)}
.hero-visual{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(81,212,222,.18);border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:240px;height:240px;border-color:rgba(231,184,93,.25)}.visual-core{width:168px;height:168px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#173f50,#091521 65%);display:grid;place-content:center;text-align:center;border:1px solid rgba(81,212,222,.35);box-shadow:0 0 70px rgba(81,212,222,.12)}.visual-core span{font-family:Georgia,serif;font-size:38px}.visual-core small{color:var(--muted);font-size:10px;margin-top:5px}.visual-node{position:absolute;padding:12px 15px;border-radius:10px;background:rgba(11,23,40,.96);border:1px solid var(--line);font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.visual-node b{color:var(--gold);margin-right:8px}.node-one{top:30px;left:8px}.node-two{top:108px;right:-4px}.node-three{bottom:35px;left:10px}
.demo-shell{display:none;margin:10px 0 90px;border:1px solid var(--line);border-radius:20px;background:rgba(8,20,35,.88);box-shadow:0 35px 80px rgba(0,0,0,.3);overflow:hidden}.demo-shell.visible{display:block;animation:rise .5s ease}.demo-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line)}.demo-topbar h2{margin:0;font-family:Georgia,serif;font-size:27px;font-weight:400}.demo-topbar p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.secondary{color:var(--cyan);border:1px solid rgba(81,212,222,.35);background:transparent;border-radius:8px;padding:9px 13px;cursor:pointer}.secondary:hover{background:rgba(81,212,222,.08)}
.progress-wrap{padding:20px 28px 24px;border-bottom:1px solid var(--line)}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:9px}.progress-meta strong{color:var(--cyan)}.progress-track{height:4px;background:#16273a;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .6s ease}.step-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:12px}.step-dot{font-size:9px;color:#65758a;text-align:center;white-space:nowrap}.step-dot:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#24364a;margin:0 auto 6px;transition:.2s}.step-dot.active{color:var(--cyan)}.step-dot.active:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.step-dot.complete{color:var(--green)}.step-dot.complete:before{background:var(--green)}
.demo-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:430px}.stage-panel{padding:34px 38px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.stage-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:10px;font-weight:700}.stage-panel h3{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15;margin:13px 0 12px}.stage-description{color:#b4c0cd;line-height:1.65;font-size:14px;margin:0;max-width:600px}.stage-detail{width:100%;margin:24px 0;display:grid;gap:8px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-row span{color:var(--muted)}.detail-row b{font-weight:600}.detail-row b.accent{color:var(--cyan)}.stage-button{padding:13px 18px;margin-top:auto}.stage-button:disabled{opacity:.5;cursor:wait}.stage-footnote{font-size:10px;color:#68798c;margin:12px 0 0}.balance-panel{padding:27px;background:rgba(14,29,47,.5)}.panel-heading{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.14em;color:#9db0c4;font-size:9px;font-weight:700}.live-pill{padding:4px 7px;font-size:8px;letter-spacing:normal;text-transform:none}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.balance-grid article{padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(6,17,30,.65)}.balance-grid article span{display:block;color:var(--muted);font-size:9px;margin-bottom:8px}.balance-grid strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.balance-grid small{font-size:8px;color:var(--cyan);margin-left:5px}.flash{animation:flash .65s ease}.flow-map{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;margin-top:28px}.flow-party{text-align:center}.party-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;border:1px solid rgba(81,212,222,.4);color:var(--cyan)}.party-icon.warm{border-color:rgba(231,184,93,.4);color:var(--gold)}.flow-party b,.flow-party small{display:block;font-size:10px}.flow-party small{color:var(--muted);margin-top:3px;font-size:8px}.flow-line{height:1px;background:var(--line);position:relative}.flow-line i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);top:-4px;left:0;box-shadow:0 0 12px var(--cyan);animation:travel 2.1s ease-in-out infinite}.flow-line span{position:absolute;left:50%;transform:translate(-50%,-24px);font-size:8px;color:var(--cyan);white-space:nowrap}
.activity-panel{border-top:1px solid var(--line);padding:22px 28px 26px}.activity-empty{color:#66778b;text-align:center;padding:22px;font-size:11px}.activity-list{display:grid;gap:7px;margin-top:15px}.activity-item{display:grid;grid-template-columns:30px 1.25fr 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(5,16,29,.58);animation:fade .35s ease}.activity-index{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(81,212,222,.1);color:var(--cyan);font-size:9px}.activity-item b{font-size:11px}.activity-item p{margin:3px 0 0;color:var(--muted);font-size:9px}.activity-route{color:#a7b7c8;font-size:9px}.activity-amount{color:var(--green);font-size:10px;font-weight:700;text-align:right}
.outcome{display:none;margin:0 0 90px}.outcome.visible{display:block;animation:rise .5s ease}.outcome>h2{font-family:Georgia,serif;font-weight:400;font-size:40px;margin:0 0 28px}.outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.outcome-grid article{padding:19px 17px;border:1px solid var(--line);border-radius:12px;background:rgba(11,23,40,.65)}.outcome-grid span{color:var(--gold);font-size:10px}.outcome-grid b{display:block;margin:22px 0 8px;font-size:12px}.outcome-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.outcome-cta{margin-top:18px;padding:25px 27px;border:1px solid rgba(81,212,222,.23);border-radius:14px;background:linear-gradient(100deg,rgba(81,212,222,.09),rgba(231,184,93,.04));display:flex;justify-content:space-between;align-items:center}.outcome-cta h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}.outcome-cta p{color:var(--muted);font-size:11px;margin:6px 0 0}.link-button{display:inline-flex;text-decoration:none;padding:13px 17px}footer{border-top:1px solid var(--line);padding:22px clamp(22px,5vw,76px);display:flex;justify-content:space-between;color:#66778b;font-size:9px}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes flash{0%,100%{border-color:var(--line)}50%{border-color:var(--cyan);box-shadow:0 0 22px rgba(81,212,222,.15)}}@keyframes travel{0%{left:0}50%{left:calc(100% - 8px)}100%{left:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{display:none}.demo-grid{grid-template-columns:1fr}.stage-panel{border-right:0;border-bottom:1px solid var(--line)}.outcome-grid{grid-template-columns:1fr 1fr}.step-dot{font-size:0}.step-dot:before{margin-bottom:0}.header-actions .quiet-link{display:none}}@media(max-width:580px){main{width:min(100% - 22px,1180px)}.site-header{padding:7px 14px}.brand-logo-plate img{width:165px;height:52px}.demo-label{display:none}.hero{min-height:500px;padding:48px 5px}.hero h1{font-size:43px}.hero-actions{align-items:flex-start;flex-direction:column}.demo-topbar,.progress-wrap,.activity-panel{padding-left:17px;padding-right:17px}.stage-panel,.balance-panel{padding:24px 18px}.stage-panel h3{font-size:29px}.balance-grid{grid-template-columns:1fr}.activity-item{grid-template-columns:28px 1fr auto}.activity-route{display:none}.outcome-grid{grid-template-columns:1fr}.outcome-cta{align-items:flex-start;flex-direction:column;gap:18px}footer{gap:12px;flex-direction:column}}