:root{--bg:#03111d;--panel:#061c2d;--blue:#13acec;--gold:#f2bd4e;--muted:#9db0bb;--line:#18435a}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;background:var(--bg);color:#fff;font:16px/1.5 Inter,sans-serif;overflow-x:hidden}

.wrap{width:min(1180px,calc(100% - 42px));margin:auto}

header{position:fixed;inset:0 0 auto;z-index:20;background:linear-gradient(#020a11e8,transparent);transition:.3s}

header.scrolled{background:#03111dec;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}

nav{height:78px;display:flex;align-items:center;justify-content:space-between}

.logo{display:flex;gap:10px;color:#fff;text-decoration:none;align-items:center;letter-spacing:.13em}

.logo i{width:44px;height:44px;border:3px solid var(--blue);color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}

.logo span{display:grid}

.logo small{font-size:8px;color:var(--blue);letter-spacing:.4em}

.links{display:flex;gap:25px}
.language-toggle{border:1px solid #27627d;border-radius:5px;background:#061c2dcc;color:#f2bd4e;font:700 14px Inter,sans-serif;letter-spacing:.08em;padding:8px 10px;cursor:pointer;min-width:42px}
.language-toggle:hover,.language-toggle:focus-visible{background:#103448;outline:1px solid #f2bd4e}
@media(max-width:820px){.language-toggle{margin-left:auto;margin-right:12px}}

.links a,.actions>a:last-child{color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px}

.btn{display:inline-flex;justify-content:center;gap:25px;padding:14px 24px;color:#171208;background:linear-gradient(135deg,#f7d16e,#e6a62a);border:1px solid #ffe59b;border-radius:6px;box-shadow:0 0 25px #dca93445;text-decoration:none;text-transform:uppercase;font-weight:800}

.hero{height:min(900px,100vh);min-height:730px;background:url('assets/projection-terrain.jpg') center/cover;position:relative;overflow:hidden}

.veil{position:absolute;inset:0;background:linear-gradient(90deg,#02101cf7 0,#02101cde 34%,#02101c40 68%,#02101ca8),linear-gradient(0deg,var(--bg),transparent 35%)}

.hero-copy{position:relative;padding-top:140px}

.over{font-size:11px;letter-spacing:.22em;font-weight:700}

.blue{color:var(--blue)}

.gold{color:var(--gold)}

.hero h1{font-size:clamp(75px,10vw,138px);letter-spacing:-.07em;line-height:.78;margin:18px 0 30px;color:var(--blue)}

.hero h1 span{display:block;color:#fff}

.hero h2{text-transform:uppercase;font-size:25px;letter-spacing:0;margin:0}

.lead{max-width:610px;font-size:18px}

.actions{display:flex;align-items:center;gap:25px;margin:27px 0}

.stats{display:flex;gap:10px}

.stats div{background:#031621d9;border:1px solid #1a607f;padding:14px 18px;min-width:180px}

.stats b,.stats span{display:block}

.stats span{text-transform:uppercase;font-size:10px}

.note{position:absolute;right:5%;top:120px;font:29px Kalam;color:#ffd16e;transform:rotate(-6deg)}

section{padding:115px 0}

.dark,.transparency{background:#020d16}

.reveal{opacity:0;transform:translateY(28px);transition:.75s}

.reveal.visible{opacity:1;transform:none}

h2{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 30px}

h2 em{font-style:normal;color:var(--blue)}

.chain{display:flex;align-items:stretch;margin-top:55px}

.chain article{flex:1;border:1px solid var(--line);padding:22px;background:#071d2b}

.chain article b{color:var(--blue);font-size:11px}

.chain h3{margin:25px 0 4px}

.chain p{color:var(--muted);margin:0}

.chain i{align-self:center;color:var(--gold);font-size:26px;padding:7px}

.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}

.heading>p{max-width:440px;color:var(--muted)}

figure{position:relative;margin:0;border:1px solid #247da4;padding:7px}

figure img{width:100%;height:min(58vw,620px);object-fit:cover;display:block}

figcaption{position:absolute;top:24px;left:24px;background:#031622e5;border:1px solid var(--blue);padding:8px 12px;font-size:10px;letter-spacing:.15em}

.numbers,.cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:18px}

.numbers div,.cards article{padding:25px;border-right:1px solid var(--line)}

.numbers b,.numbers span,.cards span,.cards b,.cards small{display:block}

.numbers b,.cards b{font-size:27px;color:var(--blue)}

.numbers span,.cards span,.cards small{font-size:11px;color:var(--muted);text-transform:uppercase}

.projection{background:#071c2a}

.projection img{width:100%;border:1px solid #4b6b79;display:block}

.caption{text-align:center;font-size:10px;letter-spacing:.16em;color:var(--muted)}

.cards{margin:45px 0}

.cards article.active{background:linear-gradient(145deg,#0c4058,#071e2e)}

.cards article.active b{color:var(--gold)}

.cards b{margin:13px 0}

.split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}

.allocation,.calculator{background:#071e2e;border:1px solid var(--line);padding:38px}

.allocation h3,.calculator h3{font-size:27px;margin-top:0}

.donut{width:180px;height:180px;float:left;margin:5px 38px 20px 0;border-radius:50%;background:conic-gradient(var(--blue) 0 60%,#4bd2ac 60% 80%,var(--gold) 80% 90%,#e27f52 90% 95%,#947ade 95%);display:grid;place-items:center;position:relative}

.donut:after{content:"";position:absolute;inset:31px;border-radius:50%;background:#071e2e}

.donut span{z-index:1;text-align:center;font-size:25px;font-weight:800}

.donut small{display:block;font-size:9px}

.allocation ul{list-style:none;padding:0}

.allocation li{padding:7px}

.allocation li b{display:inline-block;width:45px;color:var(--blue)}

label{font-size:12px;color:var(--muted)}

input{width:100%;padding:15px;margin-top:6px;background:#03131f;border:1px solid #2b607b;color:#fff;font-size:20px}

.quick{display:flex;gap:7px;margin:10px 0}

.amount-field{position:relative}

.amount-field input{padding-right:48px}

.amount-field span{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:18px;font-weight:800;pointer-events:none}

.quick button{flex:1;background:#0a2b3c;color:#fff;border:1px solid #275772;padding:8px}

.quick button:hover{color:var(--gold);border-color:var(--gold)}

.result{display:flex;justify-content:space-between;padding:22px 0;margin-top:18px;border-top:1px solid var(--line)}

.result b{font-size:24px;color:var(--blue)}

.wide{width:100%}

.calculator>small{display:block;color:#8094a0;margin-top:13px}
.calculator input[type=email]{margin-top:8px}
.calculator button.btn{border:0;cursor:pointer;font:inherit}
.calculator button.btn:disabled{opacity:.65;cursor:wait}
.checkout-error{min-height:20px;margin:10px 0 0;color:#ff9f92;font-size:13px}

.wheel{display:flex;align-items:center;margin:55px 0}

.wheel span{flex:1;padding:25px 10px;text-align:center;border:1px solid #28617e;text-transform:uppercase;font-weight:700}

.wheel i{padding:8px;color:var(--gold);font-size:23px}

blockquote{font:33px Kalam;color:var(--gold);text-align:center;margin:70px 0 0}

blockquote small{display:block;color:#fff;font:10px Inter;letter-spacing:.2em}

.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px}

.timeline div{padding:22px 12px;border-top:2px solid #28617e;position:relative}

.timeline div:before{content:"";position:absolute;width:11px;height:11px;top:-7px;border-radius:50%;background:var(--blue)}

.timeline b,.timeline span{display:block}

.timeline span{font-size:11px;color:var(--muted)}

.transparency .wrap{display:grid;grid-template-columns:1fr 1fr;gap:9%}

.transparency p{color:var(--muted)}

.dash{border:1px solid var(--line);padding:15px 32px}

.dash p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}

.dash b{color:var(--gold)}

.final{text-align:center;background:radial-gradient(circle at 50% 0,#0d4058,var(--bg) 58%)}

.final>div>p:not(.over){color:var(--muted);font-size:19px}

.final .btn{margin-top:20px}

footer{padding:35px 0;background:#01080d;border-top:1px solid #173345}

footer .wrap{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}

.mobile{display:none}

@media(max-width:820px){.links,nav>.btn{display:none}

.hero{min-height:770px}

.hero-copy{padding-top:125px}

.hero h1{font-size:20vw}

.note{display:none}

.stats{display:grid;grid-template-columns:1fr 1fr}

.actions{align-items:start;flex-direction:column}

.heading{display:block}

.chain{display:grid}

.chain i{transform:rotate(90deg);text-align:center}

.numbers,.cards{grid-template-columns:1fr 1fr}

.split,.transparency .wrap{grid-template-columns:1fr}

.wheel{display:grid}

.wheel i{transform:rotate(90deg);text-align:center}

.timeline{grid-template-columns:1fr}

.timeline div{border-top:0;border-left:2px solid #28617e;padding:10px 24px 30px}

.timeline div:before{left:-7px;top:12px}

.mobile{display:block;position:fixed;z-index:40;left:10px;right:10px;bottom:10px;background:var(--gold);color:#161107;text-align:center;padding:14px;border-radius:6px;text-decoration:none;text-transform:uppercase;font-weight:800}

footer{padding-bottom:85px}

footer .wrap{flex-direction:column;text-align:center;gap:8px}

}

@media(max-width:520px){.wrap{width:calc(100% - 28px)}

section{padding:82px 0}

.hero h2{font-size:18px}

.lead{font-size:16px}

.stats{grid-template-columns:1fr}

.stats div:last-child{display:none}

.numbers,.cards{grid-template-columns:1fr}

.numbers div,.cards article{border-right:0;border-bottom:1px solid var(--line)}

.allocation,.calculator{padding:24px}

.donut{float:none;margin:20px auto}

.projection img{min-height:360px;object-fit:cover}

.quick button{padding:7px 2px;font-size:10px}

}

.hero-art{height:min(100vh,1024px);min-height:650px;background:url('assets/header-cosmo-genesis.png') center top/cover no-repeat}
.hero-art+.dark{position:relative}
.hero-participate{position:absolute;left:3.2%;top:39.5%;width:18%;height:6.5%;z-index:3;border-radius:8px}
.scroll-cue{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.14em;background:#03111dc9;border:1px solid #1e5e7b;padding:11px 18px;border-radius:30px}
.scroll-cue b{color:var(--gold);margin-left:8px}
header{opacity:0;pointer-events:none}
header.scrolled{opacity:1;pointer-events:auto}
.terrain-story{height:260vh;padding:0;background:#020d16}
.morph-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;padding:88px 4vw 35px}
.morph-copy{position:absolute;z-index:5;left:6vw;top:92px;max-width:500px;text-shadow:0 3px 18px #000}
.morph-copy h2{margin:8px 0 12px}
.morph-copy p:last-child{color:#d1dbe0;max-width:430px}
.morph-frame{position:relative;width:min(1180px,92vw);height:min(67vh,680px);margin-top:130px;border:1px solid #357793;overflow:hidden;background:#061624;box-shadow:0 30px 80px #0009}
.morph-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.morph-frame .after{clip-path:inset(0 100% 0 0);will-change:clip-path}
.morph-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #00101caa;pointer-events:none}
.morph-label{position:absolute;z-index:3;bottom:27px;padding:10px 14px;background:#03131ee8;border:1px solid var(--blue);font-size:10px;letter-spacing:.14em}
.morph-label.left{left:25px}
.morph-label.right{right:25px;opacity:0;border-color:var(--gold)}
.progress{position:absolute;z-index:4;bottom:0;left:0;right:0;height:4px;background:#ffffff20}
.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--gold))}
.terrain-facts{padding-top:100px}

.why-section{padding:86px 0;background:linear-gradient(135deg,#020d16,#062033);border-top:1px solid #5d4829;border-bottom:1px solid #173f54}
.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.why-section h2{font-size:clamp(44px,5vw,68px);margin-bottom:0}
.why-section h2 em{color:var(--blue);font-style:normal}
.why-copy{padding-left:36px;border-left:1px solid var(--line)}
.why-copy>p{margin:0 0 18px;color:#cbd7dd;font-size:17px}
.why-copy strong{color:#fff}
.why-copy blockquote{margin:30px 0 0;text-align:left;font-size:29px;line-height:1.25}

.structure-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:42px;padding-bottom:0;background:var(--line)}
.structure-keys article{display:flex;gap:18px;min-height:150px;padding:25px;background:#061927}
.structure-keys span{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid var(--blue);border-radius:50%;color:var(--blue);font-size:12px;font-weight:800}
.structure-keys b{font-size:19px}
.structure-keys p{margin:8px 0 0;color:var(--muted);font-size:13px}

.csmo-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin:70px 0 28px}
.csmo-intro h3,.genesis-explainer h3,.benefits-block h3{margin:8px 0 0;font-size:clamp(27px,3.3vw,43px);line-height:1.05}
.csmo-intro>p{margin:0;color:var(--muted)}
.csmo-choices{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.csmo-choices article{min-height:205px;padding:28px;border-right:1px solid var(--line);background:#061927}
.csmo-choices article:last-child{border-right:0;background:linear-gradient(145deg,#0b3449,#071e2e)}
.csmo-choices span,.csmo-choices b{display:block}
.csmo-choices span{color:var(--gold);font-size:11px;letter-spacing:.14em}
.csmo-choices b{margin:34px 0 8px;font-size:21px}
.csmo-choices p{margin:0;color:var(--muted);font-size:13px}
.genesis-explainer{margin:22px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;padding:38px;border:1px solid var(--line);background:#041725}
.genesis-explainer>div>p:last-child{color:var(--muted)}
.genesis-flow{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;align-items:center}
.genesis-flow span{padding:18px 8px;border:1px solid #28617e;text-align:center;text-transform:uppercase;font-size:10px;font-weight:700}
.genesis-flow i{color:var(--gold);font-style:normal;text-align:center}
.revenue-highlight{display:grid;grid-template-columns:1fr 1.25fr;gap:35px;align-items:center;margin:22px 0 0;padding:36px;border:1px solid #b98b35;background:linear-gradient(120deg,#0a2a3d,#071b29 60%,#392b14)}
.revenue-highlight div{display:grid}
.revenue-highlight strong{color:var(--gold);font-size:clamp(62px,8vw,100px);line-height:.8}
.revenue-highlight span{margin-top:14px;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.revenue-highlight p{margin:0;font-size:20px}
.revenue-highlight small{grid-column:2;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.benefits-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin:22px 0 55px;padding:38px;border:1px solid var(--line);background:#061927}
.benefits-block ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;padding:0;list-style:none}
.benefits-block li{padding:12px 0 12px 24px;border-bottom:1px solid var(--line);color:#d2dee4;font-size:13px;position:relative}
.benefits-block li:before{content:"+";position:absolute;left:0;color:var(--gold);font-weight:800}

@media(max-width:820px){.hero-art{height:72vw;min-height:420px;background-size:cover}
.hero-participate{left:3%;top:39%;width:25%;height:7%}
.scroll-cue{bottom:14px}
.morph-sticky{padding:70px 14px 25px}
.morph-copy{left:22px;right:22px;top:78px}
.morph-copy h2{font-size:40px}
.morph-frame{width:100%;height:58vh;margin-top:150px}
.terrain-story{height:220vh}
.why-grid,.csmo-intro,.genesis-explainer,.benefits-block{grid-template-columns:1fr}
.why-copy{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}
.structure-keys{grid-template-columns:1fr}
.csmo-choices{grid-template-columns:1fr}
.csmo-choices article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}
.genesis-flow{grid-template-columns:1fr}
.genesis-flow i{transform:rotate(90deg);padding:5px}
.revenue-highlight{grid-template-columns:1fr}
.revenue-highlight small{grid-column:1}
}

@media(max-width:520px){.hero-art{height:67vw;min-height:310px}
.hero-participate,.scroll-cue{display:none}
.morph-copy{top:66px}
.morph-copy h2{font-size:34px}
.morph-copy p:last-child{font-size:14px}
.morph-frame{height:55vh;margin-top:155px}
.morph-label{left:10px!important;right:auto!important;bottom:12px;font-size:8px}
.terrain-story{height:200vh}
.why-section{padding:72px 0}
.why-copy>p{font-size:15px}
.why-copy blockquote{font-size:24px}
.structure-keys article{padding:21px}
.genesis-explainer,.revenue-highlight,.benefits-block{padding:24px}
.benefits-block ul{grid-template-columns:1fr}
}

.phase-section{padding:36px 0 70px;background:linear-gradient(180deg,#031421,#020e18);border-top:1px solid #5d4829;border-bottom:1px solid #5d4829;overflow:visible}
.phase-intro{display:grid;grid-template-columns:1.1fr 1.6fr .8fr;align-items:end;gap:30px;margin-bottom:30px}
.phase-intro h2{font-size:27px;letter-spacing:-.03em;margin:0;text-transform:uppercase}
.phase-intro p{margin:0;color:#d0dbe1}
.phase-intro>span{font:24px Kalam;color:var(--gold);text-align:right;transform:rotate(-3deg)}
.phase-grid{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:center;position:relative}
.phase-card{appearance:none;position:relative;height:230px;padding:0;border:1px solid #15506d;border-radius:7px;overflow:visible;background:#031521;color:#fff;text-align:left;cursor:pointer;font:inherit;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;z-index:1}
.phase-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;filter:saturate(.82) brightness(.72);transition:transform .45s ease,filter .3s ease}
.phase-card:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(0deg,#020d17f5 0,#020d1788 45%,transparent 75%)}
.phase-card:hover,.phase-card:focus-visible,.phase-card.open{transform:translateY(-9px);border-color:var(--gold);box-shadow:0 0 0 2px #f2bd4e33,0 18px 38px #000b,0 0 28px #f2bd4e33;z-index:8;outline:none}
.phase-card:hover img,.phase-card:focus-visible img,.phase-card.open img{transform:scale(1.055);filter:saturate(1.05) brightness(.8)}
.phase-card.current{border-color:var(--gold);box-shadow:0 0 20px #f2bd4e4a}
.phase-number{position:absolute;z-index:2;left:14px;bottom:61px;background:linear-gradient(160deg,#11aee9,#08658e);padding:4px 8px;border-radius:4px;font-size:20px;font-weight:700}
.phase-base{position:absolute;z-index:2;left:58px;right:12px;bottom:13px}
.phase-base b,.phase-base small{display:block}
.phase-base b{font-size:15px}
.phase-base small{font-size:11px;color:#d7e1e5;margin-top:4px;line-height:1.35}
.phase-pop{position:absolute;z-index:10;left:50%;bottom:calc(100% + 16px);width:min(310px,92vw);padding:20px;transform:translate(-50%,12px) scale(.96);opacity:0;visibility:hidden;background:#071d2cf7;border:1px solid var(--gold);border-radius:8px;box-shadow:0 18px 48px #000c;pointer-events:none;transition:opacity .24s ease,transform .24s ease,visibility .24s}
.phase-pop:after{content:"";position:absolute;top:100%;left:50%;width:13px;height:13px;background:#071d2c;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:translate(-50%,-7px) rotate(45deg)}
.phase-card:hover .phase-pop,.phase-card:focus-visible .phase-pop,.phase-card.open .phase-pop{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.phase-pop strong{display:block;color:var(--gold);font-size:15px}
.phase-pop p{font-size:12px;line-height:1.55;color:#d9e4e9;margin:8px 0 12px}
.phase-pop em{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.phase-arrow{font-style:normal;text-align:center;color:var(--gold);font-size:42px;filter:drop-shadow(0 0 8px #e9b44388);animation:phasePulse 1.8s ease-in-out infinite}
.phase-help{text-align:center;margin:22px 0 0;color:#78909c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@keyframes phasePulse{50%{transform:translateX(5px);opacity:.65}
}
@media(max-width:900px){.phase-intro{grid-template-columns:1fr}
.phase-intro>span{text-align:left}
.phase-grid{grid-template-columns:1fr 1fr;gap:16px}
.phase-arrow{display:none}
.phase-card{height:240px}
.phase-pop{bottom:20px;left:18px;right:18px;width:auto;transform:translateY(10px) scale(.97)}
.phase-pop:after{display:none}
.phase-card:hover .phase-pop,.phase-card:focus-visible .phase-pop,.phase-card.open .phase-pop{transform:none}
.phase-base{transition:opacity .2s}
.phase-card.open .phase-base{opacity:0}
}
@media(max-width:560px){.phase-section{padding-top:55px}
.phase-grid{grid-template-columns:1fr}
.phase-card{height:245px}
.phase-intro h2{font-size:24px}
.phase-help span{display:block;margin-top:5px}
}

@media(prefers-reduced-motion:reduce){.phase-card,.phase-card img,.phase-pop,.phase-arrow{animation:none;transition:none}
}

.hero-art{height:min(100vh,760px);min-height:550px;background-image:url('assets/header-cosmo-hero.png');background-position:center;background-size:cover}
.phase-card{height:auto;aspect-ratio:324/198}
.phase-card img{filter:saturate(.94) brightness(.93)}
.phase-card:after{background:linear-gradient(0deg,#020d172b,transparent 45%);pointer-events:none}
@media(max-width:820px){.hero-art{height:72vw;min-height:390px;background-size:cover}
}
@media(max-width:520px){.hero-art{height:67vw;min-height:300px}
}

.mobile-hero-layout,.mobile-nav-toggle{display:none}
@media(max-width:820px){header,header.scrolled{opacity:1;pointer-events:auto;background:#03111df2;backdrop-filter:blur(14px);border-bottom:1px solid #173d51}
nav{height:66px}
.logo i{width:38px;height:38px}
.mobile-nav-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #28617e;border-radius:6px;background:#061c2d;color:#fff;font-size:25px;line-height:1}
.links{display:flex;position:fixed;z-index:30;left:14px;right:14px;top:75px;padding:18px;flex-direction:column;gap:0;background:#041521f8;border:1px solid #28617e;border-radius:9px;box-shadow:0 20px 45px #000c;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s}
.links a{padding:13px 7px;border-bottom:1px solid #143a4e;font-size:13px}
.nav-open .links{opacity:1;visibility:visible;transform:none}
.hero-art{height:auto;min-height:0;padding:66px 0 0;background:none}
.hero-participate,.scroll-cue{display:none}
.mobile-hero-layout{display:block}
.mobile-scene{height:clamp(260px,68vw,430px);background:url('assets/header-cosmo-hero.png') 72% center/auto 100% no-repeat;box-shadow:inset 0 -45px 50px #03111d;border-bottom:1px solid #755b2c}
.mobile-hero-copy{padding:24px 20px 30px;background:linear-gradient(180deg,#03111d,#051a29)}
.mobile-hero-copy .over{color:#a9bac3}
.mobile-hero-copy h1{margin:7px 0 12px;font-size:clamp(47px,15vw,72px);line-height:.82;letter-spacing:-.06em;color:var(--blue)}
.mobile-hero-copy h1 span{color:#fff}
.mobile-hero-copy h2{margin:18px 0 7px;font-size:18px;letter-spacing:0;text-transform:uppercase}
.mobile-hero-copy>p:not(.over){margin:0;color:#d3dee3;font-size:14px}
.mobile-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.mobile-hero-stats span{display:grid;padding:10px 12px;background:#041b2a;border:1px solid #1b5671;border-radius:5px;font-size:9px;text-transform:uppercase}
.mobile-hero-stats b{font-size:14px;color:#fff}
.mobile-hero-copy .btn{width:100%}
.phase-section{padding-top:48px}
}
@media(max-width:430px){.mobile-scene{height:270px;background-position:70% center}
.mobile-hero-copy{padding-left:16px;padding-right:16px}
.mobile-hero-copy h1{font-size:52px}
}
@media(max-width:820px){.mobile-scene{background-image:url('assets/header-cosmo-mobile.png')}}
.activity-section{background:#061927;border-top:1px solid #173f54;border-bottom:1px solid #173f54}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.activity-grid article{min-height:185px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.activity-grid article:hover{background:#09263a;transform:translateY(-3px)}.activity-grid i,.activity-grid b,.activity-grid span{display:block}.activity-grid i{font-style:normal;font-size:11px;color:var(--gold);letter-spacing:.15em}.activity-grid b{font-size:20px;margin:34px 0 7px}.activity-grid span{color:var(--muted);font-size:13px}.activity-close{text-align:center;color:#d5dfe4;font:24px Kalam;margin:40px 0 0}.dated-roadmap{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.dated-roadmap article{position:relative;padding:30px 27px 25px 0;border-top:2px solid #285f7a}.dated-roadmap article:before{content:"";position:absolute;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px #13acec20}.dated-roadmap time,.dated-roadmap b,.dated-roadmap span{display:block}.dated-roadmap time{color:var(--gold);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.dated-roadmap b{font-size:18px;margin:23px 0 8px}.dated-roadmap span,.roadmap-note{color:var(--muted);font-size:13px}.roadmap-note{margin-top:25px}.team-section{background:linear-gradient(135deg,#020d16,#072238);border-top:1px solid #634d2d}.team-lead{max-width:760px;font-size:22px;color:#d5e0e5}.team-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin-top:50px;border:1px solid var(--line)}.team-grid article,.team-grid aside{padding:35px;border-right:1px solid var(--line)}.team-grid aside{border-right:0;background:#09263a}.team-grid span{color:var(--blue);font-size:10px;letter-spacing:.18em}.team-grid h3{font-size:30px;margin:18px 0 8px}.team-grid p{color:var(--muted);margin:0}.team-grid aside b{display:block;color:var(--gold);margin-bottom:18px}.team-section blockquote{max-width:850px;margin:55px auto 0}@media(max-width:820px){.activity-grid{grid-template-columns:1fr 1fr}.dated-roadmap{grid-template-columns:1fr}.dated-roadmap article{border-top:0;border-left:2px solid #285f7a;padding:15px 0 34px 25px}.dated-roadmap article:before{top:19px;left:-7px}.team-grid{grid-template-columns:1fr}.team-grid article,.team-grid aside{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:520px){.activity-grid{grid-template-columns:1fr}.activity-grid article{min-height:150px}.activity-grid b{margin-top:24px}.activity-close{font-size:20px}.team-lead{font-size:18px}}

/* Desktop hero: same clean image-first composition as mobile. */
@media(min-width:821px){
header,header.scrolled{opacity:1;pointer-events:auto;background:#03111df5;backdrop-filter:blur(14px);border-bottom:1px solid #173d51}
.hero-art{height:auto;min-height:0;padding-top:78px;background:none;overflow:visible}
.hero-participate,.scroll-cue{display:none}
.mobile-hero-layout{display:block}
.mobile-scene{height:clamp(430px,35.8vw,620px);background:url('assets/header-cosmo-clean.png') center/cover no-repeat;box-shadow:inset 0 -55px 60px #03111d;border-bottom:1px solid #755b2c}
.mobile-hero-copy{padding:56px max(5vw,calc((100vw - 1180px)/2));background:linear-gradient(180deg,#03111d,#051a29)}
.mobile-hero-copy .over{margin:0;color:#a9bac3;font-size:13px}
.mobile-hero-copy h1{margin:16px 0 24px;font-size:clamp(76px,8vw,124px);line-height:.82;letter-spacing:-.065em;color:var(--blue)}
.mobile-hero-copy h1 span{color:#fff}
.mobile-hero-copy h2{margin:0 0 10px;font-size:28px;text-transform:uppercase}
.mobile-hero-copy>p:not(.over){max-width:720px;margin:0;color:#d3dee3;font-size:18px}
.mobile-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(220px,320px));gap:12px;margin:28px 0 22px}
.mobile-hero-stats span{display:grid;padding:15px 18px;background:#041b2a;border:1px solid #1b5671;border-radius:6px;font-size:11px;text-transform:uppercase}
.mobile-hero-stats b{font-size:21px;color:#fff}
.mobile-hero-copy .btn{width:auto}
.phase-section{padding-top:78px}
}