.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#ffffffb8;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.menu-toggle i{display:block;width:18px;height:2px;background:var(--ink);transition:transform .25s}
.nav.open .menu-toggle i:first-of-type{transform:translateY(4px) rotate(45deg)}
.nav.open .menu-toggle i:last-of-type{transform:translateY(-4px) rotate(-45deg)}
.nav nav{gap:28px}
picture{display:block}
picture img{display:block;width:100%;height:auto}

.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.how-steps li{padding:34px 30px}
.how-steps li+li{border-left:1px solid var(--line)}
.how-steps b{font:600 .75rem "Space Grotesk";color:var(--green)}
.how-steps h3{font-size:1.35rem;margin:22px 0 10px}
.how-steps p{color:var(--muted);font-size:.9rem;margin:0}

.faq-section{padding-bottom:0}
.faq-section .section-head a{color:var(--ink);font-weight:700}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:600 1.1rem "Space Grotesk"}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font:500 1.5rem "Space Grotesk";color:var(--green);transition:transform .25s}
.faq-list details[open] summary:after{transform:rotate(45deg)}
.faq-list details p{margin:0 0 24px;max-width:760px;color:var(--muted)}

.form-consent{font-size:.75rem;color:#8492a1;margin:4px 0 16px}
.form-consent a{color:var(--mint)}

@media(max-width:980px){.nav nav{gap:20px}.how-steps{grid-template-columns:1fr}.how-steps li+li{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:860px){
  .menu-toggle{display:flex;margin-left:auto;margin-right:12px}
  .nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 40px #0914261a;z-index:10}
  .nav.open nav{display:flex}
  .nav nav a{padding:16px 0;border-top:1px solid var(--line)}
  .nav nav a:after{display:none}
}
@media(max-width:700px){.nav.open nav{display:flex}.nav-cta{padding:10px 12px}.how-steps li{padding:26px 0}}
@media(max-width:420px){.nav-cta svg{display:none}}

.legal{max-width:760px;padding:80px 0 110px}
.legal h1{font-size:clamp(2.6rem,6vw,4rem);letter-spacing:-.05em;margin:0 0 10px}
.legal h2{font-size:1.35rem;margin:42px 0 10px}
.legal p{color:#3f4d5a}
.legal a{color:var(--green);font-weight:600}
.legal-updated{color:var(--muted)!important;font-size:.85rem}