/* ============================================================
   LA FABRICA · v2 — editorial dark (ref: "sofa")
   Palette: near-black + lime-green accent + violet ambient + cream
   ============================================================ */

:root{
  --bg:#09070f;
  --bg-2:#0d0a15;
  --surface:#13101b;
  --surface-2:#181320;
  --ink:#f3f0ea;
  --ink-soft:#b4aec0;
  --ink-mute:#736d84;
  --cream:#ece5d6;
  --cream-ink:#15121c;
  --lime:#c2ec3b;
  --lime-deep:#9ec714;
  --violet:#7b3bff;
  --violet-soft:#a981ff;
  --line:rgba(243,240,234,0.10);
  --line-2:rgba(243,240,234,0.18);
  --r-sm:8px; --r-md:16px; --r-lg:24px; --r-xl:34px;
  --maxw:1320px;
  --pad: clamp(20px,5vw,72px);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;position:relative;
}
/* subtle immersive background grid */
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(243,240,234,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(243,240,234,0.035) 1px, transparent 1px);
  background-size:62px 62px;
  -webkit-mask-image:radial-gradient(130% 100% at 50% -5%, #000 28%, rgba(0,0,0,0.35) 62%, transparent 88%);
  mask-image:radial-gradient(130% 100% at 50% -5%, #000 28%, rgba(0,0,0,0.35) 62%, transparent 88%);
}
body > *{position:relative;z-index:1;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}

/* ── type ─────────────────────────────────────────────── */
.h-display{
  font-family:'Space Grotesk',sans-serif;font-weight:500;
  font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-0.03em;margin:0;
}
.h-section{
  font-family:'Space Grotesk',sans-serif;font-weight:500;
  font-size:clamp(32px,4.2vw,56px);line-height:1.04;letter-spacing:-0.03em;margin:0;
}
.kicker{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--lime);display:inline-flex;align-items:center;gap:10px;
}
.kicker::before{content:'';width:22px;height:1px;background:var(--lime);display:inline-block;}
.muted{color:var(--ink-soft);}
.accent{color:var(--lime);}

/* ── buttons ──────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 26px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:600;
  letter-spacing:-0.01em;cursor:pointer;border:1px solid transparent;
  transition:transform .18s,background .2s,color .2s,border-color .2s;white-space:nowrap;
}
.btn--cream{background:var(--cream);color:var(--cream-ink);}
.btn--cream:hover{transform:translateY(-2px);background:#fff;}
.btn--lime{background:var(--lime);color:#13180a;}
.btn--lime:hover{transform:translateY(-2px);background:#d4f95a;}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn--ghost:hover{border-color:var(--lime);color:var(--lime);}
.btn .ar{transition:transform .2s;}
.btn:hover .ar{transform:translate(3px,-3px);}

/* arrow-in-box */
.arrow-box{
  width:46px;height:46px;border:1px solid var(--line-2);border-radius:50%;
  display:grid;place-items:center;color:var(--ink);transition:.2s;flex:none;
}
.arrow-box:hover{background:var(--lime);color:#13180a;border-color:var(--lime);}

/* ── NAV ──────────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad);
  transition:background .3s,backdrop-filter .3s,border-color .3s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(9,7,15,0.82);backdrop-filter:blur(16px) saturate(150%);
  border-bottom-color:var(--line);
}
.nav__brand img{height:34px;width:auto;}
.nav__links{display:flex;gap:30px;font-size:14px;color:var(--ink-soft);}
.nav__links a{position:relative;padding:4px 0;transition:color .15s;}
.nav__links a:hover{color:var(--ink);}
.nav__links a::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .2s;}
.nav__links a:hover::after{transform:scaleX(1);}
.nav__right{display:flex;align-items:center;gap:14px;}
@media(max-width:860px){.nav__links{display:none;}}

/* ── HERO ─────────────────────────────────────────────── */
.hero{
  position:relative;min-height:auto;display:flex;align-items:center;
  padding:clamp(104px,13vh,148px) var(--pad) clamp(44px,6vw,78px);overflow:hidden;
}
.hero__img{position:absolute;inset:0;background:url('assets/hero-bg.webp') center 38%/cover no-repeat;}
.hero__img::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(9,7,15,0.72) 0%, rgba(9,7,15,0.18) 30%, rgba(9,7,15,0.35) 62%, rgba(9,7,15,0.96) 100%),
    radial-gradient(120% 80% at 50% 40%, transparent 40%, rgba(9,7,15,0.55) 100%);
}
.hero__inner{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;text-align:center;}
.hero__title{
  font-family:'Space Grotesk',sans-serif;font-weight:500;
  font-size:clamp(38px,6vw,80px);line-height:0.98;letter-spacing:-0.04em;margin:16px 0 0;
}
.hero__title em{font-style:italic;color:var(--lime);}
.hero__sub{max-width:520px;margin:18px auto 28px;color:var(--ink-soft);font-size:clamp(15px,1.6vw,18px);}
.hero__meta{
  position:absolute;left:0;bottom:6px;display:flex;gap:26px;font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-mute);
}
.hero__meta--r{left:auto;right:0;}
@media(max-width:760px){.hero__meta{display:none;}}

/* ── generic section ──────────────────────────────────── */
.section{padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(70px,9vw,130px);}
.section--tight{padding-top:clamp(50px,6vw,90px);padding-bottom:clamp(50px,6vw,90px);}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,64px);}
.sec-head__t{max-width:640px;}
.sec-head .kicker{margin-bottom:18px;}

/* ── WHY (numbered) ───────────────────────────────────── */
.why{position:relative;}
.why__top{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;margin-bottom:clamp(40px,5vw,70px);}
.why__img{
  border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/4;border:1px solid var(--line);
  position:relative;
}
.why__img img{width:100%;height:100%;object-fit:cover;}
.why__nums{
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  border-top:1px solid var(--line);padding-top:40px;
}
.numcard__n{font-family:'Space Grotesk',sans-serif;font-size:18px;color:var(--lime);font-weight:600;margin-bottom:14px;}
.numcard h4{font-size:18px;font-weight:600;margin:0 0 8px;letter-spacing:-0.01em;}
.numcard p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.55;}
.why__nums .numcard:last-child{display:flex;align-items:flex-end;justify-content:flex-end;}
@media(max-width:860px){
  .why__top{grid-template-columns:1fr;}
  .why__nums{grid-template-columns:1fr;gap:24px;}
  .why__nums .numcard:last-child{justify-content:flex-start;}
}

/* ── SHOWCASE (gallery) ───────────────────────────────── */
.tabs{display:flex;gap:8px;flex-wrap:wrap;}
.tab{
  padding:9px 18px;border-radius:999px;border:1px solid var(--line-2);background:transparent;
  color:var(--ink-soft);font-family:inherit;font-size:13px;cursor:pointer;transition:.18s;
}
.tab:hover{color:var(--ink);}
.tab.active{background:var(--cream);color:var(--cream-ink);border-color:var(--cream);}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gcard{
  position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/4;
  border:1px solid var(--line);background:var(--surface);cursor:pointer;
}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.gcard:hover img{transform:scale(1.06);}
.gcard__grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,7,15,.45) 0%,transparent 30%,transparent 55%,rgba(9,7,15,.85) 100%);}
.gcard__badge{
  position:absolute;top:14px;left:14px;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;
  background:rgba(9,7,15,.6);backdrop-filter:blur(8px);border:1px solid var(--line-2);color:var(--ink);
}
.gcard__badge.is-lime{background:var(--lime);color:#13180a;border-color:var(--lime);}
.gcard__foot{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;}
.gcard__foot h4{margin:0;font-size:17px;font-weight:600;letter-spacing:-0.01em;}
.gcard__foot span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.1em;}
.gcard__play{width:40px;height:40px;border-radius:50%;background:var(--cream);color:var(--cream-ink);display:grid;place-items:center;flex:none;transition:.2s;}
.gcard:hover .gcard__play{background:var(--lime);}
.gcard__play svg{width:16px;height:16px;margin-left:2px;}
.gallery-foot{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px;flex-wrap:wrap;}
.gallery-nav{display:flex;gap:10px;}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,1fr);}}
@media(max-width:540px){.gallery{grid-template-columns:1fr;}}

/* ── EXPERIENCE ───────────────────────────────────────── */
.exp__head{display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:end;margin-bottom:46px;}
.exp__head p{margin:0;color:var(--ink-soft);font-size:15px;}
@media(max-width:860px){.exp__head{grid-template-columns:1fr;gap:20px;}}
.circle-row{display:flex;gap:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.circle-track{display:flex;gap:18px;animation:slide 32s linear infinite;}
.circle-track:hover{animation-play-state:paused;}
@keyframes slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.circ{width:128px;height:128px;border-radius:50%;overflow:hidden;flex:none;border:1px solid var(--line);}
.circ img{width:100%;height:100%;object-fit:cover;}

/* stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:clamp(50px,7vw,90px);}
.stats__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px;}
.stat b{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-0.03em;display:block;}
.stat b .accent{color:var(--lime);}
.stat span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-mute);}
.stats__text p{color:var(--ink-soft);font-size:15px;}
@media(max-width:860px){.stats{grid-template-columns:1fr;gap:36px;}}

/* ── SERVICE band (image) ─────────────────────────────── */
.band{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.band__txt{padding:clamp(34px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:18px;background:var(--surface);}
.band__txt p{margin:0;color:var(--ink-soft);}
.band__img{position:relative;min-height:340px;}
.band__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
@media(max-width:760px){.band{grid-template-columns:1fr;}.band__img{min-height:280px;}}

/* ── PLANES ───────────────────────────────────────────── */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.plan{
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);
  padding:34px 30px;display:flex;flex-direction:column;gap:24px;position:relative;
}
.plan--feat{background:linear-gradient(180deg,rgba(194,236,59,0.10),rgba(19,16,27,0.4));border-color:var(--lime);}
.plan__tag{position:absolute;top:-12px;left:30px;background:var(--lime);color:#13180a;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;}
.plan__tag--ghost{background:var(--surface-2);color:var(--ink-mute);border:1px solid var(--line-2);}
.plan__amt--big{font-size:42px;letter-spacing:-0.03em;}
.plan h3{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:26px;margin:0 0 6px;letter-spacing:-0.02em;}
.plan__desc{margin:0;font-size:13.5px;color:var(--ink-soft);min-height:38px;}
.plan__price{display:flex;align-items:baseline;gap:8px;padding-bottom:22px;border-bottom:1px solid var(--line);}
.plan__amt{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:46px;line-height:1;letter-spacing:-0.03em;}
.plan__per{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-mute);}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;flex:1;}
.plan li{position:relative;padding-left:24px;font-size:14px;color:var(--ink-soft);line-height:1.45;}
.plan li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--lime);}
@media(max-width:860px){.plans{grid-template-columns:1fr;}}

/* ── FEEDBACKS ────────────────────────────────────────── */
.feeds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.feed{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:28px 26px;display:flex;flex-direction:column;gap:18px;}
.feed--lead{grid-column:span 2;background:linear-gradient(180deg,rgba(123,59,255,0.10),rgba(19,16,27,0.3));}
.feed__stars{color:var(--lime);letter-spacing:3px;font-size:13px;}
.feed p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55;}
.feed--lead p{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-0.02em;color:var(--ink);}
.feed__by{display:flex;align-items:center;gap:12px;margin-top:auto;}
.feed__av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;border:1px solid var(--line-2);}
.feed__av img{width:100%;height:100%;object-fit:cover;}
.feed__by>div{min-width:0;}
.feed__by b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.feed__by span{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:860px){.feeds{grid-template-columns:1fr;}.feed--lead{grid-column:span 1;}}

/* ── FAQ ──────────────────────────────────────────────── */
.faq{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(36px,5vw,70px);align-items:start;}
@media(max-width:860px){.faq{grid-template-columns:1fr;}}
.faq__list{display:grid;gap:0;border-top:1px solid var(--line);}
.faq__item{border-bottom:1px solid var(--line);}
.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:none;border:none;color:var(--ink);font-family:inherit;font-size:17px;font-weight:500;text-align:left;padding:24px 4px;cursor:pointer;letter-spacing:-0.01em;transition:color .2s;}
.faq__q:hover{color:var(--lime);}
.faq__x{font-family:'Space Grotesk',sans-serif;font-size:24px;color:var(--lime);line-height:1;transition:transform .25s;flex:none;}
.faq__item[data-open="true"] .faq__x{transform:rotate(45deg);}
.faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;color:var(--ink-soft);font-size:15px;line-height:1.6;padding:0 4px;}
.faq__item[data-open="true"] .faq__a{max-height:300px;padding:0 4px 24px;}

/* ── CTA ──────────────────────────────────────────────── */
.cta{position:relative;text-align:center;padding:clamp(80px,11vw,150px) var(--pad);overflow:hidden;border-top:1px solid var(--line);}
.cta__glow{position:absolute;width:900px;height:900px;left:50%;top:55%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(123,59,255,0.30),transparent 60%);filter:blur(40px);pointer-events:none;}
.cta__art{position:absolute;top:50%;transform:translateY(-50%);opacity:.5;color:var(--line-2);}
.cta__art--l{left:clamp(10px,5vw,80px);}
.cta__art--r{right:clamp(10px,5vw,80px);}
.cta__inner{position:relative;max-width:760px;margin:0 auto;}
.cta h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(36px,6vw,76px);line-height:1.02;letter-spacing:-0.035em;margin:14px 0 18px;}
.cta__inline{margin-top:34px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-mute);letter-spacing:0.06em;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
@media(max-width:760px){.cta__art{display:none;}}

/* ── FOOTER ───────────────────────────────────────────── */
.footer{border-top:1px solid var(--line);background:var(--bg-2);padding:clamp(50px,6vw,80px) 0 28px;}
.footer__top{display:grid;grid-template-columns:1.4fr 1.6fr;gap:50px;padding-bottom:46px;border-bottom:1px solid var(--line);}
.footer__brand img{height:52px;margin-bottom:20px;}
.footer__brand p{color:var(--ink-soft);font-size:14px;max-width:300px;margin:0 0 24px;}
.subscribe{display:flex;gap:8px;max-width:380px;}
.subscribe input{flex:1;background:var(--surface);border:1px solid var(--line-2);border-radius:999px;padding:13px 20px;color:var(--ink);font-family:inherit;font-size:14px;outline:none;}
.subscribe input:focus{border-color:var(--lime);}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.footer__cols h5{margin:0 0 16px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;}
.footer__cols a{display:block;padding:6px 0;color:var(--ink-soft);font-size:14px;transition:color .15s;}
.footer__cols a:hover{color:var(--lime);}
.footer__bottom{display:flex;justify-content:space-between;padding-top:24px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-mute);letter-spacing:0.04em;flex-wrap:wrap;gap:10px;}
@media(max-width:760px){.footer__top{grid-template-columns:1fr;gap:34px;}.footer__cols{grid-template-columns:repeat(3,1fr);}}

/* ── VIDEO PLACEHOLDER (paste link into data-embed) ──────── */
.video{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--surface);cursor:pointer;}
.video__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);z-index:1;pointer-events:none;}
.video:hover .video__poster{transform:scale(1.04);}
.video__grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,7,15,.35) 0%,transparent 32%,transparent 58%,rgba(9,7,15,.9) 100%);z-index:2;pointer-events:none;}
.video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--lime);color:#13180a;display:grid;place-items:center;border:none;cursor:pointer;z-index:5;transition:transform .2s,background .2s;box-shadow:0 12px 40px -8px rgba(194,236,59,.55);};cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 12px 40px -8px rgba(194,236,59,.55);}
.video__play::before{content:'';position:absolute;inset:-12px;border:1px solid rgba(194,236,59,.4);border-radius:50%;animation:vring 2.4s ease-out infinite;}
@keyframes vring{0%{transform:scale(.92);opacity:1;}100%{transform:scale(1.35);opacity:0;}}
.video:hover .video__play{transform:translate(-50%,-50%) scale(1.08);background:#d4f95a;}
.video__play svg{width:26px;height:26px;margin-left:3px;}
.video__chip{position:absolute;top:14px;left:14px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:rgba(9,7,15,.62);backdrop-filter:blur(8px);border:1px solid var(--line-2);color:var(--ink);z-index:2;}
.video__foot{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;}
.video__foot h4{margin:0 0 2px;font-size:17px;font-weight:600;letter-spacing:-.01em;}
.video__foot span{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.video__hint{position:absolute;bottom:14px;right:14px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);background:rgba(9,7,15,.6);border:1px dashed var(--line-2);padding:5px 9px;border-radius:7px;pointer-events:none;}
.video.is-live .video__hint{display:none;}
.video iframe,.video video:not(.video__poster){position:absolute;inset:0;width:100%;height:100%;border:0;z-index:6;background:#000;}

/* big VSL — holds a VERTICAL 9:16 video, framed horizontally on desktop */
.vsl-wrap{margin:clamp(30px,3.6vw,46px) auto 0;max-width:960px;}
.video--vsl{aspect-ratio:16/9;box-shadow:0 50px 130px -40px rgba(123,59,255,.5);}
.video--vsl .video__play{width:90px;height:90px;}
.video--vsl .video__play svg{width:32px;height:32px;}

/* two covers: one per format */
.video__poster--mob{display:none;}
@media(max-width:720px){
  .vsl-wrap{max-width:440px;}
  .video--vsl{aspect-ratio:9/16;}
  .video--vsl .video__poster--desk{display:none;}
  .video--vsl .video__poster--mob{display:block;}
  .video--vsl .video__play{width:74px;height:74px;}
}

/* playing stage: centers the vertical video, pillarboxed on desktop */
.video__stage{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#05030b;overflow:hidden;}
.video__stage .blurbg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(34px) brightness(.35) saturate(1.1);transform:scale(1.1);}
.video__vert{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;border-radius:8px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);}
.video__vert iframe,.video__vert video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;}
@media(max-width:720px){.video__vert{border-radius:0;box-shadow:none;}}

/* studio video row */
.vid-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.vid-row .video{aspect-ratio:16/10;}
@media(max-width:760px){.vid-row{grid-template-columns:1fr;}}

/* vertical video reseñas */
.vfeeds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.vfeeds .video{aspect-ratio:9/16;}
@media(max-width:760px){.vfeeds{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.vfeeds{grid-template-columns:1fr;}}

/* ══ PRICING CARD (single unified card) ══════════════════ */
.pricing-card{
  border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;
  background:var(--surface);
}
.pricing-row{
  display:grid;grid-template-columns:1fr auto auto auto;
  align-items:center;gap:16px 28px;
  padding:22px 28px;border-bottom:1px solid var(--line);
  transition:background .2s;
}
.pricing-row:last-child{border-bottom:none;}
.pricing-row:not(.pricing-row--header):hover{background:rgba(123,59,255,.04);}
.pricing-row--header{
  padding:14px 28px;background:rgba(123,59,255,.06);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-mute);
  grid-template-columns:1fr auto auto auto;
}
.pricing-row--feat{
  background:linear-gradient(90deg,rgba(194,236,59,.07),rgba(194,236,59,.03));
  border-left:3px solid var(--lime);
}
.pricing-row--avulsa{
  background:rgba(255,255,255,.02);
  border-top:1px dashed var(--line-2);
}
.pricing-name{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px;
  letter-spacing:-.01em;display:flex;align-items:center;gap:10px;
}
.pricing-badge{
  font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;
  border-radius:999px;background:var(--lime);color:#13180a;
}
.pricing-desc{font-size:13px;color:var(--ink-mute);margin-top:3px;}
.pricing-sessions{
  font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:22px;
  letter-spacing:-.02em;white-space:nowrap;min-width:90px;text-align:right;
}
.pricing-price{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:26px;
  letter-spacing:-.02em;white-space:nowrap;min-width:110px;text-align:right;
  color:var(--ink);
}
.pricing-row--feat .pricing-price{color:var(--lime);}
.pricing-unit{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;color:var(--ink-mute);letter-spacing:.04em;}
.btn--sm{padding:10px 18px;font-size:13px;white-space:nowrap;}
[data-theme="light"] .pricing-row--feat{background:linear-gradient(90deg,rgba(130,170,10,.08),transparent);}
[data-theme="light"] .pricing-row:not(.pricing-row--header):hover{background:rgba(20,16,29,.03);}
@media(max-width:720px){
  .pricing-row,.pricing-row--header{grid-template-columns:1fr auto;gap:10px 16px;padding:18px 20px;}
  .pricing-sessions{display:none;}
  .pricing-row--header span:nth-child(2){display:none;}
  .pricing-row--feat .pricing-price{color:var(--lime);}
}
@media(max-width:460px){
  .pricing-price{font-size:20px;min-width:80px;}
  .pricing-name{font-size:16px;}
}

/* urgency strip under hero */
.urgency{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);overflow:hidden;}
.urgency__track{display:flex;gap:42px;white-space:nowrap;animation:slide 34s linear infinite;padding:14px 0;}
.urgency__track span{display:inline-flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);}
.urgency__track b{color:var(--lime);font-weight:500;}
.urgency__dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);}

/* equipment grid */
.eqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.eqcard{position:relative;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;}
.eqcard:hover{border-color:var(--lime);transform:translateY(-3px);}
.eqcard__img{position:relative;aspect-ratio:4/3;overflow:hidden;}
.eqcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.eqcard:hover .eqcard__img img{transform:scale(1.06);}
.eqcard__tag{position:absolute;top:13px;left:13px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:rgba(9,7,15,.62);backdrop-filter:blur(8px);border:1px solid var(--line-2);color:var(--ink);}
.eqcard__tag.is-lime{background:var(--lime);color:#13180a;border-color:var(--lime);}
.eqcard__body{padding:22px 22px 24px;}
.eqcard__body h4{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-0.01em;}
.eqcard__body p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.5;}
@media(max-width:900px){.eqgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.eqgrid{grid-template-columns:1fr;}}

/* uses list */
.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.use{padding:30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s;}
.use:hover{background:var(--surface);}
.uses .use:nth-child(3n){border-right:none;}
.uses .use:nth-last-child(-n+3){border-bottom:none;}
.use__n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--lime);letter-spacing:0.1em;margin-bottom:16px;}
.use h4{margin:0 0 6px;font-size:19px;font-weight:600;letter-spacing:-0.01em;}
.use p{margin:0;font-size:13px;color:var(--ink-mute);font-family:'JetBrains Mono',monospace;letter-spacing:0.04em;}
@media(max-width:860px){.uses{grid-template-columns:1fr 1fr;}.uses .use:nth-child(3n){border-right:1px solid var(--line);}.uses .use:nth-child(2n){border-right:none;}.uses .use:nth-last-child(-n+3){border-bottom:1px solid var(--line);}.uses .use:nth-last-child(-n+2){border-bottom:none;}}
@media(max-width:520px){.uses{grid-template-columns:1fr;}.use{border-right:none !important;}.uses .use:last-child{border-bottom:none;}.uses .use:not(:last-child){border-bottom:1px solid var(--line) !important;}}

/* single session strip */
.single{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 30px;border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--surface);margin-bottom:20px;}
.single__l{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
.single__amt{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:38px;letter-spacing:-0.03em;line-height:1;}
.single__txt b{font-size:16px;}
.single__txt span{display:block;font-size:13px;color:var(--ink-mute);font-family:'JetBrains Mono',monospace;}
@media(max-width:560px){.single{flex-direction:column;align-items:flex-start;}}

/* plan meta (sessions/price) */
.plan__sessions{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-mute);letter-spacing:0.06em;text-transform:uppercase;}
.plan__amt small{font-size:18px;font-weight:500;color:var(--ink-soft);}

/* process steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);}
.step{padding:34px 26px 30px;border-right:1px solid var(--line);position:relative;}
.steps .step:last-child{border-right:none;}
.step__n{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:42px;letter-spacing:-0.03em;color:var(--lime);line-height:1;margin-bottom:18px;}
.step h4{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-0.01em;}
.step p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.5;}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr;}.steps .step:nth-child(2n){border-right:none;}.steps .step:nth-child(-n+2){border-bottom:1px solid var(--line);}}
@media(max-width:480px){.steps{grid-template-columns:1fr;}.step{border-right:none;border-bottom:1px solid var(--line);}.steps .step:last-child{border-bottom:none;}}

/* ── SCROLL ENTRANCE ANIMATIONS ──────────────────────────── */
/* Hidden state only applies once JS confirms it's alive (html.reveal-ready).
   If the reveal script never runs, content stays fully visible. */
.reveal-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,.68,0,1.1),transform .65s cubic-bezier(.22,.68,0,1.1);}
.reveal-ready [data-reveal="left"]{transform:translateX(-32px);}
.reveal-ready [data-reveal="right"]{transform:translateX(32px);}
.reveal-ready [data-reveal="scale"]{transform:scale(.94);}
.reveal-ready [data-reveal="up"]{transform:translateY(28px);}
.reveal-ready [data-reveal].is-visible{opacity:1;transform:none;}
/* stagger siblings inside a reveal-group */
.reveal-ready [data-reveal-group] > *{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,.68,0,1.1),transform .55s cubic-bezier(.22,.68,0,1.1);}
.reveal-ready [data-reveal-group].is-visible > *{opacity:1;transform:none;}
.reveal-ready [data-reveal-group].is-visible > *:nth-child(1){transition-delay:.04s;}
.reveal-ready [data-reveal-group].is-visible > *:nth-child(2){transition-delay:.13s;}
.reveal-ready [data-reveal-group].is-visible > *:nth-child(3){transition-delay:.22s;}
.reveal-ready [data-reveal-group].is-visible > *:nth-child(4){transition-delay:.31s;}
.reveal-ready [data-reveal-group].is-visible > *:nth-child(5){transition-delay:.40s;}
.reveal-ready [data-reveal-group].is-visible > *:nth-child(6){transition-delay:.49s;}
/* never animate if user prefers reduced motion */
@media(prefers-reduced-motion:reduce){
  .reveal-ready [data-reveal],.reveal-ready [data-reveal-group]>*{transition:none;opacity:1;transform:none;}
}
.terms{padding-top:22px;margin-top:8px;border-top:1px solid var(--line);}
.terms p{margin:0;font-size:10.5px;line-height:1.6;color:var(--ink-mute);max-width:980px;letter-spacing:0.01em;}
.terms b{color:var(--ink-soft);font-weight:600;}

/* ══════════ V4 ADDITIONS ══════════ */

/* handwritten font helper */
.hand{font-family:'Caveat',cursive;}

/* handwritten eyebrow with gradient dash */
.eyebrow{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:'Caveat',cursive;font-weight:600;
  font-size:clamp(21px,2.4vw,28px);color:var(--lime);letter-spacing:.3px;line-height:1;
}
.eyebrow::before{
  content:"";width:clamp(24px,3vw,42px);height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--lime),transparent);
}

/* scroll progress bar */
.progress{
  position:fixed;left:0;top:0;height:3px;width:100%;z-index:200;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--lime),#d4f95a);
  box-shadow:0 0 14px rgba(194,236,59,.5);
}

/* mobile-menu toggle */
.nav-toggle{display:none;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;background:rgba(243,240,234,.05);border:1px solid var(--line-2);border-radius:12px;cursor:pointer;transition:.3s;flex:none;}
.nav-toggle span{width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.3s;}
.nav__links-cta{display:none;}
@media(max-width:860px){
  .nav__cta-desktop{display:none;}
  .nav-toggle{display:flex;}
  .nav__links{display:none;}
}

/* ── DRAWER ─────────────────────────────────────────────── */
.drawer-overlay{
  position:fixed;inset:0;z-index:90;
  background:rgba(9,7,15,.55);
  backdrop-filter:blur(6px);
  opacity:0;pointer-events:none;
  transition:opacity .38s cubic-bezier(.22,.68,0,1);
}
.drawer-overlay.open{opacity:1;pointer-events:auto;}

.drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:91;
  width:min(82vw,360px);
  background:#0d0a15e3;
  backdrop-filter:blur(16px);
  border-left:none;
  display:flex;flex-direction:column;
  transform:translateX(110%);
  transition:transform .42s cubic-bezier(.22,.68,0,1);
  will-change:transform;
  overflow-y:auto;
}
.drawer.open{transform:translateX(0);}

.drawer__top{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 24px 18px;
  border-bottom:1px solid var(--line);
}
.drawer__logo{height:40px;width:auto;}
.drawer__close{
  width:38px;height:38px;border-radius:50%;
  background:rgba(243,240,234,.06);border:1px solid var(--line-2);
  color:var(--ink);display:grid;place-items:center;cursor:pointer;
  transition:background .2s,color .2s;
}
.drawer__close:hover{background:var(--lime);color:#13180a;border-color:var(--lime);}

.drawer__nav{
  flex:1;
  display:flex;flex-direction:column;
  padding:18px 14px;
  gap:4px;
  justify-content:center;
}
.drawer__link{
  display:block;
  padding:14px 16px;
  font-size:20px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:500;
  letter-spacing:-.02em;
  color:var(--ink-soft);
  border-radius:var(--r-sm);
  transition:background .18s,color .18s,transform .18s;
}
.drawer__link:hover{background:rgba(243,240,234,.05);color:var(--ink);transform:translateX(4px);}
.drawer__link--cta{
  color:var(--lime);font-weight:600;
  margin-top:8px;
  border-top:1px solid var(--line);
  padding-top:22px;
}
.drawer__link--cta:hover{background:rgba(194,236,59,.08);}

.drawer__footer{
  padding:24px;
  border-top:1px solid var(--line);
}
.drawer__slogan{
  font-family:'Space Grotesk',sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4;
  letter-spacing:-.01em;
  color:var(--ink-soft);
  margin:0 0 20px;
}

.drawer__social{
  display:flex;gap:14px;align-items:center;
}
.drawer__social a{
  width:40px;height:40px;
  border-radius:50%;
  border:1px solid var(--line-2);
  display:grid;place-items:center;
  color:var(--ink-soft);
  transition:border-color .2s,color .2s,background .2s;
}
.drawer__social a:hover{border-color:var(--lime);color:var(--lime);background:rgba(194,236,59,.07);}

/* light theme */
[data-theme="light"] .drawer{background:rgba(255,255,255,.92);}
[data-theme="light"] .drawer__link:hover{background:rgba(16,16,22,.04);}
[data-theme="light"] .drawer-overlay{background:rgba(16,16,22,.4);}

/* ===== annotated studio stage (Set 1) — ported from cada-detalle.html ===== */
.detalle-sec{--green:#93f23d;--green-glow:rgba(147,242,61,.45);--green-deep:#16210a;}
.detalle-sec .sec-head{display:block;max-width:780px;}
.detalle-sec .eyebrow{font-size:clamp(22px,2.6vw,30px);color:var(--green);}
.detalle-sec .eyebrow::before{background:linear-gradient(90deg,var(--green),transparent);}
.detalle-sec .sec-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,5vw,58px);font-weight:700;line-height:1.04;letter-spacing:-.02em;margin-top:14px;text-wrap:balance;color:var(--ink);}
.detalle-sec .sec-title .g{color:var(--green);}
.detalle-sec .sec-sub{color:var(--ink-soft);font-size:clamp(16px,1.4vw,19px);margin-top:18px;max-width:62ch;}
.detalle-sec [data-reveal]{transition-delay:var(--d,0ms);}

.stage-wrap{position:relative;}
.stage{position:relative;width:100%;aspect-ratio:6000/3376;container-type:inline-size;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);box-shadow:0 50px 120px -45px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03);}
.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,11,8,.28),transparent 22%,transparent 78%,rgba(10,11,8,.34));}

.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible;}
.arrows path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.49)) drop-shadow(0 0 7px rgba(0,0,0,.25));transition:stroke .55s ease;}
.arrows .line{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);}
.arrows .head{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);}

.labels{position:absolute;inset:0;z-index:3;}
.label{position:absolute;transform:translate(-50%,-50%) scale(.86);display:flex;flex-direction:column;align-items:center;gap:.16em;color:#fff;font-family:'Caveat',cursive;font-weight:600;font-size:clamp(17px,3.4cqw,25px);line-height:1;white-space:nowrap;text-align:center;letter-spacing:.4px;opacity:0;pointer-events:auto;cursor:default;text-shadow:0 2px 6px rgba(0,0,0,.49),0 1px 16px rgba(0,0,0,.46),0 0 2px rgba(0,0,0,.48);transition:color .55s ease,filter .55s ease;will-change:opacity,transform;}
.label .nm{display:block;}
.label .up{display:inline-flex;align-items:center;gap:.34em;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.34em;letter-spacing:.2em;text-transform:uppercase;color:var(--green);opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.95);}
.label .up svg{width:1.2em;height:1.2em;animation:nudge 1.8s ease-in-out infinite;}
@keyframes nudge{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
.annot.active .label,.label.annot.active{color:var(--green);filter:drop-shadow(0 0 12px var(--green-glow));transition:color .55s ease,filter .55s ease;}
.annot.active .line,.annot.active .head{stroke:var(--green);}

.legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--ink-mute);font-size:.95rem;}
.legend .hint{display:inline-flex;align-items:center;gap:.5em;}
.legend .hand{font-family:'Caveat',cursive;color:var(--green);font-size:1.5rem;}
.legend .up-key{display:inline-flex;align-items:center;gap:.45em;padding:.32em .78em;border:1px solid rgba(147,242,61,.28);border-radius:999px;background:var(--green-deep);color:var(--ink-soft);font-size:.86rem;}
.legend .up-key b{color:var(--green);font-weight:700;}
.replay{margin-left:auto;display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:.92rem;font-weight:500;cursor:pointer;transition:border-color .25s,color .25s,background .25s;}
.replay:hover{border-color:var(--green);color:var(--green);}
.replay svg{width:1.05em;height:1.05em;}
[data-theme="light"] .legend .up-key{background:rgba(147,242,61,.12);}
[data-theme="light"] .detalle-sec .eyebrow,[data-theme="light"] .detalle-sec .sec-title .g,[data-theme="light"] .legend .hand,[data-theme="light"] .legend .up-key b{color:#4f7d00;}
@media (max-width:560px){.detalle-sec .label{font-size:clamp(13px,3.4cqw,22px);}.legend{font-size:.85rem;gap:12px;}.replay{margin-left:0;}}

/* set 2 — responsive band */
.set2{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(28px,4vw,56px);align-items:center;}
.set2__txt{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.set2__txt .h-section{margin:0;}
.set2__txt p{margin:0;color:var(--ink-soft);max-width:420px;}
.set2__media{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 110px -40px rgba(0,0,0,.7);}
.set2__media img{display:block;width:100%;height:100%;object-fit:cover;}
.set2__tag{position:absolute;left:18px;bottom:14px;color:#fff;font-size:clamp(20px,2vw,28px);text-shadow:0 2px 8px rgba(0,0,0,.9);}
@media(max-width:720px){
  .set2{grid-template-columns:1fr;}
  .set2__media{max-width:440px;margin:0 auto;}
}

/* ════════════════════════════════════════════════════════
   THEME — light overrides (default :root is dark)
   ════════════════════════════════════════════════════════ */
[data-theme="light"]{
  --bg:#ffffff;
  --bg-2:#f6f6f8;
  --surface:#ffffff;
  --surface-2:#f3f3f6;
  --ink:#101016;
  --ink-soft:#44444f;
  --ink-mute:#86868f;
  --cream:#101016;        /* primary "cream" button inverts to dark */
  --cream-ink:#ffffff;
  --line:rgba(16,16,22,0.10);
  --line-2:rgba(16,16,22,0.16);
}
/* solid white base, no grid texture */
[data-theme="light"] body{background:#ffffff;}
[data-theme="light"] body::before{display:none;}
/* soft elevation for cards on white */
[data-theme="light"] :is(.eqcard,.plan,.feed){box-shadow:0 1px 2px rgba(16,16,22,.04),0 12px 30px -18px rgba(16,16,22,.18);}
[data-theme="light"] .plan--feat{background:linear-gradient(180deg,rgba(194,236,59,0.22),rgba(255,255,255,0));border-color:#b9e34a;box-shadow:0 2px 4px rgba(16,16,22,.05),0 22px 50px -24px rgba(120,150,20,.45);}
[data-theme="light"] .feed--lead{background:linear-gradient(180deg,rgba(123,59,255,0.10),rgba(255,255,255,0));}
[data-theme="light"] .nav-toggle span{background:var(--ink);}
/* darken lime where it is used as TEXT (legible on light) */
[data-theme="light"] :is(.kicker,.eyebrow,.accent,.use__n,.step__n,.feed__stars,.urgency__track b){color:#5f8a00;}
[data-theme="light"] .kicker::before{background:#5f8a00;}
[data-theme="light"] .eyebrow::before{background:linear-gradient(90deg,#5f8a00,transparent);}
/* keep text light where it sits over dark photos */
[data-theme="light"] :is(.gcard__badge:not(.is-lime),.gcard__foot h4,.gcard__foot span,.video__chip,.video__foot h4,.video__foot span,.eqcard__tag:not(.is-lime)){color:#f3f0ea;}
/* nav bar on light */
[data-theme="light"] .nav.scrolled{background:rgba(255,255,255,0.86);}
/* hero stays cinematic (dark photo + light text) in both themes */
[data-theme="light"] .hero{background:#0b0813;}
[data-theme="light"] .hero__img{opacity:.6;}
[data-theme="light"] .hero__title{color:#f3f0ea;}
[data-theme="light"] .hero__sub{color:#cfc9da;}
[data-theme="light"] .hero .kicker{color:var(--lime);}
[data-theme="light"] .hero .kicker::before{background:var(--lime);}

/* ════════════════════════════════════════════════════════
   NAV CONTROLS — language switch + theme toggle
   ════════════════════════════════════════════════════════ */
.lang-switch{display:inline-flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--line-2);border-radius:999px;padding:3px;}
.lang-switch button{appearance:none;border:none;background:transparent;color:var(--ink-mute);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.04em;padding:5px 9px;border-radius:999px;cursor:pointer;transition:color .18s,background .18s;}
.lang-switch button:hover{color:var(--ink);}
.lang-switch button.active{background:var(--cream);color:var(--cream-ink);}
.theme-toggle{appearance:none;width:42px;height:42px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,color .2s;flex:none;}
.theme-toggle:hover{border-color:var(--lime);color:var(--lime-deep);}
.theme-toggle svg{width:18px;height:18px;}
.theme-toggle .ic-sun{display:none;}
.theme-toggle .ic-moon{display:block;}
[data-theme="light"] .theme-toggle .ic-moon{display:none;}
[data-theme="light"] .theme-toggle .ic-sun{display:block;}
@media(max-width:420px){
  .nav{padding-left:16px;padding-right:16px;}
  .nav__right{gap:8px;}
  .lang-switch button{padding:5px 6px;font-size:10px;}
}