@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&family=Sora:wght@500;600;700&display=swap");
:root { --bg:#071314; --panel:#0b1b1b; --ink:#f0f5ef; --muted:#8fa59d; --line:rgba(189,222,204,.15); --mint:#a8dec2; --gold:#ddca7e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:"DM Sans",sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.42; background:radial-gradient(circle at 75% 5%,rgba(96,167,154,.15),transparent 31%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:auto,38px 38px,38px 38px; }
a { color:inherit; }
.nav { position:sticky; z-index:20; top:0; height:76px; display:flex; align-items:center; padding:0 clamp(18px,4vw,70px); border-bottom:1px solid var(--line); background:rgba(5,16,17,.9); backdrop-filter:blur(18px); }
.identity { display:flex; align-items:center; gap:10px; min-width:300px; text-decoration:none; }
.identity img { width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 8px 12px #000); }
.identity b,.identity small { display:block; }
.identity b { font:700 13px Sora; letter-spacing:.14em; }
.identity small { margin-top:3px; color:var(--muted); font:600 6px Manrope; letter-spacing:.16em; }
.nav nav { display:flex; justify-content:center; gap:8px; flex:1; }
.nav nav a { padding:9px 13px; border:1px solid transparent; border-radius:7px; color:var(--muted); text-decoration:none; font:700 8px Manrope; letter-spacing:.14em; }
.nav nav a.active { color:var(--gold); border-color:rgba(221,202,126,.24); background:rgba(221,202,126,.05); }
.planned { min-width:300px; text-align:right; color:var(--muted); font:700 7px Manrope; letter-spacing:.13em; }
.planned i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 12px var(--gold); }
main { position:relative; z-index:1; }
.hero { min-height:720px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:6vw; max-width:1440px; margin:auto; padding:86px clamp(24px,7vw,110px); }
.eyebrow { color:var(--mint); font:700 8px Manrope; letter-spacing:.23em; }
.hero h1 { margin:20px 0 25px; max-width:720px; font:600 clamp(52px,6vw,88px)/.98 Sora; letter-spacing:-.055em; }
.hero-copy > p,.section > header p { max-width:630px; color:#a5b7b0; font:400 15px/1.8 "DM Sans"; }
.principles { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }
.principles span { padding:8px 10px; border:1px solid rgba(221,202,126,.25); border-radius:999px; color:var(--gold); background:rgba(221,202,126,.04); font:700 7px Manrope; letter-spacing:.11em; }
.flywheel { position:relative; width:min(580px,45vw); aspect-ratio:1; margin:auto; }
.orbit { position:absolute; border:1px solid rgba(168,222,194,.16); border-radius:50%; animation:spin 28s linear infinite; }
.orbit::after { content:""; position:absolute; left:50%; top:-5px; width:9px; height:9px; border-radius:50%; background:var(--mint); box-shadow:0 0 20px var(--mint); }
.orbit-a { inset:8%; }.orbit-b { inset:21%; animation-direction:reverse; animation-duration:18s; border-color:rgba(221,202,126,.18); }
.fly-core { position:absolute; inset:31%; display:grid; place-items:center; align-content:center; border-radius:50%; border:1px solid rgba(221,202,126,.35); background:radial-gradient(circle,#17312d,#081717 70%); box-shadow:0 0 70px rgba(168,222,194,.1); }
.fly-core img { width:68%; aspect-ratio:1; object-fit:contain; }.fly-core b { margin-top:-12px; color:var(--gold); font:700 10px Manrope; letter-spacing:.16em; }.fly-core small { color:var(--muted); font:600 6px Manrope; letter-spacing:.13em; }
.node { position:absolute; width:150px; padding:12px; border:1px solid var(--line); border-radius:8px; background:rgba(8,24,24,.94); box-shadow:0 14px 40px rgba(0,0,0,.28); }
.node em { color:var(--gold); font:normal 700 7px Manrope; }.node b,.node small { display:block; }.node b { margin:4px 0; font:700 9px Manrope; letter-spacing:.12em; }.node small { color:var(--muted); font-size:8px; }.n1{left:0;top:17%}.n2{right:0;top:17%}.n3{right:0;bottom:14%}.n4{left:0;bottom:14%}
@keyframes spin { to { transform:rotate(360deg); } }
.band { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(12,29,29,.78); }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); max-width:1440px; margin:auto; }
.metrics span { padding:22px 30px; border-right:1px solid var(--line); }.metrics span:last-child{border-right:0}.metrics small,.metrics b{display:block}.metrics small{color:var(--muted);font:600 7px Manrope;letter-spacing:.14em}.metrics b{margin-top:6px;color:var(--gold);font:700 11px Manrope;letter-spacing:.08em}
.section { max-width:1440px; margin:auto; padding:105px clamp(24px,7vw,110px); border-bottom:1px solid var(--line); }
.section > header { max-width:780px; margin-bottom:45px; }.section h2,.cta h2 { margin:13px 0 16px; font:600 clamp(34px,4vw,58px)/1.05 Sora; letter-spacing:-.04em; }
.loop-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); }
.loop-grid article { position:relative; min-height:300px; padding:24px; border-right:1px solid var(--line); background:linear-gradient(160deg,rgba(18,43,39,.65),rgba(7,18,19,.7)); }.loop-grid article:last-child{border-right:0}.loop-grid em{position:absolute;right:17px;top:15px;color:#50655d;font:normal 700 10px Manrope}.loop-grid .icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:43px;border:1px solid rgba(221,202,126,.3);border-radius:50%;color:var(--gold);font-size:18px}.loop-grid article>b{color:var(--mint);font:700 7px Manrope;letter-spacing:.16em}.loop-grid h3{margin:10px 0;font:600 17px/1.25 Sora}.loop-grid p{color:var(--muted);font:400 11px/1.6 "DM Sans"}.loop-grid article>small{position:absolute;left:24px;bottom:20px;color:#6f827b;font:600 6px Manrope;letter-spacing:.12em}
.split { display:grid; grid-template-columns:1.18fr .82fr; gap:20px; }.panel{border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(15,37,34,.8),rgba(6,18,19,.86));}.utility-panel,.treasury-panel{padding:32px}.panel h2{font-size:34px}.utility-list{margin-top:30px;border-top:1px solid var(--line)}.utility-list article{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.utility-list article>span{color:var(--gold);font:700 9px Manrope}.utility-list b{font:700 9px Manrope;letter-spacing:.1em}.utility-list p{margin:5px 0 0;color:var(--muted);font-size:10px}.utility-list em{padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--mint);font:normal 700 6px Manrope;letter-spacing:.12em}
.allocation{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:26px;margin-top:45px}.ring{width:175px;height:175px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at center,#0a1b1b 54%,transparent 55%),conic-gradient(#a8dec2 0 40%,#ddca7e 40% 65%,#6d9e9c 65% 85%,#887cab 85% 95%,#c17765 95%);}.ring b,.ring small{display:block}.ring b{font:600 27px Sora}.ring small{color:var(--muted);font:600 6px Manrope;letter-spacing:.12em}.legend{display:grid;gap:12px}.legend span{display:grid;grid-template-columns:9px 34px 1fr;align-items:center;color:var(--muted);font-size:9px}.legend i{width:8px;height:8px;border-radius:50%;background:var(--c)}.legend b{color:var(--ink);font:700 9px Manrope}.disclaimer{margin-top:35px;padding:13px;border-left:2px solid var(--gold);color:#8e9877;background:rgba(221,202,126,.04);font:500 8px/1.6 Manrope;letter-spacing:.05em}
.sim-grid{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden}.sliders{padding:34px;border-right:1px solid var(--line)}.sliders label{display:block;margin-bottom:30px}.sliders label>span{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--muted);font:700 7px Manrope;letter-spacing:.12em}.sliders label b{color:var(--gold)}input[type=range]{width:100%;height:4px;accent-color:var(--mint);cursor:pointer}.results{display:grid;grid-template-columns:repeat(2,1fr);}.results>div{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.results small,.results b{display:block}.results small{color:var(--muted);font:600 7px Manrope;letter-spacing:.14em}.results b{margin-top:8px;color:var(--gold);font:600 22px Sora}.results .coverage{grid-column:1/-1;border-bottom:0}.coverage>span{display:flex;justify-content:space-between;align-items:center}.coverage>span b{font:700 9px Manrope;letter-spacing:.11em}.coverage>span b.warning{color:#df846d}.coverage>i{display:block;height:5px;margin:17px 0;background:#102725}.coverage>i u{display:block;width:70%;height:100%;background:linear-gradient(90deg,var(--mint),var(--gold));transition:width .3s}.coverage p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.market-grid article{min-height:235px;padding:25px;border:1px solid var(--line);border-radius:9px;background:rgba(13,31,30,.65)}.market-grid .type{color:var(--mint);font:700 7px Manrope;letter-spacing:.15em}.market-grid h3{margin:36px 0 12px;font:600 20px Sora}.market-grid p{min-height:54px;color:var(--muted);font-size:11px;line-height:1.6}.market-grid article>div{display:flex;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid var(--line);font:700 7px Manrope;letter-spacing:.09em}.market-grid em{color:var(--gold);font-style:normal;text-align:right}
.cta{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:35px;max-width:1220px;margin:100px auto;padding:35px;border:1px solid rgba(221,202,126,.22);border-radius:12px;background:linear-gradient(120deg,rgba(26,50,44,.85),rgba(9,24,24,.92))}.cta img{width:115px;height:115px;object-fit:contain}.cta h2{font-size:36px}.cta p{margin:0;color:var(--muted);font-size:11px}.cta a{padding:15px 18px;border-radius:7px;color:#071314;background:var(--gold);text-decoration:none;font:700 8px Manrope;letter-spacing:.12em}.footer{position:relative;z-index:1;display:flex;justify-content:space-between;padding:24px clamp(24px,7vw,110px);border-top:1px solid var(--line);color:var(--muted);font:600 7px Manrope;letter-spacing:.12em}
@media(max-width:900px){.nav{height:68px;padding:0 12px}.identity{min-width:0;flex:1}.identity img{width:42px;height:42px}.identity small,.planned{display:none}.nav nav{flex:0}.hero{min-height:auto;grid-template-columns:1fr;padding:65px 22px}.hero h1{font-size:50px}.flywheel{width:min(560px,92vw)}.metrics{grid-template-columns:repeat(2,1fr)}.metrics span{border-bottom:1px solid var(--line)}.loop-grid{grid-template-columns:1fr 1fr}.loop-grid article{border-bottom:1px solid var(--line)}.split,.sim-grid{grid-template-columns:1fr}.sliders{border-right:0;border-bottom:1px solid var(--line)}.market-grid{grid-template-columns:1fr}.cta{grid-template-columns:75px 1fr;margin:60px 18px}.cta img{width:70px;height:70px}.cta a{grid-column:1/-1;text-align:center}.section{padding:72px 22px}.allocation{grid-template-columns:1fr}.ring{margin:auto}}
@media(max-width:560px){.nav nav a{padding:8px;font-size:7px}.identity b{font-size:10px}.hero{overflow:hidden}.hero h1{font-size:43px}.flywheel{width:100%;margin-top:20px}.node{width:124px;padding:9px}.fly-core b{margin-top:-5px}.metrics span{padding:17px}.loop-grid{grid-template-columns:1fr}.loop-grid article{min-height:245px;border-right:0}.loop-grid .icon{margin-bottom:28px}.results{grid-template-columns:1fr}.results .coverage{grid-column:auto}.utility-panel,.treasury-panel{padding:22px}.utility-list article{grid-template-columns:27px 1fr}.utility-list em{display:none}.market-grid article>div{display:grid}.cta h2{font-size:28px}.footer{display:grid;gap:8px}}