/* ============ urus.lol — carbon + acid ============ */
:root{
  --bg:#08080A; --bg-2:#0D0E11; --panel:#111318; --panel-2:#15181E;
  --line:#22262F; --line-2:#2E333E;
  --ink:#F2F4F7; --ink-2:#A7AEBB; --ink-3:#6C7482;
  --acid:#D4FF3F;          /* Verde/Giallo hybrid — the whole identity */
  --acid-dim:#9FC12E;
  --hot:#FF5B2E;           /* Arancio accent */
  --ok:#3FE0A0;
  --r:14px;
  --shadow:0 24px 60px -20px rgba(0,0,0,.9);
  --font-d:"Chakra Petch",system-ui,sans-serif;
  --font-b:"Instrument Sans",system-ui,sans-serif;
  --font-m:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink); font-family:var(--font-b);
  -webkit-font-smoothing:antialiased; overflow-x:hidden; line-height:1.55;
}
b{font-weight:600;color:var(--ink)}
.dim{color:var(--ink-3)}
a{color:inherit}

/* ---- atmosphere ---- */
.grain{
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hexfield{
  position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background:
    radial-gradient(900px 520px at 78% -8%, rgba(212,255,63,.10), transparent 62%),
    radial-gradient(700px 460px at 6% 12%, rgba(255,91,46,.07), transparent 60%),
    repeating-linear-gradient(60deg, rgba(255,255,255,.016) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(-60deg, rgba(255,255,255,.016) 0 1px, transparent 1px 26px);
}
main,.nav,.foot,.ticker{position:relative;z-index:2}

/* ---- nav ---- */
.nav{
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; gap:28px;
  padding:14px clamp(16px,4vw,44px);
  background:rgba(8,8,10,.78); backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-d);font-weight:700;letter-spacing:-.02em;font-size:18px}
.brand-mark{
  width:16px;height:16px;background:var(--acid);
  clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);
  box-shadow:0 0 18px rgba(212,255,63,.55);
}
.nav-links{display:flex;gap:22px;margin-left:auto;font-size:14px}
.nav-links a{color:var(--ink-2);text-decoration:none;transition:color .18s}
.nav-links a:hover{color:var(--acid)}

/* ---- buttons ---- */
.btn{
  font-family:var(--font-d); font-weight:600; font-size:15px; letter-spacing:.01em;
  padding:13px 22px; border-radius:10px; border:1px solid transparent;
  cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
  transition:transform .16s cubic-bezier(.2,.9,.3,1), box-shadow .2s, background .2s, color .2s;
}
.btn-primary{background:var(--acid);color:#0A0C05;box-shadow:0 0 0 0 rgba(212,255,63,.5)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(212,255,63,.55)}
.btn-primary:active{transform:translateY(0)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--acid);color:var(--acid)}
.btn-sm{padding:9px 16px;font-size:13.5px}
.btn-lg{padding:17px 34px;font-size:17px}
.btn-wide{width:100%;margin-top:18px}

/* ---- ticker ---- */
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg-2);padding:9px 0}
.ticker-track{display:flex;width:max-content;animation:slide 34s linear infinite}
.ticker-run{display:flex;align-items:center;gap:14px;padding-right:14px;white-space:nowrap;
  font-family:var(--font-m);font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.09em}
.ticker-run b{color:var(--acid);font-weight:700}
.ticker-run i{color:var(--line-2);font-style:normal}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---- reveal ---- */
.r{opacity:0;transform:translateY(16px);animation:rise .8s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:var(--d,0ms)}
@keyframes rise{to{opacity:1;transform:none}}

/* ---- hero ---- */
.hero{
  display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(28px,5vw,72px);
  align-items:center; padding:clamp(48px,8vw,104px) clamp(16px,4vw,44px) clamp(36px,5vw,64px);
  max-width:1320px; margin:0 auto;
}
.eyebrow{font-family:var(--font-m);font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--acid-dim)}
h1{
  font-family:var(--font-d); font-weight:700; line-height:.94; letter-spacing:-.035em;
  font-size:clamp(44px,7.4vw,86px); margin:18px 0 22px;
}
h1 .hl{
  background:linear-gradient(102deg,var(--acid) 0%,#EAFF8F 45%,var(--acid-dim) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
h1 .serif{font-family:var(--font-b);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--ink-2)}
.lede{font-size:clamp(15.5px,1.5vw,18px);color:var(--ink-2);max-width:52ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}
.micro{font-family:var(--font-m);font-size:11.5px;color:var(--ink-3);letter-spacing:.03em;max-width:46ch;line-height:1.7}

/* ---- billboard rig ---- */
.hero-rig{display:flex;flex-direction:column;gap:12px}
.rig-label{font-family:var(--font-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:8px;align-items:center}
.rig-label span{color:var(--hot);display:inline-flex;align-items:center;gap:5px}
.rig-label span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hot);animation:blip 1.4s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,91,46,.6)}50%{opacity:.35;box-shadow:0 0 0 7px rgba(255,91,46,0)}}
.billboard{
  position:relative; aspect-ratio:1920/620; width:100%;
  background:linear-gradient(180deg,#0B0D10,#050608);
  border:1px solid var(--line-2); border-radius:var(--r);
  overflow:hidden; box-shadow:var(--shadow), inset 0 0 60px rgba(0,0,0,.8);
}
.billboard::after{ /* screen door */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.34) 0 1px,transparent 1px 3px);
}
.billboard-scan{
  position:absolute;inset:0;pointer-events:none;z-index:3;
  background:linear-gradient(180deg,transparent 0%,rgba(212,255,63,.12) 50%,transparent 100%);
  height:32%;animation:scan 5.2s cubic-bezier(.5,0,.5,1) infinite;
}
@keyframes scan{0%{transform:translateY(-120%)}100%{transform:translateY(420%)}}
.billboard-tiles{position:absolute;inset:0;display:flex}
.tile{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border-right:1px solid rgba(0,0,0,.6);overflow:hidden;
  font-family:var(--font-d);font-weight:700;transition:flex-basis .7s cubic-bezier(.2,.8,.3,1);
  padding:4px;text-align:center;
}
.tile:last-child{border-right:0}
.tile-name{font-size:clamp(9px,1.15vw,15px);letter-spacing:-.01em;line-height:1.1}
.tile-pct{font-family:var(--font-m);font-size:clamp(7.5px,.82vw,10.5px);opacity:.72;font-weight:400}
.tile.filled{color:#0A0C05;background:linear-gradient(150deg,var(--acid),var(--acid-dim))}
.tile.filled:nth-child(2){background:linear-gradient(150deg,#8FE3FF,#4FA8CC)}
.tile.filled:nth-child(3){background:linear-gradient(150deg,var(--hot),#C43B18)}
.tile.open{
  color:var(--ink-3);
  background:repeating-linear-gradient(45deg,#0E1014 0 9px,#121519 9px 18px);
}
.tile.open .tile-name{color:var(--ink-2)}
.rig-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.rig-meta>div{background:var(--panel);padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.rig-meta .k{font-family:var(--font-m);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}
.rig-meta .v{font-family:var(--font-d);font-weight:700;font-size:17px}

/* ---- hazard + progress ---- */
.hazard{height:6px;width:100%;
  background:repeating-linear-gradient(45deg,var(--acid) 0 14px,#0A0B0D 14px 28px);opacity:.85}
.progress-strip{border-block:1px solid var(--line);background:var(--bg-2)}
.progress-wrap{max-width:1320px;margin:0 auto;padding:22px clamp(16px,4vw,44px) 26px}
.progress-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-m);font-size:13px;color:var(--ink-2);margin-bottom:11px}
.progress-head .pct{font-family:var(--font-d);font-weight:700;font-size:22px;color:var(--acid)}
.progress-bar{height:11px;background:#0A0B0E;border:1px solid var(--line-2);border-radius:99px;overflow:hidden}
.progress-fill{height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,var(--acid-dim),var(--acid));
  box-shadow:0 0 22px rgba(212,255,63,.5);transition:width 1.1s cubic-bezier(.2,.8,.3,1)}

/* ---- sections ---- */
.section{max-width:1320px;margin:0 auto;padding:clamp(52px,7vw,92px) clamp(16px,4vw,44px)}
.section-head{margin-bottom:34px;max-width:60ch}
.section-head h2{font-family:var(--font-d);font-weight:700;font-size:clamp(28px,3.9vw,44px);letter-spacing:-.03em;line-height:1.06}
.section-head p{color:var(--ink-2);margin-top:11px;font-size:16px}

/* ---- board table ---- */
.table-wrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;background:var(--panel);box-shadow:var(--shadow)}
.board-table{width:100%;border-collapse:collapse;min-width:620px}
.board-table th{
  font-family:var(--font-m);font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;
  color:var(--ink-3);text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg-2);font-weight:400}
.board-table td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
.board-table tr:last-child td{border-bottom:0}
.board-table tr:hover td{background:var(--panel-2)}
.num{text-align:right}
.rank{font-family:var(--font-d);font-weight:700;color:var(--ink-3);width:52px}
.rank.one{color:var(--acid)}
.sp{display:flex;align-items:center;gap:11px}
.sp-chip{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  font-family:var(--font-d);font-weight:700;font-size:13px;color:#0A0C05;background:var(--acid);flex:none}
.sp-chip.c2{background:#8FE3FF}.sp-chip.c3{background:var(--hot)}
.sp-name{font-weight:600}
.sp-sub{font-family:var(--font-m);font-size:11px;color:var(--ink-3)}
.paid{font-family:var(--font-d);font-weight:700;font-size:16px}
.share{font-family:var(--font-m);color:var(--acid)}
.when{font-family:var(--font-m);font-size:12px;color:var(--ink-3)}
.row-open td{background:repeating-linear-gradient(45deg,rgba(212,255,63,.028) 0 12px,transparent 12px 24px)}
.row-open .sp-chip{background:transparent;border:1px dashed var(--line-2);color:var(--ink-3)}
.row-open .sp-name{color:var(--ink-2)}

/* ---- calculator ---- */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.calc-input{background:var(--panel);padding:clamp(24px,3.4vw,38px)}
.calc-amount{display:flex;align-items:flex-start;gap:6px;font-family:var(--font-d);font-weight:700;line-height:1}
.calc-amount .dollar{font-size:clamp(20px,2.4vw,28px);color:var(--acid);margin-top:6px}
.amount-val{font-size:clamp(44px,6.4vw,72px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;margin:26px 0 10px;
  background:linear-gradient(90deg,var(--acid) var(--p,12%),#1B1F27 var(--p,12%));cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;
  background:var(--acid);border:4px solid #0A0B0E;box-shadow:0 0 18px rgba(212,255,63,.65);cursor:grab}
input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--acid);border:4px solid #0A0B0E;cursor:grab}
.calc-bounds{display:flex;justify-content:space-between;font-family:var(--font-m);font-size:11px;color:var(--ink-3)}
.calc-out{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.out-cell{background:var(--panel);padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:7px;justify-content:center}
.out-v{font-family:var(--font-d);font-weight:700;font-size:clamp(24px,3.1vw,36px);color:var(--acid);letter-spacing:-.03em;line-height:1}
.out-k{font-size:13px;color:var(--ink-2);line-height:1.4}

/* ---- tiers ---- */
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px}
.tier{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;
  display:flex;flex-direction:column;gap:7px;transition:transform .2s cubic-bezier(.2,.9,.3,1),border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
.tier:hover{transform:translateY(-5px);border-color:var(--acid);box-shadow:0 18px 40px -18px rgba(212,255,63,.4)}
.tier.pop{border-color:var(--acid-dim)}
.tier-tag{position:absolute;top:0;right:0;background:var(--acid);color:#0A0C05;font-family:var(--font-m);
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-bottom-left-radius:9px;font-weight:700}
.tier-amt{font-family:var(--font-d);font-weight:700;font-size:30px;letter-spacing:-.03em}
.tier-share{font-family:var(--font-m);font-size:13px;color:var(--acid)}
.tier-note{font-size:12.5px;color:var(--ink-3);line-height:1.45;min-height:36px}
.tier .btn{margin-top:8px;width:100%}
.tier-foot{margin-top:20px;font-family:var(--font-m);font-size:12px;color:var(--ink-3);text-align:center}

/* ---- faq ---- */
.faq{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{padding:19px 22px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;
  align-items:center;gap:18px;font-family:var(--font-d);font-weight:600;font-size:16.5px;transition:color .18s,background .18s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--acid);background:var(--panel-2)}
.faq summary::after{content:"+";font-family:var(--font-m);font-size:21px;color:var(--acid);transition:transform .28s cubic-bezier(.2,.8,.3,1);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open] summary{color:var(--acid)}
.faq-a{padding:0 22px 21px;color:var(--ink-2);font-size:15px;max-width:74ch;animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* ---- closer ---- */
.closer{text-align:center;padding:0 0 clamp(56px,7vw,88px);border-top:1px solid var(--line);background:var(--bg-2)}
.closer h2{font-family:var(--font-d);font-weight:700;font-size:clamp(34px,6vw,68px);letter-spacing:-.035em;
  line-height:1.02;margin:clamp(44px,6vw,70px) 0 28px}
.closer h2 [data-remaining]{color:var(--acid)}

/* ---- footer ---- */
.foot{border-top:1px solid var(--line);padding:26px clamp(16px,4vw,44px);display:flex;
  justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2);font-family:var(--font-m)}
.foot b{font-family:var(--font-d)}
.foot a{color:var(--acid);text-decoration:none}
.foot a:hover{text-decoration:underline}

/* ---- modal ---- */
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;
  background:rgba(4,5,7,.84);backdrop-filter:blur(8px);animation:fade .25s ease}
.modal[hidden]{display:none}
.modal-card{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);
  padding:clamp(26px,4vw,40px);max-width:470px;width:100%;position:relative;box-shadow:var(--shadow);
  animation:pop .34s cubic-bezier(.2,.9,.3,1)}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.modal-x{position:absolute;top:14px;right:14px;background:transparent;border:0;color:var(--ink-3);
  font-size:17px;cursor:pointer;padding:6px;line-height:1}
.modal-x:hover{color:var(--acid)}
.modal-card h3{font-family:var(--font-d);font-weight:700;font-size:25px;letter-spacing:-.025em;margin-bottom:12px}
.modal-card p{color:var(--ink-2);font-size:15px;margin-bottom:9px}
.modal-card .mono{font-family:var(--font-m);font-size:12.5px;color:var(--ink-3);margin-top:16px;line-height:1.65}
.field{margin-top:16px}
.field label{display:block;font-family:var(--font-m);font-size:11px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--ink-3);margin-bottom:7px}
.field input{width:100%;background:#0A0B0E;border:1px solid var(--line-2);border-radius:9px;
  padding:13px 14px;color:var(--ink);font-family:var(--font-b);font-size:15px}
.field input:focus{outline:none;border-color:var(--acid);box-shadow:0 0 0 3px rgba(212,255,63,.13)}

/* ---- responsive ---- */
@media (max-width:1000px){
  .hero{grid-template-columns:1fr;padding-top:44px}
  .hero-rig{order:-1}
  .calc{grid-template-columns:1fr}
}
@media (max-width:620px){
  .nav-links{display:none}
  .calc-out{grid-template-columns:1fr}
  .foot{flex-direction:column;gap:8px}
  .rig-meta{grid-template-columns:1fr;}
  .rig-meta>div{flex-direction:row;justify-content:space-between;align-items:center}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .r{opacity:1;transform:none}
}

/* ---- sponsor logos ---- */
.tile-logo{width:clamp(16px,2.2vw,30px);height:clamp(16px,2.2vw,30px);object-fit:contain;border-radius:5px;margin-bottom:2px}
.sp-chip.img{background:#0A0B0E;border:1px solid var(--line-2);padding:4px}
.sp-chip.img img{width:100%;height:100%;object-fit:contain;border-radius:4px}
a.sp-name{text-decoration:none;transition:color .18s}
a.sp-name:hover{color:var(--acid)}


/* ================= car stage + wrap plan ================= */
.car-stage{position:relative;width:100%}
.car{
  width:100%;height:auto;display:block;position:relative;z-index:2;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.72));
  animation:idle 6.5s ease-in-out infinite;
}
@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.car-glow{
  position:absolute;left:50%;bottom:4%;transform:translateX(-50%);
  width:74%;height:30px;border-radius:50%;z-index:1;
  background:radial-gradient(ellipse at center,rgba(212,255,63,.28),rgba(212,255,63,0) 70%);
  filter:blur(11px);animation:glowpulse 6.5s ease-in-out infinite;
}
@keyframes glowpulse{0%,100%{opacity:.6}50%{opacity:.88}}

/* the allocation bar now reads as a wrap plan / print layout */
.wrap-plan{margin-top:6px;display:flex;flex-direction:column;gap:7px}
.wp-label{
  font-family:var(--font-m);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);
  display:flex;align-items:center;gap:9px;
}
.wp-label::after{content:"";flex:1;height:1px;
  background:repeating-linear-gradient(90deg,var(--line-2) 0 5px,transparent 5px 10px)}
.wrap-plan .billboard{
  aspect-ratio:1920/300;
  border-radius:9px;
  border-style:dashed;                 /* reads as a cut/print plan, not a screen */
  border-color:var(--line-2);
  box-shadow:0 12px 30px -14px rgba(0,0,0,.9), inset 0 0 34px rgba(0,0,0,.55);
}
.wrap-plan .billboard::after{background:none}   /* no screen-door texture on vinyl */
.wrap-plan .billboard-scan{
  /* a print head sweeping the vinyl, rather than a display refresh */
  background:linear-gradient(90deg,transparent,rgba(212,255,63,.16),transparent);
  height:100%;width:16%;
  animation:printsweep 6s cubic-bezier(.6,0,.4,1) infinite;
}
@keyframes printsweep{0%{transform:translateX(-140%)}100%{transform:translateX(760%)}}

/* ================= refund guarantee ================= */
.acid{color:var(--acid)}

.hero-guarantee{
  display:flex;align-items:center;gap:11px;margin-top:26px;padding:13px 16px;
  border:1px solid rgba(212,255,63,.32);border-radius:11px;
  background:linear-gradient(100deg,rgba(212,255,63,.09),rgba(212,255,63,.02));
  font-size:14.5px;color:var(--ink-2);max-width:50ch;
}
.hero-guarantee b{color:var(--ink)}
.hg-badge{
  flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--acid);color:#0A0C05;font-size:13px;font-weight:800;
  box-shadow:0 0 16px rgba(212,255,63,.5);
}

.guarantee{border-bottom:1px solid var(--line);background:
  linear-gradient(180deg,rgba(212,255,63,.05),transparent 70%),var(--bg)}
.guarantee-inner{
  max-width:1320px;margin:0 auto;padding:clamp(44px,6vw,76px) clamp(16px,4vw,44px);
  display:flex;gap:clamp(20px,3.4vw,40px);align-items:flex-start;
}
.g-icon{flex:none;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;
  color:#0A0C05;background:linear-gradient(150deg,var(--acid),var(--acid-dim));
  box-shadow:0 0 34px rgba(212,255,63,.34)}
.g-icon svg{width:30px;height:30px}
.g-copy h2{font-family:var(--font-d);font-weight:700;letter-spacing:-.03em;line-height:1.06;
  font-size:clamp(26px,3.7vw,42px)}
.g-copy p{margin-top:14px;color:var(--ink-2);font-size:clamp(15px,1.5vw,16.5px);max-width:66ch}

.calc-refund{margin-top:11px;font-family:var(--font-m);font-size:11.5px;color:var(--acid-dim);
  text-align:center;letter-spacing:.02em}
.closer-refund{margin-top:16px;font-family:var(--font-m);font-size:13px;color:var(--ink-2)}
.closer-refund::before{content:"✓ ";color:var(--acid);font-weight:700}

@media (max-width:760px){
  .guarantee-inner{flex-direction:column;gap:18px}
  .g-icon{width:46px;height:46px}
  .g-icon svg{width:25px;height:25px}
  .mount{padding:0 14%}
}

.modal-guarantee{
  display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px 14px;
  border:1px solid rgba(212,255,63,.3);border-radius:10px;
  background:linear-gradient(100deg,rgba(212,255,63,.09),rgba(212,255,63,.02));
  font-size:13.5px;color:var(--ink-2);line-height:1.45;
}
.modal-guarantee b{color:var(--ink)}
.modal-guarantee .hg-badge{width:21px;height:21px;font-size:11px}

/* ================= problem grid ================= */
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.pain{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 24px;display:flex;flex-direction:column;gap:9px;position:relative;transition:border-color .2s}
.pain-n{font-family:var(--font-m);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
.pain h3{font-family:var(--font-d);font-weight:600;font-size:19px;letter-spacing:-.02em;line-height:1.2}
.pain p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.pain.acid-pain{border-color:rgba(212,255,63,.4);
  background:linear-gradient(160deg,rgba(212,255,63,.07),var(--panel) 60%)}
.pain.acid-pain .pain-n{color:var(--acid)}
.pain.acid-pain h3{color:var(--acid)}

/* ================= how it works ================= */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;
  display:flex;flex-direction:column;gap:11px;position:relative}
.step-n{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  font-family:var(--font-d);font-weight:700;font-size:18px;color:#0A0C05;
  background:linear-gradient(150deg,var(--acid),var(--acid-dim));box-shadow:0 0 22px rgba(212,255,63,.3)}
.step h3{font-family:var(--font-d);font-weight:600;font-size:20px;letter-spacing:-.02em}
.step p{font-size:14.5px;color:var(--ink-2);line-height:1.6}

/* ================= clickable open slots ================= */
.row-open{cursor:pointer;transition:background .2s}
.row-open:hover td,.row-open:focus-visible td{background:rgba(212,255,63,.07)}
.row-open:focus-visible{outline:2px solid var(--acid);outline-offset:-2px}
.row-open:hover .sp-name{color:var(--acid)}
.row-open:hover .sp-chip{border-color:var(--acid);color:var(--acid)}
.open-cta{font-family:var(--font-d);font-weight:700;color:var(--acid);transition:transform .2s}
.row-open:hover .open-cta{color:var(--acid)}

.tile.open{cursor:pointer;transition:background .25s,box-shadow .25s}
.tile.open:hover,.tile.open:focus-visible{
  background:repeating-linear-gradient(45deg,#151A0E 0 9px,#1A2113 9px 18px);
  box-shadow:inset 0 0 0 1px rgba(212,255,63,.45)}
.tile.open:hover .tile-name{color:var(--acid)}
.tile.open:focus-visible{outline:2px solid var(--acid);outline-offset:-2px}

.closer-eyebrow{font-family:var(--font-m);font-size:11.5px;text-transform:uppercase;
  letter-spacing:.14em;color:var(--acid-dim);padding-top:clamp(44px,6vw,70px)}
.closer-eyebrow + h2{margin-top:18px}