/* ZOLT site v356 — professional dark design system.
   Built on the approved homepage preview (design of record):
   ground #0A0A0A, panels #101012, hairlines #232326, ink #FAFAFA,
   greys #A1A1AA / #71717A, gold #F5B301 as the only accent,
   green #34D399 for status dots only. Archivo grotesk for display
   and body, IBM Plex Mono for every label, price and number.
   Pills and rounded-12 cards. No gradients (progress fills are flat
   gold), no hard shadows, no rotation tricks.
   This sheet styles the v355 markup unchanged: every class name,
   ID hook and JS-injected class from production is covered.
   The site is dark-only; the theme toggle flips data-theme but
   both values resolve to this same dark system.
   Gate scores (preview system): P5 H5 E4 S5 R4 V5. */
:root{
  --bg:#0A0A0A;
  --panel:#101012;
  --panel2:#17171A;
  --line:#232326;
  --ink:#FAFAFA;
  --body:#A1A1AA;
  --grey2:#71717A;
  --gold:#F5B301;
  --gold-hi:#FFC21F;
  --gold-ink:#141310;
  --green:#34D399;
  --red:#F87171;
  /* legacy variable bridges (v355 markup + injected JS read these) */
  --paper:#0A0A0A;
  --paper-2:#101012;
  --white:#101012;
  --gold-soft:#FFC21F;
  --gold-text:#F5B301;
  --purple:#F5B301;
  --pink:#17171A;
  --loud:#F87171;
  --grey:#A1A1AA;
  --shadow:none;
  --shadow-sm:none;
  --border:1px solid #232326;
  --colors-bg:#0A0A0A;
  --colors-bg2:#17171A;
  --colors-ink:#FAFAFA;
  --colors-grey:#A1A1AA;
  --colors-gold:#F5B301;
  --colors-gold2:#FFC21F;
  --colors-gold-text:#F5B301;
  --colors-dust:#71717A;
  --colors-cream:#FAFAFA;
  --colors-faint:#71717A;
  --colors-tint:#17171A;
  --colors-btn-ink:#141310;
  --sizes-0:0;
  --spacing-0:0;
  --fonts-sans:"Archivo", system-ui, sans-serif;
  --fonts-display:"Archivo", system-ui, sans-serif;
  --fonts-mono:"IBM Plex Mono", ui-monospace, monospace;
}
*{box-sizing:border-box;}
[hidden]{display:none !important;}
html{scroll-behavior:smooth;}
html.i18n-pending body{visibility:hidden;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Archivo", system-ui, sans-serif;
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.sheetlock{overflow:hidden;}
::selection{background:var(--gold); color:#141310;}
.mono{font-family:"IBM Plex Mono", monospace;}
a{color:inherit;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
img{max-width:100%;}

/* ---------- HEADER / NAV ---------- */
header.site-head{
  position:sticky; top:0; z-index:60;
  background:rgba(10,10,10,.92);
  border-bottom:1px solid var(--line);
}
.head-in{max-width:1240px;margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:18px;width:100%;height:72px;}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none;}
.logo-bolt{display:inline-flex;width:30px;height:24px;flex:none;}
.logo-bolt svg{width:100%;height:100%;display:block;}
.logo-bolt svg path{fill:var(--gold);stroke:none;}
.logo-word{font-weight:800;font-size:21px;letter-spacing:-0.02em;color:var(--ink);}
.logo-word i{font-style:normal;color:var(--gold);}
.logo-div{width:1px;height:20px;background:var(--line);flex:none;}
.logo-ai{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:12px;letter-spacing:0.22em;color:var(--body);}
.nav-links{display:flex;gap:28px;align-items:center;margin-left:8px;}
.nav-links a{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;color:var(--body);padding:8px 0;}
.nav-links a:hover{color:var(--ink);}
.nav-links a.active{color:var(--gold);}
.head-actions{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto;}
.hide-sm{}
.icon-btn{
  width:40px; height:40px; flex:none; padding:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line); border-radius:50%;
  background:var(--panel); color:var(--ink); font:inherit; line-height:1;
}
.icon-btn:hover{border-color:var(--grey2);}
.icon-btn svg{width:17px; height:17px; display:block; flex:none;}
.icon-btn svg circle,.icon-btn svg path{stroke:var(--body);}
#themeBtn .ico-moon{display:none;}
[data-theme="dark"] #themeBtn .ico-sun{display:none;}
[data-theme="dark"] #themeBtn .ico-moon{display:block;}
.theme-wrap{position:relative; flex:none;}
.theme-panel{
  position:absolute; right:0; top:calc(100% + 10px); z-index:90;
  min-width:184px; padding:6px;
  background:var(--panel); border:1px solid var(--line); border-radius:12px;
}
.theme-panel[hidden]{display:none;}
.theme-opt{
  display:flex; align-items:center; gap:11px; width:100%;
  padding:10px 12px; border:none; background:transparent; cursor:pointer;
  color:var(--ink); font-family:"Archivo",sans-serif; font-size:14px; font-weight:500;
  border-radius:8px; text-align:left;
}
.theme-opt:hover{background:var(--panel2);}
.theme-opt .dot{margin-left:auto; width:7px; height:7px; border-radius:50%; background:var(--gold); opacity:0; flex:none;}
.theme-opt.active{font-weight:700;}
.theme-opt.active .dot{opacity:1;}
.theme-opt.fw_700{font-weight:700;}
.theme-opt .dot.op_1{opacity:1;}
.lang-wrap{position:relative; flex:none;}
.lang-btn{
  display:inline-flex; align-items:center; gap:6px; height:40px; padding:0 13px; cursor:pointer;
  border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--ink);
  font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.08em;
}
.lang-btn:hover{border-color:var(--grey2);}
.lang-btn svg{width:12px; height:12px; display:block; flex:none;}
.lang-panel{
  position:absolute; right:0; top:calc(100% + 10px); z-index:90;
  min-width:150px; padding:6px;
  background:var(--panel); border:1px solid var(--line); border-radius:12px;
}
.lang-panel[hidden]{display:none;}
.lang-opt{
  border:none; background:transparent; cursor:pointer; color:var(--ink);
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500;
  letter-spacing:.08em; text-transform:uppercase;
  padding:6px 10px; border-radius:999px;
}
.lang-panel .lang-opt{display:flex; align-items:center; gap:11px; width:100%; padding:10px 12px; border-radius:8px; font-size:12px; text-align:left;}
.lang-panel .lang-opt:hover{background:var(--panel2);}
.lang-panel .lang-opt .dot{margin-left:auto; width:7px; height:7px; border-radius:50%; background:var(--gold); opacity:0; flex:none;}
.lang-panel .lang-opt.active{background:transparent; color:var(--ink);}
.lang-panel .lang-opt.active .dot{opacity:1;}
.lang-switch{display:inline-flex; align-items:center; gap:2px; flex:none; border:1px solid var(--line); border-radius:999px; padding:3px; background:var(--panel);}
.lang-switch .lang-opt.active{background:var(--gold); color:#141310;}
.menu-btn{display:none;}
.menu-btn{
  width:40px; height:40px; flex:none; padding:0; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
  border:1px solid var(--line); border-radius:50%; background:var(--panel); color:var(--ink); font:inherit; line-height:1;
}
.menu-btn span{display:block; width:16px; height:2px; border-radius:2px; background:var(--ink);}
.menu-panel{
  position:absolute; left:12px; right:12px; top:calc(100% + 10px); z-index:90;
  background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:8px;
}
.menu-panel[hidden]{display:none;}
.menu-link{
  display:flex; align-items:center; min-height:48px; padding:10px 14px;
  font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:500;
  letter-spacing:.08em; text-transform:uppercase; text-decoration:none;
  color:var(--ink); border-radius:8px;
}
.menu-link:hover{background:var(--panel2);}
@media (max-width:900px){
  .head-in{padding:0 20px;}
  .nav-links{display:none;}
}
@media (max-width:760px){
  .menu-btn{display:inline-flex;}
  .head-actions .hide-sm{display:none !important;}
}
@media (min-width:761px){ .menu-panel{display:none !important;} }
@media (max-width:480px){
  .head-in{gap:10px; padding:0 12px;}
  .lang-opt{padding:5px 7px;}
}

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:15px; line-height:1.2;
  padding:12px 24px; border:1px solid var(--line); border-radius:999px;
  text-decoration:none; cursor:pointer; background:var(--panel); color:var(--ink);
  white-space:nowrap; transition:background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out;
}
.btn:hover{border-color:var(--grey2);}
.btn-gold{background:var(--gold); border-color:var(--gold); color:var(--gold-ink);}
.btn-gold:hover{background:var(--gold-hi); border-color:var(--gold-hi);}
.btn-ghost{background:transparent; color:var(--ink);}
.btn-ghost:hover{border-color:var(--grey2);}
.btn-nav{padding:9px 20px; font-size:14px;}
.btn-block{width:100%; text-align:center;}
.btn.big{height:54px; font-size:17px;}
.btn-big{font-size:17px; padding:15px 28px;}
.head-actions .btn{padding:9px 18px; font-size:13.5px;}
.link-btn{background:none;border:none;padding:0;font:inherit;font-weight:600;font-size:13.5px;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}

/* ---------- LAYOUT / SECTIONS ---------- */
.wrap{max-width:1240px;margin:0 auto;padding:0 48px;}
.wrap.narrow{max-width:760px;}
section{padding:84px 20px; max-width:1240px; margin:0 auto;}
.section{padding:84px 0 30px;}
.section.first{padding-top:56px;}
.sec-head{margin-bottom:34px;}
.sec-label{
  display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--gold);
}
.sec-label.light{color:var(--gold);}
.sec-title{font-weight:800;letter-spacing:-0.02em;font-size:clamp(34px,5vw,54px);line-height:1.05;color:var(--ink);margin-top:14px;}
.sec-title.sm{font-size:clamp(28px,3.8vw,40px);}
.sec-head h2{font-weight:800; letter-spacing:-0.02em; font-size:clamp(34px,5vw,54px); line-height:1.05; margin:14px 0 0;}
.sec-sub{color:var(--body);font-size:16.5px;line-height:1.6;max-width:640px;margin-top:12px;}
.sec-head p{font-size:17px; max-width:600px; margin:14px 0 0; font-weight:400; color:var(--body); line-height:1.6;}
.page-head{padding:64px 20px 8px; max-width:1240px; margin:0 auto;}
.page-head h1{font-weight:800; letter-spacing:-0.02em; font-size:clamp(36px,6vw,64px); line-height:1.02; margin:0;}
.page-head p{font-size:17px; max-width:600px; margin:14px 0 0; font-weight:400; color:var(--body); line-height:1.6;}
.page-sec{padding-top:34px;}
html.anim .rise{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);}
html.anim .rise.in{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){ html.anim .rise{opacity:1; transform:none; transition:none;} }
.spacer{height:20px;}
@media (max-width:640px){ .wrap{padding:0 20px;} section{padding:56px 16px;} .section{padding:56px 0 24px;} }

/* ---------- INDEX HERO (legacy Sunshine markup, dark system) ---------- */
.hero{position:relative; text-align:center; overflow:hidden; padding:96px 0 88px; display:block; min-height:0;}
.hero-inner{position:relative; z-index:2; width:100%; max-width:1120px; margin:0 auto; padding-left:20px; padding-right:20px;}
.sun-wrap,.sun,.cloud-layer,.cloud,.fly-buddy,.nav-buddy{display:none !important;}
.hero-tag{
  display:inline-flex; align-items:center; gap:8px; background:var(--panel); border:1px solid var(--line); border-radius:999px;
  padding:7px 16px; font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.14em; color:var(--body);
}
.hero-tag.sm{font-size:10.5px;}
.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;animation:pulseDot 1.8s ease-in-out infinite;}
.hero h1{font-weight:800; letter-spacing:-0.03em; line-height:1.0; margin:26px 0 0; font-size:clamp(44px,7.6vw,92px); text-transform:none; padding:0 16px;}
.hero-h{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.hero-line{font-weight:800;font-size:clamp(44px, 7.2vw, 92px);line-height:1.0;color:var(--ink);letter-spacing:-0.03em;}
.rotator-wrap{width:100%; overflow:visible; margin:0;}
.rotator{display:block; font-size:clamp(40px,8vw,92px); line-height:1.04; margin:6px 0; white-space:normal; color:var(--gold); font-weight:800; letter-spacing:-0.03em;}
.rotator span{display:none;}
.rotator span.on{display:inline-block; animation:wordIn .45s cubic-bezier(.22,1,.36,1);}
@keyframes wordIn{from{transform:translateY(30%); opacity:0;} to{transform:translateY(0); opacity:1;}}
.hero-counters{margin:28px auto 0; padding:0 16px; font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:clamp(13px,2.2vw,17px); letter-spacing:.12em; text-transform:uppercase; color:var(--ink);}
.hero-counters .sep{color:var(--gold); margin:0 10px;}
.hero-sub{color:var(--body);font-size:17px;line-height:1.6;max-width:560px;margin:20px auto 0;text-align:center;}
.hero-ctas{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:32px; padding:0 16px;}
.hero-ctas .btn{font-size:16px; padding:14px 28px;}
.stat-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:44px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.stat{padding:24px 26px; text-align:left;}
.stat + .stat{border-left:1px solid var(--line);}
.stat b{display:block; font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:clamp(28px,4vw,40px); line-height:1.1; color:var(--ink); font-variant-numeric:tabular-nums;}
.stat>span{display:block; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--grey2); margin-top:8px;}
@media (max-width:900px){ .stat-strip{grid-template-columns:repeat(2,1fr);} .stat:nth-child(3){border-left:none;} .stat{border-top:1px solid var(--line);} .stat:nth-child(-n+2){border-top:none;} }
@media (max-width:420px){ .stat-strip{grid-template-columns:1fr;} .stat{border-top:1px solid var(--line);} .stat + .stat{border-left:none;} .stat:first-child{border-top:none;} }

/* ---------- CODE BLOCK / QUICKSTART ---------- */
.codeblock{
  position:relative; background:var(--panel); color:var(--ink);
  border:1px solid var(--line); border-radius:12px; padding:20px;
  font-family:"IBM Plex Mono",monospace; font-size:13px; line-height:1.65;
  overflow-x:auto; max-width:880px; margin:34px auto 0; text-align:left;
  -webkit-overflow-scrolling:touch;
}
.codeblock pre{margin:0; white-space:pre; font-family:inherit; overflow-x:auto; max-width:100%; font-size:13.5px; line-height:1.7; text-align:left;}
.codeblock code{font-family:inherit;}
.codeblock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.13em;color:var(--grey2);text-transform:uppercase;}
.copy-btn{
  position:absolute; top:10px; right:10px;
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.08em;
  background:var(--panel2); color:var(--body); text-transform:uppercase;
  border:1px solid var(--line); border-radius:999px; padding:6px 13px; cursor:pointer;
}
.copy-btn:hover{color:var(--ink); border-color:var(--grey2);}
.copy-btn.ok{background:var(--gold); color:var(--gold-ink); border-color:var(--gold);}
.hero-inner .copy-btn{pointer-events:auto;}

/* ---------- BOARD (index + status div boards) ---------- */
.board{background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:12px; overflow:hidden;}
.board-head{display:flex; flex-wrap:wrap; gap:8px 18px; align-items:baseline; justify-content:space-between; padding:22px 26px 6px;}
.board-head .b-title{font-weight:800; letter-spacing:-0.01em; font-size:24px; color:var(--ink);}
.board-head .b-note{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--grey2);}
.board-live{display:inline-flex;align-items:center;gap:8px;font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11px;letter-spacing:.13em;color:var(--body);text-transform:uppercase;}
.board-note{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--grey2);text-transform:uppercase;}
.board-tools{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
div.board-cols, div.board-row{display:grid; grid-template-columns:1fr 120px 70px 70px 140px; gap:14px; align-items:center; padding-left:26px; padding-right:26px;}
.board-cols{
  font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.14em;
  text-transform:uppercase; color:var(--grey2);
  padding-top:16px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
.board-cols .r, .board-row .r{text-align:right;}
.board-cols span:last-child{text-align:right;}
div.board-row{padding-top:16px; padding-bottom:16px; border-bottom:1px solid var(--line);}
div.board-row:last-child{border-bottom:none;}
.board-row .m-name{font-weight:700; font-size:clamp(19px,3vw,26px); line-height:1.15; display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:var(--ink);}
.board-row .m-fam{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--grey2);}
.board-row .m-num{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:clamp(15px,2.4vw,20px); text-align:right; font-variant-numeric:tabular-nums;}
.board-row .m-num small{display:block; font-size:10px; letter-spacing:.12em; color:var(--grey2); font-weight:500; text-transform:uppercase;}
.board-row .m-in, .board-row .m-out{font-family:"IBM Plex Mono",monospace;font-weight:500;text-align:right;font-variant-numeric:tabular-nums;}
.board-row .m-sub{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--grey2);text-align:right;}
.sticker{
  display:inline-block; font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:10.5px;
  letter-spacing:.1em; text-transform:uppercase; padding:4px 11px; border:1px solid var(--gold); border-radius:999px;
  background:transparent; color:var(--gold); vertical-align:middle;
}
.sticker.pink,.sticker.gold,.sticker.on-light{background:transparent; color:var(--gold); border-color:var(--gold);}
.board-ticker{border-top:1px solid var(--line); background:var(--panel); overflow:hidden; white-space:nowrap; padding:11px 0; display:flex; align-items:center;}
.board-ticker .t-label{flex:none; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; background:var(--gold); color:var(--gold-ink); padding:5px 12px; margin:0 16px 0 14px; border-radius:999px; z-index:1; text-transform:uppercase;}
.board-ticker .t-window{overflow:hidden; flex:1;}
.board-ticker .t-track{display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--body); animation:scrollX 90s linear infinite;}
.board-ticker .t-track span{margin:0 12px;}
.board-ticker .t-track .star,.tick-star{color:var(--gold);}
@keyframes scrollX{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@keyframes scrollXR{from{transform:translateX(-50%);} to{transform:translateX(0);}}
.models-more{margin-top:26px; text-align:center; font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--body);}
.models-more b{color:var(--gold); font-weight:500;}
@media (max-width:560px){
  .board-cols,.board-row{grid-template-columns:1fr 62px 62px; padding-left:18px; padding-right:18px;}
  .board-row .m-fam,.board-row .m-sub{display:none;}
  .board-cols:not(.status-cols) span:nth-child(2),.board-cols:not(.status-cols) span:last-child{display:none;}
  .board-head{padding-left:18px; padding-right:18px;}
}

/* ---------- BOARD TABLE (models page) ---------- */
.board-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.board-table th{font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;text-align:left;padding:12px 16px;color:var(--grey2);}
.board-table th:nth-child(2){width:132px;}
.board-table th:nth-child(3){width:84px;}
.board-table th:nth-child(4){width:84px;}
.board-table th:nth-child(5){width:158px;}
.board-table th:nth-child(3), .board-table th:nth-child(4), .board-table th:nth-child(5){text-align:right;}
.board-table td{padding:13px 16px;border-top:1px solid var(--line);color:var(--ink);vertical-align:middle;}
.board-table tr.ghead td{background:var(--panel2);font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-top:1px solid var(--line);}
.board-table .gcount{opacity:.75;margin-left:6px;}
.board-table td.m-name{display:table-cell; font-family:"Archivo",sans-serif; font-size:15.5px; font-weight:600; text-transform:none; line-height:1.3;}
.board-table .m-fam{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey2);}
.board-table .m-in, .board-table .m-out{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:14.5px;font-variant-numeric:tabular-nums;}
.board-table td.m-in, .board-table td.m-out, .board-table td.m-sub{text-align:right;}
.board-table .m-sub{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--grey2);white-space:nowrap;}
.model-note,.modelNote{display:block;font-size:12px;font-weight:500;color:var(--body);margin-top:3px;line-height:1.45;white-space:normal;}
.board-foot{color:var(--body);font-size:13.5px;margin-top:14px;}
.mf-label{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;}
.mf{flex:1;max-width:420px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-size:14.5px;padding:0 14px;}
.mf::placeholder{color:var(--grey2);}
.mf:focus{outline:2px solid var(--gold); outline-offset:1px;}
@media (max-width:640px){ .board-table .m-sub{display:none;} .board-table th:last-child{display:none;} .board-table th:nth-child(2){width:0;} }

/* board group rows (legacy div boards) */
.board-group{display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:26px 26px 12px; border-top:1px solid var(--line); margin-top:6px;}
.board-group:first-of-type{border-top:none; margin-top:0;}
.board-group .g-name{font-weight:700; font-size:22px; letter-spacing:-0.01em; color:var(--ink);}
.board-group .g-count{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--grey2);}
.board-row.compact{padding-top:13px; padding-bottom:13px;}
.board-row.compact .m-name{font-size:clamp(17px,2.6vw,22px); font-weight:600;}
.board-row.compact .m-num{font-size:clamp(14px,2vw,17px);}
.board.compact .board-row{padding-top:12px; padding-bottom:12px;}
.board.compact .m-name{font-size:clamp(16px,2.6vw,21px);}
@media (max-width:560px){ .board-group{padding-left:18px; padding-right:18px;} }

/* ---------- PRICE WINDOW ---------- */
.price-window{background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:12px; padding:clamp(28px,4vw,48px);}
.pw-inner{max-width:1080px; margin:0 auto;}
.pw-label{display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:20px;}
.pw-title{font-weight:800; letter-spacing:-0.02em; font-size:clamp(30px, 4.4vw, 46px); color:var(--ink); margin:12px 0 22px; line-height:1.05;}
.pw-inner h2{font-weight:800; letter-spacing:-0.02em; line-height:1.0; margin:0; font-size:clamp(38px,6.4vw,72px);}
.pw-inner h2 .struck{color:var(--grey2); text-decoration:line-through; text-decoration-color:var(--red); text-decoration-thickness:.06em;}
.pw-model{margin-top:36px; border:1px solid var(--line); border-radius:12px; padding:26px; display:flex; flex-wrap:wrap; gap:24px 40px; align-items:center; justify-content:space-between; background:var(--bg);}
.pw-model .pm-name{font-weight:800; letter-spacing:-0.01em; font-size:clamp(26px,4vw,38px); line-height:1.05; color:var(--ink);}
.pw-model .pm-fam{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--grey2); margin-top:8px;}
.pw-compare{display:flex; flex-wrap:wrap; gap:24px 44px; align-items:flex-start;}
.pw-col .pw-cap{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--grey2); margin-bottom:8px; display:block;}
.pw-col .pw-val{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:clamp(20px,3.2vw,28px); line-height:1.15; display:block; font-variant-numeric:tabular-nums;}
.pw-col .pw-per{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--grey2);display:block;text-transform:uppercase;}
.pw-col.old .pw-val{text-decoration:line-through; text-decoration-color:var(--red); text-decoration-thickness:2px; color:var(--grey2);}
.pw-col.new .pw-val{color:var(--ink);}
.pw-pct{font-weight:800; letter-spacing:-0.02em; font-size:clamp(38px,6vw,60px); line-height:1; color:var(--gold); text-align:right;}
.pw-pct b{display:block; font-weight:800;}
.pw-pct span,.pw-pct small{display:block; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.14em; color:var(--body); opacity:1; margin-top:8px; text-transform:uppercase;}
.pw-switch{display:flex; flex-wrap:wrap; gap:10px; margin-top:30px;}
.pw-btn,.pw-opt{
  font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:13.5px; letter-spacing:.04em; cursor:pointer;
  background:transparent; color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:10px 20px;
}
.pw-btn .pw-btn-price{font-family:"IBM Plex Mono",monospace; font-size:12.5px; font-weight:500; opacity:.7; margin-left:6px;}
.pw-btn:hover,.pw-opt:hover{border-color:var(--grey2);}
.pw-btn.active,.pw-opt.active{background:var(--gold); color:var(--gold-ink); border-color:var(--gold);}
.pw-line{font-size:clamp(17px,2.4vw,21px); font-weight:500; margin:28px 0 0; max-width:640px; line-height:1.55; color:var(--ink);}
.pw-fine,.pw-note{font-family:"IBM Plex Mono",monospace; font-size:12px; line-height:1.6; color:var(--grey2); margin:16px 0 0; max-width:680px;}

/* ---------- DEMANDS WALL ---------- */
.demands-zone{padding:64px 0 70px; background:var(--bg); border-bottom:1px solid var(--line); overflow:hidden; max-width:none; width:100vw; margin-left:calc(50% - 50vw);}
.demands-head{max-width:1240px; margin:0 auto 30px; padding:0 48px;}
.wall{width:100%; overflow:hidden;}
.wall-track{display:flex;gap:12px;width:max-content;}
.wall-row{display:flex; gap:12px; width:max-content; padding:6px 0; animation:scrollX 55s linear infinite;}
.wall-row.rev{animation:scrollXR 62s linear infinite;}
.ask,.demand{
  flex:none; border:1px solid var(--line); border-radius:999px; padding:10px 18px;
  font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:13px; letter-spacing:.06em;
  background:var(--panel); white-space:nowrap; color:var(--body); text-transform:uppercase;
}
.ask.small{font-size:12px;}
.ask.gold,.ask.purple,.ask.pink,.ask.ink{background:var(--panel); color:var(--gold); border-color:var(--line);}
.tick-star{padding:0 10px;}
@media (max-width:640px){ .demands-head{padding:0 20px;} }

/* ---------- STEPS / FEATURES ---------- */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media (max-width:820px){ .steps{grid-template-columns:1fr;} }
.step{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:26px 24px;}
.step .num{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:13px; letter-spacing:.14em; color:var(--gold); display:block;}
.step h3{font-weight:700; font-size:21px; margin:12px 0 8px; letter-spacing:-0.01em;}
.step p{margin:0; font-size:15.5px; line-height:1.55; font-weight:400; color:var(--body);}
.features{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:1000px){ .features{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .features{grid-template-columns:1fr;} }
.flow .step{position:relative;}
.official-line{border-left:3px solid var(--gold); padding:12px 16px; background:var(--panel); font-size:14.5px; font-style:italic; line-height:1.6; font-weight:400; color:var(--body); border-radius:0 8px 8px 0;}

/* ---------- PERKS ---------- */
.perks{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
@media (max-width:700px){ .perks{grid-template-columns:1fr;} }
.perk{display:flex; gap:16px; align-items:flex-start; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:24px;}
.perk .tick{flex:none; width:40px; height:40px; border-radius:10px; border:1px solid var(--line); display:grid; place-items:center; background:var(--panel2); color:var(--gold);}
.perk h3{margin:2px 0 6px; font-size:19px; font-weight:700;}
.perk p{margin:0; font-size:15.5px; line-height:1.55; font-weight:400; color:var(--body);}

/* ---------- FAQ ---------- */
.faq-list{display:flex; flex-direction:column; gap:12px; max-width:820px;}
.faq{background:var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden;}
.faq button.faq-q,.faq-q{
  width:100%; text-align:left; background:none; border:none; cursor:pointer; color:var(--ink);
  font-family:"Archivo",sans-serif; font-weight:600; font-size:17px; padding:18px 20px;
  display:flex; justify-content:space-between; align-items:center; gap:14px;
}
.faq .plus{font-size:24px; color:var(--gold); transition:transform .25s ease; flex:none;}
.faq.open .plus{transform:rotate(45deg);}
.faq-x{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:transparent; border:1px solid var(--line); color:var(--gold); font-size:22px; line-height:1; transition:transform .25s ease; flex:none;}
.faq-q[aria-expanded="true"] .faq-x{transform:rotate(45deg);}
.faq .answer{max-height:none; overflow:visible;}
.faq .answer[hidden]{display:none;}
.faq .answer p{margin:0; padding:0 20px 20px; font-size:15.5px; line-height:1.6; font-weight:400; color:var(--body);}

/* ---------- GIANT CLOSER + FOOTER ---------- */
.giant-zone{position:relative;padding:90px 0 110px;overflow:hidden;text-align:center;max-width:none; width:100vw; margin-left:calc(50% - 50vw);}
.giant-zone .giant{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font-weight:800;font-size:clamp(140px,24vw,320px);line-height:.85;color:rgba(245,179,1,.10);background:none;border:none;padding:0;z-index:1;pointer-events:none;white-space:nowrap;letter-spacing:-0.02em;}
.giant-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 20px;}
.giant-title{font-weight:800; letter-spacing:-0.02em; font-size:clamp(32px,4.6vw,50px); color:var(--ink); line-height:1.05;}
.giant{background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; padding:80px 20px 70px; position:relative; overflow:hidden;}
.giant h2{font-weight:800; letter-spacing:-0.02em; line-height:1.0; margin:0; font-size:clamp(52px,11vw,130px); color:var(--ink);}
.giant p{font-size:19px; font-weight:400; color:var(--body); margin:22px auto 30px; max-width:520px; line-height:1.55;}
.giant .buddy{display:none;}
footer{padding:34px 22px 44px; max-width:1240px; margin:0 auto; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center;}
footer .f-brand{font-weight:800; font-size:20px;}
footer .f-links{display:flex; gap:22px; font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:.1em; flex-wrap:wrap;}
footer .f-links a{text-decoration:none; color:var(--body);}
footer .f-note{width:100%; font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--grey2);}
.site-foot{background:#070707; color:var(--ink); border-top:1px solid var(--line); padding:56px 22px 30px; max-width:none; margin:0; display:block;}
.foot-in{max-width:1240px;margin:0 auto;padding:0 26px;}
.foot-grid{max-width:1240px; margin:0 auto; padding:0 26px; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:34px;}
@media (max-width:900px){ .foot-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .foot-grid{grid-template-columns:1fr;} .foot-in,.foot-grid{padding:0 4px;} }
.site-foot .f-brand{font-weight:800; font-size:22px; color:var(--ink);}
.foot-blurb{font-size:15px; line-height:1.6; font-weight:400; color:var(--body); max-width:340px; margin:12px 0 0;}
.foot-title{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin:4px 0 14px;}
.foot-link{display:block; color:var(--body); text-decoration:none; font-size:14.5px; font-weight:400; padding:4px 0;}
.foot-link:hover{color:var(--gold);}
.foot-bottom{
  max-width:1240px; margin:38px auto 0; padding:18px 26px 0;
  border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:10px 18px;
  justify-content:space-between; align-items:center;
  font-size:13px; font-weight:400; color:var(--grey2);
}
.foot-tag{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--gold);}
.site-foot .logo-word, .site-foot .logo-ai{color:var(--ink);}
.site-foot .logo-bolt svg path{fill:var(--gold);stroke:none;}

/* ---------- PACKS + PASSES (pricing) ---------- */
.packs{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch;}
@media (max-width:1000px){ .packs{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .packs{grid-template-columns:1fr;} }
.pack{position:relative; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:26px 22px 24px; display:flex; flex-direction:column;}
.pack.hot{border-color:var(--gold);}
.pack .credits{font-weight:800; letter-spacing:-0.02em; font-size:clamp(30px,3.2vw,42px); line-height:1; white-space:nowrap; color:var(--ink);}
.pack .credits small{font-size:12px; font-family:"IBM Plex Mono",monospace; font-weight:500; letter-spacing:.1em; color:var(--grey2); text-transform:uppercase;}
.pack .price{font-weight:800; letter-spacing:-0.01em; font-size:32px; margin:12px 0 4px; color:var(--ink);}
.pack .per{font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.04em; color:var(--grey2);}
.pack .btn{margin-top:auto; text-align:center;}
.pack .spacer{height:20px;}
.pack-feats{list-style:none;margin:14px 0 4px;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--body);}
.pack-feats li::before{content:"\2713  ";font-weight:700;color:var(--green);}
.pack-tag{position:absolute;top:-13px;right:16px;background:var(--gold);color:var(--gold-ink);font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
.pack-tag.static{position:static;display:inline-block;margin-left:10px;vertical-align:middle;}
.pass-card .pack-tag.static,.pack .pack-tag.static{align-self:flex-start;}
.packs-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 18px;flex-wrap:wrap;}
.cur-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel);padding:3px;gap:2px;}
.cur-toggle button{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:12px;letter-spacing:.06em;background:none;border:none;padding:7px 16px;cursor:pointer;color:var(--body);border-radius:999px;}
.cur-toggle button.on{background:var(--gold);color:var(--gold-ink);}
.passes{margin-top:22px; background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:12px; padding:24px 26px; display:flex; flex-wrap:wrap; gap:12px 30px; align-items:center;}
.passes .p-title{font-weight:800; letter-spacing:-0.01em; font-size:22px;}
.passes .p-item{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:14px; letter-spacing:.03em; color:var(--body);}
.passes .p-item b{color:var(--gold); font-weight:500;}
.pass-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;}
@media (max-width:760px){ .pass-grid{grid-template-columns:1fr;} }
.pass-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:9px;}
.pass-card .price{font-weight:800; letter-spacing:-0.01em; font-size:36px;color:var(--ink);}
.pass-card p{color:var(--body);font-size:14.5px;line-height:1.6;flex:1;margin:0;}
.pass-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.calc-wrap{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow-x:auto;margin-top:20px;-webkit-overflow-scrolling:touch;}
.c-read{font-size:16px;margin:12px 0;color:var(--body);line-height:1.6;}
.lensscale{display:flex;justify-content:space-between;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--grey2);margin-top:6px;text-transform:uppercase;}
.lensscale span.on{color:var(--gold);}
#cLens input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:2px 0 0;padding:0;}
#cLens input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);}
#cLens input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--gold);border:none;}
#cLens input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);}
#cLens input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:none;}
.topup-box{border:1px dashed var(--line);border-radius:12px;padding:16px;margin:14px 0;background:var(--panel);}
.topup-head{font-weight:600;font-size:14.5px;margin-bottom:10px;}
.topup-confirm{margin-top:10px;font-size:14px;}
.sheet-subtitle{font-weight:800;letter-spacing:-0.01em;font-size:23px;color:var(--ink);margin:8px 0 6px;}
.crypto-only-note{font-weight:600;font-size:13.5px;letter-spacing:.01em;color:var(--gold-ink);background:var(--gold);border:1px solid var(--gold);border-radius:10px;padding:10px 13px;margin:10px 0 4px;line-height:1.5;}
.crypto-steps{margin:14px 0 4px 18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--body);line-height:1.55;}

/* ---------- PANELS / FIELDS / SUMS ---------- */
.panel{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:28px 26px;}
.panel .p-label{display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:18px;}
.field{display:flex; gap:12px; flex-wrap:wrap;}
.field input{
  flex:1 1 200px; font-family:"IBM Plex Mono",monospace; font-size:16px; font-weight:500; color:var(--ink);
  background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:13px 16px; min-width:0;
}
.field input::placeholder{color:var(--grey2);}
.field input:focus{outline:2px solid var(--gold); outline-offset:1px;}
.fld{margin-bottom:14px;}
.fld-label{display:block; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; margin-bottom:7px; color:var(--body);}
.fld-input{
  width:100%; height:48px; min-width:0;
  font-family:"IBM Plex Mono",monospace; font-size:16px; font-weight:500; color:var(--ink);
  background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:0 14px;
}
.fld-input::placeholder{color:var(--grey2);}
.fld-input:focus{outline:2px solid var(--gold); outline-offset:1px;}
.field-row{display:flex; gap:10px; flex-wrap:wrap; align-items:stretch;}
.field-row .fld-input{flex:1 1 200px; width:auto;}
.field-row input{
  flex:1 1 200px; min-width:0; height:48px;
  font-family:"IBM Plex Mono",monospace; font-size:16px; font-weight:500; color:var(--ink);
  background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:0 14px;
}
.field-row input::placeholder{color:var(--grey2);}
.field-row input:focus{outline:2px solid var(--gold); outline-offset:1px;}
.sum-row{display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:11px 0; border-bottom:1px solid var(--line); font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:14.5px;}
.sum-row .s-cap{letter-spacing:.1em; text-transform:uppercase; font-size:11.5px; color:var(--grey2);}
.sum-total{border-bottom:none; padding-top:16px;}
.sum-total .s-val{font-weight:800; font-family:"Archivo",sans-serif; letter-spacing:-0.01em; font-size:30px; color:var(--ink);}
.plain-note{font-size:15.5px; line-height:1.6; font-weight:400; margin:14px 0 0; color:var(--body);}
.stat-line{font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:500; line-height:1.5; color:var(--body); min-height:20px; margin-top:10px;}
.choice-list{display:flex; flex-direction:column; gap:10px;}
.choice{
  display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;
  text-align:left; cursor:pointer;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:15.5px; color:var(--ink);
  background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:13px 16px;
}
.choice:hover{border-color:var(--grey2);}
.choice.active{background:var(--panel2); border-color:var(--gold);}
.seg-note{font-size:13.5px; line-height:1.5; font-weight:400; text-align:center; color:var(--body); margin-top:12px;}

/* ---------- CALCULATOR ---------- */
.calc-chips{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:18px;}
.chip{
  font-family:"IBM Plex Mono",monospace; font-size:12.5px; font-weight:500; letter-spacing:.04em;
  padding:8px 15px; border:1px solid var(--line); border-radius:999px;
  background:var(--panel); color:var(--ink); cursor:pointer;
}
.chip:hover{border-color:var(--grey2);}
.chip.active{background:var(--gold); color:var(--gold-ink); border-color:var(--gold);}
.calc-table{width:100%; border-collapse:collapse;}
.calc-table th{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--grey2); text-align:left; padding:14px 16px 10px;}
.calc-table th:nth-child(2), .calc-table th:nth-child(3){text-align:right;}
#calcBody td{border-top:1px solid var(--line); padding:12px 16px;}
.calc-row{display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:11px 0; border-bottom:1px solid var(--line);}
.calc-row:last-child{border-bottom:none;}
.calc-model{font-weight:600; font-size:15.5px; min-width:0;}
.calc-rate{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:13.5px; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums;}
.calc-tokens{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:13.5px; color:var(--body); white-space:nowrap; font-variant-numeric:tabular-nums;}

/* ---------- SIGN-IN / KEY CHECK ---------- */
.key-panel{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:34px 30px;}
@media (max-width:560px){ .key-panel{padding:26px 20px;} }
.key-board{background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:14px 22px 8px; margin-top:20px;}
.kb-row{display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:10px 0; border-bottom:1px solid var(--line);}
.kb-row:last-child{border-bottom:none;}
.kb-label{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--grey2); flex:none;}
.kb-value{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:14.5px; text-align:right; word-break:break-all; font-variant-numeric:tabular-nums;}
.kb-value.big{font-weight:800; font-family:"Archivo",sans-serif; letter-spacing:-0.01em; font-size:32px;}
.kb-actions{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:16px;}
.k-pct{font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.1em; color:var(--grey2); margin-top:7px; text-transform:uppercase;}
.k-status{
  display:inline-flex; align-items:center; gap:9px;
  font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase;
  border:1px solid var(--line); border-radius:999px; padding:6px 14px;
  background:var(--panel); color:var(--ink);
}
.k-dot{width:9px; height:9px; border-radius:50%; background:var(--grey2); flex:none;}
.k-status.ok .k-dot{background:var(--green); animation:pulseDot 1.6s ease-in-out infinite;}
.k-bar{height:10px; border:1px solid var(--line); border-radius:999px; background:var(--panel2); overflow:hidden; margin-top:14px;}
.k-bar i, #kPctBar{display:block; height:100%; background:var(--gold); width:0; transition:width .8s ease;}
.base-chip{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  font-family:"IBM Plex Mono",monospace; font-size:13.5px; font-weight:500;
  border:1px dashed var(--line); border-radius:12px; padding:12px 14px;
  background:var(--panel); word-break:break-all; margin-top:16px;
}
.base-chip button{
  flex:none; font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase;
  background:var(--gold); color:var(--gold-ink); border:1px solid var(--gold); border-radius:999px;
  padding:6px 13px; cursor:pointer;
}
.key-error{margin-top:22px;border:1px solid rgba(248,113,113,.45);border-radius:12px;background:rgba(248,113,113,.08);padding:16px 18px;font-size:15px;font-weight:500;line-height:1.55;color:var(--ink);}
#keyHint:empty{display:none;}

/* ---------- STATUS ---------- */
.status-note{color:var(--body);font-size:14.5px;line-height:1.6;margin:20px 0 8px;max-width:720px;}
.fam-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:1000px){ .fam-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .fam-grid{grid-template-columns:1fr;} }
.fam-card{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:22px;}
.fam-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.fam-card .fam-name{font-weight:800; letter-spacing:-0.01em; font-size:23px; line-height:1.1;}
.fam-card .fam-count{display:block; font-family:"IBM Plex Mono",monospace; font-size:11.5px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--grey2); margin-top:7px;}
.status-pill{display:inline-flex; align-items:center; gap:7px; font-family:"IBM Plex Mono",monospace; font-size:10.5px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; background:transparent; color:var(--green); border:1px solid var(--line); border-radius:999px; padding:4px 11px; margin-top:12px;}
.cells{display:flex; flex-wrap:wrap; gap:4px; margin-top:12px;}
.cell{width:14px; height:14px; border:1px solid var(--line); border-radius:4px; background:var(--green);}
.cell.amber{background:var(--gold);}
.cell.bad{background:var(--red);}
div.board-cols.status-cols, div.board-row.status-row{grid-template-columns:1fr 110px 76px 76px;}
div.board-row.status-row{display:grid; align-items:center;}
.board-row.status-row .m-in,.board-row.status-row .m-out{text-align:right;}
@media (max-width:560px){
  div.board-cols.status-cols,div.board-row.status-row{grid-template-columns:1fr 76px 76px;}
  .board-cols.status-cols .fam, .board-cols.status-cols .prov,
  .board-row.status-row .m-fam, .board-row.status-row .prov{display:none;}
}
.status-dot{flex:none; width:12px; height:12px; border-radius:50%; background:var(--green);}

/* ---------- LEGAL / PROSE ---------- */
.prose{max-width:780px;}
.prose h3{font-weight:700; font-size:20px; margin:30px 0 0; color:var(--ink);}
.prose h3:first-child{margin-top:4px;}
.prose p{font-size:16px; line-height:1.7; font-weight:400; margin:9px 0 0; color:var(--body);}
.prose a{font-weight:600; color:var(--gold); text-decoration:underline; text-underline-offset:3px;}
.legal-sec{margin-top:30px;}
.legal-sec h2{font-weight:700; font-size:22px; color:var(--ink); display:flex; gap:12px; align-items:baseline; letter-spacing:-0.01em;}
.legal-num{font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; color:var(--gold);}
.legal-sec p{color:var(--body); font-size:15.5px; line-height:1.65; margin-top:8px;}
.legal-sec a{color:var(--gold);}

/* ---------- SKY STRIP (inner hero variant) ---------- */
.sky-strip{position:relative; overflow:hidden; border-bottom:1px solid var(--line); padding:56px 20px 52px; text-align:center;}
.sky-strip .sun-mini{display:none;}
.sky-strip-inner{position:relative; z-index:2;}
.sky-strip h1{font-weight:800; letter-spacing:-0.02em; font-size:clamp(38px,6.4vw,66px); line-height:1.02; margin:16px 0 0;}
.sky-strip p{font-size:17.5px; font-weight:400; margin:14px auto 0; max-width:520px; color:var(--body); line-height:1.6;}

/* ---------- TOAST ---------- */
.toast{
  position:fixed; left:50%; bottom:26px; transform:translate(-50%, 140%); z-index:200;
  background:var(--panel2); color:var(--ink); border:1px solid var(--gold); border-radius:12px;
  font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:13.5px; letter-spacing:.02em;
  padding:14px 22px; max-width:min(92vw, 520px); text-align:center;
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.toast.show{transform:translate(-50%, 0);}

/* ---------- ANNOUNCEMENT MODAL (non-index pages) ---------- */
.ann-wrap{position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center; padding:18px;}
.ann-wrap[hidden]{display:none;}
.ann-back{position:absolute; inset:0; background:rgba(0,0,0,.65); border:none; cursor:pointer; padding:0;}
.ann-card{
  position:relative; width:min(470px,100%);
  background:var(--panel); border:1px solid var(--line); border-radius:16px;
  padding:30px 28px 26px; text-align:center; color:var(--ink);
  animation:pop .35s cubic-bezier(.22,1,.36,1);
}
.ann-x{
  position:absolute; top:12px; right:12px; width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid var(--line); background:var(--panel2);
  color:var(--ink); font-size:14px; font-weight:600; line-height:1; cursor:pointer;
}
.ann-pill{display:inline-block; font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:11px; letter-spacing:.14em; text-transform:uppercase; background:transparent; color:var(--gold); border:1px solid var(--gold); padding:6px 14px; border-radius:999px;}
.ann-title{font-weight:800; letter-spacing:-0.01em; font-size:28px; line-height:1.15; margin:16px 0 0;}
.ann-body{white-space:pre-line; font-size:16px; line-height:1.55; font-weight:400; color:var(--body); margin:12px 0 0;}
.ann-cta{
  display:flex; align-items:center; justify-content:center; width:100%;
  margin-top:20px; min-height:52px; padding:12px 20px;
  border:1px solid var(--gold); border-radius:999px;
  background:var(--gold); color:var(--gold-ink);
  font-family:"Archivo",sans-serif; font-weight:600; font-size:16px; text-decoration:none; cursor:pointer;
}
.ann-cta:hover{background:var(--gold-hi);}
.ann-got{display:block; margin:12px auto 0; padding:6px 10px; background:none; border:none; cursor:pointer; font-family:"Archivo",sans-serif; font-weight:500; font-size:14.5px; color:var(--body); text-decoration:underline; text-underline-offset:3px;}

/* ---------- SHEET + MODAL ---------- */
.sheet-wrap{position:fixed; inset:0; z-index:350; display:flex; align-items:flex-end; justify-content:center;}
.sheet-wrap[hidden]{display:none;}
@media (min-width:761px){ .sheet-wrap{align-items:center; padding:18px;} }
.sheet-back{position:absolute; inset:0; background:rgba(0,0,0,.65); border:none; cursor:pointer; padding:0;}
.sheet{
  position:relative; width:min(560px,100%);
  background:var(--panel); border:1px solid var(--line);
  border-radius:16px 16px 0 0;
  max-height:92dvh; overflow-y:auto; padding:24px 24px 28px; color:var(--ink);
  animation:sheetup .38s cubic-bezier(.22,1,.36,1);
}
@media (min-width:761px){ .sheet{border-radius:16px;} }
.sheet-head{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px;}
.sheet-head h3, .sheet-title{font-weight:800; letter-spacing:-0.01em; font-size:25px; line-height:1.1; margin:0;}
.sheet-x{
  flex:none; width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid var(--line); background:var(--panel2);
  color:var(--ink); font-size:15px; font-weight:600; line-height:1; cursor:pointer;
}
.sheet-tabs{display:flex; gap:10px; margin-bottom:18px;}
.sheet-tab{
  flex:1; font-family:"Archivo",sans-serif; font-weight:600; font-size:15px; cursor:pointer;
  background:var(--panel2); color:var(--ink);
  border:1px solid var(--line); border-radius:999px; padding:11px 14px;
}
.sheet-tab.active, .sheet-tab.on{background:var(--gold); color:var(--gold-ink); border-color:var(--gold);}
.sheet-pane{min-width:0;}
.modal-wrap{position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:18px;}
.modal-wrap[hidden]{display:none;}
.modal-back{position:absolute; inset:0; background:rgba(0,0,0,.65); border:none; cursor:pointer; padding:0;}
.modal-card{
  position:relative; width:min(430px,100%);
  background:var(--panel); border:1px solid var(--line); border-radius:16px;
  padding:28px 26px; text-align:center; color:var(--ink);
  animation:pop .35s cubic-bezier(.22,1,.36,1);
}
.modal-title{text-align:center;font-weight:800;letter-spacing:-0.01em;font-size:24px;line-height:1.2;color:var(--ink);margin:4px 0 10px;}
.qr-frame{background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; text-align:center; max-width:300px; margin:0 auto;}
.qr-frame img{width:100%; height:auto; display:block; margin:0 auto;}

/* ---------- PAY PAGE ---------- */
.pay-wrap{max-width:1240px; margin:0 auto; padding:44px 20px 84px;}
.pay-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
@media (max-width:880px){ .pay-grid{grid-template-columns:1fr;} }
.pay-shell{max-width:1060px; margin:0 auto; padding:26px 20px 70px;}
.pay-section{padding-top:44px;}
.pay-head-row{display:flex; flex-wrap:wrap; gap:14px 30px; align-items:flex-end; justify-content:space-between; margin-bottom:24px;}
.pay-head-row h1, #payH1{font-weight:800; letter-spacing:-0.02em; line-height:1.02; font-size:clamp(36px,5.4vw,56px); margin:10px 0 0;}
.pay-h1{font-weight:800; letter-spacing:-0.02em; font-size:clamp(34px, 5vw, 56px); line-height:1.04; color:var(--ink); margin-top:10px;}
.pay-h1 .hl{color:var(--gold);}
.pay-head-row .pay-sub, #paySub{max-width:330px; font-size:15.5px; font-weight:400; line-height:1.6; color:var(--body); margin:0;}
#payBody{display:contents;}
#payBody>div:first-child{overflow:hidden;}
#payBody>div:first-child>div{display:flex;width:max-content;}
#payBody>div:first-child>div>span{flex:none;white-space:nowrap;}
#payGrid{display:grid; grid-template-columns:minmax(0,1fr) 392px; gap:24px; align-items:start;}
@media (max-width:920px){ #payGrid{grid-template-columns:1fr;} }
.paywrap.solo #payGrid, #payWrap.solo #payGrid, .pay-shell.solo #payGrid{grid-template-columns:minmax(0,1fr);}
.paywrap.solo #claimCard, #payWrap.solo #claimCard, .pay-shell.solo #claimCard{justify-self:center; width:100%; max-width:560px;}
.pay-panel{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:22px; min-width:0;}
.pay-panel.gold-head{padding:0; overflow:hidden;}
.pay-panel.gold-head .gold-strip{height:3px; background:var(--gold);}
.pay-panel.gold-head .panel-body{padding:22px;}
.pay-buddy{display:none;}
.pay-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 0;text-align:center;color:var(--body);font-size:13.5px;}
.pay-foot{max-width:1240px;margin:26px auto 0;padding:14px 24px;display:flex;justify-content:space-between;gap:16px;color:var(--grey2);font-size:12.5px;border-top:1px solid var(--line);flex-wrap:wrap;}
#payBelow{grid-column:1 / -1;min-width:0;}
.pay-note{font-size:13.5px; line-height:1.55; font-weight:400; color:var(--body); text-align:center; margin-top:14px;}
.pack-pick{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px;}
.pick-btn{
  font-family:"Archivo",sans-serif; font-weight:600; font-size:15px; cursor:pointer;
  background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:9px 18px;
}
.pick-btn:hover{border-color:var(--grey2);}
.pick-btn.active{background:var(--gold); color:var(--gold-ink); border-color:var(--gold);}
.qr-tile{background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; text-align:center;}
.qr-tile img{width:min(280px,72vw); height:auto; display:block; margin:0 auto;}
.qr-tile .qr-name{font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin-top:10px; color:#17130A;}
.qr-box{background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px; text-align:center;}
.qr-box img{max-width:100%; height:auto; display:block; margin:0 auto;}
.pay-exact{font-weight:800; letter-spacing:-0.01em; text-align:center; font-size:clamp(24px,3.6vw,32px); margin:22px 0 4px; line-height:1.15;}
.pay-exact .amt{color:var(--gold);}
.count-row{display:flex; justify-content:space-between; align-items:baseline; font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin-top:20px; color:var(--body);}
.count-bar{height:10px; border:1px solid var(--line); border-radius:999px; background:var(--panel2); overflow:hidden; margin-top:8px;}
.count-fill{height:100%; width:100%; background:var(--gold); transform-origin:left; animation:countDown 300s linear forwards;}
@keyframes countDown{from{transform:scaleX(1);} to{transform:scaleX(0);}}
.timer-row{display:flex; align-items:center; gap:12px;}
.timer-track{flex:1; min-width:0; height:12px; overflow:hidden; border:1px solid var(--line); border-radius:999px; background:var(--panel2);}
#payBarFill{display:block; height:100%; position:relative; overflow:hidden; background:var(--gold); transition:width 1s linear;}
#payBarFill span{position:absolute; inset:0; background:repeating-linear-gradient(-45deg, rgba(20,19,16,.14) 0 14px, transparent 14px 28px); animation:stripes 1.1s linear infinite;}
.timer-pill{
  flex:none; white-space:nowrap;
  font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.08em;
  background:var(--panel2); color:var(--ink);
  padding:7px 15px; border-radius:999px; border:1px solid var(--line);
}
@media (max-width:560px){ .pay-shell{padding:20px 14px 56px;} .timer-row{flex-wrap:wrap;} }

/* claim + coupon + find (pay / pricing) */
.claim-panel{margin-top:26px;}
.claim-panel label[for="claimEmail"]{margin-top:22px;}
.claim-card{
  background:var(--panel); border:1px solid var(--line); border-radius:12px;
  padding:28px 26px; display:flex; flex-wrap:wrap; gap:16px 28px; align-items:center; justify-content:space-between;
}
.claim-card h3{font-weight:800; letter-spacing:-0.01em; font-size:clamp(24px,3.6vw,32px); margin:0; line-height:1.1;}
.claim-card p{margin:8px 0 0; font-size:15.5px; font-weight:400; max-width:520px; line-height:1.55; color:var(--body);}
.claim-head-wrap{text-align:center;margin:2px 0 6px;}
.claim-head{
  display:block; width:fit-content; margin:0 auto 16px; text-align:center;
  background:transparent; color:var(--gold);
  font-family:"IBM Plex Mono",monospace; font-weight:500; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  padding:0;
}
.claimkey{display:none;}
.claimkey.show{display:flex;}
.key-box{
  font-family:"IBM Plex Mono",monospace; font-size:15px; font-weight:500; letter-spacing:.03em;
  text-align:center; word-break:break-all; user-select:all;
  background:rgba(245,179,1,.08); border:1px dashed var(--gold);
  border-radius:12px; padding:13px 12px; color:var(--ink);
}
.hint-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.hint{font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.03em; border:1px solid var(--line); border-radius:999px; padding:6px 13px; background:var(--panel); color:var(--body);}
.concept-line{margin-top:20px; padding-top:16px; border-top:1px solid var(--line); font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--grey2); line-height:1.6;}
.coupon-box{border:1px dashed var(--line); border-radius:12px; padding:16px; background:var(--panel);}
.coupon-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:0;font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;text-align:left;}
.coupon-head i{width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);flex:none;}
.coupon-body{margin-top:10px;}
.coupon-applied{font-size:13.5px;font-weight:600;color:var(--gold);margin-top:10px;}
.find-box{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:4px 14px;margin-top:10px;text-align:left;}
.find-row{display:flex;gap:12px;padding:8px 0;font-size:13px;color:var(--body);line-height:1.5;}
.find-row + .find-row{border-top:1px solid var(--line);}
.find-app{font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);flex:none;width:96px;padding-top:3px;}
.find-row b{color:var(--ink);font-weight:600;}
.support-row{display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:12px;padding:9px 12px;margin-top:12px;font-size:13px;font-weight:500;color:var(--body);text-align:center;text-decoration:none;}
.support-row:hover{color:var(--ink);border-color:var(--grey2);}
.verify-box{text-align:center; padding:26px 10px;}
.verify-title{text-align:center;font-weight:800;letter-spacing:-0.01em;font-size:24px;color:var(--ink);margin:4px 0 10px;}
.verify-bolt{position:relative; display:inline-block; width:72px; height:72px;}
.verify-bolt span{position:absolute; inset:0; display:grid; place-items:center;}
.verify-bolt span:nth-child(1), .verify-bolt .b1{animation:boltsplit1 1.3s ease-in-out infinite;}
.verify-bolt span:nth-child(2), .verify-bolt .b2{animation:boltsplit2 1.3s ease-in-out infinite;}
.verify-bolt span:nth-child(3), .verify-bolt .b3{animation:boltsplit3 1.3s ease-in-out infinite;}
.verify-bolt svg .ring{animation:ringdraw 1s ease forwards;}
.verify-bolt svg .check{animation:checkdraw .6s ease forwards;}

/* ---------- CRYPTO PAGE ---------- */
.crypto-prod{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--grey2);margin:0 0 6px;}
.crypto-amount{font-size:18px;margin:0 0 8px;}
.crypto-amount b{font-size:22px;}
.crypto-qr{margin:14px 0 4px;text-align:center;}
.crypto-qr img,.crypto-qr svg{border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px;max-width:60vw;height:auto;box-sizing:content-box;}
.crypto-addr-row{display:flex;gap:10px;align-items:stretch;margin-top:6px;}
.crypto-addr{flex:1;min-width:0;font-family:"IBM Plex Mono",monospace;font-size:13.5px;font-weight:500;word-break:break-all;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 12px;line-height:1.45;color:var(--ink);}
.crypto-copy{flex:none;align-self:center;}
.crypto-status{display:flex;align-items:center;gap:10px;font-weight:600;margin:16px 0 6px;}
#crBarFill{display:block;height:100%;position:relative;overflow:hidden;background:var(--gold);transition:width 1s linear;font-style:normal;}
#crBarFill span{position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(20,19,16,.14) 0 14px,transparent 14px 28px);}
.crypto-state h2{margin-top:0;}
@media (max-width:560px){ .crypto-addr-row{flex-direction:column;} .crypto-copy{align-self:stretch;} }

/* ---------- CHECKOUT RETURN ---------- */
.return-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);}
.return-card{max-width:520px;width:100%;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:52px 40px 44px;}
.return-mark{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px;}
.return-mark .logo-bolt{width:52px;height:41px;}
.return-word{font-weight:800;font-size:24px;letter-spacing:.3em;color:var(--ink);}
.return-h{font-weight:800;letter-spacing:-0.01em;font-size:30px;color:var(--ink);margin-bottom:14px;line-height:1.15;}
.return-h .gold{color:var(--gold);}
.return-p{font-size:16px;line-height:1.6;color:var(--body);}
.return-p b{color:var(--ink);}
.return-btns{margin-top:28px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.return-small{margin-top:24px;font-size:13px;color:var(--grey2);line-height:1.55;}
.return-small a{color:var(--ink);font-weight:600;}

/* ---------- KEYFRAMES ---------- */
@keyframes ping{75%,100%{transform:scale(2); opacity:0;}}
@keyframes pulse{50%{opacity:.5;}}
@keyframes bounce{0%,100%{transform:translateY(-25%); animation-timing-function:cubic-bezier(0.8,0,1,1);} 50%{transform:none; animation-timing-function:cubic-bezier(0,0,0.2,1);}}
@keyframes bolt{0%{transform:scale(1) rotate(0);} 25%{transform:scale(1.13) rotate(-3deg);} 55%{transform:scale(1.05) rotate(2deg);} 100%{transform:scale(1) rotate(0);}}
@keyframes marquee{to{transform:translateX(-50%);}}
@keyframes spinSlow{from{transform:rotate(0deg);} to{transform:rotate(360deg);}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes bob{from{transform:translateY(0);} to{transform:translateY(-5px);}}
@keyframes bobL{from{transform:translateY(0);} to{transform:translateY(-5px);}}
@keyframes bobR{from{transform:translateY(0);} to{transform:translateY(-5px);}}
@keyframes pop{0%{opacity:0; transform:scale(.96) translateY(10px);} 100%{opacity:1; transform:scale(1) translateY(0);}}
@keyframes popL{0%{opacity:0; transform:translateY(16px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes popR{0%{opacity:0; transform:translateY(16px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes stripes{from{background-position:0 0;} to{background-position:39.6px 0;}}
@keyframes rock{0%{transform:rotate(-3deg) translateY(0);} 50%{transform:rotate(3deg) translateY(-4px);} 100%{transform:rotate(-3deg) translateY(0);}}
@keyframes wiggle{0%{transform:rotate(-3deg);} 30%{transform:rotate(2deg) scale(1.05);} 60%{transform:rotate(-4deg);} 100%{transform:rotate(-3deg);}}
@keyframes boltsplit1{0%,100%{transform:translate(0,0);} 35%{transform:translate(-7px,-8px);} 70%{transform:translate(-2px,-3px);}}
@keyframes boltsplit2{0%,100%{transform:translate(0,0);} 35%{transform:translate(0,-11px);} 70%{transform:translate(0,-4px);}}
@keyframes boltsplit3{0%,100%{transform:translate(0,0);} 35%{transform:translate(7px,9px);} 70%{transform:translate(2px,3px);}}
@keyframes boltpulse{0%,100%{opacity:1;} 50%{opacity:.55;}}
@keyframes ringdraw{from{stroke-dashoffset:100;} to{stroke-dashoffset:0;}}
@keyframes checkdraw{from{stroke-dashoffset:100;} to{stroke-dashoffset:0;}}
@keyframes glowpulse{0%{box-shadow:0 0 0 0 rgba(245,179,1,0);} 35%{box-shadow:0 0 44px 10px rgba(245,179,1,.4);} 100%{box-shadow:0 0 0 0 rgba(245,179,1,0);}}
@keyframes sheetup{from{opacity:0; transform:translateY(26px);} to{opacity:1; transform:translateY(0);}}
@keyframes pulseDot{0%{transform:scale(1); opacity:1;} 50%{transform:scale(1.35); opacity:.65;} 100%{transform:scale(1); opacity:1;}}
@keyframes flipIn{to{opacity:1; transform:rotateX(0) translateY(0);}}

/* ---------- SUPPORT CHAT (fully dark; no light tints anywhere) ---------- */
.chatFab{
  position:fixed; right:20px; bottom:20px; z-index:390;
  width:60px; height:60px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid var(--gold);
  background:var(--gold); cursor:pointer;
}
.chatFab:hover{background:var(--gold-hi);}
.chatFabBolt{width:30px; height:auto; display:block;}
.chatFabBubble{display:none !important;}
.chatFabDot{display:block; width:5px; height:5px; border-radius:999px; background:var(--gold-ink);}
@keyframes chatFabBob{from{transform:translateY(0);} to{transform:translateY(-3px);}}
@keyframes chatFabTyping{0%,60%,100%{transform:translateY(0); opacity:.4;} 30%{transform:translateY(-3px); opacity:1;}}
.chatPanel{
  position:fixed; right:20px; bottom:92px; z-index:395;
  width:min(380px, calc(100vw - 24px)); max-height:78dvh;
  display:flex; flex-direction:column;
  background:var(--panel); border:1px solid var(--line); border-radius:16px;
  overflow:hidden; font-family:var(--fonts-sans); color:var(--ink);
  animation:pop .3s cubic-bezier(.22,1,.36,1);
}
.chatPanel[hidden]{display:none !important;}
.chatHead{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px 12px; border-bottom:1px solid var(--line); background:var(--panel);}
.chatHeadMain{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.chatPill{font-family:var(--fonts-mono); font-weight:500; font-size:11px; letter-spacing:.14em; background:var(--gold); color:var(--gold-ink); padding:5px 12px; border-radius:999px; border:1px solid var(--gold);}
.chatMode{font-family:var(--fonts-mono); font-size:10.5px; letter-spacing:.12em; color:var(--colors-grey); text-transform:uppercase;}
.chatHeadBtns{display:flex; align-items:center; gap:6px;}
.chatNew{font-family:var(--fonts-sans); font-weight:500; font-size:12.5px; color:var(--colors-grey); background:transparent; border:none; text-decoration:underline; cursor:pointer; padding:6px 4px; white-space:nowrap;}
.chatNew:hover{color:var(--colors-ink);}
.chatX{
  width:34px; height:34px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid var(--line); background:var(--panel2);
  color:var(--colors-ink); font-size:14px; font-weight:600; line-height:1; cursor:pointer;
}
.chatX:hover{border-color:var(--grey2);}
.chatMsgs{flex:1 1 auto; min-height:120px; overflow-y:auto; padding:14px 14px 6px; display:flex; flex-direction:column; gap:8px; background:var(--panel);}
.chatMsg{max-width:86%; padding:9px 12px; border-radius:14px; border:1px solid var(--line); font-size:14px; line-height:1.5; overflow-wrap:break-word; white-space:pre-line; color:var(--ink);}
.chatMsgBot{align-self:flex-start; background:var(--panel2); border-bottom-left-radius:5px;}
.chatTyping{opacity:.55; animation:pulse 1.1s ease-in-out infinite;}
.chatMsgAgent{align-self:flex-start; background:var(--panel2); border-color:rgba(245,179,1,.4); border-bottom-left-radius:5px;}
.chatMsgVisitor{align-self:flex-end; background:var(--gold); border-color:var(--gold); color:var(--gold-ink); border-bottom-right-radius:5px; font-weight:600;}
.chatNote{align-self:center; text-align:center; font-size:12px; line-height:1.5; color:var(--colors-grey); padding:2px 8px;}
.chatChips{display:flex; flex-wrap:wrap; gap:7px; padding:8px 14px 4px; background:var(--panel);}
.chatChip{
  font-family:var(--fonts-sans); font-weight:500; font-size:12.5px; color:var(--colors-ink);
  background:var(--panel2); border:1px solid var(--line); border-radius:999px; padding:6px 12px; cursor:pointer;
}
.chatChip:hover{border-color:var(--gold); color:var(--gold);}
.chatNameRow{padding:8px 14px 4px; background:var(--panel);}
.chatNameNote{margin:0 0 8px; font-size:12.5px; line-height:1.5; color:var(--colors-grey);}
.chatNameFlex{display:flex; gap:8px;}
.chatNameInput{
  flex:1 1 auto; min-width:0; font-family:var(--fonts-sans); font-size:16px;
  color:var(--colors-ink); background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:9px 12px;
}
.chatNameInput::placeholder{color:var(--grey2);}
.chatNameInput:focus{outline:2px solid var(--gold); outline-offset:1px;}
.chatStart{
  flex:0 0 auto; font-family:var(--fonts-display); font-weight:600; font-size:14px; letter-spacing:.02em;
  color:var(--gold-ink); background:var(--gold); border:1px solid var(--gold); border-radius:12px; padding:9px 14px; cursor:pointer;
}
.chatStart:hover{background:var(--gold-hi);}
.chatStart[disabled]{opacity:.55; cursor:default;}
.chatHelp{padding:8px 14px 2px; font-size:12.5px; line-height:1.5; color:var(--colors-grey); background:var(--panel);}
.chatHelp a{color:var(--gold); font-weight:600; text-decoration:underline;}
.chatForm{display:flex; gap:8px; padding:10px 14px 14px; background:var(--panel); border-top:1px solid var(--line);}
.chatInput{
  flex:1 1 auto; min-width:0; font-family:var(--fonts-sans); font-size:16px;
  color:var(--colors-ink); background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:10px 12px;
}
.chatInput::placeholder{color:var(--grey2);}
.chatInput:focus{outline:2px solid var(--gold); outline-offset:1px;}
.chatSend{
  flex:0 0 auto; font-family:var(--fonts-display); font-weight:600; font-size:14.5px; letter-spacing:.02em;
  color:var(--gold-ink); background:var(--gold); border:1px solid var(--gold); border-radius:12px; padding:10px 16px; cursor:pointer;
}
.chatSend:hover{background:var(--gold-hi);}
@media (max-width:640px){
  .chatFab{right:14px; bottom:76px; width:48px; height:48px;}
  .chatFabBolt{width:24px;}
  .chatPanel{right:12px; bottom:136px; border-radius:16px;}
}

/* ---------- UTILITY SHIM (v355 production classes, values re-based to the dark system: hard shadows removed, ink borders become hairlines, rotations removed) ---------- */
@layer utilities{.m_0_auto{margin: 0 auto;}}
@layer utilities{.bd_3px_solid_\#232326{border: 1px solid #232326;}}
@layer utilities{.bd_2\.5px_solid_\#232326{border: 1px solid #232326;}}
@layer utilities{.p_10px_12px{padding: 10px 12px;}}
@layer utilities{.p_10px{padding: 10px;}}
@layer utilities{.p_6px_0{padding: 6px 0;}}
@layer utilities{.p_5px_13px{padding: 5px 13px;}}
@layer utilities{.bd_3\.5px_solid_\#232326{border: 1px solid #232326;}}
@layer utilities{.inset_0{inset: var(--spacing-0);}}
@layer utilities{.bg_repeating-linear-gradient\(-45deg\,_rgba\(23\,19\,10\,\.16\)_0_14px\,_transparent_14px_28px\){background: repeating-linear-gradient(-45deg, rgba(23,19,10,.16) 0 14px, transparent 14px 28px);}}
@layer utilities{.p_7px_15px{padding: 7px 15px;}}
@layer utilities{.p_20px{padding: 20px;}}
@layer utilities{.bd_2px_solid_rgba\(23\,19\,10\,\.18\){border: 2px solid rgba(23,19,10,.18);}}
@layer utilities{.bd_4px_solid_\#232326{border: 1px solid #232326;}}
@layer utilities{.m_2px_auto_10px{margin: 2px auto 10px;}}
@layer utilities{.bd_2px_solid_\#062952{border: 1px solid #232326;}}
@layer utilities{.m_2px_0_4px{margin: 2px 0 4px;}}
@layer utilities{.m_4px_0_10px{margin: 4px 0 10px;}}
@layer utilities{.bd_2\.5px_dashed_\#232326{border: 1px dashed #232326;}}
@layer utilities{.bg_repeating-linear-gradient\(-45deg\,_\#F5B301_0_14px\,_\#17130A_14px_28px\){background: repeating-linear-gradient(-45deg, #F5B301 0 14px, #17130A 14px 28px);}}
@layer utilities{.p_0_14px{padding: 0 14px;}}
@layer utilities{.p_10px_16px{padding: 10px 16px;}}
@layer utilities{.p_4px_12px{padding: 4px 12px;}}
@layer utilities{.p_13px{padding: 13px;}}
@layer utilities{.p_8px{padding: 8px;}}
@layer utilities{.m_0_auto_8px{margin: 0 auto 8px;}}
@layer utilities{.m_0_0_2px{margin: 0 0 2px;}}
@layer utilities{.p_28px_0{padding: 28px 0;}}
@layer utilities{.m_10px_auto_2px{margin: 10px auto 2px;}}
@layer utilities{.p_13px_12px{padding: 13px 12px;}}
@layer utilities{.p_8px_14px{padding: 8px 14px;}}
@layer utilities{.p_16px_18px{padding: 16px 18px;}}
@layer utilities{.bd-b_3px_solid_\#232326{border-bottom: 1px solid #232326;}}
@layer utilities{.gap_11px{gap: 11px;}}
@layer utilities{.flex_none{flex: none;}}
@layer utilities{.gap_6px{gap: 6px;}}
@layer utilities{.bdr_999px{border-radius: 999px;}}
@layer utilities{.gap_12px{gap: 12px;}}
@layer utilities{.bdr_50\%{border-radius: 50%;}}
@layer utilities{.bdr_16px{border-radius: 16px;}}
@layer utilities{.bdr_10px{border-radius: 10px;}}
@layer utilities{.bdr_18px{border-radius: 18px;}}
@layer utilities{.bdr_12px{border-radius: 12px;}}
@layer utilities{.gap_8px{gap: 8px;}}
@layer utilities{.ov_hidden{overflow: hidden;}}
@layer utilities{.flex_1{flex: 1 1 0%;}}
@layer utilities{.flex_0_0_100\%{flex: 0 0 100%;}}
@layer utilities{.bd-r_3px_solid_\#232326{border-right: 1px solid #232326;}}
@layer utilities{.trs_width_1s_linear{transition: width 1s linear;}}
@layer utilities{.gap_14px{gap: 14px;}}
@layer utilities{.bdr_22px{border-radius: 22px;}}
@layer utilities{.trs_box-shadow_\.18s_ease{transition: box-shadow .18s ease;}}
@layer utilities{.bdr_3px{border-radius: 3px;}}
@layer utilities{.li-s_none{list-style: none;}}
@layer utilities{.bdr_13px{border-radius: 13px;}}
@layer utilities{.trs_transform_\.08s_ease\,_box-shadow_\.08s_ease\,_background-color_\.12s_ease{transition: transform .08s ease, box-shadow .08s ease, background-color .12s ease;}}
@layer utilities{.gap_10px{gap: 10px;}}
@layer utilities{.gap_9px{gap: 9px;}}
@layer utilities{.bd-t_2px_solid_rgba\(23\,19\,10\,\.14\){border-top: 2px solid rgba(23,19,10,.14);}}
@layer utilities{.ff_mono{font-family: var(--fonts-mono);}}
@layer utilities{.tt_uppercase{text-transform: uppercase;}}
@layer utilities{.ls_\.14em{letter-spacing: .14em;}}
@layer utilities{.fs_11px{font-size: 11px;}}
@layer utilities{.d_flex{display: flex;}}
@layer utilities{.ai_center{align-items: center;}}
@layer utilities{.white-space_nowrap{white-space: nowrap;}}
@layer utilities{.bg-c_gold{background-color: var(--colors-gold);}}
@layer utilities{.lh_0{line-height: 0;}}
@layer utilities{.bx-sh_3px_3px_0_\#17130A{box-shadow: none;}}
@layer utilities{.d_block{display: block;}}
@layer utilities{.ff_display{font-family: var(--fonts-display);}}
@layer utilities{.fw_700{font-weight: 700;}}
@layer utilities{.ls_\.01em{letter-spacing: .01em;}}
@layer utilities{.c_ink{color: var(--colors-ink);}}
@layer utilities{.c_goldText{color: var(--colors-gold-text);}}
@layer utilities{.bg-c_ink{background-color: var(--colors-ink);}}
@layer utilities{.c_grey{color: var(--colors-grey);}}
@layer utilities{.jc_center{justify-content: center;}}
@layer utilities{.bg-c_bg2{background-color: var(--colors-bg2);}}
@layer utilities{.cursor_pointer{cursor: pointer;}}
@layer utilities{.bx-sh_2\.5px_2\.5px_0_\#17130A{box-shadow: none;}}
@layer utilities{.pos_relative{position: relative;}}
@layer utilities{.pos_absolute{position: absolute;}}
@layer utilities{.fs_14px{font-size: 14px;}}
@layer utilities{.ta_left{text-align: left;}}
@layer utilities{.bx-sh_6px_6px_0_\#17130A{box-shadow: none;}}
@layer utilities{.flex-d_column{flex-direction: column;}}
@layer utilities{.fs_12\.5px{font-size: 12.5px;}}
@layer utilities{.fw_600{font-weight: 600;}}
@layer utilities{.c_btnInk{color: var(--colors-btn-ink);}}
@layer utilities{.c_bg{color: var(--colors-bg);}}
@layer utilities{.z_5{z-index: 5;}}
@layer utilities{.fs_13\.5px{font-size: 13.5px;}}
@layer utilities{.ls_\.12em{letter-spacing: .12em;}}
@layer utilities{.ai_flex-start{align-items: flex-start;}}
@layer utilities{.d_inline-block{display: inline-block;}}
@layer utilities{.bx-sh_3px_3px_0_\#F5B301{box-shadow: none;}}
@layer utilities{.ls_\.005em{letter-spacing: .005em;}}
@layer utilities{.lh_1\.55{line-height: 1.55;}}
@layer utilities{.font-style_normal{font-style: normal;}}
@layer utilities{.fs_12px{font-size: 12px;}}
@layer utilities{.ls_\.08em{letter-spacing: .08em;}}
@layer utilities{.trf_rotate\(1\.5deg\){transform: none;}}
@layer utilities{.c_gold2{color: var(--colors-gold2);}}
@layer utilities{.d_grid{display: grid;}}
@layer utilities{.ai_start{align-items: start;}}
@layer utilities{.bx-sh_8px_8px_0_\#17130A{box-shadow: none;}}
@layer utilities{.trf_rotate\(-1deg\){transform: none;}}
@layer utilities{.bg-c_rgba\(255\,190\,11\,\.55\){background-color: rgba(255,190,11,.55);}}
@layer utilities{.trf_rotate\(-7deg\){transform: none;}}
@layer utilities{.bx-sh_0_2px_0_rgba\(23\,19\,10\,\.12\){box-shadow: none;}}
@layer utilities{.z_3{z-index: 3;}}
@layer utilities{.pointer-events_none{pointer-events: none;}}
@layer utilities{.trf_rotate\(6deg\){transform: none;}}
@layer utilities{.z_4{z-index: 4;}}
@layer utilities{.filter_drop-shadow\(5px_5px_0_\#17130A\){filter: none;}}
@layer utilities{.fs_24px{font-size: 24px;}}
@layer utilities{.trf_rotate\(-8deg\){transform: none;}}
@layer utilities{.grid-tc_1fr{grid-template-columns: 1fr;}}
@layer utilities{.justify-items_center{justify-items: center;}}
@layer utilities{.ta_center{text-align: center;}}
@layer utilities{.bg-c_\#FFFFFF{background-color: #FFFFFF;}}
@layer utilities{.asp_1\/1{aspect-ratio: 1/1;}}
@layer utilities{.fs_19px{font-size: 19px;}}
@layer utilities{.fs_clamp\(34px\,_4vw\,_44px\){font-size: clamp(34px, 4vw, 44px);}}
@layer utilities{.lh_1\.05{line-height: 1.05;}}
@layer utilities{.lh_1\.5{line-height: 1.5;}}
@layer utilities{.fs_16px{font-size: 16px;}}
@layer utilities{.fs_21px{font-size: 21px;}}
@layer utilities{.fs_13px{font-size: 13px;}}
@layer utilities{.fs_15px{font-size: 15px;}}
@layer utilities{.ls_\.06em{letter-spacing: .06em;}}
@layer utilities{.bx-sh_0_5px_0_\#17130A{box-shadow: none;}}
@layer utilities{.trf_rotate\(-\.6deg\){transform: none;}}
@layer utilities{.fs_15\.5px{font-size: 15.5px;}}
@layer utilities{.fill_\#F5B301{fill: #F5B301;}}
@layer utilities{.trf-o_50\%_60\%{transform-origin: 50% 60%;}}
@layer utilities{.fs_11\.5px{font-size: 11.5px;}}
@layer utilities{.ls_\.04em{letter-spacing: .04em;}}
@layer utilities{.lh_1\.2{line-height: 1.2;}}
@layer utilities{.trf_rotate\(-\.4deg\){transform: none;}}
@layer utilities{.ta_right{text-align: right;}}
@layer utilities{.va_middle{vertical-align: middle;}}
@layer utilities{.bg-c_tint{background-color: var(--colors-tint);}}
@layer utilities{.wb_break-all{word-break: break-all;}}
@layer utilities{.fs_17\.5px{font-size: 17.5px;}}
@layer utilities{.fs_36px{font-size: 36px;}}
@layer utilities{.trf-b_fill-box{transform-box: fill-box;}}
@layer utilities{.trf-o_center{transform-origin: center;}}
@layer utilities{.stk-dsh_100{stroke-dasharray: 100;}}
@layer utilities{.stk-do_100{stroke-dashoffset: 100;}}
@layer utilities{.fs_25px{font-size: 25px;}}
@layer utilities{.grid-tc_minmax\(0\,1fr\)_minmax\(0\,1fr\){grid-template-columns: minmax(0,1fr) minmax(0,1fr);}}
@layer utilities{.us_all{-webkit-user-select: all;
@layer utilities{.bg-c_\#FFF3D6{background-color: #17171A;}}
@layer utilities{.bg-c_\#FFE3E1{background-color: #2A1414;}}
@layer utilities{.trf_rotate\(\.4deg\){transform: none;}}
@layer utilities{.h_26px{height: 26px;}}
@layer utilities{.w_15px{width: 15px;}}
@layer utilities{.h_15px{height: 15px;}}
@layer utilities{.w_100\%{width: 100%;}}
@layer utilities{.mt_6px{margin-top: 6px;}}
@layer utilities{.w_max-content{width: max-content;}}
@layer utilities{.pr_10px{padding-right: 10px;}}
@layer utilities{.min-w_0{min-width: var(--sizes-0);}}
@layer utilities{.w_96px{width: 96px;}}
@layer utilities{.h_auto{height: auto;}}
@layer utilities{.h_100\%{height: 100%;}}
@layer utilities{.max-w_100\%{max-width: 100%;}}
@layer utilities{.top_-14px{top: -14px;}}
@layer utilities{.left_30px{left: 30px;}}
@layer utilities{.h_28px{height: 28px;}}
@layer utilities{.right_30px{right: 30px;}}
@layer utilities{.top_-46px{top: -46px;}}
@layer utilities{.right_-16px{right: -16px;}}
@layer utilities{.w_118px{width: 118px;}}
@layer utilities{.h_118px{height: 118px;}}
@layer utilities{.mb_14px{margin-bottom: 14px;}}
@layer utilities{.w_fit-content{width: fit-content;}}
@layer utilities{.w_min\(248px\,_30vh\){width: min(248px, 30vh);}}
@layer utilities{.mt_14px{margin-top: 14px;}}
@layer utilities{.w_32px{width: 32px;}}
@layer utilities{.h_32px{height: 32px;}}
@layer utilities{.mt_1px{margin-top: 1px;}}
@layer utilities{.mt_10px{margin-top: 10px;}}
@layer utilities{.mt_2px{margin-top: 2px;}}
@layer utilities{.h_48px{height: 48px;}}
@layer utilities{.pb_12px{padding-bottom: 12px;}}
@layer utilities{.h_13px{height: 13px;}}
@layer utilities{.max-w_640px{max-width: 640px;}}
@layer utilities{.mt_22px{margin-top: 22px;}}
@layer utilities{.mt_4px{margin-top: 4px;}}
@layer utilities{.mt_8px{margin-top: 8px;}}
@layer utilities{.right_-12px{right: -12px;}}
@layer utilities{.h_96px{height: 96px;}}
@layer utilities{.w_72px{width: 72px;}}
@layer utilities{.top_-30px{top: -30px;}}
@layer utilities{.mb_10px{margin-bottom: 10px;}}
@layer utilities{.w_230px{width: 230px;}}
@layer utilities{.pb_9px{padding-bottom: 9px;}}
@layer utilities{.h_72px{height: 72px;}}
@layer utilities{.\[\&_ol\]\:m_8px_0_0 ol{margin: 8px 0 0;}}
@layer utilities{.\[\&_code\]\:p_1px_6px code{padding: 1px 6px;}}
@layer utilities{.\[\&_code\]\:bd_1\.5px_solid_\#232326 code{border: 1px solid #232326;}}
@layer utilities{.\[\&_ol\]\:gap_6px ol{gap: 6px;}}
@layer utilities{.\[\&_code\]\:bdr_6px code{border-radius: 6px;}}
@layer utilities{.\[\&_a\]\:td_underline a{text-decoration: underline;}}
@layer utilities{[data-theme="dark"] .dark\:c_cream{color: var(--colors-cream);}}
@layer utilities{[data-theme="dark"] .dark\:bx-sh_6px_6px_0_\#232326{box-shadow: none;}}
@layer utilities{[data-theme="dark"] .dark\:bg-c_gold{background-color: var(--colors-gold);}}
@layer utilities{[data-theme="dark"] .dark\:c_ink{color: var(--colors-ink);}}
@layer utilities{[data-theme="dark"] .dark\:bx-sh_3px_3px_0_\#000{box-shadow: none;}}
@layer utilities{[data-theme="dark"] .dark\:bx-sh_8px_8px_0_\#232326{box-shadow: none;}}
@layer utilities{.\[\&_svg\]\:d_block svg{display: block;}}
@layer utilities{.\[\&_ol\]\:d_flex ol{display: flex;}}
@layer utilities{.\[\&_ol\]\:flex-d_column ol{flex-direction: column;}}
@layer utilities{.\[\&_ol\]\:fs_14\.5px ol{font-size: 14.5px;}}
@layer utilities{.\[\&_ol\]\:lh_1\.55 ol{line-height: 1.55;}}
@layer utilities{.\[\&_ol\]\:c_grey ol{color: var(--colors-grey);}}
@layer utilities{.\[\&_code\]\:ff_mono code{font-family: var(--fonts-mono);}}
@layer utilities{.\[\&_code\]\:fs_12\.5px code{font-size: 12.5px;}}
@layer utilities{.\[\&_code\]\:bg-c_tint code{background-color: var(--colors-tint);}}
@layer utilities{.\[\&_code\]\:c_ink code{color: var(--colors-ink);}}
@layer utilities{.\[\&_a\]\:c_goldText a{color: var(--colors-gold-text);}}
@layer utilities{.\[\&_a\]\:fw_700 a{font-weight: 700;}}
@layer utilities{.\[\&_s\]\:c_faint s{color: var(--colors-faint);}}
@layer utilities{.\[\&_s\]\:fw_500 s{font-weight: 500;}}
@layer utilities{[data-theme="dark"] .dark\:bx-sh_3px_3px_0_\#232326{box-shadow: none;}}
@layer utilities{.\[\&_svg\]\:w_100\% svg{width: 100%;}}
@layer utilities{.\[\&_svg\]\:h_100\% svg{height: 100%;}}
@layer utilities{.\[\&_ol\]\:pl_20px ol{padding-left: 20px;}}
@layer utilities{.hover\:bg-c_tint:is(:hover, [data-hover]){background-color: var(--colors-tint);}}
@layer utilities{.hover\:bg-c_gold2:is(:hover, [data-hover]){background-color: var(--colors-gold2);}}
@layer utilities{.hover\:bx-sh_11px_11px_0_\#17130A:is(:hover, [data-hover]){box-shadow: none;}}
@layer utilities{.hover\:trf_translateY\(2px\):is(:hover, [data-hover]){transform: translateY(2px);}}
@layer utilities{.hover\:bx-sh_0_3px_0_\#17130A:is(:hover, [data-hover]){box-shadow: none;}}
@layer utilities{.active\:bx-sh_0_0_0_\#17130A:is(:active, [data-active]){box-shadow: none;}}
@layer utilities{.active\:trf_translateY\(5px\)_scaleX\(1\.02\):is(:active, [data-active]){transform: translateY(5px) scaleX(1.02);}}
@layer utilities{[data-theme="dark"] .dark\:hover\:bx-sh_11px_11px_0_\#232326:is(:hover, [data-hover]){box-shadow: none;}}
@layer utilities{@media (min-width: 900px){.min900\:gap_6px_22px{gap: 6px 22px;}}}
@layer utilities{@media (min-width: 900px){.min900\:grid-tc_minmax\(0\,auto\)_minmax\(0\,1fr\){grid-template-columns: minmax(0,auto) minmax(0,1fr);}}}
@layer utilities{@media (min-width: 900px){.min900\:justify-items_stretch{justify-items: stretch;}}}
@layer utilities{@media (min-width: 900px){.min900\:ta_left{text-align: left;}}}
@layer utilities{@media (min-width: 900px){.min900\:ta_center{text-align: center;}}}
@layer utilities{@media (min-width: 900px){.min900\:ai_flex-start{align-items: flex-start;}}}
@layer utilities{@media (max-width: 899px){.max899\:grid-tc_minmax\(0\,1fr\){grid-template-columns: minmax(0,1fr);}}}
@layer utilities{@media (max-height: 860px){.short860\:p_14px{padding: 14px;}}}
@layer utilities{@media (max-height: 860px){.short860\:gap_8px{gap: 8px;}}}
@layer utilities{@media (max-height: 860px){.short860\:fs_34px{font-size: 34px;}}}
@layer utilities{@media (max-height: 860px){.short860\:mt_8px{margin-top: 8px;}}}
@layer utilities{@media (max-height: 860px){.short860\:h_22px{height: 22px;}}}
@layer utilities{@media (max-height: 860px){.short860\:w_100px{width: 100px;}}}
@layer utilities{@media (max-height: 860px){.short860\:h_100px{height: 100px;}}}
@layer utilities{@media (max-height: 860px){.short860\:top_-38px{top: -38px;}}}
@layer utilities{@media (max-height: 860px){.short860\:w_min\(210px\,_26vh\){width: min(210px, 26vh);}}}
@layer utilities{@media (max-height: 860px){.short860\:mt_10px{margin-top: 10px;}}}
@layer utilities{@media (max-height: 860px){.short860\:mt_2px{margin-top: 2px;}}}
@layer utilities{@media (max-height: 860px){.short860\:mb_6px{margin-bottom: 6px;}}}
@layer utilities{@media (max-width: 640px){.max640\:fs_19px{font-size: 19px;}}}
@layer utilities{@media (max-width: 640px){.max640\:w_90px{width: 90px;}}}
@layer utilities{@media (max-width: 640px){.max640\:h_90px{height: 90px;}}}
@layer utilities{@media (max-width: 640px){.max640\:top_-32px{top: -32px;}}}
@layer utilities{@media (max-width: 640px){.max640\:right_-4px{right: -4px;}}}
@layer utilities{@media (max-width: 640px){.max640\:w_min\(260px\,_80vw\){width: min(260px, 80vw);}}}
@layer utilities{.motionSafe\:anim_marquee_24s_linear_infinite{animation: marquee 24s linear infinite;}}
@layer utilities{.motionSafe\:anim_pop_\.5s_cubic-bezier\(\.34\,1\.56\,\.64\,1\)_\.18s_backwards{animation: pop .5s cubic-bezier(.34,1.56,.64,1) .18s backwards;}}
@layer utilities{.motionSafe\:anim_stripes_1\.1s_linear_infinite{animation: stripes 1.1s linear infinite;}}
@layer utilities{.motionSafe\:anim_popL_\.6s_cubic-bezier\(\.34\,1\.56\,\.64\,1\)_\.3s_backwards\,_bobL_7s_ease-in-out_1\.4s_infinite_alternate{animation: popL .6s cubic-bezier(.34,1.56,.64,1) .3s backwards, bobL 7s ease-in-out 1.4s infinite alternate;}}
@layer utilities{.motionSafe\:anim_bob_5s_ease-in-out_infinite_alternate{animation: bob 5s ease-in-out infinite alternate;}}
@layer utilities{.motionSafe\:anim_spinSlow_26s_linear_infinite{animation: spinSlow 26s linear infinite;}}
@layer utilities{.motionSafe\:anim_pop_\.55s_cubic-bezier\(\.34\,1\.56\,\.64\,1\)_1s_backwards{animation: pop .55s cubic-bezier(.34,1.56,.64,1) 1s backwards;}}
@layer utilities{.motionSafe\:anim_pop_\.55s_cubic-bezier\(\.34\,1\.56\,\.64\,1\)_1\.12s_backwards{animation: pop .55s cubic-bezier(.34,1.56,.64,1) 1.12s backwards;}}
@layer utilities{.motionSafe\:anim_pop_\.55s_cubic-bezier\(\.34\,1\.56\,\.64\,1\)_1\.24s_backwards{animation: pop .55s cubic-bezier(.34,1.56,.64,1) 1.24s backwards;}}
@layer utilities{.motionSafe\:anim_pop_\.55s_cubic-bezier\(\.34\,1\.56\,\.64\,1\)_1\.36s_backwards{animation: pop .55s cubic-bezier(.34,1.56,.64,1) 1.36s backwards;}}
@layer utilities{.motionSafe\:anim_rock_2\.6s_ease-in-out_infinite{animation: rock 2.6s ease-in-out infinite;}}
@layer utilities{.motionSafe\:anim_boltpulse_1\.5s_ease-in-out_infinite{animation: boltpulse 1.5s ease-in-out infinite;}}
@layer utilities{.motionSafe\:anim_boltsplit1_1\.5s_ease-in-out_infinite{animation: boltsplit1 1.5s ease-in-out infinite;}}
@layer utilities{.motionSafe\:anim_boltsplit2_1\.5s_ease-in-out_infinite{animation: boltsplit2 1.5s ease-in-out infinite;}}
@layer utilities{.motionSafe\:anim_boltsplit3_1\.5s_ease-in-out_infinite{animation: boltsplit3 1.5s ease-in-out infinite;}}
@layer utilities{.motionSafe\:anim_glowpulse_2\.2s_ease-in-out_\.9s_both{animation: glowpulse 2.2s ease-in-out .9s both;}}
@layer utilities{.motionSafe\:anim_ringdraw_1s_ease_forwards{animation: ringdraw 1s ease forwards;}}
@layer utilities{.motionSafe\:anim_checkdraw_\.5s_ease_\.55s_forwards{animation: checkdraw .5s ease .55s forwards;}}