/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:15px;background:var(--blue);color:#fff;padding:12px 22px;border-radius:100px;border:none;cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 22px -8px rgba(0,140,204,.6)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(0,140,204,.7)}
.btn-ghost{background:transparent;color:var(--navy);box-shadow:none;border:1.5px solid var(--stone)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:none;box-shadow:none}

/* ============ FAQ ============ */
.faqlist{max-width:840px;margin-top:42px;display:grid;gap:14px}
.faqitem{background:var(--white);border:1px solid var(--stone);border-radius:18px;padding:6px 28px}
.faqitem summary{list-style:none;cursor:pointer;padding:20px 0;font-family:var(--serif);font-weight:600;
  font-size:18px;color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:16px}
.faqitem summary::-webkit-details-marker{display:none}
.faqitem summary::after{content:"+";font-family:var(--sans);font-size:24px;font-weight:400;color:var(--blue);flex-shrink:0;transition:transform .15s}
.faqitem[open] summary::after{transform:rotate(45deg)}
.faqitem p{font-size:15.5px;color:var(--muted);line-height:1.65;padding:0 0 22px}

/* ============ CAPTURE (register interest) ============ */
.capture{max-width:620px;margin:0 auto;background:var(--white);border:1px solid var(--stone);border-radius:28px;padding:46px 44px;box-shadow:var(--shadow)}
.capture h2{font-size:clamp(28px,4vw,40px);text-align:center;max-width:none;margin:0 auto}
.capture .sub{text-align:center;color:var(--muted);font-size:16px;margin-top:14px}
.toggle{display:flex;background:var(--paper);border:1px solid var(--stone);border-radius:100px;padding:5px;margin:30px 0 22px}
.toggle button{flex:1;font-family:var(--sans);font-weight:700;font-size:14.5px;padding:11px;border:none;background:transparent;color:var(--muted);border-radius:100px;cursor:pointer;transition:.25s}
.toggle button.on{background:var(--blue);color:#fff;box-shadow:0 6px 16px -6px rgba(0,140,204,.6)}
.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:7px}
.field input{width:100%;font-family:var(--sans);font-size:16px;padding:14px 16px;border:1.5px solid var(--stone);border-radius:13px;background:var(--paper);color:var(--ink);transition:.2s}
.field input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(0,140,204,.1)}
.consent{display:flex;gap:11px;align-items:flex-start;margin:8px 0 22px}
.consent input{margin-top:4px;width:17px;height:17px;accent-color:var(--blue);flex-shrink:0}
.consent label{font-size:13px;color:var(--muted);line-height:1.5}.consent a{color:var(--blue);font-weight:600;text-decoration:underline}
.capture .btn{width:100%;justify-content:center;font-size:16px;padding:15px}
.privacy-strip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--muted);margin-top:18px}
.ok{display:none;text-align:center;padding:18px 0}.ok.show{display:block;animation:rise .6s forwards}
.ok .tick{width:58px;height:58px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px}
.ok h3{font-family:var(--serif);font-size:26px;color:var(--navy);font-weight:600}.ok p{color:var(--muted);margin-top:10px;font-size:15.5px}
