:root{color:#15251d;background:#f6f7f1;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #15251d;--petrol: #193229;--petrol-dark: #11261e;--petrol-light: #294238;--green-light: #c9ed8b;--citron: #d8f5a2;--paper: #ffffff;--canvas: #f6f7f1;--surface-mint: #e9f0df;--muted: #5f7067;--line: #dce4d8;--error: #a33e34;--success: #27664c}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b98800;outline-offset:3px}.auth-layout{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);min-height:100vh}.story-panel{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(32px,5vw,72px);color:#f5f7ef;background:var(--petrol)}.story-panel:after{position:absolute;right:-150px;bottom:10%;width:390px;height:390px;border:1px solid rgb(255 255 255 / 13%);border-radius:48% 52% 62% 38%;content:"";transform:rotate(-28deg);pointer-events:none}.wordmark{position:relative;z-index:1;display:inline-flex;width:fit-content;align-items:center;gap:11px;color:#f5f7ef;font-size:17px;font-weight:700;letter-spacing:-.035em;text-decoration:none}.brand-mark{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px 11px 11px 3px;color:var(--petrol);background:var(--citron)}.brand-mark svg{width:27px;height:27px;overflow:visible;fill:currentColor}.brand-mark .brand-stem{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.story-copy{position:relative;z-index:1;max-width:510px;margin-block:72px}.story-kicker,.form-eyebrow{margin:0 0 18px;color:#d5e2d7;font-size:14px;font-weight:650}.story-copy h1{max-width:12ch;margin:0;font-size:clamp(42px,5.3vw,70px);font-weight:620;letter-spacing:-.065em;line-height:1.02}.story-copy>p:last-child{max-width:37ch;margin:26px 0 0;color:#d5e2d7;font-size:17px;line-height:1.65}.story-note{position:relative;z-index:1;display:flex;max-width:365px;align-items:flex-start;gap:13px;color:#d5e2d7;font-size:14px;line-height:1.5}.story-note p{margin:0}.note-symbol{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid rgb(255 255 255 / 28%);border-radius:50%;color:var(--citron)}.form-panel{display:grid;min-height:100vh;place-items:center;padding:48px 36px;background:var(--paper)}.form-width{width:min(100%,410px)}.form-eyebrow{margin-bottom:13px;color:var(--petrol-light)}.form-width h2,.setup-content h1,.setup-panel h1{margin:0;color:var(--ink);font-size:clamp(32px,4vw,43px);font-weight:650;letter-spacing:-.055em;line-height:1.08}.form-intro{max-width:52ch;margin:14px 0 31px;color:var(--muted);font-size:15px;line-height:1.65}form label{display:block;margin:22px 0 8px;color:var(--ink);font-size:14px;font-weight:650}input{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd6d0;border-radius:8px;color:var(--ink);background:#fff;font-size:16px;transition:border-color .14s ease}input:hover{border-color:#849d93}input:focus{border-color:var(--petrol-light);outline-color:var(--petrol-light)}.field-hint{margin:7px 0 0;color:var(--muted);font-size:12px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 17px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .13s ease,border-color .13s ease,transform .13s ease}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.65}.button-primary{color:#f8fbf4;background:var(--petrol)}.button-primary:hover:not(:disabled){background:#1b5554}.button-wide{width:100%;margin-top:25px}.button-secondary{border-color:#bdcbc4;color:var(--petrol);background:transparent}.button-secondary:hover{border-color:var(--petrol);background:#f0f5ef}.button-whatsapp{color:#173a2d;background:var(--green-light)}.button-whatsapp:hover{background:#a9da8e}.mode-switch{margin:23px 0 0;color:var(--muted);font-size:14px;text-align:center}.text-button{padding:4px;border:0;color:var(--petrol-light);background:transparent;cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.mode-switch .text-button{margin-left:4px}.privacy-note{margin:44px 0 0;color:#768583;font-size:12px;line-height:1.5;text-align:center}.notice{margin:17px 0 0;padding:11px 13px;border-left:3px solid var(--petrol-light);border-radius:0 5px 5px 0;color:#345451;background:#edf5ef;font-size:13px;line-height:1.5}.notice-error{border-left-color:var(--error);color:#7b2c27;background:#fbefec}.notice-success{border-left-color:var(--success);color:#23543e;background:#edf5ef}.workspace-layout{min-height:100vh;background:var(--paper)}.workspace-header{display:flex;min-height:76px;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:#fff}.wordmark-dark{color:var(--ink)}.account-tools{display:flex;align-items:center;gap:21px;color:var(--muted);font-size:13px}.setup-content{width:min(100% - 40px,560px);margin:0 auto;padding:clamp(48px,9vh,94px) 0 70px}.step-line{display:flex;align-items:center;gap:10px;margin-bottom:43px;color:var(--muted);font-size:12px}.step-dot{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border:1px solid #cbd5ce;border-radius:50%;color:#71817c;background:#fff;font-size:12px;font-weight:700}.step-current{border-color:var(--petrol);color:#fff;background:var(--petrol)}.step-done{border-color:var(--petrol);color:var(--petrol);background:#e1eee4}.step-rule{width:42px;height:1px;background:#cbd5ce}.step-rule-done{background:var(--petrol-light)}.business-form{max-width:440px}.business-form .button{margin-top:26px}.business-list{display:grid;gap:10px;margin:26px 0}.business-choice{display:flex;min-height:70px;align-items:center;gap:14px;padding:11px 15px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer;font-size:15px;font-weight:650;text-align:left}.business-choice:hover{border-color:#8da59a;background:#f7faf5}.business-choice-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px 12px 12px 3px;color:var(--petrol);background:#e5eee4;font-size:16px;font-weight:750}.choice-arrow{margin-left:auto;color:var(--petrol-light);font-size:25px;font-weight:400}.pairing-content .form-intro{max-width:48ch;margin-bottom:25px}.code-panel{display:flex;min-height:174px;flex-direction:column;align-items:center;justify-content:center;margin:28px 0 26px;border-radius:13px 13px 13px 4px;background:var(--green-light);text-align:center}.code-label{color:#4c4a35;font-size:12px;font-weight:650}.pairing-code{margin:9px 0 6px;color:#183435;font-size:clamp(33px,7vw,50px);font-weight:760;letter-spacing:.13em;line-height:1.1;font-variant-numeric:tabular-nums}.code-expiry{color:#5e5b45;font-size:12px}.pair-instructions{display:grid;gap:12px;color:#344c4b;font-size:14px}.pair-instructions p{display:flex;align-items:center;gap:10px;margin:0}.instruction-check{display:inline-grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;color:var(--petrol);background:#e0eae1;font-size:11px;font-weight:700}.pair-instructions code{padding:4px 7px;border-radius:4px;color:#183435;background:#e9eee6;font-size:13px;font-weight:700}.pair-instructions .button{width:fit-content;margin:7px 0 0 32px}.destination-note{margin-left:32px!important;color:var(--muted);font-size:12px}.pairing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.waiting-note{margin:18px 0 0;color:var(--muted);font-size:12px}.reset-business{display:block;margin:26px auto 0;font-size:13px}.connected-mark{display:grid;width:54px;height:54px;margin:0 0 24px;place-items:center;border-radius:50%;color:#205c42;background:#dbeee0;font-size:24px;font-weight:700}.new-business-button{display:flex;margin-top:17px}.setup-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.setup-panel{width:min(100%,520px);padding:34px;border-left:5px solid var(--citron);border-radius:4px 10px 10px 4px;background:var(--paper)}.setup-panel .brand-mark{margin-bottom:27px}.setup-panel p{color:var(--muted);line-height:1.6}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.story-panel{min-height:0;padding:25px 24px 31px}.story-copy{margin:42px 0 26px}.story-copy h1{max-width:15ch;font-size:clamp(36px,9vw,52px)}.story-copy>p:last-child{margin-top:16px;font-size:15px}.story-note{font-size:12px}.form-panel{min-height:auto;padding:39px 24px 52px}.privacy-note{margin-top:32px}.workspace-header{min-height:66px;padding:13px 19px}.account-tools{gap:12px}.account-tools>span{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-content{width:min(100% - 40px,560px);padding-top:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.activation-page{width:min(100%,1240px);min-height:100vh;margin-inline:auto;padding:28px clamp(18px,3.5vw,44px) 40px;color:var(--petrol)}.activation-brand{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 25px 2px;font-size:17px;font-weight:700;letter-spacing:-.03em}.activation-brand .brand-mark{width:31px;height:31px;color:var(--petrol-light)}.activation-brand .brand-mark svg{width:100%;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.activation-journey{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch}.payment-confirmation,.chat-preview,.activation-message{border:1px solid var(--line);border-radius:22px;background:#fff}.payment-confirmation{padding:clamp(24px,4vw,42px)}.payment-confirmation h1{display:flex;align-items:center;gap:12px;margin:0;color:var(--ink);font-size:clamp(22px,3vw,28px);font-weight:700;letter-spacing:-.04em}.payment-confirmation h1 svg{width:25px;flex:0 0 auto;fill:none;stroke:#159650;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.activation-subtitle{margin:15px 0 18px;color:var(--muted);font-size:clamp(17px,2.5vw,20px);line-height:1.5}.activation-cta{display:flex;width:100%;min-height:72px;align-items:center;justify-content:center;gap:11px;border:0;border-radius:13px;padding:15px 20px;color:var(--ink);background:var(--green-light);cursor:pointer;font-size:clamp(18px,2.8vw,23px);font-weight:600;text-align:center;text-decoration:none;transition:background-color .14s ease}.activation-cta:not(:disabled):hover{background:var(--citron)}.activation-cta:disabled{color:var(--muted);background:var(--surface-mint);cursor:wait}.activation-cta svg{width:23px;height:23px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.activation-caption{margin:11px 0 0;color:var(--muted);font-size:16px}.activation-error{margin:12px 0 0;color:var(--error);font-size:14px;line-height:1.5}.activation-retry{display:block;margin:12px 0 0;border:0;padding:5px 0;color:var(--petrol);background:transparent;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:3px}.journey-arrow{height:75px;padding-top:18px;color:#66736a;font-size:25px;text-align:center}.chat-preview{padding:clamp(20px,3vw,30px);border-color:var(--line);background:var(--surface-mint)}.chat-preview h2{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:var(--petrol);font-size:clamp(18px,2.7vw,23px);font-weight:600}.chat-preview h2 svg{width:23px;fill:none;stroke:var(--petrol-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.chat-thread{display:flex;min-height:290px;flex-direction:column;justify-content:space-between;gap:20px}.chat-bubble{width:fit-content;max-width:min(78%,760px);margin:0;border-radius:14px;padding:14px 17px;color:var(--ink);font-size:clamp(15px,2.4vw,19px);line-height:1.55;overflow-wrap:anywhere}.chat-outgoing{align-self:flex-end;background:var(--green-light)}.chat-incoming{align-self:flex-start;background:#fff}.chat-business{margin-top:1px}.chat-welcome{max-width:min(88%,820px)}.activation-message{max-width:610px;margin:12vh auto;padding:clamp(24px,5vw,48px)}.activation-message h1{margin:0;color:var(--petrol);font-size:clamp(24px,5vw,36px);letter-spacing:-.04em}.activation-message p{margin:14px 0 0;color:var(--muted);line-height:1.6}@media(max-width:600px){.activation-page{padding:19px 14px 24px}.activation-brand{margin-bottom:18px;margin-left:3px}.payment-confirmation{border-radius:17px;padding:22px 19px}.activation-cta{min-height:62px}.journey-arrow{height:56px;padding-top:11px}.chat-preview{border-radius:17px;padding:18px 15px}.chat-preview h2{margin-bottom:22px}.chat-thread{min-height:290px;gap:16px}.chat-bubble{max-width:90%;padding:11px 13px}}
