/* Brand font is HK Grotesk (listed first so production picks it up).
     Manrope is a close, load-safe stand-in. Both self-hosted, see /fonts. */

  :root{
    --petrol:#2b4743;
    --petrol-900:#152724;
    --petrol-800:#1f3a35;
    --petrol-700:#2f4f4a;
    --oxblood:#8c3839;
    --oxblood-bright:#c05a5a;
    --mustard:#dda83f;
    --mustard-bright:#f0c163;
    --rose:#ffd3db;
    --sky:#cedeeb;
    --paper:#eef1ed;
    --paper-2:#dee6df;
    --ink:#152420;
    --light:#f6f2e7;
    --muted:#c2d3cc;
    --muted-2:#94aaa2;
    --font-display:'HK Grotesk','Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
    --font-body:'HK Grotesk','Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
    --font-mono:'Space Mono',ui-monospace,'SF Mono',Menlo,monospace;
    --wrap:1160px;
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--font-body);
    background:var(--petrol);
    color:var(--light);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

  .eyebrow{
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--mustard);
    display:inline-flex;align-items:center;gap:10px;
  }
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--mustard);opacity:.8}

  h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.02em}

  /* ---------- Wordmark: the slash is the signature ---------- */
  .logo{
    font-family:var(--font-display);font-weight:800;
    letter-spacing:.13em;font-size:18px;white-space:nowrap;
  }
  .logo .cut{
    color:var(--mustard);font-weight:400;
    padding:0 .12em;position:relative;top:-.02em;
  }

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:var(--font-display);font-weight:700;font-size:15px;
    padding:15px 24px;border-radius:2px;cursor:pointer;border:1px solid transparent;
    transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  }
  .btn-primary{background:var(--mustard);color:var(--petrol-900)}
  .btn-primary:hover{background:var(--mustard-bright);transform:translateY(-2px)}
  .btn-ghost{border-color:rgba(246,242,231,.4);color:var(--light)}
  .btn-ghost:hover{border-color:var(--mustard);color:var(--mustard);transform:translateY(-2px)}
  a:focus-visible,.btn:focus-visible{outline:2px solid var(--mustard);outline-offset:3px}

  /* ---------- Nav ---------- */
  .nav{position:sticky;top:0;z-index:50;background:rgba(21,39,36,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(246,242,231,.09)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
  .nav-links{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:500;color:var(--muted)}
  .nav-links a:hover{color:var(--light)}
  .nav-cta{font-size:13px;padding:11px 18px}
  @media(max-width:820px){.nav-links a:not(.nav-cta){display:none}}

  /* ---------- Hero ---------- */
  .hero{position:relative;overflow:hidden;padding:100px 0 0;background:
    radial-gradient(85% 65% at 82% 0%, rgba(221,168,63,.13), transparent 62%),
    linear-gradient(180deg,#1f3a35 0%, var(--petrol) 60%);}
  .hero::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:
      repeating-linear-gradient(0deg, transparent 0 47px, rgba(221,168,63,.06) 47px 48px),
      repeating-linear-gradient(90deg, transparent 0 47px, rgba(221,168,63,.06) 47px 48px);
    -webkit-mask-image:linear-gradient(180deg,#000 0%, rgba(0,0,0,.3) 68%, transparent 92%);
    mask-image:linear-gradient(180deg,#000 0%, rgba(0,0,0,.3) 68%, transparent 92%);}
  .hero-inner{position:relative;max-width:920px}
  .kicker-founder{
    font-family:var(--font-mono);font-size:12.5px;letter-spacing:.03em;color:var(--muted);
    margin-bottom:30px;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
    padding:8px 15px;border:1px solid rgba(246,242,231,.18);border-radius:100px;
  }
  .kicker-founder b{color:var(--light);font-weight:700}
  .kicker-founder .dot{width:6px;height:6px;border-radius:50%;background:var(--mustard)}
  .hero h1{font-size:clamp(44px,7.8vw,92px);color:var(--light);letter-spacing:-.03em;line-height:.98}
  .hero h1 .accent{color:var(--mustard)}
  .hero-sub{font-size:20px;color:var(--muted);max-width:58ch;margin:30px 0 36px;line-height:1.5}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .hero-note{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);margin-top:22px;letter-spacing:.02em}

  @media(max-width:860px){
    .hero{padding:52px 0 0}
  }

  /* ---------- Logo strip ---------- */
  .logos{padding:34px 0 6px;margin-top:56px;border-top:1px solid rgba(246,242,231,.12)}
  .logos .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);text-align:center;margin-bottom:24px}
  .logo-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 38px}
  .logo-mark{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.01em;color:var(--muted);opacity:.9;transition:opacity .2s ease,color .2s ease}
  .logo-mark:hover{opacity:1;color:var(--mustard)}

  /* ---------- Stats ---------- */
  .stats{border-top:1px solid rgba(246,242,231,.1);border-bottom:1px solid rgba(246,242,231,.1)}
  .stats-in{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .stat{padding:30px 22px;border-left:1px solid rgba(246,242,231,.08)}
  .stat:first-child{border-left:none}
  .stat .num{font-family:var(--font-display);font-weight:800;font-size:34px;color:var(--mustard);letter-spacing:-.02em}
  .stat .lab{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.35}
  @media(max-width:720px){.stats-in{grid-template-columns:1fr 1fr}.stat:nth-child(odd){border-left:none}}

  /* ---------- Section frame ---------- */
  section{position:relative}
  .band{padding:96px 0}
  .band-light{background:var(--paper);color:var(--ink)}
  .band-light .eyebrow{color:var(--oxblood)}
  .band-light .eyebrow::before{background:var(--oxblood)}
  .sec-head{max-width:680px;margin-bottom:52px}
  .sec-head h2{font-size:clamp(30px,4.4vw,46px);margin-top:18px}
  .sec-head p{margin-top:16px;font-size:17.5px;color:var(--muted)}
  .band-light .sec-head p{color:#55655e}

  /* ---------- Problem ---------- */
  .prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
  .prob{padding:30px;border:1px solid rgba(246,242,231,.13);border-radius:3px;background:var(--petrol-800)}
  .prob h3{font-size:19px;margin-bottom:10px;font-weight:700}
  .prob p{color:var(--muted);font-size:15.5px}
  .prob .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--oxblood-bright);text-transform:uppercase;display:block;margin-bottom:14px}
  .prob.shift{border-color:rgba(221,168,63,.5)}
  .prob.shift .tag{color:var(--mustard)}
  @media(max-width:720px){.prob-grid{grid-template-columns:1fr}}

  /* ---------- Method ---------- */
  .method{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
  .step{padding:26px 20px 30px;border-top:2px solid var(--mustard);position:relative}
  .step:not(:last-child){border-right:1px solid rgba(21,36,32,.14)}
  .step .n{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--oxblood);letter-spacing:.1em}
  .step h3{font-size:20px;margin:14px 0 10px;color:var(--ink)}
  .step p{font-size:14.5px;color:#55655e;line-height:1.5}
  .step em{font-style:italic;color:var(--oxblood)}
  @media(max-width:900px){
    .method{grid-template-columns:1fr 1fr}
    .step{border-right:none !important}
  }
  @media(max-width:520px){.method{grid-template-columns:1fr}}

  /* ---------- Services ---------- */
  .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .tier{display:flex;flex-direction:column;padding:28px 24px;border-radius:4px;background:var(--petrol-800);border:1px solid rgba(246,242,231,.13);transition:transform .2s ease,border-color .2s ease}
  .tier:hover{transform:translateY(-4px);border-color:rgba(221,168,63,.55)}
  .tier.feature{background:linear-gradient(180deg,#2f524c,#264340);border-color:var(--mustard)}
  .tier .flag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mustard);margin-bottom:16px;min-height:14px}
  .tier h3{font-size:20px;font-weight:700;margin-bottom:6px}
  .tier .price{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--mustard);letter-spacing:-.02em;margin:8px 0 4px}
  .tier .per{font-family:var(--font-mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.03em}
  .tier .desc{font-size:14.5px;color:var(--muted);margin:16px 0 20px;flex:1;line-height:1.5}
  .tier .go{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--light);display:inline-flex;gap:8px;align-items:center}
  .tier:hover .go{color:var(--mustard)}
  @media(max-width:940px){.tiers{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){.tiers{grid-template-columns:1fr}}

  .value-anchor{margin-top:22px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted-2);letter-spacing:.02em;text-align:center}
  .value-anchor b{color:var(--mustard)}

  .ai-note{margin-top:26px;padding:20px 24px;border:1px dashed rgba(221,168,63,.45);border-radius:4px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}
  .ai-note .l{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.03em;color:var(--muted)}
  .ai-note .l b{color:var(--mustard);letter-spacing:.1em}

  /* ---------- Testimonials ---------- */
  .quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  .quote{padding:30px;border-radius:4px;background:#fff;border:1px solid var(--paper-2);display:flex;flex-direction:column}
  .quote p{font-size:16px;color:var(--ink);line-height:1.5;flex:1}
  .quote .mark{font-family:var(--font-display);font-size:44px;line-height:.6;color:var(--mustard);display:block;height:22px}
  .quote .who{margin-top:22px;font-size:13px;color:#55655e;font-family:var(--font-mono);letter-spacing:.01em;line-height:1.5}
  .quote .who b{color:var(--ink);font-weight:700;display:block;font-family:var(--font-display);font-size:14.5px;letter-spacing:0}
  .quote .who a{color:var(--oxblood);font-weight:700;border-bottom:1px solid rgba(140,56,57,.3)}
  .quote .who a:hover{border-color:var(--oxblood)}
  @media(max-width:720px){.quotes{grid-template-columns:1fr}}

  /* ---------- Founder ---------- */
  .founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}
  .founder-card{background:var(--petrol-800);border:1px solid rgba(246,242,231,.13);border-radius:4px;padding:34px;position:relative;overflow:hidden}
  .founder-card::before{content:"";position:absolute;inset:0;background:
    repeating-linear-gradient(0deg,transparent 0 26px,rgba(221,168,63,.07) 26px 27px),
    repeating-linear-gradient(90deg,transparent 0 26px,rgba(221,168,63,.07) 26px 27px);pointer-events:none}
  .founder-card .name{font-family:var(--font-display);font-weight:800;font-size:26px;position:relative}
  .founder-card .role{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--mustard);margin-top:8px;text-transform:uppercase;position:relative}
  .founder-card .loc{font-size:14px;color:var(--muted);margin-top:20px;position:relative;line-height:1.6}
  .founder h2{font-size:clamp(28px,4vw,42px)}
  .founder p{color:var(--muted);font-size:17px;margin-top:18px;line-height:1.6}
  .founder p b{color:var(--light);font-weight:600}
  @media(max-width:820px){.founder{grid-template-columns:1fr;gap:28px}}

  /* ---------- Final CTA ---------- */
  .final{background:linear-gradient(160deg,#8c3839,#6f2c2d);text-align:center;padding:100px 0}
  .final h2{font-size:clamp(32px,5vw,56px);max-width:17ch;margin:0 auto;color:#fff}
  .final p{color:rgba(255,255,255,.85);font-size:18px;margin:22px auto 34px;max-width:48ch}
  .final .btn-primary{background:var(--mustard);color:var(--petrol-900)}
  .final .btn-primary:hover{background:#fff}

  /* ---------- Footer ---------- */
  footer{background:var(--petrol-900);padding:54px 0 40px;border-top:1px solid rgba(246,242,231,.08)}
  .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
  .foot .logo{font-size:21px;margin-bottom:10px}
  .foot .tag{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);letter-spacing:.03em}
  .foot-links{display:flex;gap:26px;font-size:14px;color:var(--muted);flex-wrap:wrap}
  .foot-links a:hover{color:var(--mustard)}
  .foot-legal{margin-top:34px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.03em}

  /* ---------- Reveal ---------- */
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .reveal{opacity:1;transform:none;transition:none}
    .btn:hover,.tier:hover{transform:none}
  }

  /* ---------- 2026 light editorial redesign ---------- */
  :root{
    --cream:#fbf7ef;
    --cream-deep:#f1eadc;
    --coral:#dd6c62;
    --coral-deep:#a94645;
    --blue:#b9d8e7;
    --green:#365e57;
    --green-deep:#203d38;
    --yellow:#efbd55;
    --charcoal:#18302b;
  }
  body{background:var(--cream);color:var(--charcoal)}
  .wrap{max-width:1200px}
  .nav{background:rgba(251,247,239,.9);border-bottom:1px solid rgba(24,48,43,.12);color:var(--charcoal)}
  .nav-links{color:#536963}.nav-links a:not(.nav-cta):hover{color:var(--coral-deep)}
  .nav-links a.nav-cta:hover,.nav-links a.nav-cta:focus,.nav-links a.nav-cta:active{color:#fff}
  .logo .cut{color:var(--coral)}
  .btn{border-radius:999px;padding:15px 25px}
  .btn-primary{background:var(--charcoal);color:#fff;box-shadow:0 8px 24px rgba(24,48,43,.14)}
  .btn-primary:hover{background:var(--coral-deep);color:#fff}
  .btn-ghost{border-color:rgba(24,48,43,.28);color:var(--charcoal);background:rgba(255,255,255,.35)}
  .btn-ghost:hover{border-color:var(--coral);color:var(--coral-deep);background:#fff}

  .hero{padding:92px 0 0;background:var(--cream);color:var(--charcoal)}
  .hero::before{background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(24,48,43,.045) 79px 80px);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:62px;align-items:center}
  .hero-inner{max-width:none}
  .kicker-founder{color:#536963;border-color:rgba(24,48,43,.18);background:rgba(255,255,255,.42)}
  .kicker-founder b{color:var(--charcoal)}.kicker-founder .dot{background:var(--coral)}
  .hero h1{font-size:clamp(36px,4.4vw,60px);color:var(--charcoal);line-height:1.06;letter-spacing:-.02em}
  .hero h1 .accent{color:var(--coral-deep);position:relative;display:inline-block}
  .hero h1 .accent::after{content:"";position:absolute;left:1%;right:-5%;bottom:-.04em;height:.11em;background:var(--yellow);transform:rotate(-2deg);z-index:-1}
  .hero-sub{color:#526762;font-size:19px;max-width:58ch}
  .hero-note{color:#4a5c56}
  .hero-art{position:relative;min-height:510px;display:grid;place-items:center;padding:18px}
  .hero-poster{position:relative;width:min(420px,100%);aspect-ratio:.84;background:transparent;overflow:visible;padding:38px;display:flex;flex-direction:column;justify-content:space-between}
  .hero-poster::before{content:"";position:absolute;width:220px;height:220px;border:34px solid rgba(221,168,63,.15);border-radius:50%;right:-95px;top:-100px}
  .hero-poster::after{content:"/";position:absolute;right:18px;bottom:-74px;font:800 270px/1 var(--font-display);color:var(--coral);transform:rotate(-7deg)}
  .poster-label{position:relative;z-index:1;display:flex;align-items:center;gap:11px;font:700 11px/1.3 var(--font-mono);letter-spacing:.15em;color:var(--charcoal)}
  .poster-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
  .poster-message{position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:clamp(32px,3.2vw,44px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;color:var(--charcoal)}
  .poster-message .strike{display:block;color:var(--coral-deep);text-decoration:line-through;text-decoration-thickness:.09em;text-decoration-color:var(--yellow)}
  .poster-message .more{display:block;margin-top:.2em}
  .poster-foot{position:relative;z-index:1;max-width:17ch;font:700 12px/1.45 var(--font-mono);letter-spacing:.03em;color:var(--charcoal)}
  .logos{border-color:rgba(24,48,43,.12)}.logos .lbl{color:#7b8985}.logo-mark{color:#526762}.logo-mark:hover{color:var(--coral-deep)}
  .stats{border-color:rgba(24,48,43,.12);background:rgba(255,255,255,.42)}
  .stat{border-color:rgba(24,48,43,.1)}.stat .num{color:var(--coral-deep)}.stat .lab{color:#4a5c56}

  .band{background:var(--cream);color:var(--charcoal)}
  .band:nth-of-type(1){background:var(--green-deep);color:#fff}
  .band:nth-of-type(1) .sec-head p,.band:nth-of-type(1) .prob p{color:#bfd0ca}
  .band:nth-of-type(1) .prob{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.14);border-radius:18px}
  .band:nth-of-type(1) .prob.shift{background:var(--yellow);color:var(--charcoal);border-color:var(--yellow)}
  .band:nth-of-type(1) .prob.shift p{color:#435852}.band:nth-of-type(1) .prob.shift .tag{color:var(--coral-deep)}
  .band-light{background:var(--cream-deep);color:var(--charcoal)}
  .eyebrow,.band-light .eyebrow{color:var(--coral-deep)}.eyebrow::before,.band-light .eyebrow::before{background:var(--coral)}
  .sec-head{max-width:760px}.sec-head p,.band-light .sec-head p{color:#586c66}
  .method{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(32,61,56,.08)}
  .step{border-top-color:var(--coral);padding:31px 23px 34px}.step .n,.step em{color:var(--coral-deep)}
  .step:not(:last-child){border-right-color:rgba(24,48,43,.1)}

  #services{background:var(--cream-deep)}
  .tier{background:rgba(251,247,239,.76);border:1px solid rgba(24,48,43,.12);border-radius:20px;color:var(--charcoal);backdrop-filter:blur(8px)}
  .tier:hover{border-color:var(--coral);box-shadow:0 18px 42px rgba(32,61,56,.12)}
  .tier.feature{background:var(--charcoal);color:#fff;border-color:var(--charcoal);transform:rotate(-.6deg)}
  .tier.feature:hover{transform:translateY(-4px) rotate(-.6deg)}
  .tier .flag{color:var(--coral-deep)}.tier.feature .flag,.tier.feature .price{color:var(--yellow)}
  .tier .price{color:var(--coral-deep)}.tier .per{color:#4a5c56}.tier .desc{color:#536963}.tier .go{color:var(--charcoal)}
  .tier.feature .per,.tier.feature .desc{color:#bfd0ca}.tier.feature .go{color:#fff}
  .value-anchor{color:#4a5c56}.value-anchor b{color:var(--charcoal)}
  .ai-note{background:rgba(251,247,239,.64);border:0;border-radius:18px}.ai-note .l{color:#536963}.ai-note .l b{color:var(--coral-deep)}

  .quotes{grid-template-columns:repeat(12,1fr);gap:18px}.quote{grid-column:span 6;border-radius:20px;border:0;box-shadow:0 10px 30px rgba(32,61,56,.07)}
  .quote:nth-child(3n){background:var(--rose)}.quote:nth-child(4n){background:var(--blue)}
  .quote .mark{color:var(--coral)}.quote .who a{color:var(--coral-deep)}
  #founder{background:var(--cream)}
  .founder-card{background:var(--yellow);border:0;border-radius:28px;color:var(--charcoal);transform:rotate(-1.5deg)}
  .founder-card::before{background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(24,48,43,.08) 34px 35px)}
  .founder-card .role{color:var(--coral-deep)}.founder-card .loc{color:#465d57}.founder p{color:#586c66}.founder p b{color:var(--charcoal)}
  .final{background:var(--coral);position:relative;overflow:hidden}
  .final::after{content:"/";position:absolute;right:4%;top:-40%;font:bold 520px/1 var(--font-display);color:rgba(255,255,255,.1);transform:rotate(-4deg);pointer-events:none}
  .final .btn-primary{background:var(--charcoal);color:#fff}.final .btn-primary:hover{background:#fff;color:var(--coral-deep)}
  footer{background:var(--cream);color:var(--charcoal);border-color:rgba(24,48,43,.12)}.foot .tag,.foot-links,.foot-legal{color:#4a5c56}.foot-links a:hover{color:var(--coral-deep)}
  @media(max-width:920px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:440px}.hero-poster{width:360px;aspect-ratio:1.02}.quotes .quote{grid-column:span 12}}
  @media(max-width:600px){.hero{padding-top:55px}.hero h1{font-size:52px}.hero-art{min-height:370px;padding:8px}.hero-poster{width:min(330px,94vw);aspect-ratio:1;padding:28px;border-radius:24px}.poster-message{font-size:43px}.hero-poster::after{font-size:220px;right:10px;bottom:-62px}.poster-foot{font-size:10.5px}.hero-cta .btn{width:100%;justify-content:center}.stat{padding:24px 14px}.stat .num{font-size:28px}}

  /* Aviso temporal de terminos junto a los CTA de compra.
     Retirar cuando el checkbox de Stripe este activo. */
  .buy-note{font-family:var(--font-mono);font-size:.68rem;line-height:1.6;letter-spacing:.02em;
    color:var(--muted-2);margin-top:14px;max-width:46ch}
  .buy-note a{color:var(--mustard);text-decoration:underline;text-underline-offset:2px}
  .buy-note a:hover{color:var(--mustard-bright)}
  .final .buy-note{margin:16px auto 0;text-align:center}

  /* ================= V5 FIXES ================= */

  /* 1 - Client logo carousel (infinite loop) */
  .logos{padding:30px 0 14px}
  .logo-carousel{overflow:hidden;position:relative;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .logo-track{display:flex;align-items:center;gap:56px;width:max-content;
    animation:logoscroll 60s linear infinite}
  .logo-carousel:hover .logo-track{animation-play-state:paused}
  @keyframes logoscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .logo-track img{height:40px;width:auto;max-width:152px;object-fit:contain;flex:none;
    filter:grayscale(1);opacity:.6;transition:filter .25s ease,opacity .25s ease}
  .logo-track img:hover{filter:grayscale(0);opacity:1}
  @media(max-width:600px){.logo-track{gap:36px}.logo-track img{height:30px;max-width:116px}}

  /* 2 - PROOF: every card on the same light background */
  .quote,.quote:nth-child(3n),.quote:nth-child(4n){background:#fff}
  .quote .who .org{color:var(--coral-deep);font-weight:700}

  /* 3 - Founder card links out to mavicarrasco.com */
  a.founder-card{display:block;text-decoration:none;color:inherit;cursor:pointer;
    transition:transform .22s ease,box-shadow .22s ease}
  a.founder-card:hover{transform:rotate(-1.5deg) translateY(-5px);box-shadow:0 18px 40px rgba(32,61,56,.18)}
  .founder-card .visit{position:relative;z-index:1;display:inline-block;margin-top:20px;
    font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;color:var(--charcoal);padding-bottom:3px;
    border-bottom:1px solid rgba(24,48,43,.4)}
  a.founder-card:hover .visit{border-bottom-color:var(--charcoal)}

  /* Founder: photo + expandable bio (cream section) */
  .founder-photo img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 46px rgba(32,61,56,.16)}
  .founder-cap{margin-top:16px}
  .founder-cap .name{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--charcoal)}
  .founder-cap .role{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--coral-deep);margin-top:6px}
  .founder-more{margin-top:24px;border-top:1px solid rgba(24,48,43,.14);padding-top:16px}
  .founder-more>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-deep)}
  .founder-more>summary::-webkit-details-marker{display:none}
  .founder-more>summary::after{content:"+";font-size:17px;line-height:1;transition:transform .2s ease}
  .founder-more[open]>summary::after{transform:rotate(45deg)}
  .founder-more>summary:hover{color:var(--oxblood)}
  .founder-more-body{margin-top:18px;display:flex;flex-direction:column;gap:15px}
  .founder-more-body p{color:#586c66;font-size:16px;line-height:1.62;margin:0}
  .founder-more-body .founder-loc{font-family:var(--font-mono);font-size:12.5px;color:#4a5c56}
  .founder-social{display:flex;gap:14px;margin-top:14px}
  .founder-social a{display:inline-flex;color:#7b8985;transition:color .18s ease}
  .founder-social a:hover{color:var(--coral-deep)}
  .founder-social svg{width:20px;height:20px;display:block}

  /* 4 - Section labels: bold, and contrast tuned per background */
  .eyebrow,.prob .tag,.tier .flag,.founder-card .role{font-weight:700}
  .eyebrow{color:#8f3736}
  .eyebrow::before{background:#8f3736}
  .band:nth-of-type(1) .eyebrow{color:var(--yellow)}          /* The hero trap  (dark green) */
  .band:nth-of-type(1) .eyebrow::before{background:var(--yellow)}
  .band:nth-of-type(1) .prob .tag{color:var(--yellow)}         /* trap / cost / stall */
  .band:nth-of-type(1) .prob.shift .tag{color:var(--charcoal)} /* The shift (yellow card) */
  .tier .flag{color:#8f3736}                                   /* Ongoing / Done with / Team */
  .tier.feature .flag{color:var(--yellow)}                     /* Start here (charcoal card) */
  .founder-card .role{color:var(--charcoal)}                   /* Founder · BYOND/HEROIC */

  @media(prefers-reduced-motion:reduce){.logo-track{animation:none}}

  /* --- The model --- */
  .model-entity{display:flex;justify-content:center;margin:0 0 20px}
  .model-entity span{font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;color:#fff;background:var(--charcoal);padding:14px 28px;border-radius:999px}
  .model-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .model-card{border-radius:22px;padding:32px;display:flex;flex-direction:column}
  .model-card.system{background:#fff;box-shadow:0 14px 44px rgba(32,61,56,.09)}
  .model-card.person{background:rgba(32,61,56,.07)}
  .model-card .mlabel{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#4a5c56;margin-bottom:12px}
  .model-card.person .mlabel{color:var(--coral-deep)}
  .model-card .mname{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.01em;color:var(--charcoal)}
  .model-card.person .mname{color:var(--coral-deep)}
  .model-card .mname .cut{color:var(--coral)}
  .model-card ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
  .model-card li{font-size:15.5px;color:#3f544e;position:relative;padding-left:18px;line-height:1.4}
  .model-card.person li{color:#2c433d}
  .model-card li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--coral)}
  .model-path{margin-top:auto;padding-top:20px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.01em;color:var(--coral-deep);line-height:1.6}
  .model-card.system .model-path{border-top:1px solid rgba(24,48,43,.1)}
  .model-card.person .model-path{border-top:1px solid rgba(24,48,43,.16)}
  .model-close{text-align:center;margin-top:36px}
  .model-close .big{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3vw,30px);color:var(--charcoal)}
  .model-close .q{font-family:var(--font-mono);font-size:14px;color:var(--coral-deep);margin-top:12px}
  @media(max-width:760px){.model-grid{grid-template-columns:1fr}}
  /* --- FAQ --- */
  .faq-list{max-width:880px;border-top:1px solid rgba(24,48,43,.14)}
  .faq-item{border-bottom:1px solid rgba(24,48,43,.14)}
  .faq-item>summary{cursor:pointer;list-style:none;display:flex;align-items:flex-start;
    justify-content:space-between;gap:24px;padding:24px 0;
    font-family:var(--font-display);font-weight:700;font-size:clamp(17px,2.1vw,21px);
    line-height:1.3;letter-spacing:-.01em;color:var(--charcoal);transition:color .18s ease}
  .faq-item>summary::-webkit-details-marker{display:none}
  .faq-item>summary:hover{color:var(--coral-deep)}
  .faq-item>summary:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
  .faq-item>summary::after{content:"+";flex:none;font-family:var(--font-display);font-weight:400;
    font-size:26px;line-height:1;color:var(--coral-deep);transition:transform .2s ease}
  .faq-item[open]>summary::after{transform:rotate(45deg)}
  .faq-answer{padding:0 0 26px;max-width:68ch}
  .faq-answer p{font-size:16.5px;line-height:1.62;color:#4a5c56;margin:0}
  @media(max-width:600px){.faq-item>summary{padding:20px 0;gap:16px}.faq-answer{padding-bottom:22px}}

  /* --- Brand logo --- */
  .logo{display:inline-flex;align-items:center;gap:11px}
  .brand-mark{width:34px;height:34px;border-radius:9px;object-fit:cover;display:block}
  .foot .brand-mark{width:40px;height:40px;border-radius:11px}

  /* ---------- Apply / sales form ---------- */
  .apply{background:var(--green-deep);color:#fff;padding:96px 0}
  .apply-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:54px;align-items:start}
  .apply-intro .eyebrow{color:var(--yellow)}
  .apply-intro .eyebrow::before{background:var(--yellow)}
  .apply-intro h2{font-size:clamp(34px,4.6vw,54px);color:#fff;margin-top:16px;line-height:.98}
  .apply-intro p{color:#bfd0ca;font-size:18px;margin-top:20px;max-width:46ch;line-height:1.55}
  .apply-points{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}
  .apply-points li{position:relative;padding-left:24px;font-size:15px;color:#d7e2dd;line-height:1.45}
  .apply-points li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--coral)}
  .apply-points li b{color:#fff;font-weight:700}
  .form-card{background:#fff;color:var(--charcoal);border-radius:24px;padding:34px;box-shadow:0 26px 64px rgba(0,0,0,.28)}
  .form-card .field{margin-bottom:15px}
  .form-card label,.form-card .fieldlabel{display:block;font-family:var(--font-body);font-size:14px;letter-spacing:0;text-transform:none;color:#2c433d;margin-bottom:8px;font-weight:600}
  .form-card label .req{color:var(--coral-deep)}
  .form-card input[type=text],.form-card input[type=email],.form-card select,.form-card textarea{
    width:100%;font-family:var(--font-body);font-size:15px;color:var(--charcoal);
    padding:13px 14px;border:1px solid rgba(24,48,43,.2);border-radius:12px;background:var(--cream);
    transition:border-color .15s ease,box-shadow .15s ease}
  .form-card textarea{min-height:108px;resize:vertical}
  .form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(221,108,98,.16)}
  .form-card .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .form-card .checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px}
  .form-card .check{display:flex;gap:9px;align-items:flex-start;font-family:var(--font-body);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;color:#33473f;line-height:1.3;cursor:pointer;border:1px solid rgba(24,48,43,.14);border-radius:11px;padding:11px 12px;transition:border-color .15s ease}
  .form-card .check:hover{border-color:var(--coral)}
  .form-card .check input{margin-top:1px;accent-color:var(--coral-deep);width:16px;height:16px;flex:none}
  .form-card .consent{display:flex;gap:9px;align-items:flex-start;font-family:var(--font-body);font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;color:#5c706a;line-height:1.45;margin-top:6px}
  .form-card .consent input{margin-top:2px;accent-color:var(--coral-deep);width:15px;height:15px;flex:none}
  .form-card .submit{width:100%;justify-content:center;margin-top:12px;font-size:16px;border:0;cursor:pointer}
  .form-note{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:#4a5c56;text-align:center;margin-top:12px}
  .form-err{display:none;background:#fce8e6;color:#a94645;border:1px solid #f0c3bf;border-radius:11px;padding:11px 13px;font-size:13.5px;margin-bottom:14px}
  .form-success{display:none;text-align:center;padding:26px 8px}
  .form-success .badge{font-size:38px}
  .form-success h3{font-size:26px;color:var(--charcoal);margin-top:8px}
  .form-success p{color:#536963;margin-top:10px;font-size:15.5px}
  @media(max-width:860px){.apply{padding:64px 0}.apply-grid{grid-template-columns:1fr;gap:34px}.form-card{padding:26px}.form-card .checks{grid-template-columns:1fr}.form-card .two{grid-template-columns:1fr}}
  /* ---------- Fixes de movil: nav CTA, aviso de terminos y pie ---------- */
  @media(max-width:600px){
    /* CTA del nav: pildora compacta, sin salto de linea, dentro de la barra */
    .nav-in{height:auto;min-height:62px;gap:10px;padding-top:6px;padding-bottom:6px}
    .nav .logo{font-size:15px;letter-spacing:.09em}
    .nav-cta{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:10px 15px;box-shadow:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}

    /* Aviso de terminos: mas pequeno que el parrafo anterior, pero legible */
    .buy-note{font-size:11.5px;line-height:1.65;max-width:38ch;-webkit-text-size-adjust:100%;text-size-adjust:100%}

    /* Enlaces del pie en formato lista */
    .foot{flex-direction:column;align-items:flex-start;gap:24px}
    .foot-links{flex-direction:column;align-items:flex-start;gap:13px;width:100%}
  }

  /* --- hero kicker (Option A) --- */
  .hero-kicker{font-family:var(--font-mono,'Space Mono',monospace);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--coral-deep);margin-bottom:20px}
  /* --- method journey track (From Hero to Architect) --- */
  .method-track{display:flex;align-items:center;gap:22px;margin:8px 0 30px;flex-wrap:wrap}
  .method-track .mt-cap{font-family:var(--font-mono,'Space Mono',monospace);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;flex:none}
  .method-track .mt-cap-start{color:#8aa098;text-decoration:line-through;text-decoration-color:rgba(138,160,152,.7)}
  .method-track .mt-cap-end{color:var(--coral-deep)}
  .method-track .mt-flow{display:flex;align-items:center;flex:1;min-width:260px}
  .method-track .mt-flow b{font-family:var(--font-mono,'Space Mono',monospace);font-weight:700;font-size:14px;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--coral);color:var(--coral-deep);display:flex;align-items:center;justify-content:center;flex:none}
  .method-track .mt-flow i{height:2px;background:var(--coral);opacity:.45;flex:1}
  @media(max-width:560px){.method-track .mt-flow b{width:38px;height:38px;font-size:12px}.method-track{gap:12px}}

  /* El subrayado de .accent usa z-index:-1. Sin contexto de apilamiento propio
     se va detras del fondo del hero al terminar la animacion del reveal. */
  .hero h1 .accent{isolation:isolate}

  /* El aviso legal del CTA final heredaba .final p (18px): quedaba con el mismo
     peso que el copy de venta. Se subordina sin perder legibilidad. */
  .final .buy-note{font-size:.75rem;color:rgba(255,255,255,.8);max-width:52ch;line-height:1.55}
  .final .buy-note a{color:#fff}
  /* El subrayado se dibuja al revelar el H1 y permanece. */
  .hero h1 .accent::after{transform:rotate(-2deg) scaleX(0);transform-origin:left center;transition:transform .75s cubic-bezier(.22,.61,.36,1) .45s}
  .hero h1.in .accent::after{transform:rotate(-2deg) scaleX(1)}
  @media(prefers-reduced-motion:reduce){.hero h1 .accent::after{transform:rotate(-2deg) scaleX(1);transition:none}}

  /* ---------- Content pages: prose, lists, comparison tables ----------
     Default targets the light bands, because .band is cream and only
     .band:nth-of-type(1) is dark. Dark variants are scoped to that band. */
  .lead{margin:26px 0 0;font-size:17px;line-height:1.75;color:#55655e;max-width:760px}
  .prose{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:26px 0}
  .prose p{margin:0;color:#55655e;font-size:16.5px;line-height:1.7}
  .plist{list-style:none;padding:0;margin:26px 0;display:grid;gap:12px;max-width:760px}
  .plist li{position:relative;padding-left:26px;color:#55655e;font-size:16.5px;line-height:1.7}
  .plist li::before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;border-radius:50%;background:var(--oxblood)}
  .cmp{width:100%;border-collapse:collapse;margin:26px 0;font-size:15.5px}
  .cmp caption{text-align:left;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--oxblood);padding-bottom:14px}
  .cmp th,.cmp td{text-align:left;padding:13px 16px;border-bottom:1px solid rgba(32,61,56,.14);vertical-align:top}
  .cmp thead th{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--oxblood);border-bottom-width:2px}
  .cmp tbody th{font-weight:700;width:26%;color:var(--charcoal)}
  .cmp td{color:#55655e}
  .cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none}
  .sources{font-size:13px;line-height:1.8;color:#55655e;margin-top:34px}
  .sources a{border-bottom:1px solid rgba(32,61,56,.28)}

  /* .prob cards are dark by default, so the heading needs light text
     wherever the card sits outside the first band. */
  .band:not(:nth-of-type(1)) .prob h3{color:var(--light)}

  /* Dark variants, first band only */
  .band:nth-of-type(1) .lead,
  .band:nth-of-type(1) .prose p,
  .band:nth-of-type(1) .plist li,
  .band:nth-of-type(1) .cmp td,
  .band:nth-of-type(1) .sources{color:rgb(191,208,202)}
  .band:nth-of-type(1) .cmp tbody th{color:#fff}
  .band:nth-of-type(1) .cmp th,
  .band:nth-of-type(1) .cmp td{border-bottom-color:rgba(255,255,255,.14)}
  .band:nth-of-type(1) .cmp thead th,
  .band:nth-of-type(1) .cmp caption{color:var(--mustard)}
  .band:nth-of-type(1) .plist li::before{background:var(--coral)}
  .band:nth-of-type(1) .sources a{border-bottom-color:rgba(255,255,255,.24)}

  @media(max-width:820px){
    .prose{grid-template-columns:1fr}
    .cmp{font-size:14px}
    .cmp th,.cmp td{padding:10px 9px}
    .cmp tbody th{width:auto}
  }

  /* Client names in testimonials link out to their own sites */
  .quote .org a{border-bottom:1px solid rgba(169,70,69,.38);transition:border-color .18s ease}
  .quote .org a:hover,.quote .org a:focus-visible{border-bottom-color:#a94645}