/* ==========================================================================
   SITE V3 LOOK (07.11.2026, branch site-v3-explore) - a skin over v2.
   Rani approved /he/v3-preview/: ref-01 orange glow + ref-02 glass technique.
   Headlines Assistant, body Rubik, lead colour orange #FF8A2A.
   Loaded AFTER v2.css + v2-pages.css. It changes how things look only:
   no markup, no copy. Remove this one <link> and the site is v2 again.
   The Flip palette stays: warm sections glow orange, cool sections glow sky.
   ========================================================================== */

/* ---- 1. tokens ---- */
.v2 {
  --v2-bg:      #0E0C0B;
  --v2-bg2:     #141110;
  --v2-card:    rgba(255, 255, 255, 0.045);
  --v2-card2:   rgba(255, 255, 255, 0.03);
  --v2-border:  rgba(255, 255, 255, 0.13);
  --v2-border2: rgba(255, 255, 255, 0.085);
  --v2-ink:     #F5F1EA;
  --v2-mid:     #C9C2B7;
  --v2-dim:     #A39C92;
  --v2-accent:      #FF8A2A;
  --v2-accent-deep: #FF9E4D;
  --v2-accent-soft: rgba(255, 138, 42, 0.12);
  --v2-accent-line: rgba(255, 138, 42, 0.45);
  --v2-radius: 18px;
  --v3-acc-2: #FFB061;
  --v3-glow: 255, 138, 42;
  font-family: 'Rubik', sans-serif;
  background: transparent;
  position: relative;
  isolation: isolate;
}
.v2-cool { --v3-glow: 92, 208, 255; }
.v2-warm { --v3-glow: 255, 138, 42; }

/* ---- 2. the night sky behind every v2 page ---- */
[lang="he"] body { background: #0E0C0B; }
.v2::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(255, 138, 42, 0.15), transparent 60%),
    radial-gradient(700px 520px at 0% 45%, rgba(255, 138, 42, 0.05), transparent 60%),
    radial-gradient(800px 600px at 100% 100%, rgba(92, 208, 255, 0.045), transparent 60%),
    radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 28px 28px;
}
/* sections are see-through; the sky and a soft glow carry them */
.v2 .v2-tint, .v2 .v2-hero, .v2 section { background: transparent; }
.v2 .v2-warm-bg { background: radial-gradient(ellipse 70% 45% at 85% 0%, rgba(255, 138, 61, 0.08), transparent 70%); }
.v2 .v2-cool-bg { background: radial-gradient(ellipse 70% 45% at 15% 0%, rgba(92, 208, 255, 0.07), transparent 70%), radial-gradient(ellipse 50% 40% at 90% 100%, rgba(255, 120, 196, 0.05), transparent 70%); }

/* ---- 3. type ---- */
.v2 h1, .v2 h2, .v2 h3, .v2 .v2-title, .v2 .v2-h2, .v2 .v2-h3, .v2 .vm-card-q {
  font-family: 'Assistant', sans-serif;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.v2 h1 em, .v2 h2 em, .v2 h3 em, .v2 .v2-hl {
  text-shadow: 0 0 26px rgba(var(--v3-glow), 0.45);
}
.v2 .v2-eyebrow:not([dir="ltr"]) { font-family: 'Rubik', sans-serif; }
.v2 .v2-eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.v2 .v2-eyebrow::before {
  content: "";
  flex: none;
  width: 26px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

/* ---- 4. glass surfaces ---- */
.v2 .v2-stage, .v2 .vm-stage, .v2 .v2-door, .v2 .vm-card, .v2 .v2-card, .v2 .v2-get,
.v2 .v2-quote, .v2 .v2b-card, .v2 .v2h-noisebox, .v2 .v2a-card, .v2 .v2a-role, .v2 .v2l-track,
.v2 .v2s-rung, .v2 .v2-trust, .v2 .v2k-cal, .v2 .v2-role, .v2 .v2-skill-card, .v2 .v2-callout,
.v2 .v2b-col, .v2 .vm-tile, .v2 .vm-vs-col, .v2 .v2-slot {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025) 45%, rgba(255, 255, 255, 0.012));
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 20px 50px -20px rgba(0, 0, 0, 0.6);
  transition: border-color 0.35s, box-shadow 0.35s, transform 0.35s;
}
/* stages (the animated screens) stay lit, like ref-02's main panel */
.v2 .v2-stage, .v2 .vm-stage {
  border-color: rgba(var(--v3-glow), 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 44px -14px rgba(var(--v3-glow), 0.26), 0 24px 60px -26px rgba(var(--v3-glow), 0.4);
}
/* cards light their edge on hover */
.v2 .v2-door:hover, .v2 .vm-card:hover, .v2 .v2-card:hover, .v2 .v2-quote:hover, .v2 .v2b-card:hover,
.v2 .v2a-card:hover, .v2 .v2l-track:hover, .v2 .v2s-rung:hover, .v2 .v2-get:hover, .v2 .v2a-role:hover {
  border-color: rgba(var(--v3-glow), 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 40px -12px rgba(var(--v3-glow), 0.28), 0 24px 60px -24px rgba(var(--v3-glow), 0.38);
}
.v2 .v2-door-learn { --v3-glow: 92, 208, 255; }
/* no top stripes (round 2 rule) */
.v2 .v2-door-biz, .v2 .v2-door-learn { border-top-width: 1px; }
/* a popup must hide what is behind it */
.v2 .v2-modal { background: #171412; border-radius: 16px; }
.v2 .v2-field select option { background: #171412; }

/* small rows inside cards: a lighter pane, rounder */
.v2 .v2-pains li, .v2 .v2-ftree li, .v2 .vm-marks li, .v2 .v2h-pile-list li, .v2 .vm-vs-steps li,
.v2 .v2-how li, .v2 .v2-reliefs li, .v2 .v2b-pipe li, .v2 .v2b-qa li, .v2 .v2a-tasks li,
.v2 .v2k-agenda li, .v2 .v2h-map-step, .v2 .vm-floor, .v2 .vm-checks li, .v2 .vm-outs li {
  border-radius: 10px;
  border-color: rgba(255, 255, 255, 0.09);
}

/* ---- 5. glow on the accent parts ---- */
.v2 .v2-ic { filter: drop-shadow(0 0 5px currentColor); }
.v2 .v2-chip {
  background: rgba(20, 17, 15, 0.6);
  border-color: rgba(var(--v3-glow), 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 0 18px -6px rgba(var(--v3-glow), 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.v2 .v2-door-tag { border: 1px solid currentColor; box-shadow: 0 0 14px -4px currentColor; }
.v2 .v2-scroll { border-color: rgba(255, 138, 42, 0.5); box-shadow: 0 0 18px -4px rgba(255, 138, 42, 0.6); }

/* ---- 6. buttons: glowing pills ---- */
.v2 .v2-btn, .v2 .v2-submit {
  border-radius: 12px;
  border: 0;
  background: linear-gradient(180deg, #FFB061, #FF8A2A);
  color: #1A0E05;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(255, 138, 42, 0.5), 0 8px 30px -6px rgba(255, 138, 42, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: transform 0.2s, box-shadow 0.3s;
}
.v2 .v2-btn:hover, .v2 .v2-submit:hover {
  background: linear-gradient(180deg, #FFBF7A, #FF9640);
  color: #1A0E05;
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(255, 138, 42, 0.7), 0 12px 44px -6px rgba(255, 138, 42, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.v2 .v2-btn-ghost {
  background: rgba(255, 255, 255, 0.03);
  color: var(--v2-ink);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
.v2 .v2-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--v2-ink);
  box-shadow: inset 0 0 0 1px rgba(255, 138, 42, 0.6), 0 0 24px -6px rgba(255, 138, 42, 0.5);
}
.v2 .v2h-btn-sky, .v2 .v2l-btn-sky {
  background: linear-gradient(180deg, #A6E1F5, #5CD0FF);
  color: #04161D;
  box-shadow: 0 0 0 1px rgba(92, 208, 255, 0.5), 0 8px 30px -6px rgba(92, 208, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.v2 .v2h-btn-sky:hover, .v2 .v2l-btn-sky:hover {
  background: linear-gradient(180deg, #C2ECFA, #7EDAFF);
  color: #04161D;
  box-shadow: 0 0 0 1px rgba(92, 208, 255, 0.7), 0 12px 44px -6px rgba(92, 208, 255, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.v2 .v2-btn:focus-visible { outline: 3px solid var(--v2-ink); outline-offset: 3px; }

/* ---- 7. bio portrait: glass frame with a warm floor glow ---- */
.v2 .v2-bio-media img, .v2 .v2-bio-img {
  border-radius: 16px;
  border-color: rgba(255, 255, 255, 0.12);
  background: radial-gradient(70% 55% at 50% 100%, rgba(255, 138, 42, 0.38), transparent 70%), rgba(255, 255, 255, 0.03);
  box-shadow: 0 24px 60px -24px rgba(255, 138, 42, 0.45);
}

/* ---- 8. home hero: portrait in orbit (ref-01) ---- */
.v3-orbit { position: relative; aspect-ratio: 1 / 1; width: min(560px, 100%); margin-inline: auto; }
/* desktop hero balance (Rani 07.11): the orange promise starts its own line, the two columns sit closer */
@media (min-width: 960px) {
  .v2 .v2-hero .v2-hero-grid { grid-template-columns: 1.1fr 0.9fr; gap: 48px; }
  .v2 .v2-hero .v2-title { font-size: clamp(2.4rem, 2.4vw + 1.1rem, 3.5rem); line-height: 1.12; }
  .v2 .v2-hero .v2-title em { display: block; }
  .v2 .v2-hero .v2-hero-more { max-width: 560px; }
}
.v3-orbit .v3-glow { position: absolute; inset: 12%; border-radius: 50%; background: radial-gradient(circle at 50% 55%, rgba(255, 138, 42, 0.38), rgba(255, 138, 42, 0.08) 55%, transparent 70%); filter: blur(10px); }
.v3-orbit .v3-ring { position: absolute; inset: 6%; border-radius: 50%; border: 1px solid rgba(255, 138, 42, 0.18); }
.v3-orbit .v3-ring.v3-r2 { inset: -2%; border: 1px dashed rgba(255, 255, 255, 0.06); }
.v3-orbit .v3-arc {
  position: absolute; inset: 6%; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 55%, rgba(255, 138, 42, 0) 55%, rgba(255, 138, 42, 0.9) 78%, #FFB061 80%, transparent 81%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  filter: drop-shadow(0 0 8px rgba(255, 138, 42, 0.9));
  animation: v3-spin 9s linear infinite;
}
.v3-orbit .v3-arc.v3-a2 { inset: -2%; animation-duration: 16s; animation-direction: reverse; opacity: 0.5; }
@keyframes v3-spin { to { transform: rotate(360deg); } }
/* one clean circle (inside the ring), face centred in it; the bottom melts into the night */
.v3-orbit .v3-face {
  position: absolute; inset: 8%; border-radius: 50%; overflow: hidden;
  display: flex; align-items: flex-start; justify-content: center;
  background: radial-gradient(circle at 50% 60%, rgba(255, 138, 42, 0.28), rgba(255, 138, 42, 0.05) 60%, transparent 75%);
}
.v3-orbit .v3-face img { width: 104%; max-width: none; height: auto; display: block; margin-top: 2%; filter: grayscale(1) contrast(1.08); }
.v3-orbit .v3-face::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(to top, #0E0C0B 4%, rgba(14, 12, 11, 0.6) 18%, transparent 40%); pointer-events: none; }
.v3-orbit .v3-chip {
  position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px;
  font-size: 0.85rem; font-weight: 600; line-height: 1.3; white-space: nowrap; color: var(--v2-ink);
  background: rgba(20, 17, 15, 0.72); border: 1px solid rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  animation: v3-float 6s ease-in-out infinite;
}
.v3-orbit .v3-chip .v2-ic { width: 17px; height: 17px; color: var(--v2-accent); }
.v3-orbit .v3-chip.v3-cool .v2-ic { color: var(--v2-c-sky); }
.v3-orbit .v3-c1 { top: 12%; right: -2%; }
.v3-orbit .v3-c2 { top: 40%; right: -8%; animation-delay: -1.5s; }
.v3-orbit .v3-c3 { top: 8%; left: 2%; animation-delay: -3s; }
.v3-orbit .v3-c4 { top: 46%; left: -6%; animation-delay: -4.5s; }
.v3-orbit .v3-c5 { bottom: 14%; left: 6%; animation-delay: -2.2s; }
@keyframes v3-float { 50% { transform: translateY(-10px); } }
.v3-orbit .v3-spark { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #FF8A2A; box-shadow: 0 0 10px #FF8A2A; animation: v3-tw 3s ease-in-out infinite; }
@keyframes v3-tw { 50% { opacity: 0.2; transform: scale(0.6); } }
@media (max-width: 959px) {
  .v2-hero .v3-orbit { order: 0; width: min(400px, 92%); margin-bottom: 28px; }
  .v3-orbit .v3-c2 { right: -2%; }
  .v3-orbit .v3-c4 { left: -2%; }
  .v3-orbit .v3-chip { font-size: 0.78rem; padding: 7px 11px; }
}
/* the hero's task scene now lives in the "turn" section */
.v3-turn-stage { max-width: 560px; margin: 36px auto 40px; text-align: start; }

/* ---- 9. chrome: glass nav + footer on every Hebrew page ---- */
/* the blur sits on a ::before layer, not on nav itself: backdrop-filter on nav would make it the
   containing block of the fixed mobile drawer (.nav-menu) and clip the drawer to the nav's height */
[lang="he"] nav[aria-label="ניווט ראשי"] {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
[lang="he"] nav[aria-label="ניווט ראשי"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(14, 12, 11, 0.62);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  pointer-events: none;
}
[lang="he"] .nav-menu a:not(.nav-cta):not(.nav-lang-toggle)::after { background: #FF8A2A; box-shadow: 0 0 8px #FF8A2A; }
[lang="he"] nav[aria-label="ניווט ראשי"] .nav-menu a:hover { color: #FFB061; }
[lang="he"] nav .nav-cta {
  border-radius: 8px;
  border: 0;
  background: linear-gradient(180deg, #FFB061, #FF8A2A);
  color: #1A0E05 !important;
  box-shadow: 0 0 0 1px rgba(255, 138, 42, 0.5), 0 6px 22px -6px rgba(255, 138, 42, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
[lang="he"] nav .nav-cta:hover { background: linear-gradient(180deg, #FFBF7A, #FF9640); color: #1A0E05 !important; }
[lang="he"] nav .nav-members-btn { border-radius: 12px; border-color: rgba(255, 255, 255, 0.18); }
@media (max-width: 1180px) {
  [lang="he"] .nav-menu { background: #0E0C0B; }
  [lang="he"] .nav-menu .nav-cta { background: linear-gradient(180deg, #FFB061, #FF8A2A) !important; color: #1A0E05 !important; }
}
[lang="he"] :focus-visible { outline-color: #FF8A2A; }
.v2-skip { background: #FF8A2A; color: #1A0E05; }
.v2-footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent), #0E0C0B;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.v2-footer a:hover { color: #FFB061; }
/* the "בואו נדבר" popup on every Hebrew page */
[lang="he"] .popup-overlay { background: rgba(6, 5, 4, 0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
[lang="he"] .popup {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02) 50%), #15120F;
  border: 1px solid rgba(255, 138, 42, 0.3); border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 30px 80px -20px rgba(0, 0, 0, 0.8), 0 0 60px -20px rgba(255, 138, 42, 0.35);
}
[lang="he"] .popup-title { font-family: 'Assistant', sans-serif; font-weight: 800; }

@media (prefers-reduced-motion: reduce) {
  .v3-orbit .v3-arc, .v3-orbit .v3-chip, .v3-orbit .v3-spark { animation: none; }
  .v2 .v2-btn:hover, .v2 .v2-submit:hover { transform: none; }
}

/* ---- 10. soft radii, no full pills (Rani 07.11): tags and chips 8px, buttons 12px, boxes 16px ---- */
.v2 .v2-chip, .v2 .vm-chip, .v2 .vm-cost-tag, .v2 .vm-floor-lock, .v2 .vm-pills span, .v2 .vm-agent,
.v2 .v2-agent, .v2 .v2-asks li, .v2 .v2-door-tag, .v2 .v2-kicker, .v2 .v2-link, .v2 .v2-skill-row span,
.v2 .v2b-chain li, .v2 .v2b-names span, .v2 .v2b-pills li, .v2 .v2b-pipe li, .v2 .v2b-seg, .v2 .v2b-st,
.v2 .v2b-tag, .v2 .v2b-upd, .v2 .v2s-procs span, .v2 .v2h-chip, .v2 .vm-res {
  border-radius: 8px;
}
.v3-orbit .v3-chip { border-radius: 10px; }

/* ---- 11. glowing line charts (ref-02), home "ופתאום" + build cash-flow. No numbers. ---- */
.v3-chart { display: block; width: 100%; height: auto; overflow: visible; }
.v3-chart .v3-grid line { stroke: rgba(255, 255, 255, 0.06); }
.v3-chart .v3-ln {
  fill: none; stroke-width: 3; stroke-linecap: round;
  stroke-dasharray: 1; stroke-dashoffset: 1;
  filter: drop-shadow(0 0 6px rgba(92, 208, 255, 0.7));
}
.v3-chart .v3-ln-thin { stroke-width: 2.2; filter: drop-shadow(0 0 5px rgba(255, 120, 196, 0.6)); }
.v3-chart .v3-ln-dash { stroke-width: 2; filter: none; opacity: 0.85; }
.v3-chart .v3-pt { fill: #fff; stroke: var(--c); stroke-width: 3; filter: drop-shadow(0 0 8px var(--c)); transform-box: fill-box; transform-origin: center; }
/* timeline: the line draws, points pop (driver adds .on) */
.v2-js .v3-chart [data-at] { transform: none; }
.v2-js .v3-chart .v3-ln[data-at] { opacity: 1; transition: stroke-dashoffset 2.2s cubic-bezier(0.3, 0.6, 0.2, 1); }
.v2-js .v3-chart .v3-ln[data-at].on { stroke-dashoffset: 0; }
.v2-js .v3-chart .v3-area[data-at] { transition: opacity 1.6s ease 0.4s; }
.v2-js .v3-chart .v3-pt[data-at] { transform: scale(0.3); transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.3, 1.6, 0.5, 1); }
.v2-js .v3-chart .v3-pt[data-at].on { transform: none; }
/* no JS / reduced motion: final frame */
.v2:not(.v2-js) .v3-chart .v3-ln { stroke-dashoffset: 0; }
.v3-chart .v3-ln-dash { stroke-dasharray: 0.014 0.012; stroke-dashoffset: 0; }
.v2-js .v3-chart .v3-ln-dash[data-at] { opacity: 0; transition: opacity 1s ease; }
.v2-js .v3-chart .v3-ln-dash[data-at].on { opacity: 0.85; }

/* home: the panel holds the line and the four lines of copy */
.v2 .v3-graph-home { max-width: 640px; margin: 8px auto 32px; padding: 22px 24px 24px; text-align: start; }
.v3-graph-home .v3-chart { margin-bottom: 18px; }
.v3-graph-home .v2-suddenly { margin: 0; gap: 10px; }
.v3-graph-home .v2-suddenly li { display: flex; align-items: baseline; gap: 14px; font-size: clamp(1.15rem, 1vw + 0.9rem, 1.5rem); }
.v3-graph-home .v2-suddenly li::before {
  content: ""; flex: none; width: 11px; height: 11px; border-radius: 50%; transform: translateY(-2px);
  background: currentColor; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.05), 0 0 12px currentColor;
}
.v3-graph-home .v2-suddenly li:nth-child(4) { color: var(--v2-accent); }
.v3-graph-home .v2-suddenly li:nth-child(4)::before { background: var(--v2-accent); }

/* build: the chart replaces the bars inside the cash-flow screen */
.v3-graph-cash { padding: 14px 14px 10px; border: 1px solid var(--v2-border2); border-radius: 10px; background: rgba(0, 0, 0, 0.22); }
.v3-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 10px 0 0 !important; font-size: 0.85rem; }
.v3-legend span { display: inline-flex; align-items: center; gap: 8px; color: var(--v2-mid); }
.v3-legend span::before { content: ""; width: 14px; height: 3px; border-radius: 2px; background: var(--c); box-shadow: 0 0 8px var(--c); }
.v3-legend em { font-style: normal; }

/* ---- 12. the two doors, balanced like the preview (Rani 07.11) ---- */
.v2 .v2-router-s .v2-doors { align-items: stretch; }
.v2 .v2-router-s .v2-door { display: flex; flex-direction: column; align-items: flex-start; padding: 38px 34px 34px; }
.v2 .v2-router-s .v2-door h3 { font-size: 1.5rem; line-height: 1.3; margin-bottom: 12px; }
.v2 .v2-router-s .v2-door p { margin-bottom: 26px; }
.v2 .v2-router-s .v2-door .v2-btn { margin-top: auto; width: auto; max-width: 100%; padding: 14px 26px; font-size: 1rem; line-height: 1.4; }
.v2 .v2-router-s .v2-door-learn .v2-btn {
  background: linear-gradient(180deg, #A6E1F5, #5CD0FF); color: #04161D;
  box-shadow: 0 0 0 1px rgba(92, 208, 255, 0.5), 0 8px 30px -6px rgba(92, 208, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.v2 .v2-router-s .v2-door-learn .v2-btn:hover { background: linear-gradient(180deg, #C2ECFA, #7EDAFF); color: #04161D; }
.v3-door-ic {
  display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 20px; border-radius: 14px;
  color: var(--v2-accent); background: rgba(255, 138, 42, 0.1); border: 1px solid rgba(255, 138, 42, 0.3);
  box-shadow: 0 0 30px -6px rgba(255, 138, 42, 0.55);
}
.v2-door-learn .v3-door-ic { color: var(--v2-c-sky); background: rgba(92, 208, 255, 0.1); border-color: rgba(92, 208, 255, 0.3); box-shadow: 0 0 30px -6px rgba(92, 208, 255, 0.5); }
.v3-door-ic .v2-ic { width: 28px; height: 28px; }
@media (min-width: 900px) { .v2 .v2-router-s .v2-doors { grid-template-columns: 1fr 1fr; } }

/* ==========================================================================
   13. SHARED v3 PARTS for list / utility pages (blog, resources, contact, any future page).
   Generic on purpose: a page uses these classes, it never gets its own block.
   ========================================================================== */
/* page head: eyebrow + h1 + lead, centred, no scene */
.v2 .v3-head { padding: 72px 0 24px; }
@media (min-width: 960px) { .v2 .v3-head { min-height: 0; display: block; padding: 96px 0 32px; } }
.v2 .v3-head .v2-eyebrow { justify-content: center; }
.v2 .v3-head .container { max-width: 920px; }
.v2 .v3-head .v2-title { font-size: clamp(2.1rem, 2.2vw + 1.1rem, 3.2rem); }
.v2 .v3-head .v2-lead { color: var(--v2-mid); margin-inline: auto; max-width: 640px; }
.v2 .v3-list-s { padding-top: 24px; }

/* filter chips */
.v3-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 36px; }
.v3-chip-btn {
  font: inherit; font-size: 0.95rem; font-weight: 600; cursor: pointer;
  padding: 8px 16px; border-radius: 8px; color: var(--v2-mid);
  background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12);
  transition: color 0.2s, border-color 0.2s, box-shadow 0.3s, background 0.2s;
}
.v3-chip-btn:hover { color: var(--v2-ink); border-color: rgba(255, 138, 42, 0.5); }
.v3-chip-btn[aria-pressed="true"] {
  color: #1A0E05; background: linear-gradient(180deg, #FFB061, #FF8A2A); border-color: transparent;
  box-shadow: 0 6px 22px -8px rgba(255, 138, 42, 0.8);
}
.v3-chip-btn:focus-visible { outline: 3px solid var(--v2-ink); outline-offset: 2px; }

/* card grid */
.v3-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .v3-cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .v3-cards { grid-template-columns: repeat(3, 1fr); } }
.v3-card-cell { display: flex; min-width: 0; }
.v3-card-cell[hidden] { display: none; }
.v3-card {
  position: relative; display: flex; flex-direction: column; width: 100%; overflow: hidden;
  text-decoration: none; color: var(--v2-ink);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025) 45%, rgba(255, 255, 255, 0.012));
  border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px;
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 20px 50px -20px rgba(0, 0, 0, 0.6);
  transition: border-color 0.35s, box-shadow 0.35s, transform 0.35s;
}
.v3-card:hover, .v3-card:focus-visible {
  transform: translateY(-3px); border-color: rgba(255, 138, 42, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 40px -12px rgba(255, 138, 42, 0.28), 0 24px 60px -24px rgba(255, 138, 42, 0.38);
}
.v3-card:focus-visible { outline: 3px solid #FF8A2A; outline-offset: 3px; }
.v3-card-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(255, 255, 255, 0.03); }
.v3-card-media picture { display: contents; }
.v3-card-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.v3-card:hover .v3-card-img { transform: scale(1.04); }
.v3-card-img-empty { background: radial-gradient(80% 80% at 70% 20%, rgba(255, 138, 42, 0.25), transparent 70%), rgba(255, 255, 255, 0.03); }
.v3-card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 12, 11, 0.85), transparent 55%); pointer-events: none; }
.v3-card-teaser {
  position: absolute; inset-inline: 14px; bottom: 12px; z-index: 1;
  font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 1.1rem; line-height: 1.25; color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}
.v3-card-body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1; padding: 22px 22px 24px; }
.v3-card-tag { font-size: 0.8rem; font-weight: 700; color: #FFB061; border: 1px solid rgba(255, 138, 42, 0.45); background: rgba(255, 138, 42, 0.1); padding: 2px 10px; border-radius: 8px; }
.v3-card-meta { font-size: 0.85rem; color: var(--v2-dim); }
.v2 .v3-card-title { margin: 0; font-family: 'Assistant', sans-serif; font-weight: 800; font-size: 1.25rem; line-height: 1.3; color: var(--v2-ink); }
.v3-card-desc { margin: 0; font-size: 0.98rem; line-height: 1.65; color: var(--v2-mid); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.v3-card-cta { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; color: var(--v2-accent); }
.v3-card-cta .v2-ic { width: 18px; height: 18px; transition: transform 0.25s; }
.v3-card:hover .v3-card-cta .v2-ic { transform: translateX(-4px); }
.v3-card-ic {
  display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 6px; border-radius: 12px;
  color: var(--v2-accent); background: rgba(255, 138, 42, 0.1); border: 1px solid rgba(255, 138, 42, 0.3);
  box-shadow: 0 0 24px -6px rgba(255, 138, 42, 0.55);
}
.v3-card-ic .v2-ic { width: 22px; height: 22px; }
/* featured card: full row, image beside text on wide screens */
.v3-card-cell-wide { grid-column: 1 / -1; }
@media (min-width: 900px) {
  .v3-card-wide { flex-direction: row; }
  .v3-card-wide .v3-card-media { flex: 0 0 55%; aspect-ratio: auto; min-height: 340px; }
  .v3-card-wide .v3-card-body { justify-content: center; padding: 36px; }
  .v2 .v3-card-wide .v3-card-title { font-size: 1.75rem; }
}
.v3-empty { text-align: center; color: var(--v2-dim); margin-top: 24px; }

/* glass panel (forms, side blocks) */
.v3-panel {
  position: relative; padding: 32px 24px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025) 45%, rgba(255, 255, 255, 0.012));
  border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px;
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 20px 50px -20px rgba(0, 0, 0, 0.6);
}
.v2-cool .v3-panel { border-color: rgba(92, 208, 255, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 44px -14px rgba(92, 208, 255, 0.22), 0 24px 60px -26px rgba(92, 208, 255, 0.35); }
.v3-panel > :last-child { margin-bottom: 0; }
@media (min-width: 700px) { .v3-panel { padding: 40px; } }

/* inline form (email + button) */
.v3-form { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 14px; }
.v3-input {
  flex: 1 1 240px; min-width: 0; font: inherit; font-size: 1rem; color: var(--v2-ink);
  padding: 13px 16px; border-radius: 12px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.16);
}
.v3-input::placeholder { color: var(--v2-dim); }
.v3-input:focus { outline: none; border-color: #FF8A2A; box-shadow: 0 0 0 3px rgba(255, 138, 42, 0.25); }
.v2 .v3-form .v2-btn { flex: 0 0 auto; width: auto; margin: 0; padding: 13px 28px; }
@media (max-width: 520px) { .v2 .v3-form .v2-btn { flex-basis: 100%; } }
.v3-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 0.88rem; color: var(--v2-dim); text-align: start; cursor: pointer; }
.v3-consent input { margin-top: 4px; accent-color: #FF8A2A; width: 16px; height: 16px; flex: none; }
.v3-form-msg:empty { display: none; }
.v3-form-msg { margin-top: 14px; padding: 12px 16px; border-radius: 10px; font-weight: 600; }
.v3-form-msg-ok { color: #8BE8B0; background: rgba(74, 222, 128, 0.1); border: 1px solid rgba(74, 222, 128, 0.35); }
.v3-form-msg-info { color: #9FDFFF; background: rgba(92, 208, 255, 0.1); border: 1px solid rgba(92, 208, 255, 0.35); }

/* two blocks side by side */
.v3-split { display: grid; gap: 22px; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 900px) { .v3-split { grid-template-columns: 1.15fr 0.85fr; } }
.v3-frame { margin-top: 18px; }
.v3-frame iframe { display: block; width: 100%; height: 440px; border: 0; background: transparent; }

/* link rows with an icon tile (contact channels and similar) */
.v3-links { display: grid; gap: 10px; margin-top: 18px; }
.v3-link-row {
  display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 12px; text-decoration: none; color: var(--v2-ink);
  background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09); transition: border-color 0.3s, box-shadow 0.3s;
}
.v3-link-row:hover { border-color: rgba(255, 138, 42, 0.45); box-shadow: 0 0 26px -10px rgba(255, 138, 42, 0.6); }
.v3-link-ic { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 12px; color: var(--v2-accent); background: rgba(255, 138, 42, 0.1); border: 1px solid rgba(255, 138, 42, 0.3); }
.v3-link-ic svg { width: 20px; height: 20px; }
.v3-link-text { display: grid; gap: 2px; min-width: 0; }
.v3-link-text strong { font-size: 1.02rem; overflow-wrap: anywhere; text-align: start; }
.v3-link-text span { font-size: 0.88rem; color: var(--v2-dim); }
.v3-note { margin-top: 32px !important; font-size: 0.92rem; color: var(--v2-dim); }
.v3-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.v2 .v3-tags-s { padding-top: 24px; }
.v3-chip-btn { text-transform: capitalize; }
/* a shared section whose head is the page h1 (case studies) gets the page-title size */
.v2 .v2b-head h1.v2-h2 { font-size: clamp(2.1rem, 2.2vw + 1.1rem, 3.2rem); line-height: 1.15; }

/* ==========================================================================
   14. LANDING + WORKSHOP PAGES (rollout 2, 07.11.2026). Plan: .digido/site-v2/V3-ROLLOUT-2.md
   The sales, kit, thank-you and welcome pages come from the landing kit, each with its own
   prefix (wcs/las, skp, sst, csk, skt, sth, cst, wcty, wcwl). They keep their CSS, but their
   token blocks now point at the --v3-* tokens below and their <main> carries .v3-lp.
   Everything that changes how they look lives here. main.v3-lp beats the page rules on
   specificity, because the page <style> comes later in the document.
   ========================================================================== */
:root {
  --v3-bg: #0E0C0B;
  --v3-page: transparent;
  --v3-bg2: rgba(255, 255, 255, 0.025);
  --v3-card: rgba(255, 255, 255, 0.05);
  --v3-card2: rgba(255, 255, 255, 0.032);
  --v3-solid: #171412;
  --v3-line: rgba(255, 255, 255, 0.13);
  --v3-line2: rgba(255, 255, 255, 0.085);
  --v3-ink: #F5F1EA;
  --v3-mid: #C9C2B7;
  --v3-dim: #A39C92;
  --v3-acc: #FF8A2A;
  --v3-acc-deep: #FF9E4D;
  --v3-acc-hi: #FFB061;
  --v3-acc-rgb: 255, 138, 42;
  --v3-sky-rgb: 92, 208, 255;
  --v3-acc-soft: rgba(255, 138, 42, 0.12);
  --v3-acc-line: rgba(255, 138, 42, 0.45);
  --v3-r-chip: 8px;
  --v3-r-btn: 12px;
  --v3-r-box: 16px;
  --v3-font-head: 'Assistant', sans-serif;
  --v3-font-body: 'Rubik', sans-serif;
  --v3-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 20px 50px -20px rgba(0, 0, 0, 0.6);
  --v3-btn-bg: linear-gradient(180deg, #FFB061, #FF8A2A);
  --v3-btn-bg-hover: linear-gradient(180deg, #FFBF7A, #FF9640);
  --v3-btn-ink: #1A0E05;
  --v3-btn-shadow: 0 0 0 1px rgba(255, 138, 42, 0.5), 0 8px 30px -6px rgba(255, 138, 42, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  --v3-btn-shadow-hover: 0 0 0 1px rgba(255, 138, 42, 0.7), 0 12px 44px -6px rgba(255, 138, 42, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* the night sky behind the page (same as .v2::before) */
main.v3-lp { position: relative; isolation: isolate; background: transparent; font-family: var(--v3-font-body); --v3-glow: 255, 138, 42; }
main.v3-lp::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(255, 138, 42, 0.15), transparent 60%),
    radial-gradient(700px 520px at 0% 45%, rgba(255, 138, 42, 0.05), transparent 60%),
    radial-gradient(800px 600px at 100% 100%, rgba(92, 208, 255, 0.045), transparent 60%),
    radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 28px 28px;
}

/* headlines: Assistant 800, the accent word glows */
main.v3-lp :is(h1, h2, h3) {
  font-family: var(--v3-font-head) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}
main.v3-lp :is(h1, h2) :is(em, .wcs-accent, .skp-accent-text, .sst-accent-text, .csk-accent-text) {
  text-shadow: 0 0 26px rgba(var(--v3-glow), 0.45);
}

/* flip palette: tint sections glow sky, the rest stay warm */
main.v3-lp :is(.wcs-section--tint, .wcs-featquote, .skp-tint, .sst-tint, .csk-tint, .sst-madeby-s) {
  --v3-glow: var(--v3-sky-rgb);
  background:
    radial-gradient(ellipse 70% 45% at 15% 0%, rgba(92, 208, 255, 0.07), transparent 70%),
    radial-gradient(ellipse 50% 40% at 90% 100%, rgba(255, 120, 196, 0.05), transparent 70%);
}

/* glass surfaces: 16px boxes, light edge, inner highlight */
main.v3-lp :is(
  .wcs-eventcard, .wcs-savings, .wcs-formula, .wcs-media-frame, .wcs-warn, .wcs-objection, .wcs-quote,
  .wcs-demo, .wcs-mech-card, .wcs-day, .wcs-stack, .wcs-pricebox, .wcs-recap, .wcs-form-card, .wcs-gap-col,
  .wcs-signoff, .wcs-teamban, .wcs-flow-step, .wcs-guar-card, .wcs-cycle, .wcs-split-col,
  .las-stage, .las-tile, .las-card, .las-crm, .las-open, .las-cost,
  .skp-card, .skp-quote, .skp-role, .skp-get,
  .sst-card, .sst-quote, .sst-role, .sst-get, .sst-stage, .sst-skill-card, .sst-trust, .sst-files, .sst-tip,
  .csk-card, .csk-quote, .csk-role, .csk-get,
  .wcwl-card, .skt-card
) {
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: var(--v3-r-box);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: var(--v3-glass-shadow);
  transition: border-color 0.35s, box-shadow 0.35s;
}
/* the main panels (price, form, stages) stay lit */
main.v3-lp :is(.wcs-pricebox, .wcs-form-card, .las-stage, .sst-stage, .skp-card, .csk-card, .sst-card, .skt-card) {
  border-color: rgba(var(--v3-glow), 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 44px -14px rgba(var(--v3-glow), 0.26), 0 24px 60px -26px rgba(var(--v3-glow), 0.4);
}
/* cards light their edge on hover */
main.v3-lp :is(.wcs-objection, .wcs-quote, .wcs-mech-card, .wcs-day, .wcs-gap-col, .wcs-flow-step, .wcs-guar-card,
  .las-tile, .las-card, .skp-quote, .skp-role, .skp-get, .sst-quote, .sst-role, .sst-get, .sst-skill-card,
  .csk-quote, .csk-role, .csk-get, .wcwl-card):hover {
  border-color: rgba(var(--v3-glow), 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 40px -12px rgba(var(--v3-glow), 0.28), 0 24px 60px -24px rgba(var(--v3-glow), 0.38);
}
/* a popup inside a scene must hide what is behind it; select menus stay solid */
main.v3-lp .sst-modal { background: var(--v3-solid); }
main.v3-lp option { background: var(--v3-solid); color: var(--v3-ink); }

/* buttons: glowing, 12px */
main.v3-lp :is(.wcs-btn, .skp-submit, .skp-btn, .sst-submit, .sst-btn, .csk-submit, .csk-btn, .skt-btn, .sth-btn, .cst-btn, .wcwl-btn) {
  border-radius: var(--v3-r-btn);
}
main.v3-lp :is(.wcs-btn--primary, .skp-submit, .skp-btn, .sst-submit, .sst-btn, .csk-submit, .csk-btn,
  .skt-btn:not(.skt-btn--ghost):not(.skt-btn--wa), .sth-btn:not(.sth-btn--ghost):not(.sth-btn--wa),
  .cst-btn:not(.cst-btn--ghost):not(.cst-btn--wa), .wcwl-btn:not(.wcwl-btn--off)) {
  background: var(--v3-btn-bg);
  color: var(--v3-btn-ink);
  border-color: transparent;
  box-shadow: var(--v3-btn-shadow);
  transition: transform 0.2s, box-shadow 0.3s;
}
main.v3-lp :is(.wcs-btn--primary, .skp-submit, .skp-btn, .sst-submit, .sst-btn, .csk-submit, .csk-btn,
  .skt-btn:not(.skt-btn--ghost):not(.skt-btn--wa), .sth-btn:not(.sth-btn--ghost):not(.sth-btn--wa),
  .cst-btn:not(.cst-btn--ghost):not(.cst-btn--wa), .wcwl-btn:not(.wcwl-btn--off)):hover {
  background: var(--v3-btn-bg-hover);
  color: var(--v3-btn-ink);
  transform: translateY(-2px);
  box-shadow: var(--v3-btn-shadow-hover);
}
/* WhatsApp buttons: a deeper green so white text passes AA (the old #2E9E63 was 3.4:1) */
main.v3-lp :is(.skt-btn--wa, .sth-btn--wa, .cst-btn--wa, .sst-wa) {
  background: #1B7445;
  color: #FFFFFF;
  border-radius: var(--v3-r-btn);
  box-shadow: 0 0 0 1px rgba(46, 158, 99, 0.5), 0 8px 26px -8px rgba(46, 158, 99, 0.6);
}
main.v3-lp :is(.skt-btn--wa, .sth-btn--wa, .cst-btn--wa, .sst-wa):hover { background: #166239; color: #FFFFFF; }
main.v3-lp :is(.skt-btn--ghost, .sth-btn--ghost, .cst-btn--ghost):hover {
  box-shadow: inset 0 0 0 1px rgba(255, 138, 42, 0.6), 0 0 24px -6px rgba(255, 138, 42, 0.5);
}

/* form fields: 12px, orange focus ring (CSS only, the form markup is untouched) */
main.v3-lp :is(.wcs-field input, .skp-field input, .skp-field select, .sst-field input, .sst-field select, .csk-field input, .csk-field select) {
  border-radius: var(--v3-r-btn);
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.16);
}
main.v3-lp :is(.wcs-field input, .skp-field input, .skp-field select, .sst-field input, .sst-field select, .csk-field input, .csk-field select):focus {
  border-color: var(--v3-acc);
  box-shadow: 0 0 0 3px rgba(255, 138, 42, 0.25);
}

/* chips and tags: 8px, no full pills */
main.v3-lp :is(.wcs-media-tag, .wcs-price-over, .wcs-stack-badge, .wcs-hero-badge, .las-chip, .las-agent,
  .las-floor-lock, .las-cost-tag, .las-pills span, .las-crm-lock, .skp-kicker, .sst-kicker, .csk-kicker,
  .sst-chip, .sst-skill-row span, .sst-agent, .sst-asks li, .sst-link) {
  border-radius: var(--v3-r-chip);
}
main.v3-lp :is(.las-chip, .sst-chip, .skp-kicker, .sst-kicker, .csk-kicker) {
  border-color: rgba(var(--v3-glow), 0.4);
  box-shadow: 0 0 18px -6px rgba(var(--v3-glow), 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
/* eyebrow: the short glowing line before it, like the rest of the site */
main.v3-lp :is(.wcs-eyebrow, .sst-eyebrow) { display: inline-flex; align-items: center; gap: 10px; }
main.v3-lp :is(.wcs-eyebrow, .sst-eyebrow)::before {
  content: ""; flex: none; width: 26px; height: 2px; border-radius: 2px;
  background: currentColor; box-shadow: 0 0 10px currentColor;
}

/* the landing header: glass, like the site nav */
[lang="he"] .lp-header {
  background: rgba(14, 12, 11, 0.62);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
[lang="he"] .lp-header-label { color: var(--v3-acc); text-shadow: 0 0 14px rgba(255, 138, 42, 0.45); }

@media (prefers-reduced-motion: reduce) {
  main.v3-lp :is(.wcs-btn--primary, .skp-submit, .skp-btn, .sst-submit, .sst-btn, .csk-submit, .csk-btn, .skt-btn, .sth-btn, .cst-btn, .wcwl-btn):hover { transform: none; }
}

/* ==========================================================================
   15. SHARED v3 CAPTURE PARTS (07.11.2026, first used by /he/mapping-start-test/).
   A form panel with stacked fields, error lines, an off-screen honeypot, and a reasons panel
   with glowing ticks. Generic: any capture page uses these, never its own block.
   ========================================================================== */
.v2 .v3-panel-lit { border-color: rgba(var(--v3-glow), 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 44px -14px rgba(var(--v3-glow), 0.26), 0 24px 60px -26px rgba(var(--v3-glow), 0.4); }
.v2 .v3-panel-title { margin: 0 0 16px; font-size: clamp(1.3rem, 1vw + 1rem, 1.6rem); line-height: 1.3; color: var(--v2-ink); }
.v2 .v3-panel-title:not(:first-child) { margin-top: 32px; }
.v3-panel-text { margin: 0; color: var(--v2-mid); line-height: 1.8; }
.v3-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.v3-ticks li { position: relative; padding-inline-start: 26px; color: var(--v2-mid); line-height: 1.75; }
.v3-ticks li::before {
  content: ""; position: absolute; inset-inline-start: 2px; top: 0.6em; width: 10px; height: 10px; border-radius: 50%;
  background: var(--v2-accent); box-shadow: 0 0 0 4px rgba(255, 138, 42, 0.12), 0 0 12px rgba(255, 138, 42, 0.8);
}
.v3-ticks strong { color: var(--v2-ink); }
.v3-field { margin-bottom: 18px; }
.v3-field label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--v2-ink); line-height: 1.5; }
.v3-field .v3-input { display: block; width: 100%; min-height: 50px; box-sizing: border-box; }
.v3-input[aria-invalid="true"] { border-color: #FF8A7A; }
.v3-field-err { margin: 10px 0 0; padding: 12px 14px; border-radius: 10px; font-size: 0.95rem; line-height: 1.6; color: #FFC2B8; background: rgba(255, 99, 77, 0.1); border: 1px solid rgba(255, 99, 77, 0.45); }
.v3-field-err[hidden] { display: none; }
.v3-field-err strong { color: #FFE1DB; }
.v3-panel .v3-consent { margin: 14px 0 0; font-size: 0.95rem; line-height: 1.6; color: var(--v2-mid); }
.v3-panel .v3-consent + .v3-field-err { margin-bottom: 4px; }
.v2 .v3-btn-block { display: block; width: 100%; margin-top: 24px; padding: 16px 24px; font-size: 1.1rem; line-height: 1.4; text-align: center; cursor: pointer; }
.v3-micro { margin: 14px 0 0; font-size: 0.88rem; line-height: 1.6; color: var(--v2-dim); text-align: center; }
.v3-micro a { color: var(--v2-accent); text-decoration: underline; text-underline-offset: 3px; }
.v3-micro a:hover { color: #FFB061; }
/* capture layout: phone = reasons -> form -> what happens next; desktop = reasons + next beside the form */
.v3-capgrid { display: grid; gap: 22px; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 900px) {
  .v3-capgrid { grid-template-columns: 1.15fr 0.85fr; grid-template-rows: auto 1fr; grid-template-areas: "a form" "b form"; }
  .v3-cap-a { grid-area: a; }
  .v3-cap-b { grid-area: b; }
  .v3-cap-form { grid-area: form; }
}
/* honeypot: off-screen, out of the tab order and the accessibility tree */
.v3-hp { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; opacity: 0; pointer-events: none; }

/* ==========================================================================
   16. SHARED v3 TESTIMONIALS (07.11.2026, partials/v3-testimonials.njk, first used on /he/).
   Rani's standard from /he/workshop-claude-system/: video in a phone frame beside the quote,
   written quotes, and screenshots one at a time in a phone frame (rotator). Generic.
   ========================================================================== */
.v3-vtest { display: grid; grid-template-columns: 1fr; justify-items: center; gap: 30px; margin: 40px 0 0; }
@media (min-width: 700px) { .v3-vtest { grid-template-columns: 248px 1fr; align-items: center; gap: 44px; justify-items: start; } }
.v3-phone {
  position: relative; isolation: isolate; width: 300px; max-width: 78vw; padding: 9px; box-sizing: border-box;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025) 45%, rgba(255, 255, 255, 0.012));
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 28px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 24px 60px -26px rgba(var(--v3-glow), 0.45);
}
.v3-phone::before { content: ""; position: absolute; inset: -14%; background: radial-gradient(closest-side, rgba(var(--v3-glow), 0.12), transparent 72%); pointer-events: none; z-index: -1; }
.v3-phone-video { width: 240px; max-width: 72vw; aspect-ratio: 9 / 16; }
.v3-vtest-iframe { position: relative; display: block; width: 100%; height: 100%; border: 0; border-radius: 20px; background: #000; }
.v3-phone-img, .v3-phone img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; }
.v3-vtest-side { margin: 0; text-align: center; }
@media (min-width: 700px) { .v3-vtest-side { text-align: start; } }
.v2 .v3-vtest-quote { font-family: 'Rubik', sans-serif; font-size: clamp(1.2rem, 1.2vw + 0.9rem, 1.5rem); font-weight: 600; line-height: 1.55; color: var(--v2-ink); margin: 18px 0 12px; padding: 0; border: 0; }
.v2 .v3-overline + .v3-vtest-quote { margin-top: 0; }
.v3-attr { color: var(--v2-dim); margin: 0; }
.v3-attr-name { font-weight: 700; color: var(--v2-mid); }
.v3-attr-role { color: var(--v2-dim); margin-inline-start: 8px; }
.v3-tag { display: inline-block; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.14em; color: var(--v2-accent); border: 1px solid var(--v2-accent-line); border-radius: 999px; padding: 5px 14px; }
.v2 .v3-overline { color: var(--v2-accent); font-weight: 700; font-size: 1.05rem; letter-spacing: 0.02em; margin: 0 0 8px; }
.v3-quotes { display: grid; gap: 24px; margin: 56px 0 12px; }
@media (min-width: 768px) { .v3-quotes { grid-template-columns: 1fr 1fr; } }
.v3-quote {
  margin: 0; padding: 28px 26px; border-radius: 16px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025) 45%, rgba(255, 255, 255, 0.012));
  border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}
.v2 .v3-quote blockquote { margin: 0 0 18px; padding: 0; border: 0; color: var(--v2-mid); font-size: 1.02rem; line-height: 1.7; }
.v3-quote figcaption { display: flex; flex-direction: column; gap: 2px; }
.v3-quote .v3-attr-role { margin-inline-start: 0; }
.v2 .v3-shots-lead { color: var(--v2-dim); margin: 40px 0 24px; }
.v3-rotor-stage { display: grid; }
.v3-rotor-slide {
  grid-area: 1 / 1; display: grid; grid-template-columns: 1fr; justify-items: center; gap: 30px; margin: 0;
  opacity: 0; visibility: hidden; transition: opacity 0.7s ease, visibility 0s linear 0.7s;
}
.v3-rotor-slide.is-active { opacity: 1; visibility: visible; transition: opacity 0.7s ease; }
@media (min-width: 700px) { .v3-rotor-slide { grid-template-columns: 300px 1fr; align-items: center; gap: 44px; justify-items: start; } }
.v3-rotor-dots { display: flex; justify-content: center; gap: 4px; margin-top: 32px; }
.v3-rotor-dot { position: relative; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.v3-rotor-dot::before {
  content: ""; position: absolute; inset: 7px; border-radius: 50%; border: 1px solid var(--v2-accent-line, rgba(255, 138, 42, 0.45));
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.v3-rotor-dot.is-active::before { background: #FF8A2A; transform: scale(1.15); box-shadow: 0 0 10px rgba(255, 138, 42, 0.7); }
.v3-rotor-dot:focus-visible { outline: 2px solid #FF8A2A; outline-offset: 2px; border-radius: 50%; }
@media (prefers-reduced-motion: reduce) {
  .v3-rotor-slide, .v3-rotor-slide.is-active, .v3-rotor-dot::before { transition: none; }
}

/* a11y (08.11): code-block copy button on Hebrew posts/resources, #888 on #2a2a2a was 4.04:1; #A3A3A3 = 5.9:1 (axe color-contrast). */
[lang="he"] .copy-btn { color: #A3A3A3; }

/* Empty in-page anchor (e.g. /he/build/#proof): a zero-height block so the browser scrolls to the next section. */
.v3-anchor { display: block; height: 0; }
/* Email anchors on /he/build/ (#proof, #process): land below the fixed header (~90px). */
.v3-anchor, #process { scroll-margin-top: 96px; }

/* Home hero: Rani's magician portrait in the orbit (08.11). Square photo, in colour: the glowing orb is the point. */
.v3-orbit .v3-face-magic { align-items: center; }
.v3-orbit .v3-face-magic img { width: 100%; margin-top: 0; filter: none; }
.v3-orbit .v3-face-magic::after { background: linear-gradient(to top, #0E0C0B 0%, rgba(14, 12, 11, 0.35) 12%, transparent 30%); }
/* Home hero: Rani's colour cut-out (08.11) - keep the colour, no grayscale. */
.v3-orbit .v3-face-color img { filter: none; }