:root{--bg:#f7f6f0;--ink:#20372b;--muted:#72776e;--green:#356349;--line:#e3e6dc;--wash:#edf1e8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7da789;outline-offset:5px}header{max-width:1240px;margin:auto;padding:35px 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:650;letter-spacing:-1.5px}.mark{display:grid;place-items:center;background:var(--ink);color:#f5f4ed;width:34px;height:36px;border-radius:12px 12px 12px 3px;font:italic 34px Georgia;letter-spacing:-4px;padding-right:5px}.badge{font:9px/1 system-ui;letter-spacing:1px;background:#e9ece2;padding:7px 9px;border-radius:5px;margin-left:7px;color:#61715e}.quiet-link{color:#687565;font-size:12px}.quiet-link span{margin-left:15px}main{max-width:1144px;margin:50px auto 85px;padding:0 48px;display:grid;grid-template-columns:1fr 470px;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.1px;color:#6d7b65;display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;background:#729570;border-radius:50%;display:inline-block;flex-shrink:0}h1{font:normal clamp(60px,6.4vw,82px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-3.5px;margin:27px 0 25px}h1 em{font-weight:normal;color:#66825c}.lede{font-size:15px;line-height:1.8;color:#747d70}.intro-note{display:flex;gap:14px;align-items:center;margin-top:35px}.small-mark{display:grid;place-items:center;border:1px solid #d7ddce;border-radius:50%;height:32px;width:32px;font-size:19px}.intro-note p{font-size:11px;line-height:1.8;margin:0}.intro-note p span{color:#8a8e80}.setup{background:#fffefb;border:1px solid #e0e4d8;border-radius:19px;box-shadow:0 16px 48px #283d2110;overflow:hidden;min-width:0}.card-top{display:flex;justify-content:space-between;gap:12px;padding:23px 28px 21px}.card-label{font-size:9px;letter-spacing:1.8px;color:#7f8977}.private-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#88907f}.steps{list-style:none;padding:0 27px 20px;margin:0;display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid var(--line)}.steps li{display:flex;align-items:center;gap:6px;color:#a0a596;font-size:10px;white-space:nowrap}.steps li span{width:19px;height:19px;display:grid;place-items:center;border:1px solid #e0e4d9;border-radius:50%;font-size:9px}.steps li.active{color:var(--green)}.steps li.active span,.steps li.done span{background:var(--green);color:white;border-color:var(--green)}.steps li.done{color:#6e8068}.card-content{text-align:center;padding:34px 30px 24px;min-height:337px}.connection-icon{width:70px;height:70px;border-radius:23px;background:var(--wash);color:#68825d;display:grid;place-items:center;margin:0 auto 20px}h2{font:normal 27px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 12px}#description{font-size:12px;line-height:1.8;color:#818674;margin:0 auto 25px;max-width:320px}#google-button{display:flex;justify-content:center;min-height:44px}.subtle{font-size:10px;color:#8d9285}.signin-note{font-size:9px;color:#9ba18e;line-height:1.8;margin:20px 0 0}.card-footer{border-top:1px solid var(--line);padding:17px 25px;font-size:10px;color:#8b957f;display:flex;align-items:center;justify-content:center;gap:15px;min-height:50px}.text-button{border:0;background:none;color:#5e7655;text-decoration:underline;padding:0;font-size:10px}.primary{border:0;border-radius:9px;background:var(--green);color:white;min-height:44px;padding:10px 25px;margin:15px auto}.qr-frame{padding:5px;max-width:276px;margin:0 auto;border:1px solid var(--line);border-radius:13px;background:white}.qr-frame img{display:block;width:100%;height:auto;aspect-ratio:1}.scan-steps{font-size:12px;line-height:1.8;margin:15px 0 8px;color:#78816f}.scan-steps b{font-weight:550;color:#3e5a3e}.phone-note{font-size:10px;color:#9ba18e;max-width:260px;margin:18px auto 0}.spinner{width:20px;height:20px;border:2px solid #dce6d8;border-top-color:var(--green);border-radius:50%;display:inline-block;animation:spin 1s linear infinite}#working{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#708367;padding:15px 0}.success-symbol{border-radius:50%;width:55px;height:55px;display:grid;place-items:center;background:var(--wash);color:var(--green);font-size:27px;margin:5px auto 15px}#success p{font-size:12px;color:#6c7c60;line-height:1.8}.sync-note{margin-top:25px;padding:12px;background:#f3f6ee;border-radius:8px;font-size:10px;color:#738568}.sync-note .live-dot{margin-right:5px}#error{font-size:12px;color:#925b43;background:#faf0e9;border-radius:8px;padding:12px;max-width:330px;margin:15px auto}footer{max-width:1240px;margin:auto;padding:22px 48px 30px;display:flex;justify-content:space-between;gap:20px;color:#9ba28f;font-size:10px;border-top:1px solid #e7e9df}footer nav{display:flex;gap:22px}[hidden]{display:none!important}.legal{display:block;max-width:750px;margin:45px auto;padding:0 25px}.legal h1{font-size:45px}.legal h2{font-family:inherit;font-size:17px;margin-top:30px}.legal p{color:#64735e;font-size:14px;line-height:1.8}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:900px){main{grid-template-columns:1fr 420px;gap:30px;padding:0 30px}h1{font-size:66px}.eyebrow{font-size:9px}}@media(max-width:740px){header{padding:24px}.brand{font-size:25px}.quiet-link{font-size:10px}.badge{font-size:8px}.intro{padding:0 6px}.eyebrow{font-size:10px}main{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin:25px auto 50px;padding:0 22px;max-width:510px}h1{font-size:58px;line-height:1.03;margin:20px 0;letter-spacing:-2px}h1 br:nth-of-type(2){display:none}h1 em{white-space:nowrap}.lede{font-size:13px;line-height:1.7}.intro-note{display:none}.card-content{padding:29px 20px 25px}.card-top{padding:20px}.steps{padding:0 20px 20px}.steps li{font-size:9px;gap:4px}footer{margin:0 24px;padding:20px 0 28px;flex-direction:column;gap:12px}footer nav{gap:20px}}
