/* =========================================================
   Deskless Consulting — blueprint design system
   Extracted from index.html's inline <style> block 2026-11-09 so
   index.html and adobe/index.html share one stylesheet. No build step.
   (styles.css is the older stylesheet, used only by scorecard.html.)
   ========================================================= */
  :root{
    --navy:#081833;
    --navy-deep:#050f22;
    --blueprint:#0a1428;
    --slate:#2F3C52;
    --blue:#2F6BFF;
    --cyan:#1786D4;
    --orange:#FF7A1A;
    --off:#F5F7FA;
    --gray:#E6E8EC;
    --line:rgba(47,107,255,.22);
    --line-soft:rgba(47,107,255,.10);
    --ink-dim:#9fb4d8;
    --ink-mute:#6c82a8;
    --mono:'JetBrains Mono',ui-monospace,monospace;
    --sans:'Manrope',system-ui,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--sans);
    background:var(--blueprint);
    color:var(--off);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    position:relative;
  }
  /* ---------- graph-paper grid + registration field ---------- */
  body::before{
    content:"";
    position:fixed;inset:0;
    background-image:
      linear-gradient(var(--line-soft) 1px,transparent 1px),
      linear-gradient(90deg,var(--line-soft) 1px,transparent 1px),
      linear-gradient(rgba(47,107,255,.05) 1px,transparent 1px),
      linear-gradient(90deg,rgba(47,107,255,.05) 1px,transparent 1px);
    background-size:120px 120px,120px 120px,24px 24px,24px 24px;
    background-position:-1px -1px;
    pointer-events:none;
    z-index:0;
    -webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 40%,transparent 100%);
    mask-image:radial-gradient(120% 100% at 50% 0%,#000 40%,transparent 100%);
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .container{width:min(1160px,92vw);margin-inline:auto;position:relative;z-index:2}
  .narrow{width:min(760px,92vw)}
  .mono{font-family:var(--mono)}

  /* corner registration marks on the whole page */
  .reg{position:fixed;z-index:1;width:34px;height:34px;pointer-events:none;color:rgba(47,107,255,.4)}
  .reg::before,.reg::after{content:"";position:absolute;background:currentColor}
  .reg::before{width:100%;height:1px;top:50%}
  .reg::after{height:100%;width:1px;left:50%}
  .reg.tl{top:14px;left:14px}.reg.tr{top:14px;right:14px}
  .reg.bl{bottom:14px;left:14px}.reg.br{bottom:14px;right:14px}
  @media(max-width:700px){.reg{display:none}}

  /* ---------- header ---------- */
  .site-header{
    position:sticky;top:0;z-index:40;
    backdrop-filter:blur(8px);
    background:linear-gradient(180deg,rgba(8,24,51,.92),rgba(8,24,51,.7));
    border-bottom:1px solid var(--line);
  }
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}
  .brand{display:flex;align-items:center;gap:.6rem}
  .brand-mark{display:grid;place-items:center;width:34px;height:34px}
  .brand-mark svg,.brand-mark img{width:100%;height:100%}
  .brand-name{font-weight:800;letter-spacing:.14em;font-size:1.05rem;text-transform:uppercase}
  .brand-name .lo{color:var(--blue)}
  .site-nav{display:flex;align-items:center;gap:1.6rem}
  .site-nav a{font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;color:var(--ink-dim);transition:color .2s}
  .site-nav a:hover{color:var(--off)}
  .nav-cta{
    color:var(--navy)!important;background:var(--orange);
    padding:.5rem .9rem;border-radius:2px;font-weight:700;
    box-shadow:0 0 0 1px var(--orange),0 0 22px rgba(255,122,26,.3);
  }
  .nav-cta:hover{filter:brightness(1.08)}
  .nav-toggle{display:none}
  @media(max-width:760px){
    .site-nav{gap:1rem}
    .site-nav a:not(.nav-cta){display:none}
  }

  /* ---------- hero ---------- */
  .hero{position:relative;overflow:hidden;padding:clamp(3rem,7vw,6rem) 0 clamp(3rem,6vw,5rem)}
  .hero-watermark{
    position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);
    width:min(1150px,120vw);color:var(--blue);
    opacity:.5;z-index:1;pointer-events:none;
    -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 55%,transparent 100%);
    mask-image:radial-gradient(70% 70% at 50% 50%,#000 55%,transparent 100%);
  }
  .hero-watermark svg{width:100%;height:auto;overflow:visible}
  .hero-watermark path{
    stroke-width:5;
    stroke-dasharray:14000;
    stroke-dashoffset:14000;
    animation:draw 4s ease-out .3s forwards;
    filter:drop-shadow(0 0 6px rgba(47,107,255,.35));
  }
  @keyframes draw{to{stroke-dashoffset:0}}
  @media(prefers-reduced-motion:reduce){.hero-watermark path{animation:none;stroke-dashoffset:0}}

  /* dimension line around the watermark */
  .hero-dim{
    position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);
    width:min(760px,80vw);aspect-ratio:1/.86;z-index:1;pointer-events:none;
    display:none;
  }
  @media(min-width:900px){.hero-dim{display:block}}
  .hero-badge{
    position:absolute;top:56%;left:79%;transform:translate(-50%,-50%);
    width:min(258px,26vw);height:auto;z-index:2;pointer-events:none;
    filter:drop-shadow(0 18px 44px rgba(4,10,22,.6));
    opacity:0;animation:badge-in 1s ease-out 1.2s forwards;
  }
  @keyframes badge-in{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
  @media(prefers-reduced-motion:reduce){.hero-badge{animation:none;opacity:1}}
  @media(max-width:820px){
    .hero-badge{position:static;transform:none;display:block;margin:0 auto 1.5rem;width:180px;animation:none;opacity:1}
    .hero-watermark,.hero-dim{opacity:.28}
  }
  .hero-inner{position:relative;z-index:3;max-width:640px}
  .eyebrow{
    font-family:var(--mono);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--cyan);display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem;
  }
  .eyebrow::before{content:"";width:38px;height:1px;background:var(--cyan)}
  .hero-headline{
    font-size:clamp(2.2rem,5.5vw,3.7rem);line-height:1.05;font-weight:800;
    letter-spacing:-.02em;margin-bottom:1.1rem;
  }
  .hero-headline .hl{color:var(--blue)}
  .hero-tagline{
    font-family:var(--mono);font-size:clamp(.95rem,2vw,1.15rem);color:var(--orange);
    font-weight:500;letter-spacing:.02em;margin-bottom:1.3rem;
    padding-left:1rem;border-left:2px solid var(--orange);
  }
  .hero-sub{color:var(--ink-dim);font-size:1.05rem;max-width:36rem;margin-bottom:2rem}
  .hero-actions{display:flex;flex-wrap:wrap;gap:1rem}
  .btn{
    display:inline-flex;align-items:center;gap:.55rem;font-weight:700;
    padding:.85rem 1.4rem;border-radius:3px;font-size:.98rem;transition:all .2s;
    font-family:var(--sans);cursor:pointer;
  }
  .btn-primary{background:var(--orange);color:var(--navy);box-shadow:0 0 26px rgba(255,122,26,.28)}
  .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
  .btn-ghost{border:1px solid var(--line);color:var(--off);background:rgba(47,107,255,.04);font-family:var(--mono);font-size:.82rem}
  .btn-ghost:hover{border-color:var(--blue);background:rgba(47,107,255,.1)}

  /* hero spec readout */
  .hero-readout{
    margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1.4rem 2.4rem;
    font-family:var(--mono);font-size:.72rem;color:var(--ink-mute);letter-spacing:.05em;
    border-top:1px dashed var(--line);padding-top:1.2rem;
  }
  .hero-readout b{color:var(--cyan);font-weight:500;display:block;font-size:.68rem;margin-bottom:.15rem;letter-spacing:.14em}
  .hero-readout span{color:var(--off);font-size:.82rem}

  /* ---------- section scaffolding ---------- */
  .section{padding:clamp(3.5rem,7vw,6rem) 0;position:relative;border-top:1px solid var(--line-soft)}
  .sec-head{display:flex;align-items:baseline;gap:1.1rem;margin-bottom:2rem}
  .sec-num{
    font-family:var(--mono);font-size:.95rem;color:var(--orange);font-weight:700;
    padding:.15rem .55rem;border:1px solid var(--line);border-radius:2px;flex:none;
  }
  .sec-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}
  .section-title{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}
  .section-title.centered{text-align:center}

  .lead{font-size:1.25rem;color:var(--off);font-weight:600;margin-bottom:1.1rem;line-height:1.4}
  .problem p{color:var(--ink-dim);margin-bottom:1rem;font-size:1.05rem}
  .close-line{
    font-family:var(--mono);color:var(--orange)!important;font-weight:700;font-size:1.3rem!important;
    display:inline-flex;align-items:center;gap:.6rem;margin-top:.5rem;
  }
  .close-line::before{content:"→";color:var(--cyan)}

  /* ---------- services / spec sheets ---------- */
  .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-bottom:3rem}
  @media(max-width:900px){.cards{grid-template-columns:1fr}}
  .card{
    position:relative;background:linear-gradient(180deg,rgba(10,20,40,.6),rgba(6,15,34,.75));
    border:1px solid var(--line);border-radius:4px;padding:1.6rem 1.5rem;
    display:flex;flex-direction:column;overflow:hidden;
  }
  .card::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(90deg,var(--line-soft) 1px,transparent 1px),linear-gradient(var(--line-soft) 1px,transparent 1px);
    background-size:20px 20px;opacity:.5;
  }
  .card>*{position:relative;z-index:1}
  /* corner ticks on cards */
  .card i.tick{position:absolute;width:9px;height:9px;border:1px solid var(--cyan);z-index:2;opacity:.65}
  .card i.tick.a{top:8px;left:8px;border-right:0;border-bottom:0}
  .card i.tick.b{top:8px;right:8px;border-left:0;border-bottom:0}
  .card i.tick.c{bottom:8px;left:8px;border-right:0;border-top:0}
  .card i.tick.d{bottom:8px;right:8px;border-left:0;border-top:0}
  .card-featured{border-color:var(--orange);box-shadow:0 0 0 1px rgba(255,122,26,.25),0 18px 40px -20px rgba(255,122,26,.35)}
  .card-featured i.tick{border-color:var(--orange)}
  .card-tag{
    font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--navy);background:var(--orange);align-self:flex-start;padding:.2rem .55rem;
    border-radius:2px;margin-bottom:1rem;font-weight:700;
  }
  .spec-id{font-family:var(--mono);font-size:.68rem;color:var(--ink-mute);letter-spacing:.1em;margin-bottom:.55rem}
  .card h3{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.7rem;line-height:1.2}
  .card-price{
    font-family:var(--mono);font-size:.82rem;color:var(--cyan);font-weight:500;
    padding:.5rem .7rem;background:rgba(23,134,212,.08);border:1px dashed rgba(23,134,212,.4);
    border-radius:3px;margin-bottom:1rem;
  }
  .card-featured .card-price{color:var(--orange);border-color:rgba(255,122,26,.45);background:rgba(255,122,26,.07)}
  .card p{color:var(--ink-dim);font-size:.95rem;margin-bottom:1rem}
  .card p:last-child{margin-bottom:0}
  .card-link{
    font-family:var(--mono);font-size:.8rem;color:var(--blue);font-weight:500;
    margin-top:auto;display:inline-flex;gap:.4rem;letter-spacing:.02em;
  }
  .card-link:hover{color:var(--cyan)}
  .card-note{font-size:.82rem!important;color:var(--ink-mute)!important;margin-top:1rem!important}
  .card-note a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}

  /* who we work with */
  .who{
    margin-inline:auto;text-align:center;border:1px solid var(--line);border-radius:4px;
    padding:2rem 1.8rem;background:rgba(10,20,40,.4);position:relative;
  }
  .who-title{font-family:var(--mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}
  .who p{color:var(--ink-dim);font-size:1.05rem}

  /* ---------- about ---------- */
  .about p{color:var(--ink-dim);font-size:1.08rem;margin-bottom:1.1rem}
  .about strong{color:var(--off)}
  .emphasis{
    font-family:var(--mono)!important;color:var(--orange)!important;font-weight:700;
    font-size:1.1rem!important;border-left:2px solid var(--orange);padding-left:1rem;margin-top:.5rem;
  }
  .about-frame{border:1px solid var(--line);border-radius:4px;padding:clamp(1.6rem,4vw,2.6rem);background:rgba(10,20,40,.4);position:relative}
  .about-frame .coord{position:absolute;top:-.6rem;left:1.4rem;background:var(--blueprint);padding:0 .6rem;font-family:var(--mono);font-size:.68rem;color:var(--ink-mute);letter-spacing:.14em}

  /* ---------- faq ---------- */
  .faq details{border:1px solid var(--line);border-radius:4px;margin-bottom:.8rem;background:rgba(10,20,40,.4);overflow:hidden}
  .faq summary{
    list-style:none;cursor:pointer;padding:1.1rem 1.3rem;font-weight:700;font-size:1.02rem;
    display:flex;align-items:center;gap:.9rem;transition:background .2s;
  }
  .faq summary::-webkit-details-marker{display:none}
  .faq summary:hover{background:rgba(47,107,255,.06)}
  .faq summary .q{font-family:var(--mono);color:var(--cyan);font-size:.8rem;flex:none}
  .faq summary .plus{margin-left:auto;font-family:var(--mono);color:var(--orange);font-size:1.3rem;transition:transform .25s;flex:none}
  .faq details[open] summary .plus{transform:rotate(45deg)}
  .faq details p{padding:0 1.3rem 1.2rem 1.3rem;color:var(--ink-dim);margin-left:0}
  @media(min-width:560px){.faq details p{padding-left:3.6rem}}

  /* ---------- cta band ---------- */
  .cta-band{text-align:center;border-top:1px solid var(--line)}
  .cta-inner{margin-inline:auto;border:1px solid var(--orange);border-radius:6px;padding:clamp(2.2rem,5vw,3.4rem);position:relative;background:radial-gradient(120% 120% at 50% 0%,rgba(255,122,26,.08),rgba(10,20,40,.5))}
  .cta-inner h2{font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}
  .cta-inner p{color:var(--ink-dim);max-width:34rem;margin:0 auto 1.8rem}
  .cta-inner .tick{position:absolute;width:12px;height:12px;border:1px solid var(--orange)}
  .cta-inner .tick.a{top:10px;left:10px;border-right:0;border-bottom:0}
  .cta-inner .tick.d{bottom:10px;right:10px;border-left:0;border-top:0}

  /* ---------- light "paper" sections ---------- */
  /* White spec-sheets laid on the drawing board — breaks up the one-pager. */
  .section-light{
    background:var(--off);
    color:var(--navy);
    border-top:1px solid var(--gray);
    border-bottom:1px solid var(--gray);
  }
  .section-light::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:
      linear-gradient(rgba(47,107,255,.06) 1px,transparent 1px),
      linear-gradient(90deg,rgba(47,107,255,.06) 1px,transparent 1px);
    background-size:24px 24px;
  }
  .section-light .sec-label{color:#64789c}
  .section-light .sec-num{border-color:rgba(47,107,255,.35);background:#fff}
  .section-light .lead{color:var(--navy)}
  .section-light p{color:var(--slate)}
  .section-light .close-line{color:var(--orange)!important}
  .section-light strong{color:var(--navy)}
  .section-light .about-frame{
    background:#fff;border-color:rgba(47,107,255,.28);
    box-shadow:0 16px 38px -22px rgba(8,24,51,.25);
  }
  .section-light .about-frame .coord{background:var(--off);color:#64789c}

  /* ---------- footer ---------- */
  .site-footer{border-top:1px solid var(--line);padding:3rem 0 2rem;background:rgba(5,15,34,.6)}
  .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}
  .footer-brandline{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem}
  .footer-brandline .brand-mark{width:28px;height:24px}
  .footer-tag{color:var(--ink-dim);font-size:.95rem;margin-bottom:.4rem;max-width:24rem}
  .footer-parent{font-size:.88rem;color:var(--ink-mute)}
  .footer-parent strong{color:var(--cyan)}
  .footer-contact{font-family:var(--mono);font-size:.85rem;text-align:right}
  .footer-contact a{color:var(--blue)}
  .footer-contact .muted{color:var(--ink-mute)}
  @media(max-width:640px){.footer-contact{text-align:left}}
  .copyright{font-family:var(--mono);font-size:.72rem;color:var(--ink-mute);margin-top:2.4rem;letter-spacing:.06em;border-top:1px dashed var(--line-soft);padding-top:1.4rem}

  /* ---------- v3 additions: how-it-works strip, 3-up offers, proof tiles, partner strip ---------- */
  .how{border-top:1px solid var(--line-soft);padding:2rem 0 1.8rem}
  .how-head{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:1.1rem}
  .path{display:grid;grid-template-columns:1fr;gap:1rem 0;margin:0;padding:0;list-style:none}
  .path li{position:relative;padding-right:0;font-size:.95rem;color:var(--ink-dim);line-height:1.55}
  .path b{display:block;font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--off);margin-bottom:.3rem;letter-spacing:.02em}
  .path .arrow{color:var(--orange);font-family:var(--mono);margin-right:.45rem}
  @media(min-width:900px){
    .path{grid-template-columns:repeat(4,1fr);gap:0 2.2rem}
    .path li{padding-right:.4rem}
    .path li+li::before{content:"→";position:absolute;left:-1.55rem;top:-.05rem;color:var(--orange);font-family:var(--mono);font-size:.95rem}
    .path .arrow{display:none}
  }
  @media(max-width:899px){.path li:first-child .arrow{display:none}}
  .how-who{font-family:var(--mono);font-size:.78rem;color:var(--ink-mute);margin-top:1.3rem;border-top:1px dashed var(--line);padding-top:.9rem}
  .how-who b{color:var(--ink-dim);font-weight:500}
  .next{margin:2.2rem 0 1.8rem;border:1px solid var(--line);border-radius:4px;padding:clamp(1.3rem,3vw,1.9rem) clamp(1.3rem,3vw,2rem);background:rgba(10,20,40,.4)}
  .next h3{font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:800;letter-spacing:-.01em;margin-bottom:.35rem;color:var(--off)}
  .next .next-sub{font-size:.9rem;color:var(--ink-mute);font-style:italic;margin-bottom:1.1rem}
  .next ul{list-style:none;margin:0 0 1.1rem;padding:0}
  .next li{position:relative;padding-left:1.2rem;color:var(--ink-dim);font-size:.95rem;line-height:1.6;margin-bottom:.55rem}
  .next li::before{content:"·";position:absolute;left:.2rem;top:0;color:var(--orange);font-weight:700}
  .next .next-close{font-size:.95rem;color:var(--off);margin:0;border-top:1px dashed var(--line);padding-top:.9rem}
  .cards.three{grid-template-columns:repeat(3,1fr);margin-bottom:1.6rem}
  @media(max-width:1000px){.cards.three{grid-template-columns:1fr}}
  .card-for{font-family:var(--mono);font-size:.76rem!important;color:var(--cyan)!important;letter-spacing:.02em}
  .card-fine{font-family:var(--mono);font-size:.7rem!important;color:var(--ink-mute)!important;line-height:1.6;border-top:1px dashed var(--line);padding-top:.8rem;margin-top:auto;margin-bottom:.9rem!important}
  .card-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
  .card-actions .card-link{margin-top:0}
  .also{font-family:var(--mono);font-size:.8rem;color:var(--ink-mute);border-left:2px solid var(--line);padding-left:1rem;max-width:56rem}
  .also b{color:var(--ink-dim);font-weight:500}
  .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-bottom:1.6rem}
  @media(max-width:760px){.tiles{grid-template-columns:1fr}}
  .tile{background:#fff;border:1px solid rgba(47,107,255,.28);border-radius:4px;padding:1.3rem 1.3rem 1.1rem;position:relative;display:flex;flex-direction:column;box-shadow:0 16px 38px -22px rgba(8,24,51,.25)}
  .tile-id{font-family:var(--mono);font-size:.66rem;color:#64789c;letter-spacing:.14em;margin-bottom:.5rem}
  .tile-num{font-family:var(--mono);font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:700;color:var(--orange);letter-spacing:-.01em;line-height:1.2;margin-bottom:.5rem}
  .tile p{font-size:.92rem;margin-bottom:.8rem}
  .tile .card-link{margin-top:auto}
  .ballast{font-family:var(--mono);font-size:.78rem;color:#64789c;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-bottom:.7rem}
  .ballast span::before{content:"▪ ";color:var(--orange)}
  .case-line{font-size:.92rem;color:var(--slate)}
  .case-line a{color:var(--blue);font-family:var(--mono);font-size:.82rem}
  .partners{background:var(--navy-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .partner-frame{border:1px solid var(--line);border-radius:4px;padding:clamp(1.4rem,3.5vw,2.2rem);background:rgba(10,20,40,.5);position:relative}
  .partner-frame .coord{position:absolute;top:-.6rem;left:1.4rem;background:var(--navy-deep);padding:0 .6rem;font-family:var(--mono);font-size:.68rem;color:var(--ink-mute);letter-spacing:.14em}
  .partner-frame h2{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;letter-spacing:-.01em;line-height:1.2;margin-bottom:.8rem}
  .partner-frame p{color:var(--ink-dim);font-size:.98rem;margin-bottom:.9rem}
  .partner-frame strong{color:var(--off)}
  .partner-terms{font-family:var(--mono);font-size:.8rem;color:var(--cyan);border:1px dashed rgba(23,134,212,.4);background:rgba(23,134,212,.08);border-radius:3px;padding:.5rem .7rem;display:inline-block;margin-bottom:1rem}
  .hero-secondary{font-family:var(--mono);font-size:.82rem;color:var(--ink-dim);align-self:center;text-decoration:underline;text-underline-offset:3px}
  .hero-secondary:hover{color:var(--off)}

  /* ---------- v4 (2026-11-09): hero list, proof + terms lines, page crumb ---------- */
  .hero-list{list-style:none;margin:0 0 1.3rem;padding:0;display:grid;gap:.35rem}
  .hero-list li{position:relative;padding-left:1.1rem;color:var(--off);font-size:1.02rem;line-height:1.5}
  .hero-list li::before{content:"▪";position:absolute;left:0;top:0;color:var(--orange);font-size:.8rem;line-height:1.75}
  .hero-proof{color:var(--ink-dim);font-size:.95rem;max-width:38rem;margin-top:2rem}
  .hero-terms{
    font-family:var(--mono);font-size:.78rem;line-height:1.7;color:var(--ink-mute);
    max-width:40rem;margin-top:.9rem;border-left:1px solid var(--line);padding-left:1rem;
  }
  .crumb{font-family:var(--mono);font-size:.78rem;color:var(--ink-dim);display:inline-flex;gap:.45rem;align-items:center}
  .crumb:hover{color:var(--off)}

  /* The hero column is taller in v4, so the badge now sits beside body copy
     rather than beside the headline. Keep it out of the text: stack it under
     1200px, and nudge it right of the text column above that. */
  .hero-list,.hero-tagline,.hero-proof,.hero-terms{max-width:36rem}
  @media(max-width:1199px){
    .hero-badge{position:static;transform:none;display:block;margin:0 auto 1.5rem;width:180px;animation:none;opacity:1}
    .hero-watermark,.hero-dim{opacity:.28}
  }
  @media(min-width:1200px){
    .hero-badge{left:82%}
  }