@charset "UTF-8";
:root{--forest:#214c40;--ink:#233e36;--muted:#6c756f;--paper:#faf9f5;--line:#dedfd4;--sage:#e9eddf;--accent:#d9e7a7;--error:#8e342a;--radius:14px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a1b76b;outline-offset:4px}.shell{display:grid;grid-template-columns:minmax(330px,42%) 1fr;min-height:100dvh}.side{background:var(--forest);color:#f1f3e8;padding:42px clamp(30px,5vw,90px);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100dvh}.brand{text-decoration:none;display:flex;align-items:center;font-size:32px;letter-spacing:-1.2px;font-weight:650;gap:12px;width:max-content;flex-wrap:wrap;max-width:100%}.brand-icon{display:inline-flex;font-size:33px;position:relative;border:1px solid #a4b8a7;width:43px;height:43px;border-radius:14px;line-height:1;align-items:center;justify-content:center;font-family:Georgia,serif}.brand-icon span{position:absolute;right:5px;bottom:5px;color:var(--accent);font-size:15px}.brand-note{letter-spacing:1.8px;font-size:9px;font-weight:500;flex-basis:100%;margin-left:55px;margin-top:-8px;opacity:.7}.intro{margin-top:clamp(40px,7vh,80px)}.eyebrow{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:2.3px;margin:0 0 18px}.intro .eyebrow{color:#c4d0af}.intro h1{font-size:clamp(36px,3.3vw,56px);line-height:1.12;letter-spacing:-1.9px;font-weight:450;margin:0 0 22px}.intro em{display:block;font-family:Georgia,serif;font-weight:400;color:var(--accent);padding-top:5px}.intro>p:last-child{font-size:14px;line-height:1.8;color:#c1cfc4;margin:0}.steps{list-style:none;padding:0;margin:clamp(25px,5vh,58px) 0 20px;display:flex;flex-direction:column;gap:21px}.steps li{display:flex;align-items:center;gap:14px;font-size:13px;color:#99b1a3}.steps li>span{border:1px solid #617f6d;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.steps small{display:block;font-size:11px;margin-top:4px;color:#93ac9b}.steps li.active{color:white}.steps li.active>span{background:var(--accent);color:var(--forest);border-color:var(--accent);font-weight:750}.steps li.done>span{background:#3b6654;color:#e2edcb;border-color:#6e8b68}.side-foot{margin-top:auto;font-size:10px;letter-spacing:.4px;display:flex;align-items:center;gap:8px;color:#bacabd}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}main{min-width:0;padding:32px clamp(25px,6vw,100px) 22px;display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px}.top>span{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:600}.top>div{display:flex;gap:15px}.text-button{color:var(--forest);background:none;border:0;padding:5px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.panel{max-width:470px;width:100%;margin:55px auto 48px}.panel>.eyebrow{color:#697851}.panel h2{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-1.1px;margin:0 0 18px}.lead{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:28px;max-width:45ch}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:26px 0}.tabs button{background:none;border:0;font-size:13px;color:var(--muted);padding:0 0 12px}.tabs button.selected{color:var(--forest);font-weight:650;border-bottom:2px solid var(--forest)}form{display:flex;flex-direction:column;gap:18px}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:8px}input{border:1px solid #d8dcd0;background:#fffefa;border-radius:8px;min-height:46px;padding:12px 14px;color:var(--ink);font-size:14px;width:100%;transition:border-color .15s}input:focus{border-color:#6d8a5d;outline:2px solid #9eb48230}input::placeholder{color:#9a9e94}label small,.note{font-size:11px;font-weight:400;line-height:1.7;color:var(--muted)}.check{flex-direction:row;align-items:flex-start;font-size:11px;font-weight:400;line-height:1.65;gap:10px}.check input{width:16px;min-height:16px;flex-shrink:0;accent-color:var(--forest);margin:2px 0}.check a{text-underline-offset:2px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:14px 19px;border-radius:8px;border:1px solid var(--forest);background:var(--forest);color:#fff;font-size:13px;font-weight:550;width:100%;transition:background .15s}.primary:hover{background:#173a2e}.primary span:last-child{font-size:18px;font-weight:400}.secondary{background:transparent;color:var(--forest);justify-content:center;border-color:#b9c4af;margin-top:16px}.secondary:hover{background:#eceee3}.comfort{display:flex;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.comfort>span{font-size:16px;color:#829564}.comfort p{font-size:11px;line-height:1.75;color:var(--muted);margin:0;max-width:42ch}footer{margin-top:auto;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px;font-size:9px;color:#899085}footer a{text-underline-offset:3px}.alert{font-size:12px;line-height:1.6;padding:14px 16px;border-radius:8px;background:#f9e9e2;color:var(--error);max-width:470px;width:100%;margin:18px auto -25px}.status{font-size:12px;line-height:1.6;color:var(--muted);min-height:20px;margin:14px 0}.status.connected{color:#365d32;font-weight:600}.qr-area{padding:18px;border:1px solid var(--line);border-radius:14px;background:white;min-height:254px;display:grid;place-items:center;margin:16px 0;max-width:280px}.qr-area img{width:230px;height:230px;max-width:100%;object-fit:contain}.qr-placeholder{text-align:center;color:#8b9a80}.qr-placeholder>span{font-size:37px}.qr-placeholder>p{font-size:12px;line-height:1.6}.instructions{font-size:12px;line-height:1.8;padding-left:20px;color:var(--muted);margin-top:25px}.instructions li{padding-left:5px;margin-bottom:10px}.paper{margin:22px 0 28px;background:#edf0df;border-radius:3px 13px 13px 3px;border-left:3px solid #a7b77e;padding:22px 25px;box-shadow:3px 5px 0 #e7e8d8}.paper-label{font-size:9px;letter-spacing:1.8px;color:#7b885d;font-weight:700}.paper p{font-size:16px;line-height:1.6;margin:16px 0 12px}.paper ul{padding-left:18px;font-size:12px;line-height:1.9}.paper small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.google-g{font-family:Arial,sans-serif;font-size:20px!important;font-weight:bold!important}.success-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9aad7e;border-radius:50%;background:#e4ebd6;color:var(--forest);font-size:26px;margin:0 0 25px}.chat-example{border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:25px 0;background:#f0f1e9}.chat-tag{font-size:8px;color:#7a886d;letter-spacing:1.3px;font-weight:700}.chat-example p{font-size:12px;line-height:1.8;padding:12px 15px;background:#fffdf8;border-radius:0 10px 10px;margin:7px 0 18px}.chat-example p:nth-of-type(2){background:#dde8cc;margin-bottom:12px}.chat-example small{font-size:9px;color:var(--muted)}.user-list{display:grid;gap:8px;margin:18px 0}.user-row{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.7}.user-row span{display:block;font-size:10px;color:var(--muted)}h3{font-size:15px;font-weight:600;margin-top:35px}.legal{max-width:720px;padding:50px 25px;margin:auto;font-size:15px;line-height:1.85}.legal h1{font-size:35px;line-height:1.2;letter-spacing:-1px}.legal h2{font-size:19px;margin-top:32px}.legal a{color:var(--forest)}
@media(min-width:1600px){.panel{margin-top:80px}.side{padding-top:55px}}@media(max-height:850px) and (min-width:761px){.side{padding-top:30px;overflow-y:auto;scrollbar-width:thin}.intro{margin-top:35px}.intro h1{font-size:40px}.steps{margin-top:30px;gap:17px}.intro>p:last-child{font-size:12px}.panel{margin-top:35px}}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;min-height:0;padding:23px 25px 20px}.brand{font-size:27px}.brand-icon{width:35px;height:35px;font-size:28px;border-radius:11px}.brand-note{font-size:8px;margin-left:47px}.intro{margin-top:22px}.intro .eyebrow{font-size:8px;margin-bottom:11px}.intro h1{font-size:29px;letter-spacing:-1px;margin-bottom:0}.intro h1 br{display:none}.intro em{display:inline;padding-left:7px}.intro>p:last-child{display:none}.steps{flex-direction:row;justify-content:space-between;gap:8px;margin:23px 0 2px}.steps li{flex-direction:column;gap:7px;font-size:9px;text-align:center;align-items:center;flex:1}.steps li>span{width:24px;height:24px;font-size:10px}.steps small{display:none}.side-foot{display:none}main{padding:20px 25px}.panel{margin:30px auto 35px}.panel h2{font-size:31px}.lead{font-size:13px;margin-bottom:23px}.eyebrow{font-size:9px}.top>span{font-size:8px}.top .text-button{font-size:10px}.top>div{gap:13px}.alert{margin-bottom:-10px}footer{font-size:8px}.qr-area{margin-left:auto;margin-right:auto}.legal{padding-top:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}