/* Segment landing pages — complements styles.css (same tokens, same components). */

  .promo-copy[hidden], .sticky-cta[hidden]{ display:none !important; }

  /* ---------- STICKY TOP (promo bar + nav) ---------- */
  html{ scroll-padding-top:var(--site-top-h, 80px); }
  .subscribe-anchor{ scroll-margin-top:12px; }
  .site-top{ position:sticky; top:0; z-index:50; }
  .site-top header.site{ position:relative; }
  @media (min-width:861px) and (max-width:1120px){
    .nav-links{ gap:22px; }
    .nav-links a{ white-space:nowrap; }
    .nav-links .nav-secondary{ display:none; }
  }
  @media (min-width:861px) and (max-width:1000px){
    .nav-links{ gap:16px; }
    .nav-links .nav-tertiary{ display:none; }
  }

  /* ---------- PROMO ---------- */
  .promo-bar{
    background:linear-gradient(90deg, var(--accent-dark), var(--accent));
    color:var(--white); font-size:0.9rem;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,0.12);
  }
  .promo-bar-inner{ display:flex; align-items:center; justify-content:center; gap:8px 22px; flex-wrap:wrap; padding-top:9px; padding-bottom:9px; }
  .promo-bar-text{ display:flex; align-items:center; gap:6px 12px; flex-wrap:wrap; justify-content:center; }
  .promo-bar-tag{
    font-family:'DM Mono',monospace; font-size:0.72rem; font-weight:500; letter-spacing:0.06em; text-transform:uppercase;
    background:rgba(255,255,255,0.18); padding:3px 10px; border-radius:100px;
  }
  .promo-bar strong{ font-size:1rem; letter-spacing:0.05em; background:var(--white); color:var(--accent-dark); padding:2px 9px; border-radius:6px; }
  .promo-bar-date{ color:rgba(255,255,255,0.85); }
  .promo-bar-date-short{ display:none; }
  .promo-bar-actions{ display:flex; align-items:center; gap:8px; }
  .promo-bar .promo-copy{ border-color:rgba(255,255,255,0.4); background:rgba(255,255,255,0.12); }
  .promo-bar .promo-copy:hover{ background:rgba(255,255,255,0.24); }
  .promo-bar-cta{
    display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
    padding:7px 15px; border-radius:100px; background:var(--white); color:var(--accent-dark);
    font-weight:700; font-size:0.85rem; box-shadow:var(--shadow-sm);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .promo-bar-cta:hover{ transform:translateY(-1px); box-shadow:var(--shadow-md); }
  .promo-bar-cta .icon{ width:15px; height:15px; }
  @media (max-width:640px){
    .promo-bar{ font-size:0.82rem; }
    .promo-bar-inner{ justify-content:space-between; gap:8px 10px; flex-wrap:nowrap; padding-top:7px; padding-bottom:7px; }
    .promo-bar-text{ justify-content:flex-start; gap:2px 8px; min-width:0; }
    .promo-bar-tag{
      flex:1 0 100%; max-width:100%; padding:0; background:none; font-size:0.66rem;
      overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .promo-bar-date-long{ display:none; }
    .promo-bar-date-short{ display:inline; font-size:0.76rem; }
    .promo-bar strong{ font-size:0.88rem; }
    .promo-bar .promo-copy{ padding:7px; }
    .promo-bar .promo-copy [data-copy-label]{
      position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;
    }
    .promo-bar-cta{ padding:7px 12px; font-size:0.8rem; }
  }

  .promo-strip{
    margin-top:clamp(32px,4vw,44px);
    display:flex; align-items:center; justify-content:space-between; gap:18px 28px; flex-wrap:wrap;
    padding:clamp(20px,3vw,28px) clamp(22px,3.5vw,34px); border-radius:var(--radius-lg);
    background:linear-gradient(120deg, var(--accent-dark), var(--accent)); color:var(--white);
    box-shadow:var(--shadow-lg);
  }
  .promo-strip-text{ flex:1 1 360px; }
  .promo-strip-eyebrow{
    font-family:'DM Mono',monospace; font-size:0.72rem; font-weight:500; letter-spacing:0.08em; text-transform:uppercase;
    color:rgba(255,255,255,0.8);
  }
  .promo-strip p{ margin-top:6px; font-size:1.05rem; line-height:1.5; }
  .promo-strip strong{ background:var(--white); color:var(--accent-dark); padding:1px 8px; border-radius:6px; letter-spacing:0.05em; }
  .promo-strip-btn{ background:var(--white); color:var(--accent-dark); box-shadow:var(--shadow-md); }
  .promo-strip-btn:hover{ transform:translateY(-1px); box-shadow:var(--shadow-lg); }
  @media (max-width:640px){ .promo-strip-btn{ width:100%; white-space:normal; } }

  .promo-copy{
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 13px; border-radius:100px; border:1px solid var(--dark-line);
    background:rgba(255,255,255,0.08); color:var(--white);
    font-family:'DM Mono',monospace; font-size:0.74rem; font-weight:500;
    transition:background .15s ease, border-color .15s ease;
  }
  .promo-copy:hover{ background:rgba(255,255,255,0.16); }
  .promo-copy .icon{ width:14px; height:14px; }
  .promo-copy.is-copied{ border-color:#8CE0A4; }

  .promo-copy{ position:relative; }
  .promo-copy-light, .promo-callout .promo-copy, .promo-reminder .promo-copy{
    border-color:var(--line); background:var(--white); color:var(--accent-dark);
  }
  .promo-copy-light:hover, .promo-callout .promo-copy:hover, .promo-reminder .promo-copy:hover{ border-color:var(--accent); background:var(--accent-soft-2); }
  .promo-copy-light.is-copied, .promo-callout .promo-copy.is-copied, .promo-reminder .promo-copy.is-copied{ border-color:var(--accent); }

  .promo-badge{
    margin-top:22px; display:inline-flex; align-items:center; gap:12px; flex-wrap:wrap;
    padding:8px 8px 8px 16px; border-radius:100px;
    background:var(--accent-soft); color:var(--accent-dark); font-size:0.9rem; font-weight:500;
  }
  .promo-badge strong{ letter-spacing:0.04em; }

  .promo-callout{
    display:flex; align-items:center; justify-content:space-between; gap:14px 20px; flex-wrap:wrap;
    margin-bottom:22px; padding:14px 18px; border-radius:var(--radius-md);
    border:1.5px dashed var(--accent); background:var(--accent-soft-2);
    font-size:0.9rem; color:var(--ink);
  }
  .promo-callout p{ flex:1 1 320px; }
  .promo-callout strong, .promo-reminder strong{ color:var(--accent-dark); letter-spacing:0.04em; }

  .promo-reminder{ margin-top:22px; display:flex; align-items:center; justify-content:center; gap:10px 14px; flex-wrap:wrap; font-size:0.88rem; color:var(--muted); }

  /* ---------- GOOGLE RATING ---------- */
  .rating{ margin-top:20px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:0.88rem; color:var(--muted); }
  .rating-stars{ display:inline-flex; gap:2px; }
  .rating-stars svg{ width:20px; height:20px; fill:#F5B301; stroke:#C98F00; stroke-width:0.8; }
  .rating strong{ color:var(--ink); font-weight:700; }
  .rating a{ text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:3px; }
  .rating a:hover{ text-decoration-color:var(--accent); }
  .rating-dark{ margin-top:26px; color:var(--dark-muted); }
  .rating-dark strong{ color:var(--white); }
  .rating-small{ justify-content:center; font-size:0.8rem; }
  .rating-small .rating-stars svg{ width:15px; height:15px; }

  /* ---------- HERO ADDITIONS ---------- */
  @media (max-width:520px){
    .doc-body{ padding:26px 18px 4px; font-size:0.9rem; }
    .doc-body .tok{ white-space:normal; }
  }
  .hero-points{ list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px; max-width:540px; }
  .hero-points li{ display:flex; align-items:flex-start; gap:10px; font-weight:500; color:var(--ink); line-height:1.4; }
  .hero-points .dotcheck{ width:20px; height:20px; margin-top:1px; border-radius:50%; background:var(--accent); display:flex; align-items:center; justify-content:center; flex:none; }
  .hero-points .dotcheck svg{ width:12px; height:12px; stroke:white; stroke-width:2.6; }
  .hero-points + .hero-ctas{ margin-top:26px; }
  .doc-caption{ margin:6px 26px 0; text-align:right; font-family:'DM Mono',monospace; font-size:0.68rem; color:var(--muted-2); }
  .visual-caption{ margin-top:14px; font-size:0.8rem; color:var(--muted-2); }

  /* ---------- RISK BOX ---------- */
  .risk-box{
    margin-top:36px; padding:34px 36px; border-radius:var(--radius-lg);
    background:var(--dark); color:var(--white); box-shadow:var(--shadow-lg);
  }
  .risk-box .eyebrow{ color:#C89CFB; }
  .risk-box .eyebrow::before{ background:#C89CFB; }
  .risk-head h3{ margin-top:12px; font-size:clamp(1.3rem,2.4vw,1.7rem); line-height:1.25; color:var(--white); }
  .risk-list{ list-style:none; margin:26px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .risk-list li{ display:flex; gap:14px; align-items:flex-start; padding-top:20px; border-top:1px solid var(--dark-line); }
  .risk-icon{ width:40px; height:40px; flex:none; border-radius:12px; background:rgba(200,156,251,0.14); display:flex; align-items:center; justify-content:center; }
  .risk-icon svg{ width:20px; height:20px; stroke:#C89CFB; }
  .risk-list strong{ display:block; font-size:1rem; color:var(--white); }
  .risk-list p{ margin-top:6px; font-size:0.92rem; color:var(--dark-muted); line-height:1.55; }
  .risk-note{
    margin-top:26px; padding:14px 18px; border-radius:var(--radius-md);
    background:rgba(255,255,255,0.06); border:1px solid var(--dark-line);
    display:flex; gap:12px; align-items:flex-start; font-size:0.92rem; color:rgba(255,255,255,0.88);
  }
  .risk-note svg{ width:18px; height:18px; flex:none; margin-top:2px; stroke:#8CE0A4; }
  @media (max-width:860px){ .risk-list{ grid-template-columns:1fr; gap:4px; } .risk-list li{ padding:16px 0; } }
  @media (max-width:520px){ .risk-box{ padding:28px 22px; } }

  /* ---------- BENEFITS ---------- */
  .grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
  @media (max-width:760px){ .grid-2{ grid-template-columns:1fr; } }
  .feature-row{ display:flex; gap:18px; align-items:flex-start; }
  .feature-row .icon-wrap{ flex:none; margin-bottom:0; }

  /* ---------- EXAMPLE / BEFORE-AFTER ---------- */
  .example-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center; }
  @media (max-width:960px){ .example-grid{ grid-template-columns:1fr; gap:32px; } }
  .example-grid .section-head{ margin-bottom:26px; }
  .check-list{ display:flex; flex-direction:column; gap:12px; }
  .check-list li{ display:flex; gap:10px; align-items:flex-start; font-size:0.95rem; }
  .check-list svg{ width:17px; height:17px; stroke:var(--accent); stroke-width:2.4; flex:none; margin-top:4px; }

  .compare{ display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; }
  @media (max-width:640px){ .compare{ grid-template-columns:1fr; } .compare-arrow{ transform:rotate(90deg); justify-self:center; } }
  .compare-card{
    margin:0; position:relative; background:var(--white);
    border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-md);
  }
  .compare-after{ border-color:var(--accent); }
  .compare-label{
    position:absolute; top:-11px; left:16px; z-index:1;
    font-family:'DM Mono',monospace; font-size:0.68rem; font-weight:500; letter-spacing:0.05em; text-transform:uppercase;
    padding:3px 10px; border-radius:100px; background:var(--white); border:1px solid var(--line); color:var(--muted);
  }
  .compare-after .compare-label{ background:var(--accent); border-color:var(--accent); color:var(--white); }
  .compare-card .doc-bar{ padding:13px 14px; gap:6px; flex-wrap:wrap; }
  .compare-card .doc-dot{ width:7px; height:7px; }
  .compare-card .doc-name{ font-size:0.68rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
  .compare-card .doc-badge{ font-size:0.62rem; }
  .compare-body{ padding:16px 16px 18px; font-size:0.84rem; line-height:1.95; }
  .compare-body p{ margin:0; overflow-wrap:anywhere; }
  .hl{ background:var(--accent-soft); color:var(--accent-dark); border-radius:4px; padding:1px 4px; }
  .masked{
    display:inline-block; background:var(--accent); color:var(--white); border-radius:4px;
    padding:0 8px; line-height:1.55; font-family:'DM Mono',monospace; font-size:0.7rem; letter-spacing:0.04em;
  }
  .compare-arrow{ width:34px; height:34px; border-radius:50%; background:var(--accent-soft); display:flex; align-items:center; justify-content:center; }
  .compare-arrow .icon{ width:17px; height:17px; stroke:var(--accent-dark); }

  /* ---------- USE CASES ---------- */
  .usecase{ display:flex; flex-direction:column; }
  .usecase-links{ margin-top:18px; display:flex; flex-direction:column; gap:8px; }
  .usecase-link{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:0.92rem; color:var(--accent); }
  .usecase-link .icon{ width:16px; height:16px; transition:transform .15s ease; }
  .usecase-link:hover{ color:var(--accent-dark); }
  .usecase-link:hover .icon{ transform:translateX(3px); }

  /* ---------- DEMO STEPS ---------- */
  @media (min-width:1001px){ .steps-4{ grid-template-columns:repeat(4,1fr); } }
  @media (min-width:861px) and (max-width:1000px){
    .steps-4{ grid-template-columns:repeat(2,1fr); }
    .steps-4 .step::after{ display:none; }
  }

  /* ---------- SIMULATOR ---------- */
  .sim{
    display:grid; grid-template-columns:1fr 1fr; gap:0;
    border:1px solid var(--line); border-radius:var(--radius-lg);
    background:var(--white); box-shadow:var(--shadow-md); overflow:hidden;
  }
  @media (max-width:860px){ .sim{ grid-template-columns:1fr; } }
  .sim-form{ padding:clamp(24px,4vw,40px); display:flex; flex-direction:column; gap:20px; }
  .sim-field input[type="number"]{ font-family:'DM Mono',monospace; font-size:1rem; max-width:220px; }
  .sim-hint{ font-size:0.78rem; color:var(--muted-2); }
  .sim-range{ display:flex; align-items:center; gap:14px; }
  .sim-range input[type="range"]{ flex:1; accent-color:var(--accent); padding:0; border:none; background:transparent; min-height:28px; }
  .sim-range-value{ min-width:56px; text-align:right; font-family:'DM Mono',monospace; font-weight:500; color:var(--accent-dark); }
  .sim-actions{ margin-top:4px; }

  .sim-results{
    padding:clamp(24px,4vw,40px); background:var(--accent-soft-2); border-left:1px solid var(--line);
    display:flex; flex-direction:column; gap:20px;
  }
  @media (max-width:860px){ .sim-results{ border-left:none; border-top:1px solid var(--line); } }
  .sim-main{ display:flex; flex-direction:column; gap:4px; }
  .sim-main-value{ font-size:clamp(2.2rem,4.5vw,3rem); font-weight:800; letter-spacing:-0.02em; line-height:1.05; color:var(--accent); }
  .sim-main-label{ font-weight:700; font-size:1rem; }
  .sim-values{ margin:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .sim-values div{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-sm); padding:12px 14px; }
  .sim-values dt{ font-size:0.78rem; color:var(--muted); }
  .sim-values dd{ margin:2px 0 0; font-size:1.15rem; font-weight:800; letter-spacing:-0.01em; }
  .sim-details{ margin:0; display:flex; flex-direction:column; gap:8px; font-size:0.86rem; }
  .sim-details div{ display:flex; justify-content:space-between; gap:12px; border-bottom:1px dashed var(--line); padding-bottom:7px; }
  .sim-details dt{ color:var(--muted); }
  .sim-details dd{ margin:0; font-family:'DM Mono',monospace; white-space:nowrap; }
  .sim-note{ font-size:0.8rem; color:var(--muted); line-height:1.55; padding:12px 14px; border-left:3px solid var(--accent); background:var(--white); border-radius:0 var(--radius-sm) var(--radius-sm) 0; }

  /* ---------- FAQ ---------- */
  .faq-wrap{ max-width:860px; }
  .faq{ display:flex; flex-direction:column; gap:12px; }
  .faq-item{ border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); transition:border-color .15s ease; }
  .faq-item[open]{ border-color:var(--accent); }
  .faq-item summary{
    list-style:none; cursor:pointer; padding:18px 52px 18px 22px; position:relative;
    font-weight:700; font-size:1rem;
  }
  .faq-item summary::-webkit-details-marker{ display:none; }
  .faq-item summary::after{
    content:""; position:absolute; right:24px; top:50%; width:8px; height:8px;
    border-right:2px solid var(--accent); border-bottom:2px solid var(--accent);
    transform:translateY(-70%) rotate(45deg); transition:transform .15s ease;
  }
  .faq-item[open] summary::after{ transform:translateY(-30%) rotate(-135deg); }
  .faq-item p{ padding:0 22px 20px; color:var(--muted); font-size:0.95rem; }
  .faq-item a{ color:var(--accent); text-decoration:underline; }

  /* ---------- FINAL CTA ---------- */
  .final-cta{
    max-width:820px; margin:0 auto; text-align:center;
    border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--white);
    box-shadow:var(--shadow-md); padding:clamp(36px,6vw,64px) clamp(22px,5vw,56px);
  }
  .final-cta h2{ font-size:clamp(1.7rem,3vw,2.4rem); line-height:1.15; }
  .final-cta > p{ margin:16px auto 0; color:var(--muted); font-size:1.05rem; max-width:560px; }
  .final-ctas{ justify-content:center; }

  /* ---------- FOOTER ---------- */
  .foot-col a[aria-current="page"]{ color:var(--accent); font-weight:500; }

  /* ---------- STICKY MOBILE CTA ---------- */
  .sticky-cta{ display:none; }
  @media (max-width:860px){
    .sticky-cta{
      display:block; position:fixed; left:0; right:0; bottom:0; z-index:40;
      padding:10px 16px calc(10px + env(safe-area-inset-bottom));
      background:rgba(255,255,255,0.94); backdrop-filter:saturate(180%) blur(10px);
      border-top:1px solid var(--line); box-shadow:0 -8px 24px -12px rgba(21,15,31,0.2);
      transform:translateY(110%); transition:transform .2s ease;
    }
    .sticky-cta.is-visible{ transform:translateY(0); }
  }