/* ORKAIA landing page — complements styles.css. */

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

  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:18px; }
    .nav-links a{ white-space:nowrap; }
  }

  .promo-bar{
    background:linear-gradient(90deg, var(--accent-dark), var(--accent) 55%, var(--teal));
    color:var(--white); font-size:0.9rem;
  }
  .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:'Manrope', sans-serif; font-size:0.72rem; font-weight:700; letter-spacing:0.04em; 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.04em; background:var(--white); color:var(--accent-dark); padding:2px 9px; border-radius:6px; }
  .promo-bar-date{ color:rgba(255,255,255,0.88); }
  .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);
  }
  .promo-bar-cta:hover{ transform:translateY(-1px); }
  .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) 50%, #149E96); color:var(--white);
    box-shadow:var(--shadow-lg);
  }
  .promo-strip-text{ flex:1 1 360px; }
  .promo-strip-eyebrow{
    font-family:'Manrope', sans-serif; font-size:0.72rem; font-weight:700; 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; }
  .promo-strip-btn{ background:var(--white); color:var(--accent-dark); box-shadow:var(--shadow-md); }
  .promo-strip-btn:hover{ transform:translateY(-1px); background:var(--white); }
  @media (max-width:640px){ .promo-strip-btn{ width:100%; white-space:normal; } }

  .promo-copy{
    position:relative; 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:'Manrope', sans-serif; font-size:0.74rem; font-weight:700;
  }
  .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-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); }

  .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-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);
    font-size:0.9rem; color:var(--ink);
  }
  .promo-callout p{ flex:1 1 320px; }
  .promo-callout strong, .promo-reminder strong{ color:var(--accent-dark); }
  .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); }

  .gain-pill{
    margin-top:22px; display:inline-flex; align-items:center;
    padding:10px 16px; border-radius:100px;
    background:var(--teal-soft); color:var(--ink); font-weight:600;
  }
  .offers-pending{
    margin:0; padding:28px 8px; text-align:center; color:var(--muted); font-size:0.95rem;
  }

  .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(--teal); 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; }

  .prospect-card{
    width:100%; max-width:440px; background:var(--white);
    border:1px solid var(--line); border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg); overflow:hidden;
  }
  .prospect-bar{
    display:flex; align-items:center; gap:8px;
    padding:14px 16px; border-bottom:1px solid var(--line); background:var(--surface);
  }
  .prospect-title{ margin-left:4px; font-weight:700; font-size:0.88rem; }
  .prospect-badge{
    margin-left:auto; font-size:0.68rem; font-weight:700;
    background:var(--teal-soft); color:#087A62;
    padding:4px 9px; border-radius:100px; white-space:nowrap;
  }
  .prospect-persona{
    margin:16px 18px 0; padding:10px 12px; border-radius:10px;
    background:var(--accent-soft); color:var(--accent-dark); font-size:0.82rem; font-weight:500;
  }
  .prospect-list{ list-style:none; margin:8px 0 0; padding:6px 10px 8px; }
  .prospect-list li{
    display:flex; align-items:center; gap:14px;
    padding:12px 8px; border-bottom:1px solid var(--line);
  }
  .prospect-list li:last-child{ border-bottom:none; }
  .prospect-score{
    flex:none; width:58px; text-align:center;
    font-family:'Manrope', sans-serif; font-weight:800; color:var(--accent);
    background:var(--accent-soft); border-radius:10px; padding:8px 0; font-size:0.95rem;
  }
  .prospect-list strong{ display:block; font-size:0.95rem; }
  .prospect-list small{ display:block; color:var(--muted); font-size:0.78rem; }
  .prospect-foot{ margin:0; padding:0 18px 16px; font-size:0.75rem; color:var(--muted-2); }
  .hero-float .dotcheck{ background:var(--teal); }
  @media (max-width:960px){ .prospect-card{ margin-inline:auto; } }

  .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; }
  .feature-row h3{ margin-bottom:6px; }
  .audience-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
  @media (max-width:1000px){ .audience-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:600px){ .audience-grid{ grid-template-columns:1fr; } }

  .section-compact{ padding:clamp(40px,6vw,72px) 0; }
  .req-panel{
    max-width:820px; margin:0 auto;
    border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--white);
    padding:clamp(22px,3.5vw,36px) clamp(22px,4vw,40px);
  }
  .req-panel h2{ font-size:clamp(1.35rem,2.2vw,1.75rem); margin-top:10px; line-height:1.2; }
  .req-panel > p{ margin-top:10px; color:var(--muted); font-size:0.95rem; }
  .req-list{ list-style:none; margin:18px 0 0; padding:0; display:grid; gap:12px; }
  .req-list li{ display:flex; align-items:flex-start; gap:10px; line-height:1.5; color:var(--ink); }
  .req-list .dotcheck{
    width:20px; height:20px; margin-top:2px; border-radius:50%; background:var(--teal);
    display:flex; align-items:center; justify-content:center; flex:none;
  }
  .req-list .dotcheck svg{ width:12px; height:12px; stroke:white; stroke-width:2.6; }

  .steps{ list-style:none; }
  .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); }
  .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);
  }
  .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{
    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; }

  .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);
      transform:translateY(110%); transition:transform .2s ease;
    }
    .sticky-cta.is-visible{ transform:translateY(0); }
    body{ padding-bottom:72px; }
  }