:root{--wa-green:#25d366;--wa-teal:#128c7e;--wa-dark:#075e54;--wa-light:#dcf8c6;--wa-paper:#f0f2f5;font-family:"Helvetica Neue",Helvetica,Arial,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#075e54;background:#f0f2f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1240px;margin:auto;padding:35px 45px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:600;letter-spacing:-.8px;font-size:28px}.mark{display:grid;place-items:center;border-radius:50%;width:46px;height:46px;background:#25d366;color:white;font-size:23px}.mark svg{display:block;width:32px;height:32px}.wordmark{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:650;line-height:1;letter-spacing:-1px}.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;font-weight:600;margin-top:6px}.brand img{width:46px;height:46px;object-fit:contain;border-radius:12px}.pill{padding:8px 14px;border:1px solid #d9e2d9;border-radius:30px;font-size:12px;color:#64786e}main{max-width:1240px;margin:45px auto 90px;padding:0 45px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#25d366}h1{font-size:clamp(46px,5vw,70px);line-height:1.06;letter-spacing:-3px;font-weight:600;max-width:550px;margin:29px 0}p{color:#65776e;line-height:1.65;font-size:15px}.lead{font-size:18px;max-width:430px}.features{display:grid;gap:17px;margin-top:33px;font-size:14px;font-weight:550}.note{margin-top:50px;border-left:2px solid #c5d8c9;padding-left:16px;line-height:1.7;font-size:12px;color:#738478}.card{background:white;border:1px solid #e4e9e1;border-radius:24px;padding:32px;box-shadow:0 18px 70px #193d3410;min-height:420px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.step{font-size:10px;font-weight:700;color:#839087;letter-spacing:1.5px}.lock{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eff5ee}h2{font-size:27px;letter-spacing:-.8px;margin:0 0 12px;font-weight:600}label{display:block;font-size:12px;font-weight:650}input[type=tel]{margin-top:10px;width:100%;padding:16px;border:1px solid #d9e3da;border-radius:10px;font:inherit;background:#f0f2f5;color:#075e54}input:focus{outline:2px solid #65ab91;outline-offset:2px}.consent{display:flex;align-items:flex-start;gap:10px;margin:23px 0}.consent input{margin:3px 0 0;flex-shrink:0;width:17px;height:17px;accent-color:#128c7e}.consent label{font-size:11px;font-weight:400;line-height:1.65;color:#65776e}button{border:0;border-radius:10px;background:#128c7e;color:white;padding:16px 20px;width:100%;font:inherit;font-size:14px;font-weight:650;cursor:pointer;display:flex;justify-content:center;gap:15px;align-items:center}button:disabled{opacity:.5;cursor:wait}button span{margin-left:auto}.small{font-size:11px;line-height:1.6;margin-top:17px;color:#7d8a81}.code{letter-spacing:7px;text-align:center;font-family:ui-monospace,monospace;font-size:30px;padding:23px 5px;background:#dcf8c6;border-radius:12px;margin:24px 0;user-select:all}ol{padding-left:19px;color:#65776e;font-size:12px;line-height:1.7}li{padding:5px}.success{margin:10px auto 25px;background:#dcf8c6;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:30px;color:#128c7e}.status{padding:10px;background:#dcf8c6;border-radius:8px;text-align:center;font-size:13px}.danger,.secondary{background:transparent;color:#8c4242;border:1px solid #e6d5d5;margin-top:15px;font-size:12px}.secondary{color:#075e54;border-color:#d9e3da}#error{border-radius:8px;background:#fff0ed;color:#993f30;font-size:12px;padding:13px}.empty-icon{font-size:70px;color:#d3e6d8;margin:25px;text-align:center}footer{max-width:1240px;margin:auto;padding:25px 45px;border-top:1px solid #e0e6dd;color:#819084;font-size:10px;display:flex;justify-content:space-between;gap:15px}[hidden]{display:none!important}@media(max-width:800px){header{padding:24px}.pill{font-size:10px;padding:7px 10px}.brand{font-size:25px}.brand-sub{font-size:6px}.mark{height:38px;width:38px}main{grid-template-columns:1fr;gap:35px;margin:25px auto 50px;padding:0 24px}.intro h1{font-size:48px;margin:20px 0;letter-spacing:-2px}.lead{font-size:16px}.features{gap:12px;margin-top:24px}.note{display:none}.card{padding:25px;min-height:360px}.eyebrow{font-size:8px}footer{padding:22px 24px;flex-direction:column}.code{font-size:25px;letter-spacing:5px}}

.guide{margin-top:30px;padding-top:25px;border-top:1px solid #e1ebe5}.guide h3{font-size:18px;letter-spacing:-.3px;margin:0 0 12px}.device-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}.device-options .device{margin:0;color:#075e54;background:#f0f2f5;border:1px solid #cedfd5}.device-options .device[aria-pressed=true]{background:#dcf8c6;color:#075e54;border:2px solid #128c7e}.guide-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.guide-device{font-size:10px;font-weight:700;color:#128c7e}.guide #guide-text{font-size:14px;white-space:pre-line}.guide-visual{background:#f0f2f5;border-radius:16px;overflow:hidden;margin:18px 0}.guide-visual img,.guide-visual video{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.guide-nav{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.guide-nav .secondary{margin:0}.guide-nav button{font-size:12px;padding:14px 8px}.guide button:focus-visible{outline:3px solid #25d366;outline-offset:3px}@media(prefers-reduced-motion:reduce){.guide-visual video{scroll-behavior:auto}}

@media(min-width:801px){main{align-items:start}.intro{padding-top:30px}}

button:not(:disabled):not(.secondary):not(.danger):hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #25d366;outline-offset:4px}.pill{background:#dcf8c6;border-color:#c7e8bf;color:#075e54}.brand-sub{color:#128c7e}.lock{background:#dcf8c6;color:#075e54}@media(max-width:800px){.mark svg{width:28px;height:28px}}

.verified-badge{display:block;width:.7em;height:.7em;flex:none}.brand-sub{font-size:11px;letter-spacing:0;font-weight:400;line-height:1.4;margin-top:7px;color:#667781}.guide-visual img{max-height:none}.guide-visual{max-height:550px;overflow-y:auto}.guide-visual img[src*="iphone-2026"]{max-width:360px;margin-inline:auto}.guide:has(img[src*="iphone-2026"]):has(img:not([hidden])) .guide-visual{max-height:none}.guide:has(img[src*="iphone-2026"]):has(img:not([hidden])) #guide-art-note{font-size:11px}@media(max-width:800px){.brand-sub{font-size:10px}.verified-badge{display:block;width:.7em;height:.7em;flex:none}}

#country{display:block;width:100%;font:inherit;font-size:15px;color:#075e54;background:#f0f2f5;border:1px solid #d9e3da;border-radius:10px;padding:15px 12px;margin:10px 0 18px}#country:focus{outline:2px solid #65ab91;outline-offset:2px}.phone-number{display:flex;align-items:center;background:#f0f2f5;border:1px solid #d9e3da;border-radius:10px;margin-top:10px;overflow:hidden}.phone-number #dial-code{padding:0 14px;font-size:16px;border-right:1px solid #d9e3da;white-space:nowrap}.phone-number input[type=tel]{margin:0;border:0;border-radius:0;min-width:0;flex:1}.phone-number:focus-within{outline:2px solid #65ab91;outline-offset:2px}.phone-number input:focus{outline:none}#phone-hint{margin-top:8px}

.brand-title{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1}.brand-title .verified-badge{margin:0;vertical-align:initial}

#copy-help{border:0;border-radius:24px;padding:0;width:min(440px,calc(100% - 32px));max-height:85dvh;box-shadow:0 24px 90px #0003;color:#075e54;background:#fff}#copy-help::backdrop{background:#052c26a6;backdrop-filter:blur(4px)}.copy-help-content{padding:28px}.copy-help-content h2{font-size:25px;text-align:center}.copy-help-content ol{font-size:15px;line-height:1.6;color:#435a52;padding-left:24px}.copy-help-content li{padding:5px 0 5px 4px}.copy-help-content p{font-size:14px}.copy-help-icon{display:grid;place-items:center;margin:0 auto 16px;width:48px;height:48px;border-radius:50%;background:#dcf8c6;color:#128c7e;font-size:25px;font-weight:700}#error:focus{outline:2px solid #c86d57;outline-offset:3px}

.guide{margin-top:14px;padding:18px;border:2px solid #25d366;border-radius:18px;background:#f5f5f5}.guide-heading{margin-top:15px}.guide-visual{margin-top:12px}.guide #guide-title{margin-bottom:8px}#pairing .code{margin:16px 0}#pairing #expires{margin:10px 0 0}@media(max-width:800px){.guide{padding:14px;margin-top:12px}}

.guide-visual img,.guide-visual video{box-sizing:border-box;border:1px solid #e53935;border-radius:14px}

.code-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;margin:16px 0;background:#dcf8c6;border-radius:16px}.code-loading span{width:12px;height:12px;border-radius:50%;background:#128c7e;animation:code-dot 1.2s infinite ease-in-out}.code-loading span:nth-child(2){animation-delay:.15s}.code-loading span:nth-child(3){animation-delay:.3s}@keyframes code-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.code-loading span{animation:none}}
