/* Extra polish / new sections */

.skip-link{
  position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  left:16px;top:16px;width:auto;height:auto;z-index:9999;
  background:#fff;border:1px solid rgba(73,131,108,.25);
  padding:10px 12px;border-radius:6px;
}

.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero-cta-outline{
  background:transparent;border:1px solid rgba(199,229,205,.45);
  color:rgba(255,255,255,.92);
}
.hero-cta-outline:hover{border-color:#fff;color:#fff}

.trust-strip{
  margin-top:22px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(199,229,205,.18);
  border-radius:10px;
  padding:12px 12px;
  backdrop-filter: blur(6px);
}
.trust-item{display:flex;flex-direction:column;gap:2px}
.trust-item strong{color:#fff;font-size:.95rem;letter-spacing:-.01em}
.trust-item span{color:rgba(255,255,255,.75);font-size:.72rem;line-height:1.2}

.faq{max-width:var(--col);margin:0 auto;padding:70px var(--page-px) 20px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faq-item{
  border:1px solid rgba(73,131,108,.12);
  border-radius:10px;
  padding:14px 14px;
  background:rgba(18,49,45,.02);
}
.faq-item summary{cursor:pointer;font-weight:700}
.faq-item p{margin:10px 0 0;color:rgba(18,49,45,.65);font-size:.88rem;line-height:1.6}

.c-form select{
  width:100%;padding:13px 16px;
  background:rgba(18,49,45,.03);border:1px solid rgba(73,131,108,.12);
  border-radius:3px;font-family:var(--sans);font-size:.85rem;
  color:var(--ev);outline:none;transition:border-color .2s;
}
.c-form select:focus{border-color:var(--tl)}

.hp-field{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.captcha-wrap{margin:6px 0 2px}
.captcha-note{display:block;margin-top:6px;color:rgba(18,49,45,.55);font-size:.75rem}

@media (max-width: 980px){
  .packs-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .trust-strip{grid-template-columns:1fr 1fr}
}

/* ── Help section (replaces packages) ── */
.help{max-width:var(--col);margin:0 auto;padding:90px var(--page-px)}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.help-card{
  border:1px solid rgba(73,131,108,.12);
  border-radius:12px;
  padding:22px 20px;
  background:rgba(18,49,45,.02);
}
.help-card h3{margin:0 0 10px;font-size:1.02rem}
.help-card p{margin:0 0 14px;color:rgba(18,49,45,.66);font-size:.88rem;line-height:1.6}
.help-cta{
  display:inline-block;
  background:var(--ev);color:var(--ce);
  padding:10px 16px;border-radius:8px;
  font-weight:700;font-size:.82rem;
}
.help-cta:hover{background:var(--tl);color:#fff}
.help-highlight{
  background:rgba(143,203,155,.08);
  border-color:rgba(73,131,108,.22);
}

/* Footer logo */
.ft-brand-row{display:flex;align-items:center;gap:10px}
.ft-logo{width:34px;height:auto;display:block}

/* iOS/iPad: checkbox size fix (desktop unchanged) */
@media (max-width: 980px){
  .help-grid{grid-template-columns:1fr}

  .c-consent{
    grid-template-columns:18px 1fr;
  }
  .c-consent input[type="checkbox"]{
    -webkit-appearance:none;
    appearance:none;
    width:14px;height:14px;
    border:1px solid rgba(73,131,108,.35);
    border-radius:3px;
    background:#fff;
    margin:3px 0 0;
    display:inline-grid;
    place-content:center;
  }
  .c-consent input[type="checkbox"]::before{
    content:"";
    width:8px;height:8px;
    transform:scale(0);
    transition:transform .12s ease-in-out;
    background:var(--tl);
    border-radius:2px;
  }
  .c-consent input[type="checkbox"]:checked::before{
    transform:scale(1);
  }
}


/* ── Legal pages base ── */
.legal-wrap{max-width:980px;margin:0 auto;padding:120px var(--page-px) 60px}
.legal-wrap h1{margin-bottom:12px}
.legal-wrap h2{margin-top:28px}
.legal-wrap p,.legal-wrap li{line-height:1.6}
.legal-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:18px}
.legal-card a{text-decoration:underline}
.legal-muted{opacity:.85}


/* ── Mobile menu separator ── */
.mob-sep{height:1px;background:rgba(18,49,45,.12);margin:12px 0}
