/* BLVNKY · recorrido editorial 2026-11-06. Decisiones y QA en docs/CONTINUIDAD.md. */
:root { --acc:#b899ff; --info:#b899ff; --fix:#b899ff; --mute:#b6b6be; }
html { scroll-padding-top:100px; }
:focus-visible { outline:3px solid var(--violet); outline-offset:6px; }
.skip-link { position:fixed;z-index:150;left:16px;top:16px;padding:12px 20px;background:var(--ink);color:var(--bg);transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.mono { font-size:.75rem;letter-spacing:.1em; }
.menu-toggle { display:none; }
header { background:rgba(11,11,13,.88);backdrop-filter:blur(14px);border-color:var(--line); }
.chapters a { font-size:.75rem;padding:10px 0; }
.hdr-right { display:flex;align-items:center; }
.sound { min-height:44px; }
.hero { height:auto; }
.hero-sticky { position:relative;min-height:800px;height:100svh;max-height:1100px; }
.hero-copy { left:var(--pad);bottom:15%;max-width:46%; }
.hero-copy h1 { font-size:clamp(3.5rem,6.2vw,6.5rem);mix-blend-mode:normal; }
.hero-copy .split-lines em { transform:none;transition:none; }
.hero-description { font-size:clamp(1.15rem,1.6vw,1.5rem);line-height:1.4;margin:24px 0;color:var(--ink); }
.hero-actions { gap:12px; }
.hero-actions .btn { padding:16px 20px; }
.hero-actions .fill { --c:var(--violet); }
.poster { position:absolute;left:59%;top:18%;width:min(24vw,320px);max-height:70%;transform:none;aspect-ratio:9/16; }
.bubble { left:auto;right:5%;top:12%;max-width:235px; }
.hero-meta { bottom:6%;right:var(--pad); }
.hero-word { opacity:.5; }
.chapter { padding:100px var(--pad); }
.featured { background:#111114; }
.featured-grid { display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center; }
.featured-image { position:relative;display:block;overflow:hidden;border:1px solid var(--line); }
.featured-image img { width:100%;aspect-ratio:4/3;object-fit:cover; }
.play-badge { position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:1.4rem;box-shadow:6px 6px 0 var(--violet); }
.featured h2 { font-family:var(--display);font-size:clamp(2.8rem,5vw,5rem);text-transform:uppercase;line-height:.95;margin:20px 0; }
.featured p { color:#d0d0d6;max-width:42ch;margin-bottom:28px;font-size:1.1rem; }
.video-meta { display:block;margin-top:18px;color:var(--mute); }
.series-section { background:#0e0e11;padding:100px var(--pad); }
.series-section .hs-sticky { display:block;position:static;height:auto;overflow:visible;padding:0; }
.series-section .hs-track { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;max-width:1440px;margin:auto;padding:0;transform:none;will-change:auto; }
.series-section .hs-panel { width:auto;height:auto;min-width:0; }
.series-section .hs-intro { grid-column:1/-1;display:block; }
.series-section .hs-intro .chap { grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-bottom:22px; }
.series-section .hs-intro p { max-width:55ch; }
.series-section .serie { display:flex;flex-direction:column; }
.series-section .serie-media { height:auto; }
.series-section .serie-media img { height:auto;aspect-ratio:16/10;transform:none;object-position:center 42%;will-change:auto; }
.series-section .serie-media::after { display:none; }
.series-section .serie-copy { flex:1;padding:32px;justify-content:flex-start; }
.series-section .serie h3 { font-size:clamp(2.2rem,3.2vw,3.2rem);line-height:1; }
.series-section .serie .row { margin-top:auto;padding-top:24px; }
.series-section .serie p { max-width:none; }
.series-section .serie .episode-note { font-size:.9rem;color:var(--acc);margin-top:18px; }
.series-section .hs-outro { grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;gap:12px; }
.series-section .outro-big { font-size:clamp(1.6rem,3vw,2.6rem); }
.series-section .outro-big br { display:none; }
.series-section .big-n { display:none; }
.app-benefits { list-style:none;margin:28px 0;display:grid;gap:16px; }
.app-benefits li { border-left:2px solid var(--app);padding-left:16px;color:#d0d0d6; }
.app-benefits b { color:var(--ink); }
.external-note { font-size:.85rem;color:var(--mute);margin-top:18px;max-width:45ch; }
.app-preview { min-width:0; }
.phone-demo { display:none; }
.manifest .w { color:var(--ink); }
.manifest { margin-bottom:56px; }
.story .step { min-height:45vh; }
.quote { min-height:320px; }
.gallery { grid-template-columns:1fr 1fr; }
.gallery .g-item.off { margin-top:0; }
.test-teaser { grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 2fr;gap:8px 32px; }
.test-teaser .mono { color:var(--acc);grid-row:1/3; }
.test-teaser h3 { font:1.7rem/1.1 var(--display);text-transform:uppercase; }
.test-teaser p { color:var(--mute);max-width:55ch; }
footer { padding-top:90px; }
.foot-links .btn { --c:var(--ink); }
.foot-links .btn:first-child { --c:var(--violet); }
.peek { display:block;position:relative;right:auto;bottom:auto;width:200px;margin:90px 0 10px auto;transform:none;transition:none;z-index:1; }
.peek-say { opacity:1;left:auto;right:0;white-space:normal;width:240px;top:-45px; }
.peek img { pointer-events:none; }
.fine { position:relative;z-index:2; }
/* Keep real content readable even if decorative reveal scripting fails. */
.js .reveal,.js .clip img,.js .clip figcaption { opacity:1;transform:none;clip-path:none; }
@media (max-width:1100px) {
  header { gap:12px; }
  .menu-toggle { display:flex;align-items:center;gap:14px;min-height:44px;margin-left:auto;padding:8px 12px;border:1px solid var(--line);font-family:var(--mono);font-size:.75rem;text-transform:uppercase; }
  .chapters { display:none;position:absolute;top:100%;left:0;right:0;padding:20px var(--pad);background:#111114;border-bottom:1px solid var(--line); }
  .chapters.open { display:flex;flex-direction:column;gap:8px; }
  .chapters a { padding:12px; }
  .hero-actions { max-width:380px; }
}
@media (max-width:900px) {
  .hero-sticky { height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:135px var(--pad) 68px;gap:32px; }
  .hero-copy { position:relative;left:auto;right:auto;bottom:auto;max-width:none;width:100%;order:1; }
  .hero-copy h1 { font-size:clamp(3.5rem,10vw,5.5rem); }
  .hero-description { font-size:1.2rem;margin:20px 0; }
  .poster { position:relative;left:auto;top:auto;width:min(72vw,400px);max-height:none;order:2; }
  .bubble { position:relative;top:auto;right:auto;left:auto;order:3;align-self:flex-end;max-width:260px;animation:none; }
  .hero-word { top:50%;bottom:auto;z-index:0; }
  .hero-meta,.scrollhint { display:none; }
  .hero-actions { max-width:none; }
  .featured-grid { grid-template-columns:1fr; }
  .featured-image { max-width:600px; }
  .series-section .hs-track { grid-template-columns:minmax(0,1fr); }
  .series-section .serie-media img { aspect-ratio:16/10; }
  .series-section .serie-copy { padding:26px; }
  .app-grid { gap:40px; }
  .phone-demo { display:block;max-width:350px;margin:0 auto;padding:26px 22px;border:1px solid #43434c;border-radius:30px;background:#141418;box-shadow:0 24px 64px #0007; }
  .phone-demo>.mono { color:var(--app);font-size:.65rem; }
  .phone-demo h3 { font:2.6rem/1.1 var(--display);margin-top:24px; }
  .phone-demo>p { color:var(--mute);margin:8px 0 24px; }
  .demo-tabs { display:flex;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:.7rem; }
  .demo-tabs b { color:var(--app); }
  .demo-task { display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line); }
  .demo-task>span { font-size:1.6rem;color:var(--app); }
  .demo-task small { display:block;color:var(--mute);margin-top:4px; }
  .demo-money { display:grid;gap:8px;background:#1c2d25;padding:18px;margin:22px 0;border-radius:12px; }
  .demo-money>.mono { color:var(--app); }
  .demo-money>span:last-child,.demo-caption { font-size:.8rem;color:var(--mute); }
  .app-preview .device { display:none; }
  .test-teaser { grid-template-columns:1fr; }
  .test-teaser .mono { grid-row:auto; }
}
@media (max-width:560px) {
  header { padding:12px var(--pad); }
  .sound { padding:8px;min-width:44px;justify-content:center; }
  .chapter,.series-section { padding:72px var(--pad); }
  .hero-sticky { padding-top:115px; }
  .hero-copy h1 { font-size:clamp(3rem,12.5vw,4.8rem); }
  .hero-actions { align-items:stretch;flex-direction:column; }
  .hero-actions .btn { justify-content:space-between;width:100%; }
  .series-section .hs-intro .chap { grid-template-columns:1fr;gap:6px; }
  .series-section .serie .row { align-items:stretch;flex-direction:column; }
  .series-section .serie .row .btn { justify-content:space-between; }
  .gallery { grid-template-columns:1fr; }
  .care-head { flex-wrap:wrap;gap:12px; }
  .care-icons { grid-template-columns:1fr; }
  .peek { margin-top:90px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .hero-sticky { position:relative; }
}
@media (max-width:1100px) {
  html:not(.js) header { position:relative;flex-wrap:wrap; }
  html:not(.js) .menu-toggle { display:none; }
  html:not(.js) .chapters { display:flex;position:static;order:3;width:100%;flex-wrap:wrap;gap:12px;padding:0;border:0; }
  html:not(.js) .hero-sticky { padding-top:60px; }
}