*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#142f40;font:17px/1.75 system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}a{color:#4252a0;text-underline-offset:4px}nav{display:flex;gap:18px;flex-wrap:wrap}button,.button{background:#6551b4;color:white;border:0;border-radius:6px;padding:12px 22px;font:inherit;cursor:pointer;display:inline-block;text-decoration:none}h1{font-size:clamp(35px,6vw,62px);line-height:1.12;letter-spacing:-1.5px;max-width:820px}h2{font-size:28px;line-height:1.3;margin-top:36px}h3{line-height:1.35}article{background:white;border:1px solid #d9e0e8;padding:clamp(20px,4vw,50px);margin:24px 0;border-radius:8px}p{max-width:78ch}.eyebrow{color:#6551b4;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700}.callout{padding:20px;border-left:4px solid #6551b4;background:#eeeafb}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid article{padding:24px}input{font:inherit;padding:12px;width:100%;border:1px solid #8999ac;border-radius:4px}label{display:block;margin:20px 0 8px}input[type=checkbox]{width:auto;margin-right:12px}footer{border-top:1px solid #d9e0e8;font-size:14px}details{border-bottom:1px solid #d9e0e8;padding:18px 0}summary{cursor:pointer;font-weight:600}[hidden]{display:none!important}@media(max-width:720px){.grid{grid-template-columns:1fr}header,main,footer{padding:18px}}
:root{--ink:#19243b;--muted:#526077;--accent:#6250b0;--line:#dce1eb}html{scroll-behavior:smooth}body{color:var(--ink);background:#f8f9fc}header{border-bottom:1px solid var(--line)}header>a{font-weight:800;letter-spacing:2px;text-decoration:none;color:var(--ink)}nav{align-items:center}nav a{font-size:14px}nav button{font-size:14px;padding:8px 14px}main{max-width:1160px}h1{font-size:clamp(38px,6.4vw,76px);max-width:900px;letter-spacing:-2.5px}h2{margin-top:0}h3{font-size:21px}.hero{background:#15152f;color:#f5f2ff;padding:clamp(26px,6vw,68px);border-radius:24px;margin:22px 0 54px}.hero .eyebrow{color:#b9adff}.hero p{max-width:64ch;color:#d6d2ec}.hero .button{background:#d8d0ff;color:#251b48}.hero .quiet{color:#d8d0ff;margin-left:20px}.hero small{display:block;margin-top:26px;max-width:70ch}.section{padding:34px 0;border-top:1px solid var(--line);margin:20px 0}.section-intro{max-width:70ch;color:var(--muted)}.feature{display:grid;grid-template-columns:90px 1fr;gap:20px;margin:26px 0;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px}.feature .number{color:var(--accent);font-size:36px;font-weight:750}.feature h3{margin-top:0}.feature ol{padding-left:22px}.result{padding:16px 20px;border-left:3px solid var(--accent);background:#f1eefb}.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pair article{margin:0;border-radius:16px}.qr{width:180px;height:180px;background:#fff;display:block;margin:20px 0}.access-card{display:flex;flex-direction:column;align-items:flex-start}.access-card h3{margin:0}.feedback{background:#fff;padding:clamp(22px,4vw,44px);border:1px solid var(--line);border-radius:16px}.feedback fieldset{border:0;padding:0;margin:0 0 16px}.feedback legend{font-size:24px;font-weight:700}.feedback select,.feedback textarea,.feedback input{font:inherit;max-width:100%;padding:12px;border:1px solid #8b95a9;border-radius:6px;background:#fff;color:var(--ink);width:100%}.feedback textarea{min-height:120px;resize:vertical}.feedback input[type=checkbox]{width:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.feedback label{margin-top:14px}.feedback small{color:var(--muted)}.feedback .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.secondary{background:#eeeafb;color:#443478}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #008c89;outline-offset:4px}button:disabled{opacity:.6;cursor:default}.statusline{padding:16px;background:#eef8f5;border-radius:8px}.legal-note{font-size:15px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:650px){.feature{grid-template-columns:1fr;padding:24px;gap:8px}.pair,.formgrid{grid-template-columns:1fr}.hero .quiet{display:block;margin:16px 0 0}nav{gap:12px}h1{letter-spacing:-1px}.hero{border-radius:14px}header,main,footer{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
