/* ==========================================================
   נקסט לבל — עמוד נחיתה, גרסה נועזת
   גיליון עצמאי לחלוטין. לא מייבא ולא נוגע ב-main.css,
   כדי שאפשר יהיה לבדוק A/B בלי לסכן את שאר האתר.
   שפה: כהה ועמוק, ניגודיות גבוהה, טיפוגרפיה גדולה, זוהר מדוד.
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700;800;900&family=Assistant:wght@400;500;600;700&display=swap');

:root{
  /* surfaces */
  --bg:      #080D0C;
  --bg-2:    #0D1514;
  --surface: rgba(255,255,255,.035);
  --surface-2: rgba(255,255,255,.06);
  --line:    rgba(255,255,255,.10);
  --line-2:  rgba(255,255,255,.19);

  /* ink */
  --text:    #EFF5F3;
  --text-2:  #97ACA8;

  /* accents */
  --mint:      #37E0A0;
  --mint-dim:  rgba(55,224,160,.13);
  --violet:    #A493FF;
  --violet-dim:rgba(164,147,255,.13);
  --amber:     #FFC470;
  --amber-dim: rgba(255,196,112,.13);

  /* type */
  --f-display:'Rubik','Assistant',system-ui,sans-serif;
  --f-body:'Assistant',system-ui,-apple-system,sans-serif;

  --wrap: 1180px;
  --gut: clamp(20px,5vw,48px);
  --r: 18px;
  --r-sm: 12px;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth; scroll-padding-top:90px; -webkit-text-size-adjust:100%}

body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--f-body); font-size:1.0625rem; line-height:1.7;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}

/* grain overlay, keeps the flat dark from looking like plastic */
body::after{
  content:''; position:fixed; inset:0; z-index:9; pointer-events:none; opacity:.4;
  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)' opacity='.055'/%3E%3C/svg%3E");
}

h1,h2,h3,h4{font-family:var(--f-display); line-height:1.12; letter-spacing:-.025em; margin:0}
h1{font-size:clamp(2.35rem,6.2vw,4.6rem); font-weight:800}
h2{font-size:clamp(1.85rem,4.1vw,3.1rem); font-weight:800}
h3{font-size:clamp(1.12rem,2vw,1.4rem); font-weight:700}
p{margin:0 0 1em}
a{color:var(--mint); text-decoration:none}
img{max-width:100%; display:block}
ul{margin:0; padding:0; list-style:none}

.wrap{width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gut)}
.narrow{max-width:820px; margin-inline:auto}
.center{text-align:center}

section{position:relative; padding:clamp(70px,10vw,130px) 0}
.section-tint{background:
  radial-gradient(1100px 460px at 85% 0%, rgba(55,224,160,.055), transparent 65%),
  var(--bg-2);
  border-block:1px solid var(--line);
}

.skip{position:absolute; inset-inline-start:-9999px; top:0; background:var(--mint); color:#04110C; padding:12px 20px; z-index:100; border-radius:0 0 var(--r-sm) 0}
.skip:focus{inset-inline-start:0}

/* ---------- header ---------- */
.lp-head{
  position:sticky; top:0; z-index:20;
  background:rgba(8,13,12,.72); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.lp-head .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:74px}
.brand{display:flex; align-items:center; gap:11px; font-family:var(--f-display); font-weight:800; font-size:1.1rem; color:var(--text)}
.brand-mark{
  width:34px; height:34px; border-radius:10px; display:grid; place-items:center;
  background:linear-gradient(145deg,var(--mint),#1FB37B); color:#04110C;
  font-family:var(--f-display); font-weight:900; font-size:1.05rem;
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--f-display); font-weight:700; font-size:1.02rem;
  padding:15px 30px; border-radius:100px; border:1px solid transparent;
  cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s;
  text-align:center;
}
.btn--sm{padding:10px 20px; font-size:.9rem}
.btn--primary{
  background:linear-gradient(135deg,var(--mint),#22C88A); color:#04110C;
  box-shadow:0 8px 30px -8px rgba(55,224,160,.55);
}
.btn--primary:hover{transform:translateY(-2px); box-shadow:0 14px 40px -10px rgba(55,224,160,.7)}
.btn--ghost{background:var(--surface); color:var(--text); border-color:var(--line-2)}
.btn--ghost:hover{background:var(--surface-2); transform:translateY(-2px)}
.cta-row{display:flex; flex-wrap:wrap; gap:14px; margin-top:32px}
.note-line{font-size:.9rem; color:var(--text-2); margin-top:16px}

/* ---------- eyebrow ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--f-body); font-weight:700; font-size:.8rem; letter-spacing:.06em;
  color:var(--mint); background:var(--mint-dim); border:1px solid rgba(55,224,160,.26);
  padding:7px 16px; border-radius:100px; margin-bottom:22px;
}
.eyebrow::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 10px var(--mint)}
.eyebrow--violet{color:var(--violet); background:var(--violet-dim); border-color:rgba(164,147,255,.26)}
.eyebrow--violet::before{background:var(--violet); box-shadow:0 0 10px var(--violet)}
.eyebrow--amber{color:var(--amber); background:var(--amber-dim); border-color:rgba(255,196,112,.26)}
.eyebrow--amber::before{background:var(--amber); box-shadow:0 0 10px var(--amber)}

.lead{font-size:clamp(1.06rem,1.9vw,1.3rem); color:var(--text-2); line-height:1.72}
.sec-head{margin-bottom:clamp(34px,5vw,56px)}
.sec-head .lead{max-width:70ch}
.sec-head.center .lead{margin-inline:auto}

/* gradient text for the punch word */
.grad{
  background:linear-gradient(115deg,var(--mint) 10%,#7FEBC4 45%,var(--violet) 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---------- hero ---------- */
.hero{padding-top:clamp(56px,8vw,96px); overflow:hidden}
.hero::before{
  content:''; position:absolute; inset:-20% -10% auto -10%; height:120%;
  background:
    radial-gradient(620px 420px at 78% 12%, rgba(55,224,160,.20), transparent 62%),
    radial-gradient(520px 400px at 12% 48%, rgba(164,147,255,.15), transparent 60%);
  pointer-events:none; z-index:0;
}
.hero > *{position:relative; z-index:1}
.hero-grid{display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(32px,5vw,64px); align-items:center}
@media (max-width:960px){ .hero-grid{grid-template-columns:1fr} }

.proof-pill{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  margin-top:34px; padding:18px 22px; border-radius:var(--r);
  background:linear-gradient(135deg,rgba(255,196,112,.10),rgba(255,255,255,.02));
  border:1px solid rgba(255,196,112,.24);
}
.proof-pill b{font-family:var(--f-display); font-weight:900; font-size:1.55rem; color:var(--amber); line-height:1}
.proof-pill span{font-size:.94rem; color:var(--text-2); flex:1 1 220px}

/* ---------- glass card ---------- */
.glass{
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  border:1px solid var(--line); border-radius:var(--r); padding:28px;
  position:relative; overflow:hidden;
}
.glass::before{
  content:''; position:absolute; inset:0; border-radius:inherit; padding:1px;
  background:linear-gradient(140deg,rgba(55,224,160,.45),transparent 42%,transparent 62%,rgba(164,147,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
}

/* ---------- dashboard mock ---------- */
.mock{
  background:linear-gradient(165deg,#101A18,#0A100F);
  border:1px solid var(--line-2); border-radius:var(--r);
  overflow:hidden; box-shadow:0 40px 90px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(55,224,160,.06);
}
.mock-bar{display:flex; align-items:center; gap:7px; padding:14px 18px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.02)}
.mock-bar i{width:9px; height:9px; border-radius:50%; background:var(--line-2)}
.mock-bar span{margin-inline-start:auto; font-size:.76rem; color:var(--text-2); display:flex; align-items:center; gap:7px}
.mock-bar span::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 8px var(--mint); animation:blip 2.2s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.25}}
.mock-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line)}
.kpi{background:#0C1413; padding:16px 15px}
.kpi small{display:block; font-size:.7rem; color:var(--text-2); margin-bottom:6px}
.kpi b{font-family:var(--f-display); font-weight:800; font-size:1.32rem; letter-spacing:-.03em; display:block}
.kpi u{text-decoration:none; font-size:.72rem; color:var(--mint)}
.kpi u.down{color:var(--amber)}
.mock-chart{padding:18px}
.mock-chart small{display:block; font-size:.72rem; color:var(--text-2); margin-bottom:12px}
.bars{display:flex; align-items:flex-end; gap:7px; height:92px}
.bars i{flex:1; border-radius:5px 5px 0 0; background:linear-gradient(180deg,var(--mint),rgba(55,224,160,.18))}
.bars i:last-child{background:linear-gradient(180deg,var(--amber),rgba(255,196,112,.2))}
.cap{font-size:.78rem; color:var(--text-2); text-align:center; margin-top:14px}

/* ---------- ticker ---------- */
.ticker{
  overflow:hidden; padding:22px 0; border-block:1px solid var(--line);
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
          mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.ticker-track{display:flex; gap:14px; width:max-content; animation:slide 34s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.ticker-track span{
  flex:0 0 auto; padding:9px 20px; border-radius:100px;
  border:1px solid var(--line); background:var(--surface);
  font-size:.92rem; font-weight:600; color:var(--text-2); white-space:nowrap;
}

/* ---------- pain list ---------- */
.pains{display:grid; gap:14px}
.pain{
  display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start;
  padding:24px 26px; border-radius:var(--r);
  background:var(--surface); border:1px solid var(--line);
  transition:border-color .2s, background .2s, transform .2s;
}
.pain:hover{border-color:rgba(255,196,112,.34); background:rgba(255,196,112,.04); transform:translateX(-4px)}
/* flex, not grid: centring a bare text node is better defined in flex.
   explicit child classes so no generic ".pain span" can outrank this box. */
.pain-x{
  width:38px; height:38px; flex:0 0 auto; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  background:var(--amber-dim); border:1px solid rgba(255,196,112,.28);
  color:var(--amber); font-size:1.05rem; font-weight:800; line-height:1;
}
.pain-body{display:block; min-width:0}
.pain-body b{display:block; font-family:var(--f-display); font-size:1.12rem; font-weight:700; margin-bottom:5px}
.pain-desc{display:block; color:var(--text-2); font-size:.98rem}

/* ---------- core flow ---------- */
.flow{display:grid; grid-template-columns:1fr auto auto auto 1fr; gap:clamp(10px,2vw,26px); align-items:center; margin-top:40px}
.flow-col{display:grid; gap:12px}
.node{
  padding:15px 18px; border-radius:var(--r-sm); text-align:center;
  background:var(--surface); border:1px solid var(--line);
  font-size:.95rem; font-weight:600; color:var(--text-2);
  transition:border-color .2s, color .2s;
}
.node:hover{border-color:var(--line-2); color:var(--text)}
.node--out{
  background:linear-gradient(135deg,rgba(164,147,255,.14),rgba(255,255,255,.02));
  border-color:rgba(164,147,255,.32); color:var(--violet);
}
.wire{height:2px; width:clamp(28px,5vw,74px); position:relative; border-radius:2px;
  background:repeating-linear-gradient(90deg,var(--line-2) 0 7px,transparent 7px 14px);
  background-size:14px 100%; animation:wire 1.1s linear infinite;
}
@keyframes wire{to{background-position:-14px 0}}
.core-hub{
  width:clamp(140px,17vw,182px); aspect-ratio:1; border-radius:50%;
  display:grid; place-items:center; text-align:center; padding:18px;
  background:radial-gradient(circle at 35% 28%,rgba(55,224,160,.32),rgba(8,13,12,.9) 68%);
  border:1.5px solid rgba(55,224,160,.5);
  box-shadow:0 0 60px -12px rgba(55,224,160,.55), inset 0 0 40px -18px rgba(55,224,160,.6);
  position:relative;
}
.core-hub::before{
  content:''; position:absolute; inset:-14px; border-radius:50%;
  border:1px solid rgba(55,224,160,.18); animation:pulse 3s ease-out infinite;
}
@keyframes pulse{0%{transform:scale(.94); opacity:.9}70%{transform:scale(1.12); opacity:0}100%{opacity:0}}
.core-hub b{display:block; font-family:var(--f-display); font-weight:900; font-size:1.3rem; color:var(--text)}
.core-hub span{display:block; font-size:.76rem; color:var(--text-2); margin-top:5px}
@media (max-width:820px){
  .flow{grid-template-columns:1fr; gap:14px; justify-items:center}
  .flow-col{width:100%}
  .wire{width:2px; height:34px; background:repeating-linear-gradient(180deg,var(--line-2) 0 7px,transparent 7px 14px); background-size:100% 14px; animation-name:wireY}
  @keyframes wireY{to{background-position:0 -14px}}
}

/* ---------- leadership duo ---------- */
.duo{display:grid; grid-template-columns:1fr 1fr; gap:20px}
@media (max-width:820px){ .duo{grid-template-columns:1fr} }
.duo .glass{padding:32px}
.duo-top{display:flex; align-items:center; gap:14px; margin-bottom:18px}
.duo-icon{
  width:52px; height:52px; border-radius:15px; display:grid; place-items:center; font-size:1.5rem;
  background:var(--mint-dim); border:1px solid rgba(55,224,160,.3);
}
.duo-icon--violet{background:var(--violet-dim); border-color:rgba(164,147,255,.3)}
.duo-tag{font-size:.78rem; color:var(--text-2); display:block; margin-top:3px; font-weight:600}
.asks{display:grid; gap:11px; margin-top:20px}
.asks li{
  padding:13px 17px; border-radius:var(--r-sm); font-size:.95rem; color:var(--text);
  background:var(--surface); border:1px solid var(--line); border-inline-start:2px solid var(--mint);
}
.checks{display:grid; gap:12px; margin-top:20px}
.checks li{position:relative; padding-inline-start:30px; color:var(--text-2); font-size:.97rem}
.checks li::before{
  content:''; position:absolute; inset-inline-start:0; top:.34em; width:19px; height:19px; border-radius:50%;
  background:var(--violet-dim); border:1px solid rgba(164,147,255,.4);
}
/* mask instead of rotated borders: the border trick mirrors wrong in RTL */
.checks li::after{
  content:''; position:absolute; inset-inline-start:4px; top:calc(.34em + 4px);
  width:11px; height:11px; background:var(--violet);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12l5 5 9-11'/%3E%3C/svg%3E") center/11px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12l5 5 9-11'/%3E%3C/svg%3E") center/11px no-repeat;
}

/* ---------- bento agents ---------- */
.bento{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.bento-item{
  padding:26px; border-radius:var(--r); position:relative; overflow:hidden;
  background:var(--surface); border:1px solid var(--line);
  transition:transform .22s ease, border-color .22s, background .22s;
}
.bento-item:hover{transform:translateY(-4px); border-color:rgba(55,224,160,.32); background:rgba(55,224,160,.045)}
.bento-item--w2{grid-column:span 2}
.bento-icon{font-size:1.7rem; line-height:1; margin-bottom:16px; display:block}
.bento-dom{
  display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.05em;
  color:var(--violet); background:var(--violet-dim); border:1px solid rgba(164,147,255,.24);
  padding:4px 11px; border-radius:100px; margin-bottom:12px;
}
.bento-item h3{margin-bottom:8px}
.bento-item p{margin:0; font-size:.94rem; color:var(--text-2); line-height:1.6}
@media (max-width:900px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-item--w2{grid-column:span 2}
}
@media (max-width:560px){
  .bento{grid-template-columns:1fr}
  .bento-item--w2{grid-column:span 1}
}

/* ---------- numbered steps ---------- */
.steps{display:grid; gap:16px; counter-reset:s}
.step{
  display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:start;
  padding:30px 32px; border-radius:var(--r);
  background:var(--surface); border:1px solid var(--line);
  transition:border-color .22s, background .22s;
}
.step:hover{border-color:rgba(55,224,160,.3); background:rgba(55,224,160,.04)}
.step::before{
  counter-increment:s; content:counter(s,decimal-leading-zero);
  font-family:var(--f-display); font-weight:900; font-size:clamp(2rem,4vw,3rem);
  line-height:.85; color:transparent;
  background:linear-gradient(160deg,var(--mint),rgba(55,224,160,.16));
  -webkit-background-clip:text; background-clip:text;
}
.step h3{margin-bottom:7px}
.step p{margin:0; color:var(--text-2); font-size:.98rem}
@media (max-width:560px){ .step{grid-template-columns:1fr; gap:10px; padding:24px 22px} }

/* ---------- versus / not-this ---------- */
.nots{display:grid; gap:16px}
.not{
  display:grid; grid-template-columns:auto 1fr; gap:20px; align-items:start;
  padding:26px 28px; border-radius:var(--r);
  background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--line);
}
.not-mark{
  width:40px; height:40px; flex:0 0 auto; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.05); border:1px solid var(--line-2);
  font-size:1.05rem; color:var(--text-2); line-height:1;
}
.not-body{display:block; min-width:0}
.not-body b{display:block; font-family:var(--f-display); font-size:1.14rem; font-weight:700; margin-bottom:5px}
.not-desc{display:block; color:var(--text-2); font-size:.97rem}

/* ---------- founder story ---------- */
.story{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(32px,5vw,64px); align-items:center}
@media (max-width:860px){ .story{grid-template-columns:1fr} }
.story-portrait{display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center}
@media (max-width:860px){ .story-portrait{flex-direction:row; text-align:start} }
.story-frame{
  width:min(280px,72%); aspect-ratio:4/5; border-radius:var(--r); overflow:hidden;
  border:1px solid rgba(55,224,160,.32);
  box-shadow:0 0 60px -20px rgba(55,224,160,.4), 0 30px 70px -30px rgba(0,0,0,.8);
}
@media (max-width:860px){ .story-frame{width:130px; aspect-ratio:1; flex:0 0 auto} }
.story-frame img{width:100%; height:100%; object-fit:cover; object-position:center top; display:block}
.story-id b{display:block; font-family:var(--f-display); font-weight:800; font-size:1.15rem}
.story-id span{display:block; color:var(--text-2); font-size:.9rem; margin-top:4px}
.story-copy p{color:var(--text-2); font-size:1.02rem; line-height:1.75}
.story-copy p:first-of-type{margin-top:0}
.story-quote{
  margin:26px 0; padding:4px 26px 4px 0; border-inline-start:3px solid var(--mint);
  font-family:var(--f-display); font-weight:500; font-size:1.08rem; color:var(--text); line-height:1.6;
}

/* ---------- disclosure ---------- */
.disclosure{
  display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start;
  padding:24px 26px; border-radius:var(--r); margin-top:34px;
  background:var(--surface); border:1px dashed var(--line-2);
  font-size:.94rem; color:var(--text-2); line-height:1.7;
}
.disclosure svg{width:22px; height:22px; stroke:var(--text-2); fill:none; stroke-width:1.6}
.disclosure b{color:var(--text)}

/* ---------- form ---------- */
.form{
  background:var(--surface); border:1px solid var(--line-2); border-radius:var(--r);
  padding:clamp(24px,4vw,36px); display:grid; gap:20px;
}
.field{display:grid; gap:8px}
.field > label{font-family:var(--f-display); font-weight:700; font-size:.92rem; color:var(--text)}
.field > label .req{color:var(--mint)}
.field input[type="text"],.field input[type="tel"],.field input[type="email"],.field select,.field textarea{
  width:100%; padding:13px 15px; font-family:var(--f-body); font-size:1rem;
  color:var(--text); background:var(--bg); border:1px solid var(--line-2);
  border-radius:var(--r-sm); transition:border-color .15s;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint); outline:none}
.field select{appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%); background-position:left 20px center,left 15px center; background-size:5px 5px; background-repeat:no-repeat}
.form .btn{width:100%}

/* ---------- FAQ accordion ---------- */
.faq{display:grid; gap:0; max-width:820px; margin-inline:auto; border-top:1px solid var(--line)}
.faq details{background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; overflow:hidden}
.faq summary{cursor:pointer; padding:22px 4px; font-family:var(--f-display); font-weight:700; font-size:1.02rem; list-style:none; display:flex; align-items:center; gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+'; margin-inline-start:auto; color:var(--mint); font-size:1.4rem; line-height:1; font-weight:400}
.faq details[open] summary::after{content:'−'}
.faq details[open] summary{border-bottom:0; padding-bottom:8px}
.faq .answer{padding:0 4px 24px; color:var(--text-2); font-size:.98rem; line-height:1.7}

/* ---------- final cta ---------- */
.cta-band{
  position:relative; overflow:hidden; text-align:center;
  padding:clamp(48px,7vw,84px) clamp(26px,5vw,60px); border-radius:28px;
  background:
    radial-gradient(700px 340px at 50% 0%, rgba(55,224,160,.18), transparent 66%),
    linear-gradient(165deg,#0F1918,#0A100F);
  border:1px solid rgba(55,224,160,.24);
}
.cta-band .cta-row{justify-content:center}
.cta-band .lead{max-width:64ch; margin-inline:auto}
.scarce{
  display:inline-flex; align-items:center; gap:9px; margin-top:26px;
  font-size:.87rem; color:var(--amber);
  background:var(--amber-dim); border:1px solid rgba(255,196,112,.26);
  padding:9px 20px; border-radius:100px;
}

/* ---------- footer ---------- */
.lp-foot{border-top:1px solid var(--line); padding:34px 0; font-size:.87rem; color:var(--text-2)}
.lp-foot .wrap{display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center}
.lp-foot a{color:var(--text-2)}
.lp-foot a:hover{color:var(--mint)}

/* ---------- sticky mobile cta ---------- */
.sticky-cta{
  position:fixed; inset-inline:0; bottom:0; z-index:30; display:none; gap:10px; padding:12px var(--gut);
  background:rgba(8,13,12,.92); backdrop-filter:blur(14px); border-top:1px solid var(--line);
}
.sticky-cta .btn{flex:1}
@media (max-width:720px){
  .sticky-cta{display:flex}
  body{padding-bottom:82px}
  .lp-head .btn{display:none}
}

/* ---------- reveal on scroll ---------- */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1; transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important; transition:none !important}
  .reveal{opacity:1; transform:none}
  html{scroll-behavior:auto}
}

/* focus visibility */
:focus-visible{outline:2px solid var(--mint); outline-offset:3px; border-radius:4px}