:root{--g:#ffb21a;--g2:#ffd366;--o:#ff7a00;--bg:#04112e;--bg2:#071c4a;--card:#0a2560;--line:#1a4aa8;--tx:#eef4ff;--mut:#9fb6e6;--grn:#3dff7a;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 85% -10%,rgba(255,150,0,.18),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(30,110,255,.35),transparent 60%),linear-gradient(rgba(60,130,255,.08) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(60,130,255,.08) 1px,transparent 1px) 0 0/48px 48px}
img{max-width:100%;height:auto;display:block}
a{color:var(--g2)}
h1,h2,h3{font-weight:900;letter-spacing:-.02em;line-height:1.08}
h1 span,h2 span{background:linear-gradient(180deg,#ffe58a,#ff9a00);-webkit-background-clip:text;background-clip:text;color:transparent}
section{padding:4rem 1.25rem;max-width:1180px;margin:0 auto}
.tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--g);margin-bottom:.7rem}
.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--grn);box-shadow:0 0 10px var(--grn);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.sub{color:var(--mut);max-width:62ch;margin:.8rem 0 1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.35rem;border-radius:999px;border:1px solid var(--line);background:rgba(10,37,96,.8);color:var(--tx);font-weight:800;text-decoration:none;cursor:pointer;font-size:1rem;transition:.2s;font-family:inherit}
.btn:hover{border-color:var(--g);transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,var(--g2),var(--o));border-color:var(--g);color:#2a1300;box-shadow:0 6px 28px rgba(255,140,0,.4)}
.btn-sm{padding:.5rem 1rem;font-size:.9rem}
.btn.disabled,.btn:disabled{opacity:.45;pointer-events:none;cursor:not-allowed;filter:saturate(.6)}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:rgba(4,17,46,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--tx);text-decoration:none;font-weight:800;margin-right:auto}
.brand img{border-radius:10px;border:1px solid var(--g)}
.brand b{color:var(--g)}
.links{display:flex;gap:1.1rem}
.links a{color:var(--mut);text-decoration:none;font-weight:700;font-size:.95rem}
.links a:hover{color:var(--g2)}
.burger{display:none;background:none;border:0;padding:.4rem;cursor:pointer}
.burger span{display:block;width:24px;height:3px;background:var(--g);margin:5px 0;border-radius:2px}
.tape{overflow:hidden;background:#020a1f;border-bottom:1px solid var(--line);border-top:1px solid #0b2a6a;white-space:nowrap}
.tape-track{display:inline-flex;animation:tape 60s linear infinite;padding:.45rem 0}
.tape span{font:700 .85rem ui-monospace,Menlo,Consolas,monospace;padding:0 1.4rem;color:var(--mut)}
.tape .up{color:var(--grn)}.tape .dn{color:#ff6b6b}.tape .gd{color:var(--g)}
@keyframes tape{to{transform:translateX(-50%)}}
.hero{padding-top:2rem}
.hero-in{text-align:center}
.banner{width:100%;max-width:1100px;margin:0 auto 1.6rem;border-radius:20px;border:2px solid var(--g);box-shadow:0 0 0 4px rgba(255,178,26,.12),0 20px 70px rgba(30,110,255,.45)}
h1{font-size:clamp(1.9rem,5vw,3.4rem);margin:.4rem 0 1rem}
.lead{color:var(--mut);max-width:60ch;margin:0 auto 1.4rem;font-size:1.1rem}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.collage{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.4rem}
.collage img,.about-img img,.join img{border-radius:var(--r);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.45)}
.collage img:nth-child(1){transform:rotate(-2deg)}.collage img:nth-child(3){transform:rotate(2deg)}.collage img:nth-child(2){transform:translateY(-10px)}
.ca-strip{padding-top:0;padding-bottom:1rem}
.ca-box{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;background:var(--card);border:1px solid var(--g);border-radius:var(--r);padding:1rem 1.2rem}
.ca-meta{display:flex;flex-direction:column}
.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mut);font-weight:800}
.chain{font-weight:700;color:var(--g)}
.ca-box code{flex:1;min-width:0;overflow-wrap:anywhere;font:700 1rem ui-monospace,Menlo,Consolas,monospace;color:var(--g2)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin-top:.9rem}
.facts div{background:rgba(10,37,96,.55);border:1px solid var(--line);border-radius:12px;padding:.6rem .9rem}
.facts span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.facts b{overflow-wrap:anywhere}
.about{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center}
.about-text h2,.signal h2,.gallery h2,.menu h2,.buy h2,.join h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.about-text p{margin-top:1rem;color:#d4e2ff}
.sig-grid{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:1.6rem;align-items:start}
.gauge-card{background:linear-gradient(180deg,var(--card),#06174a);border:1px solid var(--g);border-radius:20px;padding:1.4rem;text-align:center;box-shadow:0 0 40px rgba(255,150,0,.15)}
.gauge{width:100%;max-width:340px;margin:0 auto}
#needle{transition:transform 1.4s cubic-bezier(.2,1.4,.4,1)}
.reading{font-weight:900;font-size:1.25rem;color:var(--g2);min-height:2.6em;margin-top:.3rem}
.sauce{color:var(--mut);margin-bottom:1rem;font-weight:700}
.fine{font-size:.78rem;color:var(--mut);margin-top:.9rem}
.steps{list-style:none;display:grid;gap:.9rem}
.steps li{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center;background:rgba(10,37,96,.55);border:1px solid var(--line);border-radius:14px;padding:.7rem}
.steps img{border-radius:10px;aspect-ratio:4/3;object-fit:cover}
.steps b{color:var(--g2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.6rem}
.card{background:none;border:0;padding:0;cursor:zoom-in;color:inherit;font:inherit;text-align:left}
.card figure{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s}
.card:hover figure{transform:translateY(-3px) rotate(-.4deg);border-color:var(--g)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card figcaption{padding:.6rem .9rem;font-weight:700;font-size:.92rem}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.menu-grid article{background:linear-gradient(180deg,var(--card),#06174a);border:1px dashed var(--g);border-radius:var(--r);padding:.8rem .8rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}
.menu-grid img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;width:100%}
.chip{align-self:flex-start;background:var(--g);color:#2a1300;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:.15rem .7rem}
.menu-grid p{color:var(--mut);font-size:.95rem}
.buy-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem}
.buy-steps li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;color:#d4e2ff}
.buy-steps b{display:block;color:var(--g2);margin-bottom:.3rem}
.join{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:center}
.join p{color:var(--mut);margin:.8rem 0 1.2rem}
.join .cta{justify-content:flex-start}
.foot{border-top:1px solid var(--line);background:#020a1f;padding:2rem 1.25rem;text-align:center}
.foot-brand{display:flex;justify-content:center;align-items:center;gap:.6rem;font-weight:800}
.foot-brand img{border-radius:8px}
.disclaimer{margin:.9rem auto 0;max-width:70ch;color:var(--g2);font-weight:700}
.small{color:var(--mut);font-size:.82rem;margin-top:.6rem}
.lightbox{position:fixed;inset:0;background:rgba(2,8,24,.92);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}
.lightbox[hidden]{display:none}
.lightbox img{max-height:80vh;max-width:96vw;border-radius:12px;border:2px solid var(--g)}
.lightbox p{margin-top:.8rem;font-weight:800;color:var(--g2)}
.lightbox button{position:absolute;top:.8rem;right:1rem;font-size:2.4rem;background:none;border:0;color:#fff;cursor:pointer}
.toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%,40px);background:var(--g);color:#2a1300;font-weight:800;padding:.6rem 1.2rem;border-radius:999px;opacity:0;transition:.25s;z-index:120;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:860px){
  .burger{display:block}
  .nav>.btn{display:none}
  .links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#04112e;border-bottom:1px solid var(--line)}
  .links.open{display:flex}
  .links a{padding:.9rem 1.25rem;border-top:1px solid var(--line)}
  .about,.sig-grid,.join{grid-template-columns:1fr}
  .join img{max-width:300px}
  .collage{grid-template-columns:1fr 1fr}.collage img:nth-child(3){display:none}
  section{padding:3rem 1rem}
  .brand span{font-size:.92rem}
}
@media (max-width:480px){.steps li{grid-template-columns:100px 1fr;font-size:.92rem}.collage{grid-template-columns:1fr}.collage img:nth-child(2){display:none}.cta .btn{flex:1 1 40%}}
@media (prefers-reduced-motion:reduce){.tape-track,.dot{animation:none}#needle{transition:none}html{scroll-behavior:auto}}