:root{
  --black:#030303;
  --ink:#090909;
  --panel:#101010;
  --silver:#d9d9d9;
  --steel:#9b9b9b;
  --dim:#666;
  --line:#292929;
  --white:#f2f2f2;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--silver);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:screen}
.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.075),rgba(255,255,255,.018) 35%,transparent 68%);opacity:0;transition:opacity .35s ease}
.topbar{position:fixed;top:0;left:0;right:0;height:84px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;z-index:40;background:linear-gradient(to bottom,rgba(3,3,3,.94),rgba(3,3,3,.68),transparent);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:.16em;font-size:14px}.brand small{font-size:10px;color:var(--dim);letter-spacing:.18em}.brand-mark{font-size:12px;color:#fff;filter:drop-shadow(0 0 8px #fff)}
.nav-actions,.cta-row{display:flex;gap:10px;align-items:center}
.ghost-btn,.solid-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #353535;font-size:11px;font-weight:750;letter-spacing:.14em;transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease}
.ghost-btn:hover,.solid-btn:hover{transform:translateY(-2px)}
.ghost-btn:hover{border-color:#8b8b8b;background:#111}.solid-btn{background:#dedede;color:#050505;border-color:#dedede}.solid-btn:hover{background:#fff;border-color:#fff}.large{min-height:54px;padding:0 24px}
.section-shell{width:min(var(--max),calc(100% - 48px));margin:0 auto;position:relative;z-index:1}
.hero{min-height:100svh;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;padding-top:86px;overflow:visible}
.hero:before{content:"";position:absolute;inset:12% -18% 0 35%;background:url('assets/blackcoin-bg.webp') center/cover no-repeat;opacity:.16;filter:grayscale(1);mask-image:radial-gradient(circle,black 0,transparent 68%);z-index:-2}
.hero-copy{padding-left:3vw;z-index:3}.eyebrow{font-size:11px;letter-spacing:.28em;color:#858585;margin:0 0 24px;text-transform:uppercase}.hero h1,.story h2,.token-head h2,.field h2,.final-cta h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;margin:0;color:#e7e7e7;letter-spacing:-.065em;line-height:.78;text-transform:uppercase}
.hero h1{font-size:clamp(78px,11vw,172px)}.hero h1 span{color:#767676;-webkit-text-stroke:1px #d0d0d0;text-shadow:0 0 28px rgba(255,255,255,.09)}
.hero-kicker{max-width:520px;margin:30px 0 34px;color:#909090;font-size:17px;line-height:1.7}
.hero-meta{display:flex;gap:24px;flex-wrap:wrap}.hero-meta span{font-size:10px;letter-spacing:.18em;color:#555}.hero-meta b{display:block;color:#bebebe;margin-top:8px;font-size:11px}
.coin-stage{height:min(78vh,780px);display:grid;place-items:center;position:relative;perspective:1200px}.coin-frame{width:min(700px,88%);aspect-ratio:1;margin:0;position:relative;border-radius:50%;overflow:hidden;filter:drop-shadow(0 35px 80px rgba(0,0,0,.92));transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s linear;will-change:transform}.coin-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.07) brightness(.9)}
.coin-frame:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -40px 80px rgba(0,0,0,.55)}.coin-glint{position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.02) 44%,rgba(255,255,255,.34) 50%,rgba(255,255,255,.03) 55%,transparent 64%);transform:translateX(-58%) rotate(8deg);animation:glint 7s cubic-bezier(.7,0,.2,1) infinite}
@keyframes glint{0%,70%{transform:translateX(-64%) rotate(8deg)}88%,100%{transform:translateX(62%) rotate(8deg)}}
.orbit{position:absolute;border:1px solid #252525;border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:88%;aspect-ratio:1}.orbit-b{width:72%;aspect-ratio:1;border-style:dashed;animation-duration:24s;animation-direction:reverse;opacity:.48}@keyframes spin{to{transform:rotate(360deg)}}
.sigil{position:absolute;color:#d7d7d7;text-shadow:0 0 16px #fff;animation:pulse 3.6s ease-in-out infinite}.s1{left:3%;top:23%;font-size:22px}.s2{right:3%;bottom:26%;font-size:28px;animation-delay:1.2s}@keyframes pulse{50%{opacity:.25;transform:scale(.72) rotate(25deg)}}
.scroll-mark{position:absolute;bottom:28px;left:3vw;display:flex;align-items:center;gap:12px;color:#666;font-size:9px;letter-spacing:.26em}.scroll-mark i{display:block;width:68px;height:1px;background:#333;position:relative;overflow:hidden}.scroll-mark i:after{content:"";position:absolute;inset:0;background:#bdbdbd;transform:translateX(-100%);animation:scan 2s ease-in-out infinite}@keyframes scan{50%,100%{transform:translateX(100%)}}
.section-number{font-size:10px;letter-spacing:.24em;color:#5c5c5c;padding-top:28px;border-top:1px solid #1d1d1d}
.story{padding:150px 0 120px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:78px}.story h2,.token-head h2,.field h2,.final-cta h2{font-size:clamp(54px,7vw,104px)}.story h2 em{font-style:normal;color:#686868}.story-body{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.8;color:#9a9a9a;max-width:650px}.story-body p{margin:0 0 24px}.story-body strong{color:#e0e0e0}.archive-strip{margin-top:110px;border-top:1px solid #222;border-bottom:1px solid #222;padding:22px 0;display:flex;justify-content:space-between;gap:20px;overflow:hidden}.archive-strip span{font-size:10px;letter-spacing:.24em;color:#666;white-space:nowrap}
.oath{padding:70px 0 150px}.oath-card{min-height:380px;border:1px solid #202020;background:radial-gradient(circle at 50% 10%,#1d1d1d 0,#0c0c0c 30%,#050505 72%);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.oath-card:before,.oath-card:after{content:"";position:absolute;border-radius:50%;border:1px solid #242424;width:460px;aspect-ratio:1}.oath-card:after{width:300px;border-style:dashed;animation:spin 28s linear infinite}.oath-symbol{position:absolute;top:36px;color:#555;font-size:20px}.oath-card p{position:relative;z-index:2;font-family:Georgia,serif;font-size:clamp(28px,4vw,54px);line-height:1.2;color:#707070}.oath-card strong{color:#d8d8d8;font-weight:400}
.tokenomics{padding:60px 0 150px}.token-head{padding:78px 0 66px;max-width:920px}.token-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1px;background:#222;border:1px solid #222}.token-card{background:#080808;padding:42px;min-height:270px;position:relative;overflow:hidden}.token-card.primary{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:541px;background:linear-gradient(145deg,#161616,#070707)}.token-card>span{position:absolute;top:28px;right:32px;font-family:Georgia,serif;font-size:42px;color:#555}.token-card.primary>span{font-size:clamp(80px,11vw,150px);color:#262626;top:20px;right:32px}.token-card h3{font-size:14px;letter-spacing:.18em;color:#c4c4c4;margin:0 0 18px}.token-card p{max-width:420px;color:#717171;line-height:1.6;margin:0 0 30px}.meter{height:2px;background:#242424}.meter i{display:block;width:0;height:100%;background:#bcbcbc;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.token-card.in-view .meter i{width:var(--w)}
.supply-ring{margin:90px auto 0;width:280px;aspect-ratio:1;position:relative;display:grid;place-items:center}.supply-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.supply-ring circle{fill:none;stroke-width:1.5}.ring-base{stroke:#1f1f1f}.ring-fill{stroke:#bcbcbc;stroke-dasharray:528;stroke-dashoffset:528;transition:stroke-dashoffset 1.8s ease}.supply-ring.in-view .ring-fill{stroke-dashoffset:0}.supply-ring div{text-align:center}.supply-ring b{display:block;font-size:68px;letter-spacing:-.06em}.supply-ring span{font-size:9px;letter-spacing:.22em;color:#666}
.field{min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid #1d1d1d}.field-copy{max-width:650px}.field-copy>p:last-child{max-width:530px;color:#777;line-height:1.75;font-size:16px}.field-visual{height:580px;display:grid;place-items:center;position:relative}.gravity-disc{position:absolute;border:1px solid #282828;border-radius:50%;animation:breath 7s ease-in-out infinite}.d1{width:480px;height:480px}.d2{width:340px;height:340px;animation-delay:1s;border-style:dashed}.d3{width:205px;height:205px;animation-delay:2s}.gravity-core{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#d7d7d7;color:#050505;font-size:28px;font-weight:900;box-shadow:0 0 65px rgba(255,255,255,.16)}@keyframes breath{50%{transform:scale(1.045);opacity:.35}}
.final-cta{padding:120px 0 150px;border-top:1px solid #1e1e1e}.final-inner{border:1px solid #252525;padding:76px;background:linear-gradient(140deg,#0d0d0d,#050505 55%,#0b0b0b);position:relative;overflow:hidden}.final-inner:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #222;border-radius:50%;right:-120px;top:-140px;box-shadow:0 0 0 35px #0b0b0b,0 0 0 36px #222,0 0 0 78px #090909,0 0 0 79px #1b1b1b}.final-inner>*{position:relative;z-index:2}.final-cta h2{margin-bottom:46px}.microcopy{margin:32px 0 0;color:#555;font-size:10px;line-height:1.6;max-width:680px;letter-spacing:.04em}
footer{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:30px 0 44px;border-top:1px solid #191919;display:flex;justify-content:space-between;color:#444;font-size:9px;letter-spacing:.18em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:none}
@media (max-width:900px){.topbar{height:76px;padding:0 20px}.brand small{display:none}.nav-actions .ghost-btn{display:none}.section-shell{width:min(100% - 32px,var(--max))}.hero{grid-template-columns:1fr;padding-top:118px}.hero-copy{padding:0 2vw}.coin-stage{height:auto;padding:40px 0 90px}.coin-frame{width:min(620px,96%)}.scroll-mark{display:none}.story-grid,.field{grid-template-columns:1fr}.story-grid{gap:40px}.field{padding:120px 0}.token-grid{grid-template-columns:1fr}.token-card.primary{grid-row:auto;min-height:360px}.field-visual{height:520px}.final-inner{padding:46px 28px}footer{gap:20px;flex-wrap:wrap}}
@media (max-width:560px){.hero h1{font-size:clamp(70px,24vw,120px)}.hero-kicker{font-size:15px}.hero-meta{gap:16px}.story,.tokenomics{padding-bottom:100px}.story-grid{padding-top:52px}.story-body{font-size:17px}.archive-strip{justify-content:flex-start;overflow:auto}.token-card{padding:32px 24px}.field-visual{height:420px}.d1{width:330px;height:330px}.d2{width:240px;height:240px}.d3{width:155px;height:155px}.final-inner{padding:42px 22px}.cta-row{align-items:stretch;flex-direction:column}.large{width:100%}footer{font-size:8px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.coin-frame{transform:none!important}}