:root{--ink:#19231e;--muted:#647069;--paper:#f4f5f1;--white:#fff;--line:#d9ddd7;--green:#1c674b;--green-2:#dfece5;--coral:#dd684f;--black:#111713;--radius:6px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Gill Sans",sans-serif;letter-spacing:0}button,input,textarea,select{font:inherit;letter-spacing:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(244,245,241,.94)}.brand{color:var(--black);text-decoration:none;font-weight:900;font-size:20px;letter-spacing:.08em}.brand span{color:var(--coral)}.secure{font-size:13px;color:var(--muted)}.secure span{color:var(--green);margin-right:6px}main{max-width:1120px;margin:auto;padding:48px 24px 72px}.intro{max-width:770px;margin-bottom:38px}.eyebrow{font-size:12px;font-weight:800;color:var(--green);letter-spacing:.16em;margin:0 0 12px}.intro h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,68px);font-weight:500;line-height:.98;margin:0 0 18px}.intro>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:650px}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:34px 0 0;max-width:680px}.steps li{position:relative;display:flex;align-items:center;gap:8px;color:#98a099;font-size:13px}.steps li:not(:last-child):after{content:"";height:1px;background:var(--line);position:absolute;left:34px;right:8px;top:14px}.steps b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--paper);z-index:1}.steps .active{color:var(--ink);font-weight:700}.steps .active b{background:var(--green);border-color:var(--green);color:white}.hidden{display:none!important}.state-panel{padding:64px 32px;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.state-panel h2{font-family:Georgia,serif;font-size:32px;margin:20px 0 8px}.state-panel p{color:var(--muted)}.spinner{width:44px;height:44px;border:3px solid var(--green-2);border-top-color:var(--green);border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:28px;margin:auto}.status-mark.error{background:#f8e4df;color:#a53523}.status-mark.success{background:var(--green-2);color:var(--green)}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.form-main,.summary,.success-main{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.form-main{padding:clamp(24px,4vw,48px)}.form-section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line)}.section-heading{display:flex;gap:16px;margin-bottom:24px}.section-heading>span{color:var(--coral);font-weight:900}.section-heading h2{font-family:Georgia,serif;font-size:27px;margin:0 0 4px}.section-heading p{margin:0;color:var(--muted)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:800;margin-bottom:18px}input,textarea,select{width:100%;border:1px solid #cbd1cb;border-radius:4px;background:#fbfcfa;padding:13px 14px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(28,103,75,.1)}textarea{resize:vertical}.consent{grid-template-columns:22px 1fr;align-items:start;font-weight:500;color:var(--muted);line-height:1.45}.consent input{width:18px;height:18px;margin:2px 0}.summary{position:sticky;top:24px;padding:28px}.summary h2{font-family:Georgia,serif;font-size:32px;margin:0 0 22px}.summary dl{margin:0}.summary dl div{padding:14px 0;border-top:1px solid var(--line)}.summary dt{font-size:12px;color:var(--muted);text-transform:uppercase}.summary dd{margin:5px 0 0;font-weight:800}.summary-note{font-size:13px;line-height:1.5;color:var(--muted);background:var(--green-2);padding:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:4px;padding:0 18px;border:1px solid transparent;text-decoration:none;font-weight:800;cursor:pointer}.button.primary{width:100%;background:var(--green);color:white}.button.primary:hover{background:#145039}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.form-error{background:#f8e4df;color:#8d2d1c;padding:12px 14px;border-radius:4px;margin-bottom:18px}.provision-list{display:inline-grid;text-align:left;gap:10px;list-style:none;padding:0;color:var(--muted)}.provision-list li:before{content:"○";margin-right:9px}.provision-list .done{color:var(--green)}.provision-list .done:before{content:"✓"}.success-layout{max-width:860px}.success-main{padding:clamp(28px,5vw,56px)}.success-main>.status-mark{margin:0 0 20px}.success-main h2{font-family:Georgia,serif;font-size:40px;margin:0 0 12px}.result-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.result-section h3{font-family:Georgia,serif;font-size:26px;margin:0 0 8px}.result-section>p{color:var(--muted)}.code-wrap{position:relative;background:#101713;color:#d9e7dc;padding:20px;border-radius:4px;overflow:auto}.code-wrap pre{margin:0;white-space:pre-wrap;font:13px/1.6 "SFMono-Regular",Consolas,monospace}.icon-button{position:absolute;right:10px;top:10px;border:1px solid #425148;background:#24332a;color:white;padding:7px 10px;border-radius:3px;cursor:pointer}.video-mockup{border:1px solid var(--line);border-radius:4px;overflow:hidden}.video-screen{min-height:220px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#173326,#315b46);color:white}.play{margin:auto;width:52px;height:52px;display:grid;place-items:center;border:1px solid white;border-radius:50%}.video-mockup details{padding:16px}.video-mockup summary{font-weight:800;cursor:pointer}.video-mockup li{margin:9px 0}.pairing-box{margin-top:20px;padding:20px;background:var(--green-2);display:grid;gap:10px}.pairing-box strong{font:900 34px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em}.connection-state{margin-top:12px;padding:12px;border-left:3px solid var(--coral);background:#fff4f0}.support-link{display:inline-block;margin-top:16px;color:var(--green);font-weight:800}.success-actions{margin-top:28px}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px}@media(max-width:780px){main{padding:32px 16px 56px}.form-layout{grid-template-columns:1fr}.summary{position:static;order:-1}.grid.two{grid-template-columns:1fr}.steps span{display:none}.steps li:not(:last-child):after{right:4px}.topbar{padding:0 16px}.pairing-box strong{font-size:25px;overflow-wrap:anywhere}}
.qr-box{margin-top:16px;padding:18px;background:var(--green-2);display:grid;gap:12px;justify-items:center}
.qr-box span{font-size:13px;color:var(--muted,#5b6472);text-align:center}
.qr-box img{width:220px;height:220px;background:#fff;border-radius:14px;padding:8px;border:1px solid rgba(0,0,0,.08)}
.qr-box code{font-size:20px;letter-spacing:.12em;font-weight:800}