/* ============================================================
   AI BUSINESS — עדן ביבס · Premium Landing v2
   Futurism · Gold × Emerald · RTL
   ============================================================ */

@font-face { font-family:"Futurism"; src:url("fonts/Futurism-Black.woff2") format("woff2"),url("fonts/Futurism-Black.woff") format("woff"); font-weight:900; font-display:swap; }
@font-face { font-family:"Futurism"; src:url("fonts/Futurism-Regular.woff2") format("woff2"),url("fonts/Futurism-Regular.woff") format("woff"); font-weight:400; font-display:swap; }
@font-face { font-family:"Futurism"; src:url("fonts/Futurism-Light.woff2") format("woff2"),url("fonts/Futurism-Light.woff") format("woff"); font-weight:300; font-display:swap; }

:root {
  --bg:#07100c; --bg-2:#0a160f; --door:#0c1512;
  --ivory:#f4efe2; --ink:#101a14;
  --gold:#d9b65a; --gold-soft:#ecd79e; --gold-deep:#a8842f; --gold-line:rgba(217,182,90,.30);
  --green:#2f8f5e; --green-soft:#54bd88; --green-deep:#103a26; --green-glow:rgba(84,189,136,.4);
  --t-hi:#f4efe2; --t-mid:rgba(244,239,226,.72); --t-low:rgba(244,239,226,.42);
  --gold-grad:linear-gradient(118deg,#f3e0aa 0%,#d9b65a 48%,#a8842f 100%);
  --green-grad:linear-gradient(120deg,#6ccf9b,#2f8f5e 60%,#14582f);
  --maxw:1180px;
  --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --sans:"Futurism","Heebo",system-ui,sans-serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:clip; }
body {
  font-family:var(--sans); background:var(--bg); color:var(--t-hi);
  direction:rtl; text-align:right; overflow-x:clip; -webkit-font-smoothing:antialiased;
  line-height:1.62; font-weight:400;
}
img { max-width:100%; display:block; }
.wrap { width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(20px,5vw,52px); }
section { position:relative; }

/* ============================================================
   LOADER — luxury doors
   ============================================================ */
body.loading { overflow:hidden; height:100svh; }
#loader { position:fixed; inset:0; z-index:9999; }
#loader.gone { display:none; }
.door {
  position:absolute; top:0; bottom:0; width:50.2vw; background:var(--door); z-index:2;
  transition:transform 1.05s cubic-bezier(.76,0,.24,1);
  overflow:hidden;
}
.door::before { /* faint grid printed on doors */
  content:""; position:absolute; inset:0;
  background:linear-gradient(rgba(217,182,90,.05) 1px,transparent 1px) 0 0/100% 56px,
             linear-gradient(90deg,rgba(217,182,90,.05) 1px,transparent 1px) 0 0/56px 100%;
}
.door::after { /* center glow on each door half */
  content:""; position:absolute; inset:0;
}
.door--r { right:0; }
.door--l { left:0; }
.door--r::after { background:radial-gradient(120% 90% at 0% 50%,rgba(84,189,136,.07),transparent 60%); }
.door--l::after { background:radial-gradient(120% 90% at 100% 50%,rgba(217,182,90,.07),transparent 60%); }
.door--r .seam, .door--l .seam {}
/* gold seam line at the meeting point */
#loader .seam {
  position:absolute; top:0; bottom:0; left:50%; width:2px; transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,var(--gold) 30%,var(--gold-soft) 50%,var(--gold) 70%,transparent);
  z-index:4; opacity:.85; box-shadow:0 0 22px 2px rgba(217,182,90,.5);
  transition:opacity .5s var(--ease);
}
.loader__center {
  position:absolute; inset:0; z-index:5; display:grid; place-items:center;
  transition:opacity .5s var(--ease);
}
.loader__logo { position:relative; text-align:center; }
.loader__logo .lm {
  font-family:"Futurism","Heebo",sans-serif; font-weight:900; line-height:1;
  font-size:clamp(40px,9vw,110px); letter-spacing:-.02em; position:relative;
}
.loader__logo .lm .base { color:rgba(244,239,226,.10); }
.loader__logo .lm .fill {
  position:absolute; inset:0;
  background:linear-gradient(112deg,#f3e0aa,#d9b65a 42%,#54bd88);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  clip-path:inset(0 100% 0 0); filter:drop-shadow(0 0 26px rgba(217,182,90,.4));
  animation:lmFill 2.2s var(--ease) .25s forwards;
}
@keyframes lmFill { to { clip-path:inset(0 0 0 0); } }
.loader__logo .tagline {
  margin-top:18px; font-weight:300; letter-spacing:.42em; font-size:clamp(10px,1.5vw,14px);
  color:var(--gold-soft); opacity:0; animation:tagIn .8s var(--ease) 1.4s forwards;
}
@keyframes tagIn { to { opacity:.9; } }
/* states */
#loader { transition:opacity .55s var(--ease); }
#loader.fade { opacity:0; pointer-events:none; }

/* ============================================================
   GLOBAL CURSOR SPOTLIGHT
   ============================================================ */
#spot {
  position:fixed; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(circle 280px at var(--mx,50%) var(--my,30%),rgba(217,182,90,.10),transparent 62%);
  opacity:0; transition:opacity .6s; mix-blend-mode:screen;
}
body.spot-on #spot { opacity:1; }

/* ============================================================
   TYPE / SHARED
   ============================================================ */
h1,h2,h3 { font-weight:900; line-height:1.06; letter-spacing:-.015em; }
.gold-text { background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.gold-solid { color:var(--gold); -webkit-text-fill-color:var(--gold); }
.green-text { background:var(--green-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.lead { font-weight:300; font-size:clamp(17px,2.1vw,22px); color:var(--t-mid); line-height:1.62; }

.eyebrow {
  display:inline-flex; align-items:center; gap:.7em; font-weight:700;
  font-size:clamp(12px,1.4vw,14px); letter-spacing:.2em; color:var(--gold); text-transform:none;
}
.eyebrow::before { content:""; width:26px; height:1px; background:var(--gold-grad); }

.sec { padding-block:clamp(84px,11vw,150px); }
.sec--green { background:radial-gradient(120% 90% at 82% -10%,rgba(84,189,136,.14),transparent 55%),linear-gradient(180deg,#0a1a12,#0b1d14); }
.sec--ivory { background:var(--ivory); color:var(--ink); }
.sec--ivory .lead { color:rgba(16,26,20,.66); }
.edge-top { position:absolute; inset-inline:0; top:0; height:1px; background:var(--gold-line); }

/* placeholders */
.ph { font-family:ui-monospace,monospace; font-size:12px; letter-spacing:.06em; color:var(--t-low); text-transform:uppercase; }
.sec--ivory .ph { color:rgba(16,26,20,.4); }
.ph-band { margin-top:34px; border-radius:16px; aspect-ratio:16/6; border:1px solid var(--gold-line);
  background-image:repeating-linear-gradient(135deg,rgba(217,182,90,.07) 0 16px,transparent 16px 32px);
  display:grid; place-items:center; }

/* ============================================================
   BUTTONS
   ============================================================ */
.btn {
  --pad:19px 40px; position:relative; display:inline-flex; align-items:center; gap:.6em;
  font-family:var(--sans); font-weight:900; font-size:clamp(16px,1.8vw,19px);
  padding:var(--pad); border:none; border-radius:999px; cursor:pointer; color:#1a1409;
  background:var(--gold-grad); text-decoration:none; overflow:hidden;
  box-shadow:0 14px 44px -12px rgba(217,182,90,.7),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);
}
.btn .arr { transition:transform .4s var(--ease); }
.btn::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%); transform:translateX(-130%); transition:transform .9s var(--ease); }
.btn:hover { transform:translateY(-3px); box-shadow:0 22px 60px -12px rgba(217,182,90,.85),inset 0 1px 0 rgba(255,255,255,.55); }
.btn:hover .arr { transform:translateX(-6px); }
.btn:hover::after { transform:translateX(130%); }
.btn--lg { --pad:23px 54px; font-size:clamp(18px,2.1vw,22px); }

/* ============================================================
   REVEAL
   ============================================================ */
.reveal { opacity:0; transform:translateY(34px); transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out); }
.reveal.in { opacity:1; transform:none; }
.reveal[data-d="1"]{transition-delay:.1s;} .reveal[data-d="2"]{transition-delay:.22s;}
.reveal[data-d="3"]{transition-delay:.34s;} .reveal[data-d="4"]{transition-delay:.46s;} .reveal[data-d="5"]{transition-delay:.58s;}
.slide-right { opacity:0; transform:translateX(16%); transition:opacity 1s var(--ease-out),transform 1.2s var(--ease-out); }
.slide-right.in { opacity:1; transform:none; }

/* word fade */
.sfade .w { color:rgba(244,239,226,.14); transition:color .25s linear; }
.sfade .w.lit { color:var(--t-hi); }
.sfade .w.gold { background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* ============================================================
   1 · HERO
   ============================================================ */
.hero {
  position:relative;
  min-height:100svh; display:grid; place-items:center; text-align:center; overflow:hidden;
  isolation:isolate; padding-block:clamp(120px,14vh,170px);
}
.hero__grid {
  position:absolute; inset:0; z-index:-3;
  background:linear-gradient(var(--gold-line) 1px,transparent 1px) 0 0/100% 58px,
             linear-gradient(90deg,var(--gold-line) 1px,transparent 1px) 0 0/58px 100%;
  -webkit-mask-image:radial-gradient(125% 100% at 50% 34%,#000 6%,transparent 72%);
  mask-image:radial-gradient(125% 100% at 50% 34%,#000 6%,transparent 72%);
  opacity:.5; animation:gridPan 28s linear infinite;
}
@keyframes gridPan { to { background-position:0 -58px,-58px 0; } }
.hero__beam {
  position:absolute; z-index:-3; top:-12%; left:50%; transform:translateX(-50%);
  width:80vw; height:80vw; max-width:840px; max-height:840px;
  background:radial-gradient(circle,rgba(217,182,90,.22),rgba(84,189,136,.10) 38%,transparent 66%);
  filter:blur(18px); animation:beat 7s var(--ease) infinite;
}
@keyframes beat { 0%,100%{opacity:.8;transform:translateX(-50%) scale(1);} 50%{opacity:1;transform:translateX(-50%) scale(1.08);} }
.hero__floor {
  position:absolute; z-index:-3; left:50%; bottom:-4vh; width:240vw; height:58vh;
  transform:translateX(-50%) perspective(440px) rotateX(63deg); transform-origin:bottom center;
  background:linear-gradient(var(--green-glow) 1px,transparent 1px) 0 0/100% 48px,
             linear-gradient(90deg,rgba(217,182,90,.26) 1px,transparent 1px) 0 0/48px 100%;
  -webkit-mask-image:linear-gradient(transparent,#000 72%); mask-image:linear-gradient(transparent,#000 72%);
  opacity:.5; animation:floorRun 8s linear infinite;
}
@keyframes floorRun { to { background-position:0 48px,0 0; } }
.hero__orbits { position:absolute; inset:0; z-index:-2; pointer-events:none; }
.orb { position:absolute; top:50%; left:50%; border-radius:50%; border:1px solid var(--gold-line); transform:translate(-50%,-50%); }
.orb.o1 { width:520px; height:520px; animation:spin 40s linear infinite; opacity:.4; }
.orb.o2 { width:780px; height:780px; animation:spin 66s linear infinite reverse; opacity:.24; }
.orb.o3 { width:1060px; height:1060px; opacity:.12; }
.orb i { position:absolute; top:-5px; left:50%; width:9px; height:9px; border-radius:50%; background:var(--gold); box-shadow:0 0 16px 3px rgba(217,182,90,.8); }
@keyframes spin { to { transform:translate(-50%,-50%) rotate(360deg); } }

.hero__kicker { max-width:720px; margin:0 auto 26px; font-weight:300; font-size:clamp(14px,1.8vw,18px); color:var(--gold-soft); letter-spacing:.01em; }
.hero__title { font-size:clamp(30px,5.4vw,68px); font-weight:900; letter-spacing:-.02em; color:var(--ivory); will-change:transform; }
.hero__title .dots { color:var(--gold); }
.hero__brand { margin-top:30px; font-weight:900; font-size:clamp(46px,11vw,140px); letter-spacing:-.03em; line-height:.92; }
.hero__brand img { display:block; margin-inline:auto; width:clamp(280px,56vw,640px); height:auto; }
.hero__sub { max-width:680px; margin:26px auto 0; font-weight:300; font-size:clamp(16px,2vw,21px); color:var(--t-mid); }
.hero__cta { margin-top:40px; }
.hero__mock { margin:clamp(48px,7vw,86px) auto 0; width:min(940px,94%); }
.mockframe { border-radius:18px; overflow:hidden; border:1px solid var(--gold-line); background:linear-gradient(160deg,#0e1d15,#0a140e);
  box-shadow:0 50px 120px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(217,182,90,.4); }
.mock-bar { display:flex; gap:8px; padding:14px 18px; border-bottom:1px solid rgba(217,182,90,.14); }
.mock-bar i { width:11px; height:11px; border-radius:50%; background:rgba(244,239,226,.16); }
.mock-bar i:first-child { background:var(--gold); }
.mock-body { aspect-ratio:16/9; display:grid; place-items:center; background-image:repeating-linear-gradient(135deg,rgba(217,182,90,.06) 0 14px,transparent 14px 28px); }
.scroll-cue { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:grid; place-items:center; gap:8px; color:var(--t-low); font-weight:300; font-size:12px; letter-spacing:.2em; }
.scroll-cue .line { width:1px; height:46px; background:linear-gradient(var(--gold),transparent); position:relative; overflow:hidden; }
.scroll-cue .line::after { content:""; position:absolute; top:-46px; left:0; width:1px; height:46px; background:var(--gold-soft); animation:cue 2s var(--ease) infinite; }
@keyframes cue { to { top:46px; } }

/* ============================================================
   2 · LAYOFFS
   ============================================================ */
.layoffs__head { text-align:center; max-width:860px; margin:0 auto clamp(46px,6vw,70px); }
.layoffs__head h2 { font-size:clamp(30px,5vw,58px); margin-top:20px; }
.layoff-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.layoff { padding:0 0 30px; border-radius:18px; overflow:hidden; border:1px solid rgba(244,239,226,.08); background:linear-gradient(165deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); }
.layoff__media { aspect-ratio:16/10; display:grid; place-items:center; border-bottom:1px solid rgba(217,182,90,.12);
  background-image:repeating-linear-gradient(135deg,rgba(217,182,90,.07) 0 14px,transparent 14px 28px); }
.layoff .num { font-size:clamp(40px,5.6vw,64px); font-weight:900; line-height:1; margin:22px 28px 8px; }
.layoff .lbl { color:var(--t-mid); font-weight:300; font-size:16px; padding-inline:28px; }
.layoffs__q { text-align:center; margin-top:clamp(46px,6vw,72px); font-weight:900; font-size:clamp(24px,3.6vw,40px); line-height:1.25; }

/* ============================================================
   3 · ACCELERATION
   ============================================================ */
.accel { text-align:center; }
.accel__lead { max-width:880px; margin:24px auto 0; font-weight:900; font-size:clamp(24px,3.6vw,42px); line-height:1.2; }
.mega { margin:clamp(40px,6vw,72px) auto clamp(34px,4vw,52px); }
.mega .x { font-size:clamp(80px,18vw,230px); font-weight:900; line-height:.84; letter-spacing:-.04em; }
.marquee { overflow:hidden; padding-block:6px; direction:ltr; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.marquee__track { display:flex; gap:60px; width:max-content; direction:ltr; animation:scrollX 50s linear infinite; }
.marquee:hover .marquee__track { animation-play-state:paused; }
.marquee__track span { font-weight:900; font-size:clamp(22px,3.2vw,38px); color:rgba(244,239,226,.3); white-space:nowrap; transition:color .3s; }
.marquee__track span.dot { color:var(--gold); }
.marquee__track span:hover { color:var(--gold); }
@keyframes scrollX { to { transform:translateX(-50%); } }
.accel__after { max-width:840px; margin-top:clamp(46px,6vw,72px); }
.accel__note { font-weight:900; font-size:clamp(20px,3vw,30px); }
.accel__after .lead { margin-top:20px; }

/* ============================================================
   4 · GAP
   ============================================================ */
.gap__inner { max-width:860px; text-align:center; margin-inline:auto; }
.gap__q { font-weight:900; font-size:clamp(24px,3.6vw,40px); line-height:1.25; }
.gap__sfade { margin-top:34px; font-weight:900; font-size:clamp(22px,3.4vw,38px); line-height:1.32; }
.codeblock { margin:clamp(34px,4vw,48px) auto; max-width:680px; text-align:right; border-radius:14px; overflow:hidden; border:1px solid var(--gold-line); background:#08120d; box-shadow:0 30px 70px -40px rgba(0,0,0,.9); }
.codeblock__bar { display:flex; align-items:center; gap:8px; padding:12px 16px; border-bottom:1px solid rgba(217,182,90,.14); background:rgba(255,255,255,.02); }
.codeblock__bar i { width:11px; height:11px; border-radius:50%; background:rgba(244,239,226,.18); }
.codeblock__bar i:first-child { background:#e0807a; } .codeblock__bar i:nth-child(2){ background:var(--gold); } .codeblock__bar i:nth-child(3){ background:var(--green-soft); }
.codeblock__bar span { margin-inline-start:auto; font-family:ui-monospace,monospace; font-size:12px; color:var(--t-low); direction:ltr; }
.codeblock__body { padding:22px 20px; font-family:ui-monospace,monospace; font-size:14px; line-height:2; direction:ltr; text-align:left; min-height:120px; }
.codeblock__body .cmt { color:var(--t-low); display:block; }
.codeblock__body .ln { color:var(--t-mid); display:block; }
.codeblock__body .tok-k { color:var(--gold-soft); }
.codeblock__body .cur { display:inline-block; width:9px; background:var(--gold); color:transparent; animation:blink 1.1s steps(1) infinite; }
@keyframes blink { 50% { opacity:0; } }
.gap__cute { font-weight:300; font-size:clamp(22px,3vw,32px); color:var(--gold-soft); }
.gap__big { margin-top:26px; font-weight:900; font-size:clamp(22px,3.4vw,42px); line-height:1.2; text-wrap:balance; }
.gap__pivot { margin-top:clamp(40px,5vw,64px); font-weight:900; font-size:clamp(24px,3.4vw,40px); }

/* ============================================================
   CHECK LISTS
   ============================================================ */
.checks { display:grid; gap:14px; max-width:760px; margin-inline:auto; }
.checks.wide { max-width:920px; }
.check { display:flex; gap:18px; align-items:flex-start; padding:20px 24px; border-radius:14px;
  background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); border:1px solid rgba(244,239,226,.07);
  transition:border-color .4s,transform .4s,background .4s; }
.check:hover { border-color:var(--gold-line); transform:translateX(-6px); background:linear-gradient(165deg,rgba(217,182,90,.07),rgba(255,255,255,.012)); }
.check .ico { flex:0 0 auto; width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:rgba(84,189,136,.12); border:1px solid rgba(84,189,136,.3); }
.check .ico svg { width:22px; height:22px; }
.check .txt { padding-top:9px; font-weight:400; font-size:clamp(16px,2vw,19px); color:var(--t-hi); }
.check--pain .ico { background:rgba(217,182,90,.1); border-color:var(--gold-line); }
.draw { stroke-dasharray:40; stroke-dashoffset:40; }
.in .draw { animation:draw .9s var(--ease-out) forwards; }
@keyframes draw { to { stroke-dashoffset:0; } }
.benefits .checks { max-width:680px; }

/* ============================================================
   6 · SUCCEED
   ============================================================ */
.succeed__inner { max-width:880px; text-align:center; margin-inline:auto; }
.succeed__q { font-size:clamp(28px,4.6vw,54px); }
.succeed__ab { margin-top:38px; display:grid; gap:6px; }
.succeed__ab .qline { font-weight:300; font-size:clamp(20px,2.8vw,28px); color:var(--t-mid); }
.succeed__ab .noline { font-weight:900; font-size:clamp(30px,5vw,56px); color:#e0807a; }
.succeed__ab .yesline { font-weight:900; font-size:clamp(24px,3.6vw,42px); }

/* ============================================================
   7 · VALUE + COINS
   ============================================================ */
.value { overflow:hidden; }
.value__inner { max-width:820px; text-align:center; margin-inline:auto; position:relative; z-index:1; }
.value .eyebrow { justify-content:center; font-weight:900; font-size:clamp(18px,2.6vw,26px); color:var(--gold-soft); }
.value .eyebrow::before { display:none; }
.value__list { list-style:none; margin:36px auto 0; display:grid; gap:12px; max-width:640px; }
.value__list li { position:relative; padding:14px 22px; border-radius:12px; font-weight:400; font-size:clamp(17px,2.2vw,21px);
  background:rgba(255,255,255,.03); border:1px solid rgba(244,239,226,.06); }
.value__close { margin-top:36px; font-weight:900; font-size:clamp(20px,3vw,30px); }
.coins { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.coin { position:absolute; border-radius:50%; background:radial-gradient(circle at 35% 30%,#f6e6b0,#d9b65a 55%,#9c7a2c);
  box-shadow:0 8px 24px -6px rgba(168,132,47,.6),inset 0 2px 4px rgba(255,255,255,.5),inset 0 -4px 8px rgba(120,90,25,.5);
  border:1px solid rgba(255,255,255,.25); opacity:.85; will-change:transform; }
.coin::after { content:"₪"; position:absolute; inset:0; display:grid; place-items:center; color:rgba(120,90,25,.55); font-weight:900; font-size:.5em; }

/* ============================================================
   8 · FOR WHO
   ============================================================ */
.forwho__head { text-align:center; font-size:clamp(30px,5vw,56px); margin-bottom:clamp(40px,5vw,60px); }

/* ============================================================
   9 · STORY + INTRO
   ============================================================ */
.story__inner { max-width:880px; text-align:center; margin-inline:auto; }
.story__lead { font-weight:300; font-size:clamp(18px,2.6vw,26px); color:var(--t-mid); line-height:1.5; }
.story__make { margin-top:28px; font-weight:900; font-size:clamp(24px,3.8vw,44px); line-height:1.2; }
.intro__pre { margin-top:clamp(56px,7vw,90px); font-weight:300; letter-spacing:.04em; font-size:clamp(16px,2vw,20px); color:var(--gold-soft); }
.intro__brand { font-weight:900; font-size:clamp(60px,15vw,180px); line-height:.9; letter-spacing:-.03em; margin-top:10px; }
.intro__brand img { display:block; margin-inline:auto; width:clamp(300px,64vw,760px); height:auto; }

/* ============================================================
   10 · FEATURES
   ============================================================ */
.features__head { text-align:center; font-size:clamp(28px,4.4vw,50px); max-width:820px; margin:0 auto clamp(40px,5vw,62px); }
.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.feat { position:relative; padding:34px 30px 34px; border-radius:20px; overflow:hidden;
  background:linear-gradient(170deg,rgba(255,255,255,.045),rgba(255,255,255,.01)); border:1px solid rgba(244,239,226,.08);
  transition:transform .5s var(--ease-out),border-color .5s; }
.feat:hover { transform:translateY(-8px); border-color:var(--gold-line); }
.feat::after { content:""; position:absolute; inset:0; opacity:0; transition:opacity .5s; background:radial-gradient(70% 50% at 50% 0%,rgba(217,182,90,.14),transparent 60%); }
.feat:hover::after { opacity:1; }
.feat .tag { display:inline-block; font-weight:700; font-size:12px; letter-spacing:.08em; color:#1a1409; background:var(--gold-grad); padding:5px 12px; border-radius:999px; margin-bottom:20px; }
.feat .ficon { width:56px; height:56px; margin-bottom:18px; }
.feat h3 { font-size:clamp(22px,2.8vw,28px); }
.feat p { margin-top:14px; color:var(--t-mid); font-weight:300; font-size:16px; }
.feat .feat__note { color:var(--gold-soft); font-weight:400; }
.feat .ph-img { margin-top:22px; border-radius:12px; aspect-ratio:16/10; border:1px solid var(--gold-line); background-image:repeating-linear-gradient(135deg,rgba(217,182,90,.07) 0 14px,transparent 14px 28px); display:grid; place-items:center; }
.feat .ph-img span { font-family:ui-monospace,monospace; font-size:11px; color:var(--t-low); }

/* ============================================================
   11 · CAPABILITIES (sticky reveal)
   ============================================================ */
.caps { background:var(--bg-2); padding-block:0; }
.caps__stage { height:340vh; position:relative; }
.caps__sticky { position:sticky; top:0; height:100svh; display:flex; align-items:center; }
.caps__layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(30px,5vw,70px); align-items:center; width:100%; }
.caps__head h2 { font-size:clamp(26px,3.4vw,42px); margin-top:18px; }
.caps__progress { margin-top:30px; display:flex; align-items:center; gap:16px; }
.caps__progress .caps__bar { position:relative; flex:1; height:4px; border-radius:999px; background:rgba(244,239,226,.12); overflow:hidden; }
.caps__progress .caps__bar::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--cp,11%); background:var(--gold-grad); border-radius:999px; transition:width .4s var(--ease); }
.caps__count { font-weight:300; font-size:14px; color:var(--t-low); white-space:nowrap; }
.caps__count b { color:var(--gold); font-weight:900; font-size:20px; }
.caps__list { list-style:none; display:grid; gap:10px; }
.caps__list li { display:flex; gap:18px; align-items:baseline; padding:14px 4px; opacity:.28; transform:translateX(10px);
  transition:opacity .45s var(--ease),transform .45s var(--ease); border-bottom:1px solid rgba(244,239,226,.06); }
.caps__list li .n { font-weight:900; font-size:clamp(18px,2vw,22px); color:var(--t-low); flex:0 0 auto; transition:color .4s; }
.caps__list li .t { font-weight:400; font-size:clamp(16px,2vw,21px); color:var(--t-hi); line-height:1.35; }
.caps__list li.active { opacity:1; transform:none; }
.caps__list li.active .n { color:var(--gold); }
.caps__list li.active .t { font-weight:700; }
.caps__list li.past { opacity:.5; }
.caps__cta { text-align:center; padding-block:clamp(70px,9vw,110px); }

/* ============================================================
   12 · PRICING
   ============================================================ */
.price { overflow:hidden; }
.price__inner { max-width:880px; text-align:center; margin-inline:auto; position:relative; z-index:1; }
.price__head { font-size:clamp(28px,4.6vw,52px); }
.price__drop { margin-top:18px; font-weight:900; font-size:clamp(22px,3vw,32px); color:#e0807a; }
.price__two { margin-top:clamp(40px,5vw,60px); }
.price__twoTitle { font-weight:700; font-size:clamp(18px,2.4vw,24px); }
.price__pillars { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; text-align:right; }
.pillar { display:flex; gap:16px; padding:24px; border-radius:16px; background:rgba(255,255,255,.03); border:1px solid rgba(244,239,226,.08); }
.pillar .pn { flex:0 0 auto; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; font-weight:900; color:#1a1409; background:var(--gold-grad); }
.pillar p { font-weight:300; font-size:16px; color:var(--t-mid); } .pillar p b { color:var(--t-hi); font-weight:900; }
.price-card { position:relative; max-width:560px; margin:clamp(40px,5vw,60px) auto 0; border-radius:26px; padding:clamp(34px,4vw,52px) clamp(28px,4vw,46px);
  background:linear-gradient(170deg,#102619,#0a150e); border:1px solid var(--gold-line); overflow:hidden;
  box-shadow:0 50px 120px -50px rgba(0,0,0,.9),0 0 80px -40px rgba(217,182,90,.45); }
.price-card::before { content:""; position:absolute; inset:0; background:radial-gradient(80% 50% at 50% 0%,rgba(217,182,90,.16),transparent 60%); }
.price-card>* { position:relative; }
.ribbon { display:inline-block; font-weight:900; letter-spacing:.04em; font-size:13px; color:#1a1409; background:var(--gold-grad); padding:8px 18px; border-radius:999px; }
.price-card__sub { margin-top:20px; font-weight:300; font-size:15px; color:var(--t-mid); }
.timer { display:flex; gap:10px; justify-content:center; margin:22px 0 8px; }
.timer .cell { min-width:74px; padding:12px 8px; border-radius:12px; border:1px solid var(--gold-line); background:rgba(0,0,0,.25); }
.timer .cell b { display:block; font-size:clamp(26px,4vw,38px); font-weight:900; line-height:1; }
.timer .cell span { font-weight:300; font-size:11px; letter-spacing:.1em; color:var(--t-low); }
.price-row { display:flex; align-items:center; gap:14px; justify-content:center; margin:26px 0 6px; }
.price-row .old { font-size:clamp(24px,3.4vw,34px); color:var(--t-low); text-decoration:line-through; text-decoration-color:rgba(224,128,122,.7); }
.price-row .new { font-size:clamp(64px,12vw,118px); font-weight:900; line-height:.86; }
.price-row .cur { font-weight:700; font-size:clamp(15px,2vw,18px); color:var(--gold-soft); text-align:right; line-height:1.2; }
.terms { color:var(--t-mid); font-weight:300; font-size:14px; margin-top:14px; }
.terms.small { color:var(--t-low); font-size:12px; margin-top:6px; }

/* ============================================================
   FORM (bold / inviting)
   ============================================================ */
.formsec { padding-block:clamp(70px,9vw,120px); }
.form-card { position:relative; max-width:560px; margin:0 auto; border-radius:26px; padding:clamp(32px,4.4vw,52px); text-align:center; overflow:hidden;
  background:linear-gradient(170deg,#10271a,#0a150e); border:1px solid var(--gold-line);
  box-shadow:0 50px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(217,182,90,.08),0 0 70px -34px rgba(217,182,90,.5); }
.form-card::before { content:""; position:absolute; inset:-2px; border-radius:28px; padding:2px; background:linear-gradient(130deg,rgba(217,182,90,.6),transparent 40%,transparent 60%,rgba(84,189,136,.5)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.8; }
.form-card>* { position:relative; }
.form-card .form-badge { display:inline-flex; align-items:center; gap:8px; font-weight:900; font-size:13px; letter-spacing:.06em; color:#1a1409; background:var(--gold-grad); padding:8px 18px; border-radius:999px; box-shadow:0 0 0 0 rgba(217,182,90,.5); animation:pulse 2.4s var(--ease) infinite; }
.form-card h3 { margin-top:20px; font-size:clamp(22px,3.2vw,30px); line-height:1.25; }
.form-card .form-fields { margin-top:26px; display:grid; gap:14px; text-align:right; }
.form-card .field label { display:block; font-weight:300; font-size:13px; color:var(--t-mid); margin-bottom:7px; }
.form-card input { width:100%; padding:17px 18px; border-radius:13px; border:1px solid rgba(244,239,226,.16); background:rgba(0,0,0,.28); color:var(--t-hi); font-family:var(--sans); font-weight:400; font-size:16px; transition:border-color .3s,box-shadow .3s; }
.form-card input::placeholder { color:var(--t-low); }
.form-card input:focus { outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(217,182,90,.16); }
.form-card .btn { width:100%; justify-content:center; margin-top:8px; }
.form-card .form-trust { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:18px; font-weight:300; font-size:13px; color:var(--t-low); }
.form-card .form-trust span { display:inline-flex; align-items:center; gap:6px; }
.form-card .form-trust svg { width:15px; height:15px; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(217,182,90,.45);} 70%{box-shadow:0 0 0 16px rgba(217,182,90,0);} 100%{box-shadow:0 0 0 0 rgba(217,182,90,0);} }

/* ============================================================
   13 · ABOUT
   ============================================================ */
.about-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(34px,6vw,70px); align-items:center; }
.about-photo { border-radius:20px; aspect-ratio:4/5; overflow:hidden; border:1px solid rgba(16,26,20,.16); background-color:rgba(16,26,20,.03); background-image:repeating-linear-gradient(135deg,rgba(16,26,20,.07) 0 16px,transparent 16px 32px); display:grid; place-items:center; }
.about-copy h2 { font-size:clamp(34px,5vw,60px); color:var(--ink); }
.about-copy p { margin-top:20px; font-weight:300; font-size:clamp(17px,2.1vw,20px); color:rgba(16,26,20,.7); }
.about-copy p b { font-weight:900; color:var(--ink); }
.about-copy .big-q { font-weight:700; font-size:clamp(20px,2.8vw,28px); color:var(--ink); }
.about-rows { margin-top:clamp(50px,7vw,80px); display:grid; gap:18px; }
.about-row { display:grid; grid-template-columns:200px 1fr; gap:28px; align-items:center; padding:18px; border-radius:18px; border:1px solid rgba(16,26,20,.1); background:rgba(16,26,20,.02); }
.about-row.reverse { grid-template-columns:1fr 200px; }
.about-row.reverse .about-row__media { order:2; }
.about-row__media { aspect-ratio:4/3; border-radius:12px; border:1px solid rgba(16,26,20,.14); background-image:repeating-linear-gradient(135deg,rgba(16,26,20,.07) 0 14px,transparent 14px 28px); display:grid; place-items:center; }
.about-row p { font-weight:300; font-size:clamp(17px,2.2vw,22px); color:rgba(16,26,20,.75); } .about-row p b { font-weight:900; color:var(--ink); }
.count-strong { font-weight:900; color:var(--green); }

/* ============================================================
   14 · WHY
   ============================================================ */
.why__inner { max-width:820px; text-align:center; margin-inline:auto; }
.why__inner h2 { font-size:clamp(28px,4.4vw,50px); }
.why__inner .lead { margin-top:22px; }
.why__qs { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:30px 0; }
.why__qs span { padding:12px 22px; border-radius:999px; border:1px solid var(--gold-line); background:rgba(217,182,90,.06); font-weight:700; font-size:clamp(15px,2vw,18px); color:var(--gold-soft); }
.why__pivot { font-weight:900; font-size:clamp(24px,3.6vw,40px); margin:8px 0 20px; }

/* ============================================================
   15 · LOCKED
   ============================================================ */
.locked .eyebrow { font-weight:900; font-size:clamp(18px,2.6vw,26px); margin-bottom:clamp(36px,4vw,52px); }
.locked-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lock { position:relative; border-radius:14px; aspect-ratio:3/4; overflow:hidden; border:1px solid var(--gold-line);
  background-color:#0a160f; background-image:repeating-linear-gradient(135deg,rgba(217,182,90,.07) 0 14px,transparent 14px 28px); display:grid; place-items:end stretch; transition:transform .4s; }
.lock__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.42) saturate(.9) blur(1px); transition:filter .4s,transform .6s var(--ease-out); }
.lock__img[src=""], .lock__img:not([src]) { display:none; }
.lock:hover .lock__img { filter:brightness(.55) saturate(1) blur(.5px); transform:scale(1.04); }
.lock:hover { transform:translateY(-6px); }
.lock::before { content:""; position:absolute; inset:0; background:linear-gradient(transparent 35%,rgba(7,16,12,.55) 70%,rgba(7,16,12,.85)); z-index:1; }
.lock .lk { position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:rgba(7,16,12,.72); border:1px solid var(--gold-line); z-index:2; }
.lock .cap { position:relative; z-index:1; padding:14px; font-weight:700; font-size:13px; color:var(--t-mid); text-align:center; }

/* ============================================================
   16 · EFFECTS
   ============================================================ */
.effects__head { text-align:center; font-size:clamp(28px,4.6vw,52px); margin-bottom:clamp(40px,5vw,60px); }
.effects-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.effect { padding:40px 32px; border-radius:20px; border:1px solid rgba(244,239,226,.08); background:linear-gradient(170deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); }
.effect .ei { width:60px; height:60px; margin-bottom:22px; }
.effect h3 { font-size:clamp(24px,3vw,32px); }
.effect p { margin-top:12px; font-weight:300; font-size:16px; color:var(--t-mid); }

/* ============================================================
   17 · VIDEO
   ============================================================ */
.video__cue { font-weight:900; font-size:clamp(20px,3vw,30px); max-width:640px; margin:0 auto; line-height:1.3; }
.video-ph { position:relative; max-width:880px; margin:clamp(36px,5vw,56px) auto 0; border-radius:20px; overflow:hidden; aspect-ratio:16/9; border:1px solid var(--gold-line); background:linear-gradient(160deg,#0e1d15,#0a140e); display:grid; place-items:center; }
.video-ph .play { width:92px; height:92px; border-radius:50%; background:var(--gold-grad); display:grid; place-items:center; cursor:pointer; box-shadow:0 0 0 0 rgba(217,182,90,.5); animation:pulse 2.4s var(--ease) infinite; }
.video-ph iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.video-ph .play svg { width:30px; height:30px; margin-inline-start:5px; }
.video-ph .ph { position:absolute; bottom:18px; }

/* ============================================================
   18 · FINAL
   ============================================================ */
.final { overflow:hidden; text-align:center; background:radial-gradient(120% 90% at 50% 0%,rgba(217,182,90,.14),transparent 55%),linear-gradient(180deg,#0a1a12,#07100c); }
.final__inner { position:relative; z-index:1; max-width:820px; margin-inline:auto; }
.final h2 { font-size:clamp(30px,5.4vw,66px); }
.final .form-card { margin-top:clamp(40px,5vw,56px); }
.foot { padding:50px 0 70px; text-align:center; color:var(--t-low); border-top:1px solid rgba(244,239,226,.06); }
.foot .bm { font-weight:900; letter-spacing:.18em; font-size:clamp(18px,2.4vw,26px); }
.foot p { font-weight:300; font-size:13px; margin-top:10px; }
.foot .foot-credit { font-size:12px; margin-top:6px; color:var(--t-low); }
.foot .foot-credit:first-of-type { margin-top:18px; }
.foot .foot-credit a { color:var(--gold-soft); text-decoration:none; }
.foot .foot-credit a:hover { text-decoration:underline; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:900px) {
  .layoff-grid,.feat-grid,.effects-grid,.price__pillars { grid-template-columns:1fr; }
  .locked-grid { grid-template-columns:repeat(2,1fr); }
  .about-grid,.caps__layout { grid-template-columns:1fr; }
  .caps__stage { height:auto; }
  .caps__sticky { position:static; height:auto; padding-block:clamp(54px,9vw,84px); }
  .caps__list { gap:6px; }
  .caps__list li { opacity:.26; transform:translateY(16px); padding:12px 4px; }
  .caps__list li.in { opacity:1; transform:none; }
  .caps__list li.in .n { color:var(--gold); }
  .caps__cta { padding-block:clamp(26px,6vw,44px) clamp(58px,9vw,88px); }
  .about-row,.about-row.reverse { grid-template-columns:1fr; }
  .about-row.reverse .about-row__media { order:0; }
  .about-row__media { aspect-ratio:16/9; }
}
@media (max-width:560px) {
  .btn { width:100%; justify-content:center; }
  .hero__cta { display:flex; }
  .price-row .new { font-size:80px; }
  .door { width:51vw; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .reveal,.slide-right { opacity:1 !important; transform:none !important; }
}

/* ============================================================
   v3 — GSAP sections, ambient, form, fixes
   ============================================================ */

/* ambient soft orbs (replaces coins) */
.value__amb,.progress-amb { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.value__amb::before,.value__amb::after,.progress-amb::before,.progress-amb::after {
  content:""; position:absolute; border-radius:50%; filter:blur(80px); opacity:.4; will-change:transform;
}
.value__amb::before,.progress-amb::before { width:42vw; max-width:520px; aspect-ratio:1; top:-8%; right:-6%; background:radial-gradient(circle,rgba(217,182,90,.5),transparent 70%); animation:drift 16s ease-in-out infinite; }
.value__amb::after,.progress-amb::after { width:40vw; max-width:480px; aspect-ratio:1; bottom:-10%; left:-6%; background:radial-gradient(circle,rgba(84,189,136,.4),transparent 70%); animation:drift 20s ease-in-out infinite reverse; }
@keyframes drift { 0%,100%{transform:translate(0,0);} 50%{transform:translate(4%,6%);} }
.value__inner,.price__inner,.final__inner { position:relative; z-index:1; }

/* ---- LAYOFFS GSAP ---- */
.layoffs { overflow:hidden; }
.lay-title { font-size:clamp(30px,5vw,58px); margin-top:20px; overflow:hidden; }
.lay-title .word { display:inline-block; }
.lay-card { will-change:transform; transform-origin:center; }

/* ---- PROGRESS sticky ---- */
.progress-sec { position:relative; background:linear-gradient(180deg,#0a1a12,#07100c); }
.progress-pin { min-height:100svh; display:grid; place-items:center; overflow:hidden; position:relative; }
.progress-layout { display:grid; grid-template-columns:1fr auto; gap:clamp(36px,7vw,96px); align-items:center; position:relative; z-index:1; }
.progress-side { display:flex; flex-direction:column; align-items:center; gap:clamp(20px,3vw,34px); }
.progress-circle { position:relative; width:clamp(320px,40vw,480px); aspect-ratio:1; }
.progress-circle svg { width:100%; height:100%; }
.pc-track { fill:none; stroke:rgba(217,182,90,.12); stroke-width:5; }
.pc-fill { fill:none; stroke:var(--gold); stroke-width:5; stroke-linecap:round; transform:rotate(-90deg); transform-origin:center;
  stroke-dasharray:603; stroke-dashoffset:603; transition:stroke-dashoffset .15s linear; }
.pc-content { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:14%; gap:clamp(8px,1.4vw,16px); }
.pc-num { font-size:clamp(72px,11vw,140px); font-weight:900; line-height:.85; color:transparent; -webkit-text-stroke:2.5px var(--ivory); }
.pc-node { position:absolute; width:14px; height:14px; border-radius:50%; background:#0a1c13; border:2px solid rgba(217,182,90,.3); transform:translate(-50%,-50%); transition:background .4s,border-color .4s,box-shadow .4s; z-index:2; }
.pc-node.on { background:var(--gold); border-color:var(--gold-soft); }
.pc-node.n0 { top:6.4%; left:50%; } .pc-node.n1 { top:50%; left:93.6%; } .pc-node.n2 { top:93.6%; left:50%; } .pc-node.n3 { top:50%; left:6.4%; }
.progress-text { text-align:center; }
.progress-text h2 { font-size:clamp(26px,3.7vw,50px); line-height:1.18; margin-top:18px; text-align:center; text-wrap:balance; }
.progress-text h2 .gold-text { font-weight:900; }
.steps { position:relative; width:100%; height:clamp(52px,7vw,68px); z-index:3; }
.step { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 4%; opacity:0;
  transition:opacity .5s var(--ease); font-weight:700; font-size:clamp(16px,2vw,23px); line-height:1.3; color:var(--ivory); }
.step.is-active { opacity:1; }

/* ---- VALUE redesign ---- */
.value { overflow:hidden; }
.value__title { text-align:center; font-size:clamp(28px,5vw,62px); line-height:1.06; max-width:16ch; margin:0 auto; }
.value__lines { margin:clamp(40px,6vw,72px) auto 0; max-width:760px; display:grid; gap:2px; }
.value__lines p { display:flex; align-items:baseline; gap:.55em; padding:10px 0; font-weight:900; font-size:clamp(19px,3vw,34px); line-height:1.16;
  border-bottom:1px solid rgba(244,239,226,.06); }
.value__lines .vk { color:var(--gold); font-weight:900; transform:scaleX(-1); display:inline-block; }
.value__close { text-align:center; margin-top:clamp(40px,5vw,64px); font-weight:900; font-size:clamp(22px,3.4vw,40px); }

/* ---- CAPS (sticky preserved) ---- */
.caps__list { min-width:0; }
.caps__list li .t { min-width:0; overflow-wrap:anywhere; }

/* ---- FORM stand-out + wider ---- */
.form-card { max-width:620px; padding:clamp(34px,4.6vw,58px) clamp(28px,4.2vw,52px); background:linear-gradient(170deg,#143123,#0b1a12); }
.form-card .form-top { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; font-weight:900; font-size:13px; letter-spacing:.06em; color:var(--gold-soft); padding:9px 18px; border-radius:999px; border:1px solid var(--gold-line); background:rgba(217,182,90,.08); }
.form-card .form-top svg { width:15px; height:15px; }
.form-card h3 { margin-top:18px; font-size:clamp(22px,3.2vw,30px); line-height:1.3; }
.form-card .form-fields { margin-top:30px; gap:18px; padding:24px; border-radius:18px; background:rgba(0,0,0,.22); border:1px solid rgba(244,239,226,.08); }
.form-card .field label { font-size:14px; margin-bottom:9px; color:var(--gold-soft); font-weight:400; }
.form-card input { padding:18px 20px; font-size:17px; background:rgba(255,255,255,.04); border:1px solid rgba(244,239,226,.18); }
.form-card input:focus { background:rgba(255,255,255,.06); }
.form-card .btn { margin-top:14px; animation:btnPulse 2.1s var(--ease) infinite; }
.form-card .form-trust { margin-top:20px; gap:16px; }
@keyframes btnPulse {
  0%,100% { box-shadow:0 14px 44px -12px rgba(217,182,90,.7),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 0 rgba(217,182,90,.5); }
  50% { box-shadow:0 20px 54px -12px rgba(217,182,90,.9),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 16px rgba(217,182,90,0); }
}

/* ---- responsive ---- */
@media (max-width:900px) {
  .progress-layout { grid-template-columns:1fr; text-align:center; gap:30px; justify-items:center; }
  .progress-text h2 { text-align:center; }
}

/* ============================================================
   v4 — subtle section textures (variety, low-key)
   ============================================================ */
.sec > .wrap, .formsec > .wrap { position:relative; z-index:1; }
.bg-dots, .bg-grid, .bg-rings, .bg-streaks { position:relative; }
.bg-dots::before, .bg-grid::before, .bg-rings::before, .bg-streaks::before {
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
}
/* dotted field */
.bg-dots::before {
  background-image:radial-gradient(rgba(217,182,90,.13) 1px, transparent 1.5px);
  background-size:30px 30px;
  -webkit-mask-image:radial-gradient(135% 95% at 50% -8%, #000, transparent 74%);
  mask-image:radial-gradient(135% 95% at 50% -8%, #000, transparent 74%);
  opacity:.42;
}
/* faint line grid, fading from a corner */
.bg-grid::before {
  background-image:linear-gradient(rgba(217,182,90,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(217,182,90,.06) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:radial-gradient(120% 105% at 88% 0%, #000, transparent 68%);
  mask-image:radial-gradient(120% 105% at 88% 0%, #000, transparent 68%);
  opacity:.55;
}
/* concentric rings from one edge */
.bg-rings::before {
  background-image:repeating-radial-gradient(circle at 100% 42%, rgba(217,182,90,.05) 0 1px, transparent 1px 76px);
  -webkit-mask-image:radial-gradient(85% 120% at 100% 42%, #000, transparent 72%);
  mask-image:radial-gradient(85% 120% at 100% 42%, #000, transparent 72%);
  opacity:.6;
}
/* soft diagonal streaks of light */
.bg-streaks::before {
  background-image:repeating-linear-gradient(115deg, rgba(217,182,90,.035) 0 2px, transparent 2px 80px);
  -webkit-mask-image:linear-gradient(180deg, #000, transparent 80%);
  mask-image:linear-gradient(180deg, #000, transparent 80%);
  opacity:.7;
}
/* ivory variants -> dark ink texture */
.sec--ivory.bg-dots::before { background-image:radial-gradient(rgba(16,26,20,.10) 1px, transparent 1.5px); }
.sec--ivory.bg-grid::before { background-image:linear-gradient(rgba(16,26,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,26,20,.05) 1px,transparent 1px); }

/* ============================================================
   v5 — value grid with animated icons
   ============================================================ */
.value__grid { margin:clamp(40px,6vw,72px) auto 0; max-width:1000px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px 22px; }
.v-item { display:flex; gap:14px; align-items:center; padding:16px; border-radius:15px; background:rgba(255,255,255,.025); border:1px solid rgba(244,239,226,.06); transition:border-color .4s,transform .4s,background .4s; }
.v-item:hover { border-color:var(--gold-line); transform:translateY(-3px); background:rgba(217,182,90,.05); }
.v-ico { flex:0 0 auto; width:48px; height:48px; border-radius:13px; display:grid; place-items:center; background:radial-gradient(circle at 35% 30%,rgba(217,182,90,.16),rgba(84,189,136,.05)); border:1px solid var(--gold-line); }
.v-ico svg { width:25px; height:25px; }
.v-ico svg g[class^="ai-"] { transform-box:fill-box; transform-origin:center; }
.v-item p { font-weight:400; font-size:clamp(15px,1.6vw,17px); color:var(--t-hi); line-height:1.35; }

@keyframes aiBob { 0%,100%{transform:translateY(1px);} 50%{transform:translateY(-2px);} }
@keyframes aiPulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.13);} }
@keyframes aiRise { 0%,100%{transform:translate(0,0);} 50%{transform:translate(1px,-2px);} }
@keyframes aiSpin { to { transform:rotate(360deg); } }
.ai-bob { animation:aiBob 2.6s ease-in-out infinite; }
.ai-pulse { animation:aiPulse 2.2s ease-in-out infinite; }
.ai-rise { animation:aiRise 2.4s ease-in-out infinite; }
.ai-spin { animation:aiSpin 9s linear infinite; }

@media (max-width:900px) { .value__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .value__grid { grid-template-columns:1fr; } }

/* ============================================================
   v7 — real images, logos marquee, AI prompt box
   ============================================================ */
/* image fits */
.about-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.about-row__media img { width:100%; height:100%; object-fit:cover; display:block; }
.layoff__media img { width:100%; height:100%; object-fit:contain; display:block; }
.layoff__media { background:#0a160f; }
.ph-band { aspect-ratio:auto; max-width:440px; margin-inline:auto; overflow:hidden; background:#0a160f; }
.ph-band img { width:100%; height:auto; object-fit:contain; display:block; }

/* client logos marquee */
.about-logos { margin-top:clamp(36px,5vw,60px); text-align:center; }
.about-logos > p { font-weight:300; font-size:clamp(17px,2.1vw,21px); color:rgba(16,26,20,.7); max-width:760px; margin:0 auto clamp(26px,3.5vw,38px); }
.logos-marquee { -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); }
.logos-marquee .marquee__track { gap:22px; align-items:center; animation-duration:36s; }
.client-chip { flex:0 0 auto; display:grid; place-items:center; height:92px; width:150px; border-radius:18px; background:#fff; border:1px solid rgba(16,26,20,.08); box-shadow:0 10px 26px -14px rgba(16,26,20,.28); }
.client-chip img { max-height:58px; max-width:106px; width:auto; object-fit:contain; }
.client-chip.noimg { font-family:"Heebo",sans-serif; }
.client-chip.noimg::after { content:attr(data-name); font-weight:800; font-size:15px; color:var(--ink); padding:0 10px; text-align:center; }

/* form consent + payment badge */
.form-consent { display:flex; align-items:flex-start; gap:9px; font-weight:300; font-size:13px; color:var(--t-mid); margin-top:2px; text-align:right; }
.form-consent input { width:17px; height:17px; margin-top:2px; accent-color:var(--gold); flex:0 0 auto; cursor:pointer; }
.form-consent a { color:var(--gold-soft); text-decoration:underline; }
.form-pay { margin:16px auto 0; max-width:320px; width:100%; display:block; }
.form-pay img { width:100%; height:auto; display:block; }

/* AI prompt box (recolored gold/green) */
.rmpb-wrapper, .rmpb-wrapper * { box-sizing:border-box; }
.rmpb-wrapper { width:100%; max-width:600px; margin:clamp(34px,4vw,48px) auto; direction:rtl; }
.rmpb-box {
  width:100%; background:linear-gradient(180deg,#0f231a 0%,#0a160f 100%);
  border:1px solid rgba(217,182,90,.32); border-radius:24px; padding:8px;
  box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 60px rgba(84,189,136,.16),inset 0 1px 0 rgba(244,239,226,.06);
}
.rmpb-input { width:100%; min-height:44px; padding:13px 15px; font-size:16px; line-height:1.4; color:var(--ivory); font-family:"Heebo",sans-serif; display:flex; align-items:center; flex-wrap:wrap; word-break:break-word; }
.rmpb-typed { color:var(--ivory); font-weight:400; }
.rmpb-cursor { display:inline-block; width:2px; height:20px; background:var(--gold); margin-right:2px; vertical-align:middle; animation:rmpb-blink 1s step-end infinite; box-shadow:0 0 8px rgba(217,182,90,.6); }
@keyframes rmpb-blink { 0%,50%{opacity:1;} 50.01%,100%{opacity:0;} }
.rmpb-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px 6px 2px; }
.rmpb-tools { display:flex; align-items:center; gap:4px; }
.rmpb-icon, .rmpb-toggle { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; background:transparent; border:none; border-radius:999px; color:rgba(244,239,226,.6); cursor:pointer; transition:background .2s,color .2s; padding:0; }
.rmpb-icon:hover, .rmpb-toggle:hover { background:rgba(217,182,90,.14); color:var(--ivory); }
.rmpb-icon svg, .rmpb-toggle svg { width:18px; height:18px; display:block; }
.rmpb-toggles { display:flex; align-items:center; gap:2px; }
.rmpb-divider { display:inline-block; width:1px; height:16px; background:linear-gradient(to bottom,transparent,rgba(217,182,90,.5) 50%,transparent); margin:0 4px; }
.rmpb-send { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:var(--gold-grad); border:none; border-radius:999px; color:#1a1409; cursor:pointer; flex-shrink:0; box-shadow:0 4px 18px rgba(217,182,90,.5),inset 0 1px 0 rgba(255,255,255,.3); transition:transform .15s,box-shadow .2s; padding:0; }
.rmpb-send:hover { transform:translateY(-1px); box-shadow:0 6px 22px rgba(217,182,90,.7),inset 0 1px 0 rgba(255,255,255,.35); }
.rmpb-send svg { width:16px; height:16px; display:block; }
@media (max-width:480px) { .rmpb-input { font-size:15px; padding:11px 12px; } }

/* ============================================================
   v8 — about rebuild
   ============================================================ */
.about-hero { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,5vw,64px); align-items:center; }
.about-portrait { border-radius:22px; overflow:hidden; aspect-ratio:4/5; border:1px solid var(--gold-line); box-shadow:0 40px 90px -45px rgba(0,0,0,.85); }
.about-portrait img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.about-intro .eyebrow { color:var(--gold); }
.about-intro .eyebrow::before { background:var(--gold-grad); }
.about-intro > p { margin-top:18px; font-weight:300; font-size:clamp(17px,2.1vw,20px); color:var(--t-mid); }
.about-intro > p b { color:var(--ivory); font-weight:900; }
.about-intro .big-q { margin-top:14px; font-weight:900; font-size:clamp(23px,3.3vw,40px); line-height:1.2; color:var(--ivory); }
.about-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:clamp(46px,6vw,76px); }
.proof-card { border-radius:18px; overflow:hidden; background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); border:1px solid var(--gold-line); box-shadow:0 26px 56px -34px rgba(0,0,0,.8); display:flex; flex-direction:column; transition:transform .4s var(--ease-out),border-color .4s; }
.proof-card:hover { transform:translateY(-6px); border-color:var(--gold); }
.proof-card__media { aspect-ratio:16/12; overflow:hidden; background:#0a160f; display:grid; place-items:center; }
.proof-card__media img { width:100%; height:100%; object-fit:contain; display:block; }
.proof-card p { padding:20px 22px 24px; font-weight:400; font-size:clamp(15px,1.7vw,17px); color:var(--t-mid); line-height:1.55; }
.proof-card p b { font-weight:900; color:var(--ivory); }
.proof-card .count-strong { font-weight:900; color:var(--green-soft); }
.about-clients { margin-top:clamp(44px,6vw,72px); text-align:center; }
.about-clients > p { font-weight:300; font-size:clamp(17px,2.1vw,21px); color:var(--t-mid); max-width:760px; margin:0 auto clamp(24px,3vw,34px); }
.about-clients > p b { font-weight:900; color:var(--gold); }
.clients-marquee { -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); }
.clients-marquee .marquee__track { gap:14px; align-items:center; animation-duration:66s; }
.clients-marquee .client-chip { flex:0 0 auto; width:148px; height:88px; padding:0; display:grid; place-items:center; background:transparent; border:none; box-shadow:none; }
.clients-marquee .client-chip img { max-height:60px; max-width:118px; width:auto; object-fit:contain; opacity:.85; transition:opacity .3s; }
.clients-marquee .client-chip:hover img { opacity:1; }
.about .wrap { position:relative; z-index:1; }
.qmarks { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.qmarks span { position:absolute; font-family:"Futurism",sans-serif; font-weight:900; color:var(--gold); opacity:.07; animation:qfloat 9s ease-in-out infinite; will-change:transform; backface-visibility:hidden; }
.qmarks span:nth-child(1){ left:3%; top:14%; font-size:90px; animation-delay:0s; }
.qmarks span:nth-child(2){ left:6%; top:60%; font-size:130px; animation-delay:-2s; }
.qmarks span:nth-child(3){ left:1%; top:88%; font-size:62px; animation-delay:-4s; }
.qmarks span:nth-child(4){ right:4%; top:10%; font-size:120px; animation-delay:-1s; }
.qmarks span:nth-child(5){ right:8%; top:52%; font-size:80px; animation-delay:-3s; }
.qmarks span:nth-child(6){ right:2%; top:84%; font-size:108px; animation-delay:-5s; }
@keyframes qfloat { 0%,100%{ transform:translate3d(0,0,0) rotate(-6deg); } 50%{ transform:translate3d(0,-22px,0) rotate(6deg); } }

/* floating credential badges around the portrait */
.about-portrait-wrap { position:relative; }
.float-badge { position:absolute; z-index:4; display:inline-flex; align-items:center; gap:9px; padding:11px 15px; border-radius:14px;
  background:linear-gradient(165deg, rgba(18,38,26,.94), rgba(9,20,14,.94)); border:1px solid var(--gold-line);
  box-shadow:0 20px 44px -20px rgba(0,0,0,.85); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  font-weight:700; font-size:clamp(12px,1.35vw,15px); color:var(--ivory); white-space:nowrap;
  animation:fbFloat 6s ease-in-out infinite; will-change:transform; backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0); }
.float-badge .fb-ico { flex:0 0 auto; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:rgba(217,182,90,.13); border:1px solid var(--gold-line); }
.float-badge .fb-ico svg { width:17px; height:17px; }
.fb-1 { top:7%; left:-11%; animation-delay:0s; }
.fb-2 { bottom:26%; left:-14%; animation-delay:-2s; }
.fb-3 { bottom:7%; right:-7%; animation-delay:-4s; }
@keyframes fbFloat { 0%,100%{ transform:translate3d(0,0,0); } 50%{ transform:translate3d(0,-12px,0); } }

/* sparkly crown above the head */
.head-crown { position:absolute; z-index:5; top:-5%; right:36%; width:clamp(30px,5vw,44px); transform-origin:bottom center; animation:crownBob 4s ease-in-out infinite; filter:drop-shadow(0 5px 10px rgba(168,132,47,.55)); will-change:transform; backface-visibility:hidden; }
.head-crown svg { width:100%; height:auto; display:block; }
.head-crown .spark { position:absolute; width:9px; height:9px; background:radial-gradient(circle,#fff,#f7e7b4 55%,transparent 72%); clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%); opacity:0; }
.head-crown .spark.s1 { top:-8px; left:2px; animation:spark 2.1s ease-in-out infinite; }
.head-crown .spark.s2 { top:0; right:-6px; width:7px; height:7px; animation:spark 2.1s ease-in-out .7s infinite; }
.head-crown .spark.s3 { top:-12px; left:54%; width:6px; height:6px; animation:spark 2.1s ease-in-out 1.4s infinite; }
@keyframes spark { 0%,100%{ opacity:0; transform:scale(.3) rotate(0deg); } 50%{ opacity:1; transform:scale(1) rotate(45deg); } }
@keyframes crownBob { 0%,100%{ transform:rotate(17deg) translateY(0); } 50%{ transform:rotate(17deg) translateY(-5px); } }

/* success gif */
.succeed__gif { margin:clamp(28px,4vw,44px) auto 0; max-width:320px; text-align:center; }
.succeed__gif img { width:100%; height:auto; display:block; margin-inline:auto; border-radius:16px; border:1px solid var(--gold-line); box-shadow:0 30px 70px -36px rgba(0,0,0,.85); }

/* product mockup */
.intro-mockup { margin:clamp(36px,5vw,58px) auto 0; max-width:700px; }
.intro-mockup img { width:100%; height:auto; display:block; }
.form-mockup { margin:18px auto 4px; max-width:100%; }
.form-mockup img { width:100%; height:auto; display:block; }
@media (max-width:820px) {
  .float-badge { font-size:12px; padding:9px 12px; gap:7px; }
  .float-badge .fb-ico { width:26px; height:26px; }
  .fb-1 { top:4%; left:-3%; } .fb-2 { bottom:30%; left:-5%; } .fb-3 { bottom:4%; right:-2%; }
}
@media (max-width:430px) { .fb-2 { display:none; } }
@media (max-width:820px) {
  .about-hero { grid-template-columns:1fr; }
  .about-portrait { max-width:380px; margin-inline:auto; aspect-ratio:4/4.4; }
  .about-proof { grid-template-columns:1fr; max-width:420px; margin-inline:auto; }
}

/* ============================================================
   v9 — mobile pass
   ============================================================ */
@media (max-width:760px) {
  .hero__scene { aspect-ratio:auto; display:flex; flex-direction:column; align-items:center; gap:11px; padding:0; perspective:none; overflow:visible; margin-top:clamp(32px,8vw,52px); }
  .scene-lines { display:none; }
  .scene-bg { inset:-8% -8%; }
  .scene-figure { position:static !important; transform:none !important; height:auto !important; width:100% !important; max-width:220px; margin:0 auto !important; display:block; z-index:2; }
  .scene-figure img { height:auto !important; width:100%; }
  .scene-card { position:static !important; inset:auto !important; transform:none !important; width:100%; max-width:400px; }
  .scene-card h4 { white-space:normal; }
  .sc-tl .sc-txt, .sc-bl .sc-txt, .sc-tr .sc-txt, .sc-br .sc-txt { text-align:start; }
}
@media (max-width:600px) {
  .price-row .new { font-size:clamp(56px,17vw,80px); }
  .timer .cell { min-width:60px; padding:11px 6px; }
  .why__qs span { font-size:14px; padding:10px 15px; }
  .hero__brand { font-size:clamp(42px,15vw,80px); }
  .mega .x { font-size:clamp(64px,23vw,160px); }
  .accel__lead, .gap__q, .layoffs__q, .succeed__q, .gap__big, .gap__pivot, .accel__note, .value__close, .value__title { word-break:normal; overflow-wrap:anywhere; }
  .pillar { padding:18px; }
  .form-card { padding:24px 16px; }
  .form-card .form-fields { padding:16px; gap:13px; }
  .form-card .field label { margin-bottom:6px; }
  .form-card input { padding:14px 16px; font-size:16px; }
  .form-card h3 { font-size:clamp(20px,5.6vw,26px); margin-top:14px; }
  .form-card .form-top { font-size:12px; padding:8px 13px; white-space:normal; line-height:1.3; }
  .form-card .btn { padding:16px 20px; font-size:16px; }
  .form-consent { font-size:12px; }
}

/* ============================================================
   v6 — hero scene (video bg + figure + 3D product cards)
   ============================================================ */
.hero__scene {
  position:relative; margin:clamp(40px,6vw,72px) auto 0; width:min(1140px,98%); aspect-ratio:16/7.2;
  perspective:1400px; background:transparent; border:none; box-shadow:none; border-radius:0; overflow:visible;
}
.scene-bg { position:absolute; inset:-6% -2%; z-index:0; }
.scene-bg::before { content:""; position:absolute; inset:0; background:radial-gradient(46% 62% at 50% 96%, rgba(84,189,136,.16), transparent 62%),radial-gradient(40% 50% at 50% 30%, rgba(217,182,90,.08), transparent 64%); }
.scene-lines { position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.lines-flow path { stroke-dasharray:5 16; animation:flow 2.6s linear infinite; filter:drop-shadow(0 0 4px rgba(217,182,90,.55)); }
@keyframes flow { to { stroke-dashoffset:-42; } }
.scene-figure {
  position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:100%; width:auto; z-index:2;
  display:grid; place-items:end center;
}
.scene-figure img { height:100%; width:auto; display:block; filter:drop-shadow(0 24px 44px rgba(0,0,0,.55)); }
.scene-card {
  position:absolute; z-index:3; width:clamp(178px,23%,278px); display:flex; align-items:center; gap:12px;
  padding:15px 18px; border-radius:16px; text-decoration:none;
  background:linear-gradient(165deg, rgba(20,42,29,.93), rgba(9,20,14,.95)); border:1px solid var(--gold-line);
  box-shadow:0 18px 50px -24px rgba(0,0,0,.85);
  transition:transform .45s var(--ease-out), box-shadow .45s, border-color .45s;
}
.scene-card .sc-txt { flex:1; min-width:0; }
.scene-card h4 { font-weight:900; font-size:clamp(15px,1.7vw,20px); color:var(--ivory); line-height:1.05; white-space:nowrap; }
.scene-card p { font-weight:300; font-size:clamp(11px,1.3vw,13px); color:var(--t-mid); margin-top:4px; }
.sc-arr { flex:0 0 auto; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:rgba(217,182,90,.1); border:1px solid var(--gold-line); }
.sc-arr svg { width:20px; height:20px; }
.sc-tr .sc-arr svg, .sc-br .sc-arr svg { transform:scaleX(-1); }
.sc-tl { top:13%; left:2.5%; transform:rotateY(20deg); }
.sc-bl { bottom:13%; left:2.5%; transform:rotateY(20deg); }
.sc-tr { top:13%; right:2.5%; transform:rotateY(-20deg); }
.sc-br { bottom:13%; right:2.5%; transform:rotateY(-20deg); }
.sc-tl .sc-txt, .sc-bl .sc-txt { text-align:left; }
.sc-tr .sc-txt, .sc-br .sc-txt { text-align:right; }
.scene-card:hover { transform:translateZ(30px) scale(1.03); border-color:var(--gold); box-shadow:0 24px 56px -22px rgba(217,182,90,.5); z-index:4; }

@media (max-width:480px) { .rmpb-input { font-size:15px; padding:11px 12px; } }

/* ============================================================
   AI Business — rotating gold badge (hero bottom-right)
   ============================================================ */
.asp-spinner{
  position:absolute;
  bottom:clamp(16px,3vh,42px);
  right:clamp(16px,3vw,48px);
  z-index:3;
  width:clamp(96px,11vw,140px);
  height:clamp(96px,11vw,140px);
  direction:ltr;
  pointer-events:none;
}
.asp-spinner .asp-text-ring{
  position:absolute; inset:0; width:100%; height:100%;
  animation:asp-rotate 16s linear infinite;
  will-change:transform; transform-origin:center;
}
.asp-spinner .asp-text-ring text{
  fill:var(--gold-soft);
  font-family:"Heebo","Assistant",Arial,sans-serif;
  font-size:21px; font-weight:700; letter-spacing:2px;
}
.asp-spinner .asp-center{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:46%; aspect-ratio:1; border-radius:50%;
  background:var(--gold-grad);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 30px rgba(217,182,90,.40);
}
.asp-spinner .asp-center svg{ width:34%; height:34%; fill:#15110a; }
@keyframes asp-rotate{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@media (max-width:820px){ .asp-spinner{ display:none; } }