:root{
  --bg:#02070d; --panel:#06101a; --panel2:#091521; --gold:#d4a150; --gold2:#f0c977;
  --text:#f4f1e9; --muted:#c6c3ba; --line:rgba(212,161,80,.45);
}
*{box-sizing:border-box}
html,body{margin:0;background:#01060b;color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{min-width:0;overflow-x:hidden}
a{color:inherit}
.site{width:100%;background:#01060b}
.header{height:74px;border-bottom:1px solid var(--line);background:#01060b}
.header-inner{height:100%;max-width:1500px;margin:auto;padding:0 clamp(10px,2vw,28px);display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.mark{width:31px;height:31px;border:1.5px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center;margin-right:10px}
.mark span{transform:rotate(-45deg);font-family:Georgia,serif;color:var(--gold);font-size:17px}
.brandword{line-height:.92}
.brandword b{display:block;font-size:15px;letter-spacing:.08em}
.brandword small{display:block;color:var(--gold);font-size:5px;letter-spacing:.38em;margin-top:3px}
.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(6px,1.1vw,16px);white-space:nowrap}
.nav a{font-size:clamp(7px,.72vw,10px);text-decoration:none;letter-spacing:.02em}
.nav a:last-child{color:var(--gold2)}
.nav a:hover{text-decoration:underline}

.page{max-width:1500px;margin:auto;padding:0 clamp(16px,2.4vw,36px) 30px}
.hero{position:relative;min-height:500px;border:1px solid var(--line);border-top:0;padding:clamp(34px,5vw,70px) clamp(22px,4.4vw,66px);overflow:hidden;background:
 radial-gradient(circle at 78% 34%,rgba(212,161,80,.13),transparent 16%),
 radial-gradient(circle at 83% 50%,rgba(70,110,150,.13),transparent 28%),
 linear-gradient(120deg,#06111d 0,#020810 55%,#07111a 100%)}
.kicker{color:var(--gold2);font-weight:700;font-size:clamp(16px,1.7vw,24px);letter-spacing:.02em;margin-bottom:20px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.97;font-size:clamp(42px,5vw,76px);margin:0 0 22px;max-width:720px}
.lead{font-size:clamp(17px,1.55vw,24px);line-height:1.5;max-width:690px;color:#eee}
.copy{font-size:clamp(14px,1.25vw,19px);line-height:1.62;max-width:690px;color:var(--muted)}
.goldbox{border:1px solid var(--line);background:linear-gradient(135deg,rgba(13,27,40,.86),rgba(4,11,18,.96));box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.section{margin-top:18px}
.section-title{color:var(--gold2);font-size:clamp(15px,1.35vw,20px);font-weight:700;margin:0 0 16px}
.cta{margin-top:18px;border:1px solid var(--line);min-height:58px;display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-weight:700;letter-spacing:.04em;color:#f3f0e7;background:#06101a}
.cta span:first-child{color:var(--gold2)}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(212,161,80,.25)}
.card{background:#07111a;padding:22px 16px;text-align:center;min-height:155px}
.icon{width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:var(--gold2);font-size:24px}
.card b{display:block;color:#f3eee3;font-size:14px;letter-spacing:.02em;margin-bottom:9px}
.card p{margin:0;color:#d5d0c6;font-size:12px;line-height:1.4}
.footer{border-top:1px solid var(--line);padding:36px clamp(16px,3vw,42px) 20px;background:#01060b}
.footer-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:42px}
.footer-brand strong{color:var(--gold2);font-size:18px;letter-spacing:.05em}
.footer-brand p{font-size:10px;color:#d8d4ca}
.footer-col b{display:block;color:var(--gold2);font-size:9px;margin-bottom:10px}
.footer-col a{display:block;text-decoration:none;color:#ddd;font-size:9px;line-height:1.9}
.copybar{max-width:1500px;margin:24px auto 0;color:#777;font-size:8px}

.skyline{position:absolute;right:-2%;bottom:0;width:52%;height:76%;opacity:.92;display:flex;align-items:end;gap:1.4%;padding:0 1%}
.tower{flex:1;background:linear-gradient(90deg,#07101a 0,#152738 50%,#06101a 100%);border:1px solid rgba(212,161,80,.2);position:relative;box-shadow:0 0 18px rgba(212,161,80,.08)}
.tower:before{content:"";position:absolute;left:50%;top:-60px;width:1px;height:60px;background:linear-gradient(transparent,var(--gold2));box-shadow:0 0 8px var(--gold2)}
.tower:after{content:"";position:absolute;inset:4%;background:repeating-linear-gradient(to bottom,rgba(240,201,119,.95) 0 1px,transparent 1px 10px);opacity:.34}
.glowline{position:absolute;right:25%;top:0;width:1px;height:42%;background:linear-gradient(transparent,var(--gold2));box-shadow:0 0 12px var(--gold2)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:18px;background:#06101a}
.stat{padding:21px 8px;text-align:center;border-right:1px solid rgba(212,161,80,.28)}
.stat:last-child{border-right:0}.stat strong{display:block;color:var(--gold2);font-size:clamp(26px,3vw,42px);font-weight:400}.stat span{font-size:10px;line-height:1.3}
.mission{margin-top:16px;padding:17px 25px;border:1px solid var(--line);background:linear-gradient(90deg,#7a4a10,#bd7d24,#70440d);text-align:center;font-size:13px}

.ecosystem{min-height:690px}
.eco-copy{max-width:430px;position:relative;z-index:3}
.network{position:absolute;right:3%;top:7%;width:62%;height:64%}
.node{position:absolute;border:2px solid var(--gold);border-radius:50%;width:122px;height:122px;display:grid;place-items:center;text-align:center;background:rgba(3,10,16,.93);box-shadow:0 0 18px rgba(212,161,80,.2);padding:8px}
.node b{font-size:17px}.node small{font-size:10px;color:#ddd;line-height:1.3}.node.center{left:44%;top:34%;width:140px;height:140px;font-family:Georgia,serif;font-size:52px;color:var(--gold2)}
.n1{left:43%;top:0}.n2{left:13%;top:32%}.n3{right:2%;top:31%}.n4{left:15%;bottom:0}.n5{left:48%;bottom:-7%}
.link{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform-origin:left center;opacity:.65}
.advantages{padding:22px;margin-top:18px;position:relative;overflow:hidden}.advantages ul{margin:0;padding:0;list-style:none;max-width:650px}.advantages li{padding:7px 0 7px 28px;position:relative;font-size:14px}.advantages li:before{content:"✓";position:absolute;left:0;color:var(--gold2)}
.globe{position:absolute;right:-7%;bottom:-18%;width:330px;aspect-ratio:1;border:2px solid rgba(212,161,80,.65);border-radius:50%;background:
 radial-gradient(circle at 35% 45%,transparent 0 18%,rgba(212,161,80,.22) 19% 20%,transparent 21%),
 repeating-radial-gradient(circle at center,transparent 0 22px,rgba(212,161,80,.14) 23px 24px);
 box-shadow:0 0 30px rgba(212,161,80,.12) inset}
.globe:after{content:"";position:absolute;inset:18%;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 16%,rgba(212,161,80,.5) 16% 25%,transparent 25% 42%,rgba(212,161,80,.4) 42% 58%,transparent 58% 100%);filter:blur(.5px)}

.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}
.flow .card{border:1px solid var(--line);position:relative}.flow .card:not(:last-child):after{content:"→";position:absolute;right:-15px;top:42px;color:var(--gold2);font-size:25px;z-index:2}
.streams{padding:20px}.stream-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stream{border:1px solid var(--line);padding:16px 10px;text-align:center;font-size:12px;min-height:66px;display:grid;place-items:center}
.edge{padding:22px;min-height:250px;position:relative}.edge ul{list-style:none;margin:0;padding:0}.edge li{padding:5px 0 5px 24px;font-size:14px}.edge li:before{content:"✓";color:var(--gold2);position:absolute;margin-left:-22px}
.bars{position:absolute;right:4%;bottom:18px;width:38%;height:170px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--gold)}
.bar{flex:1;background:linear-gradient(#f0c977,#8a5411);box-shadow:0 0 12px rgba(240,201,119,.28)}

.pillars-hero{min-height:830px}.pillar-list{position:relative;z-index:3;width:62%;display:grid;gap:10px;margin-top:22px}.pillar{display:grid;grid-template-columns:58px 1fr;gap:15px;padding:14px 18px;align-items:center}.pillar .icon{margin:0;width:48px;height:48px;font-size:19px}.pillar b{color:var(--gold2);font-size:15px}.pillar p{margin:4px 0 0;color:#ddd;font-size:12px;line-height:1.35}.promise{position:relative;z-index:3;margin-top:42px;padding:22px;max-width:430px}.promise p{font-size:14px;line-height:1.6}.pillar-city{position:absolute;right:0;top:0;width:44%;height:100%;display:flex;align-items:end;gap:7px;padding-right:3%}.pillar-city .tower{flex:1}.pillar-city .tower:nth-child(1){height:48%}.pillar-city .tower:nth-child(2){height:82%}.pillar-city .tower:nth-child(3){height:34%}.pillar-city .tower:nth-child(4){height:58%}.pillar-city .tower:nth-child(5){height:45%}

.invest-hero{min-height:700px}.invest-list{position:relative;z-index:3;width:66%;margin-top:16px;padding:10px 16px}.invest-item{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:11px 0}.check{width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:18px}.invest-item b{font-size:15px}.invest-item p{margin:3px 0 0;color:#ddd;font-size:12px;line-height:1.35}
.invest-globe{position:absolute;right:2%;top:3%;width:38%;max-width:420px;aspect-ratio:1;border:2px solid var(--gold);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 28px,rgba(212,161,80,.17) 29px 30px),radial-gradient(circle at 38% 50%,rgba(212,161,80,.45),transparent 38%);box-shadow:0 0 50px rgba(212,161,80,.14) inset}
.commit{padding:18px}.commit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.commit .card{min-height:120px}

.market-hero{min-height:350px}.market-skyline{height:70%;width:45%}
.tam{padding:24px;display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:center}.tam-big{font-size:54px;color:var(--gold2);font-weight:300;margin-bottom:12px}.donut{width:190px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#6c9fb5 0 28%,#3d7da1 28% 47%,#224e7f 47% 57%,#2f3f91 57% 78%,#b08333 78% 89%,#e5c779 89% 100%);position:relative}.donut:after{content:"";position:absolute;inset:30%;border-radius:50%;background:#06101a}
.legend{display:grid;gap:9px}.legend-row{display:grid;grid-template-columns:1fr 80px 50px;gap:10px;font-size:13px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.legend-row b:last-child{color:var(--gold2)}
.why{padding:20px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.why .card{min-height:130px}

@media(max-width:900px){
  .header{height:66px}.header-inner{gap:8px;padding:0 10px}.mark{width:25px;height:25px;margin-right:6px}.brandword b{font-size:11px}.brandword small{font-size:4px}
  .nav{gap:5px}.nav a{font-size:6.8px}
  .page{padding:0 12px 22px}
  .hero{padding:34px 24px;min-height:470px}
  h1{font-size:48px}
  .footer-grid{gap:22px}
  .node{width:95px;height:95px}.node.center{width:112px;height:112px;font-size:42px}
  .network{width:60%;height:58%}
  .pillars-hero{min-height:760px}
}
@media(max-width:520px){
  .header{height:62px}
  .header-inner{padding:0 7px;gap:3px}
  .mark{width:22px;height:22px;margin-right:5px}.mark span{font-size:12px}
  .brandword b{font-size:9.5px}.brandword small{display:none}
  .nav{gap:3px;min-width:0}.nav a{font-size:5.6px;letter-spacing:-.02em}
  .page{padding:0 8px 16px}
  .hero{padding:28px 18px;min-height:auto}
  .kicker{font-size:14px;margin-bottom:12px} h1{font-size:33px;line-height:1.03}.lead{font-size:14px}.copy{font-size:12px}
  .skyline{opacity:.6;width:55%;height:52%}
  .stats{grid-template-columns:repeat(4,1fr)}.stat{padding:14px 3px}.stat strong{font-size:23px}.stat span{font-size:7px}
  .grid5,.flow,.stream-grid,.why-grid{grid-template-columns:repeat(5,1fr);gap:1px}.card{padding:12px 4px;min-height:112px}.icon{width:34px;height:34px;font-size:15px}.card b{font-size:8px}.card p{font-size:7px}
  .mission{font-size:9px;padding:12px}.cta{min-height:43px;font-size:9px}
  .footer{padding:28px 18px 16px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr;gap:18px}.footer-grid>div:last-child{display:none}.footer-brand strong{font-size:15px}.footer-col a{font-size:8px}
  .ecosystem{min-height:650px}.eco-copy{max-width:54%}.network{width:58%;height:48%;right:0;top:7%}.node{width:70px;height:70px;padding:3px}.node b{font-size:10px}.node small{font-size:6px}.node.center{width:78px;height:78px;font-size:28px}.n1{left:40%}.n2{left:4%;top:33%}.n3{right:0;top:32%}.n4{left:5%;bottom:0}.n5{left:46%;bottom:-5%}
  .advantages{margin-top:180px}.advantages li{font-size:10px}.globe{width:180px}
  .flow .card:not(:last-child):after{display:none}
  .streams{padding:12px}.stream{font-size:7px;padding:8px 2px;min-height:52px}
  .edge{min-height:220px}.edge li{font-size:10px}.bars{width:43%;height:120px;gap:5px}
  .pillars-hero{min-height:720px}.pillar-list{width:67%;gap:6px}.pillar{grid-template-columns:38px 1fr;padding:8px}.pillar .icon{width:32px;height:32px}.pillar b{font-size:9px}.pillar p{font-size:7px}.promise{max-width:62%;margin-top:28px;padding:14px}.promise p{font-size:9px}.pillar-city{width:42%}
  .invest-hero{min-height:610px}.invest-list{width:68%;padding:8px}.invest-item{grid-template-columns:30px 1fr;gap:8px}.check{width:26px;height:26px;font-size:13px}.invest-item b{font-size:9px}.invest-item p{font-size:7px}.invest-globe{width:42%}.commit-grid{grid-template-columns:repeat(4,1fr)}
  .market-hero{min-height:280px}.market-skyline{width:52%;height:54%}.tam{grid-template-columns:130px 1fr;gap:12px;padding:16px}.tam-big{font-size:34px}.donut{width:115px}.legend-row{grid-template-columns:1fr 45px 30px;font-size:7px;gap:5px}
}

/* Decorative art comes from locked approved references. Full page remains HTML/CSS. */
.page02 .hero{background-image:linear-gradient(90deg,#06111d 0%,rgba(2,8,16,.98) 44%,rgba(2,8,16,.24) 72%,rgba(2,8,16,.02) 100%),url('/assets/approved-art/page02-decor.jpg');background-size:auto 100%;background-repeat:no-repeat;background-position:right top}
.page03 .advantages{background-image:linear-gradient(90deg,#07111a 0%,#07111a 56%,rgba(7,17,26,.12) 100%),url('/assets/approved-art/page03-decor.jpg');background-size:auto 100%;background-repeat:no-repeat;background-position:right bottom}
.page05 .pillars-hero{background-image:linear-gradient(90deg,#06111d 0%,rgba(2,8,16,.98) 53%,rgba(2,8,16,.12) 78%,rgba(2,8,16,.01) 100%),url('/assets/approved-art/page05-decor.jpg');background-size:auto 100%;background-repeat:no-repeat;background-position:right top}
.page06 .invest-hero{background-image:linear-gradient(90deg,#06111d 0%,#06111d 56%,rgba(6,17,29,.12) 82%,rgba(6,17,29,.01) 100%),url('/assets/approved-art/page06-decor.jpg');background-size:auto 48%;background-repeat:no-repeat;background-position:right top}
.page07 .market-hero{background-image:linear-gradient(90deg,#06111d 0%,rgba(2,8,16,.98) 57%,rgba(2,8,16,.10) 84%,rgba(2,8,16,.01) 100%),url('/assets/approved-art/page07-decor.jpg');background-size:auto 100%;background-repeat:no-repeat;background-position:right top}
@media(max-width:520px){
 .page02 .hero{background-position:right top;background-size:auto 52%}
 .page05 .pillars-hero{background-size:auto 100%}
 .page06 .invest-hero{background-size:auto 38%}
 .page07 .market-hero{background-size:auto 42%}
}