@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap');
:root { color-scheme: dark; --bg:#030506; --panel:#081014; --panel2:#0b1519; --text:#edf8f4; --muted:#8ea39d; --line:#183b37; --accent:#35ff95; --violet:#9a6cff; --cyan:#66d9ff; }
* { box-sizing:border-box; }
html { background:var(--bg); color:var(--text); font-family:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 20% 0,#103328 0,transparent 28rem),radial-gradient(circle at 82% 2%,#21163f 0,transparent 30rem),linear-gradient(180deg,#020405,#05090a 60%,#020405); }
main { width:min(72rem,calc(100% - 2rem)); margin-inline:auto; }
.hero { padding-block:clamp(5rem,12vw,10rem) 4rem; max-width:58rem; }
.eyebrow { letter-spacing:.14em; font-size:.78rem; font-weight:600; color:var(--accent); }
h1 { font-size:clamp(3rem,8vw,6.7rem); line-height:.94; letter-spacing:-.025em; margin:.55rem 0 1.5rem; }
h1 span { color:var(--violet); }
.lede { color:var(--muted); max-width:48rem; font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.65; }
.offer-card { margin-block:2.5rem 1rem; padding:1rem; border:1px solid var(--line); background:color-mix(in srgb,var(--panel) 88%,transparent); border-radius:3px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.offer-card div { display:flex; flex-direction:column; }
.offer-card strong { font-size:2rem; }
.offer-card span,.checkout-note { color:var(--muted); font-size:.9rem; }
.diy-lane a { color:var(--accent); font-weight:600; text-underline-offset:.18em; }
.cta { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.85rem 1.2rem; border-radius:2px; background:linear-gradient(90deg,#0a3a28,#172649); color:#effff8; border:1px solid #35ff9590; font-weight:700; text-decoration:none; }
.cta:hover { filter:brightness(1.08); box-shadow:0 0 24px #35ff9522; }
.cta:focus-visible { outline:3px solid white; outline-offset:4px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; padding-block:2rem 5rem; }
.grid article,.scope,.final { border:1px solid var(--line); background:linear-gradient(180deg,#0b1519f2,#071013f2); border-radius:3px; padding:clamp(1.3rem,3vw,2rem); }
h2 { margin-top:0; font-size:1.35rem; }
.grid p,.scope li,.scope p,.final p { color:var(--muted); line-height:1.65; }
.scope { margin-block-end:1rem; }
.scope ul { padding-inline-start:1.3rem; }
.boundary { border-top:1px solid var(--line); padding-top:1rem; }
.final { margin-block:1rem 5rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.final h2,.final p { margin-block:.25rem; }
.secondary { background:var(--violet); flex:none; }
footer { width:min(72rem,calc(100% - 2rem)); margin-inline:auto; color:#778290; border-top:1px solid var(--line); padding-block:1.5rem 3rem; font-size:.9rem; }
@media (max-width:760px) { .grid { grid-template-columns:1fr; } .offer-card,.final { align-items:stretch; flex-direction:column; } .cta { width:100%; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#35ff9508 1px,transparent 1px),linear-gradient(90deg,#9a6cff08 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 82%)}
.hero{position:relative}.hero:before{content:'GC // WEB3 // EVIDENCE';position:absolute;right:0;top:2.5rem;color:#6f817c;font-size:.68rem;letter-spacing:.16em}.grid article{box-shadow:inset 0 1px #ffffff08}.offer-card{box-shadow:0 18px 60px #0007,inset 0 1px #ffffff08}.boundary{color:#bed0ca}

#refresh-status{min-height:44px;padding:.75rem 1rem;border:1px solid #35ff9588;background:#091713;color:var(--text);font:700 .82rem/1 'Roboto Mono',monospace;letter-spacing:.04em;cursor:pointer}#refresh-status:hover{border-color:var(--green);box-shadow:0 0 22px #35ff9518}code{color:var(--green);background:#030708;border:1px solid #173d38;padding:.15rem .35rem}