@font-face { font-family: Geist; font-style: normal; font-weight: 400 600; font-display: optional; src: url('/fonts/geist-normal-400-600.woff2') format('woff2'); }
:root { font-family: Geist, Arial, sans-serif; color: #26372d; background: #faf9f3; font-size: 16px; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at 85% 25%, #e9d7c66b, transparent 55%); }
a { color: #96402d; text-underline-offset: 4px; }
.free-shell { max-width: 1200px; margin: auto; padding: 36px 32px 72px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px 72px; }
.free-header { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-bottom: 26px; border-bottom: 1px solid #d9dfd0; }
.brand { display: block; text-decoration: none; color: inherit; }
.brand-wordmark { display: block; }
.cc-wordmark { display: block; width: 205px; height: auto; }
.brand-tagline { display: block; font-size: 12px; margin-top: 9px; color: #52604c; }
.back-to-site { font-size: 12px; color: #435247; padding: 10px 0; }
.eyebrow,.preview-eyebrow { font-size: 11px; letter-spacing: .1em; font-weight: 600; color: #91432e; }
h1, #complete h2 { font-size: clamp(38px, 4.8vw, 60px); font-weight: 500; line-height: 1.04; letter-spacing: -.03em; margin: 18px 0 22px; }
h1 em { color: #a44732; font-style: normal; }
.intro { font-size: 18px; line-height: 1.6; }
.small { font-size: 13px; line-height: 1.7; color: #52604c; }
#free-form { background: #fff; border: 1px solid #d7ddcf; border-radius: 22px; padding: 24px; margin: 26px 0 20px; box-shadow: 0 8px 28px #26372d05; }
label { display: grid; gap: 8px; margin: 0 0 20px; font-size: 13px; font-weight: 600; }
input { padding: 13px 14px; border: 1px solid #96a18c; border-radius: 10px; font: 400 16px/1.5 Geist, Arial, sans-serif; width: 100%; background: #fafbf7; color: #26372d; }
input::placeholder { color: #626d5d; opacity: 1; }
:is(input,button,a):focus-visible { outline: 3px solid #a44732; outline-offset: 4px; }
.check { display: flex; align-items: flex-start; font-size: 13px; font-weight: 400; line-height: 1.65; }
.check input { width: 20px; height: 20px; flex: none; margin: 1px 0 0; accent-color: #40593f; }
.button,button { display: inline-block; background: #26372d; color: #fffaf2; border: 1px solid #26372d; border-radius: 28px; padding: 13px 22px; font: 500 15px/1.5 Geist, Arial, sans-serif; text-decoration: none; cursor: pointer; min-height: 48px; }
button:disabled { opacity: .65; cursor: wait; }
.button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
#submit { width: 100%; }
#verify { margin-bottom: 24px; }
#verify p { font-size: 14px; line-height: 1.6; margin: 0 0 18px; }
                                                                                                              
                                                                                                                
                 
#verify p.code-warning { margin-top: -10px; padding: 6px 0 6px 12px; border-left: 3px solid #a44730; font-weight: 500; color: #333a30; }
#verify button { background: transparent; color: #26372d; border-color: #96a18c; font-size: 13px; }
#status { min-height: 24px; line-height: 1.5; font-size: 14px; margin-bottom: 0; }
.free-chat-preview { position: sticky; top: 28px; align-self: start; background: linear-gradient(145deg, #edf1e3, #dce5d0); border: 1px solid #d3ddc5; border-radius: 32px; padding: 42px 34px; line-height: 1.65; margin-top: 14px; }
.free-chat-preview h2 { font-size: 36px; font-weight: 500; letter-spacing: -.04em; line-height: 1.12; margin: 18px 0 40px; }
.free-chat-preview > p:not(.preview-eyebrow),.free-chat-preview > a { font-size: 13px; color: #435247; }
.preview-label { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 500; color: #435247; }
.preview-avatars { display: flex; padding-left: 4px; }
.preview-avatars i { display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid #e6eddf; border-radius: 50%; margin-left: -4px; background: #526546; color: #fff; font: 500 11px Geist, Arial, sans-serif; }
.preview-avatars i:nth-child(2) { background: #994124; }
.preview-avatars i:nth-child(3) { background: #656d74; }
.bubble { position: relative; background: #fffdf9; padding: 20px; border-radius: 20px 20px 20px 4px; margin: 28px 0; box-shadow: 0 6px 20px #30303008; font-size: 17px; }
.bubble.answer { margin-left: 35px; background: #f1d9c6; border-radius: 20px 20px 4px 20px; }
.preview-typing { display: none; }
.preview-animate .bubble { animation: preview-message 1.4s both; }
.preview-animate .bubble.answer { animation-duration: 2.5s; }
@keyframes preview-message { 0%, 60% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: none; } }
pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 20px; background: white; border: 1px solid #cbd1c1; border-radius: 12px; }
#complete { min-width: 0; overflow-wrap: anywhere; }
#complete > p { line-height: 1.7; }
.cc-brand-text { white-space: nowrap; font-style: normal; }
.cc-brand-text i { font-style: italic; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .preview-animate .bubble { animation: none; } }
@media (max-width: 800px) { .free-shell { gap: 36px; grid-template-columns: 1fr; max-width: 600px; padding: 24px 24px 48px; } .free-chat-preview { position: static; margin: 0; padding: 30px; } }
@media (max-width: 400px) { .free-shell { padding-inline: 18px; } .free-header { align-items: start; } .cc-wordmark { width: 165px; } .back-to-site { max-width: 85px; text-align: right; padding: 0; } #free-form { padding: 20px; } h1 { font-size: 42px; } }
                                                                                                         
:root{color:#333a30;background:#fff8ed}
body{background:linear-gradient(#a44730 0 98px,#fff8ed 98px)}
.free-shell{max-width:1296px;grid-template-columns:1.05fr .95fr;gap:62px 100px;padding:0 42px 85px}
.free-header{height:98px;padding:0;border-bottom:1px solid #ffffff29;color:#fff4df}
.cc-wordmark{width:190px}.back-to-site{color:#fff4df}
h1,#complete h2{font-size:clamp(42px,4.8vw,66px);font-weight:600;line-height:1.06;margin:18px 0 24px}
h1 em{font-family:'Segoe UI',Arial,sans-serif;font-style:italic;font-weight:700;color:#a44730}
.eyebrow,.preview-eyebrow{font-size:10px;letter-spacing:.13em;color:#9a5038}
.intro{font-size:17px;color:#6c6b5e}
#signup>.small{font-size:11px;color:#746b5b;line-height:1.8}
#signup>.small:first-of-type{margin-bottom:28px}
#free-form{background:#fffdf7;border:1px solid #dcd2bf;border-radius:8px;box-shadow:0 15px 35px #4c3e1f08;padding:28px;margin:26px 0 20px}
.signup-form-heading{border-bottom:1px solid #e5dccb;margin-bottom:25px;padding-bottom:22px}.signup-form-heading h2{font-size:22px;font-weight:500;letter-spacing:-.035em;margin:14px 0 9px}.signup-form-heading p{font-size:11px;line-height:1.7;color:#83725c;margin:0}.signup-step{font:10px monospace;letter-spacing:.15em;color:#a44730}
input{border-radius:4px;border-color:#b9ad98;background:#fffdf7;color:#333a30;padding:14px}input::placeholder{color:#8d806a}.check{font-size:12px}.check input{accent-color:#a44730;border-radius:2px}.field-hint{font-weight:400;font-size:11px;color:#877860}
.button,button{background:#a44730;border-color:#a44730;border-radius:4px;color:#fff8ed;font-size:13px;padding:14px 22px}.button:hover,button:hover:not(:disabled){background:#863b28;border-color:#863b28}.button[aria-disabled=true]{pointer-events:none}
#verify h3{font-weight:500;font-size:23px;letter-spacing:-.035em}#verify button{border-color:#c7baa3;color:#79593e;border-radius:4px;font-size:11px}#verify button:hover{background:#eee5d4;color:#6d5039}#status{font-size:12px}
.free-chat-preview{position:sticky;top:35px;border:1px solid #dfc6a6;border-radius:10px;padding:42px 35px;background:#f1dfc6;margin-top:0;overflow:hidden}.free-chat-preview h2{font-size:44px;font-weight:600;letter-spacing:-.03em;position:relative;margin:23px 0 35px}.free-chat-preview h2 em{font-family:'Segoe UI',Arial,sans-serif;color:#a44730}.preview-orbit{position:absolute;right:-12px;top:51px;font-size:170px;line-height:1;color:#ddb890;font-weight:400;transform:rotate(-15deg)}.free-chat-preview>.preview-eyebrow{position:relative}.preview-label{color:#80664b;font-size:11px}.preview-avatars i{border-color:#f1dfc6}.bubble{background:#fffaf0;border-radius:2px 13px 13px 13px;font-size:18px;padding:22px;margin:26px 40px 22px 0;transform:rotate(-2deg)}.bubble.answer{background:#e6e9d2;margin:0 0 30px 40px;border-radius:13px 2px 13px 13px;transform:rotate(2deg)}.preview-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px;color:#7a6247;padding:24px 0;border-block:1px solid #dac1a1}.preview-details .glyph{width:.85em;height:.85em;margin-right:6px;color:#8c4a30}.glyph{display:inline-block;vertical-align:-.15em;flex:none}.preview-orbit .glyph,.complete-mark .glyph{display:block}.preview-orbit .glyph{width:.72em;height:.72em}.free-chat-preview>.preview-caption{font-size:9px;color:#977956;margin:12px 0 28px}.free-chat-preview>p:not(.preview-eyebrow){color:#79674f;font-size:12px}.free-chat-preview>a{color:#965237;font-size:12px}
#complete{background:#fffdf7;border:1px solid #ded4c0;border-radius:8px;padding:35px}#complete h2{font-size:46px}#complete p{font-size:14px;color:#6c6b5e}.complete-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e7ecd5;color:#66784b;font-size:25px;margin-bottom:25px}pre{font-size:14px;background:#f5eedf;border-color:#dcd1ba;border-radius:4px}#complete .check{margin-top:25px}.signup-footer{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;border-top:1px solid #e0d6c2;padding:28px;font-size:10px;color:#8a7961}.signup-footer a{color:#8a674d}
@media(max-width:1000px){.free-shell{gap:45px}.free-chat-preview{padding:30px 25px}.free-chat-preview h2{font-size:37px}}
@media(max-width:800px){body{background:linear-gradient(#a44730 0 82px,#fff8ed 82px)}.free-shell{max-width:600px;grid-template-columns:1fr;padding:0 24px 50px;gap:35px}.free-header{height:82px}.free-chat-preview{position:relative;top:auto;padding:35px}.free-chat-preview h2{font-size:40px}h1{font-size:48px}.cc-wordmark{width:175px}}
@media(max-width:400px){.free-shell{padding-inline:18px}.free-header{align-items:center}.cc-wordmark{width:160px}.back-to-site{font-size:10px;max-width:90px}.free-chat-preview{padding:28px 22px}h1,#complete h2{font-size:42px}#free-form{padding:23px 20px}.free-chat-preview h2{font-size:36px}.preview-details{font-size:10px;gap:12px}#complete{padding:25px}#complete h2{font-size:39px}.signup-footer{gap:18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.preview-animate .bubble{animation:none}}

                                                                                         
body{background:#fff8ed}
.free-header{position:sticky;top:0;z-index:100;height:88px;background:#a44730}
.free-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1328px;margin:auto;padding:0 40px}
.free-shell{padding-top:62px}
.cc-wordmark{width:181px}
@media(max-width:1100px){.free-header{height:76px}.free-header-inner{padding:0 24px}.cc-wordmark{width:160px}}
@media(max-width:800px){.free-shell{padding-top:35px}}
@media(max-width:420px){.free-header-inner{padding:0 16px}.cc-wordmark{width:135px}}
@media(max-width:350px){.free-header-inner{padding:0 12px}.cc-wordmark{width:120px}}

                                                                                                                   
                                                                                                           
.free-header-inner{gap:28px}
.free-header-identity{display:flex;flex:0 1 auto;align-items:center;gap:16px;min-width:0}
.free-header .brand{display:flex;align-items:center;min-height:44px}
.free-header .free-header-strapline{margin:0;padding-left:16px;border-left:1px solid rgb(255 244 223 / 40%);color:#fff4df;font-size:13px;line-height:1.35;font-weight:600}
.free-header-strapline span{display:block}
.free-header-strapline span+span{font-weight:400;color:#fce6d8}
.free-header .back-to-site{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;max-width:none;margin-left:auto;padding:8px 10px;border:1px solid #e4ac94;border-radius:6px;color:#fff4df;font-size:13px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease}
.free-header .back-to-site:hover{background:#883923}
.free-header a:focus-visible{outline:2px solid #fff4df;outline-offset:4px}
@media(max-width:1100px){.free-header-inner{gap:16px}.free-header-identity{flex:1 1 0;flex-direction:column;align-items:flex-start;gap:2px}.free-header .brand{min-height:0}.free-header .free-header-strapline{padding-left:0;border-left:0;font-size:12px}}
@media(max-width:420px){.free-header-inner{gap:10px}.free-header .free-header-strapline{font-size:12px;line-height:1.3}.free-header .back-to-site{padding:8px;font-size:12px}}
@media(max-width:389px){.free-header-strapline span+span{display:none}}
@media(max-width:350px){.free-header-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){.free-header .back-to-site{transition:none}}

                                                                                          
.free-header{height:auto;min-height:88px}
.free-header-inner{flex-wrap:wrap;padding-block:8px}
.free-header-identity{max-width:100%}
.free-header .free-header-strapline{overflow-wrap:anywhere}
.free-header .back-to-site{max-width:100%;white-space:normal}
@media(max-width:1100px){.free-header{min-height:76px}.free-header-identity{min-width:min(100%,9em)}}

                                                                                           
.signup-form-heading{border:0;margin-bottom:18px;padding-bottom:0}
.signup-form-heading p,.field-hint{font-size:14px;color:#6b5a43}
#signup>.small,#status{font-size:14px;line-height:1.6}
input::placeholder{color:#75664f}
.check{font-size:14px;line-height:1.6}
.preview-label,.preview-details,.free-chat-preview>p:not(.preview-eyebrow){color:#665039;font-size:14px}
.free-chat-preview>.preview-caption{font-size:13px;color:#665039}
.free-chat-preview>.preview-eyebrow{font-size:14px;line-height:1.5;color:#665039}
.signup-footer,.signup-footer a{font-size:13px;color:#6b5a43}
#verify h2{font-size:24px;line-height:1.25;margin:0 0 18px}
@media(max-width:800px){.free-shell{padding-top:24px}h1{font-size:40px;margin:0 0 14px}#complete h2{margin:0 0 14px}.intro{font-size:16px;line-height:1.5}#free-form{margin-top:20px}#signup>.eyebrow{display:none}}

                                                                                    
.signup-signin{font-size:16px;line-height:1.5}
.signup-signin a{display:inline-block;padding-block:10px}
.free-native .free-header{height:auto;min-height:0;padding-top:env(safe-area-inset-top,0px)}
.free-native .free-header-inner{min-height:72px}
.free-native .free-header-strapline,.free-native .back-to-site,
.free-native .free-chat-preview,.free-native .signup-browser-note,
.free-native #signup>.eyebrow{display:none}
.free-native .free-shell{max-width:640px;grid-template-columns:1fr;padding-top:24px;gap:24px}
.free-native h1{font-size:36px;letter-spacing:-.03em}
.free-native .signup-footer{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
.free-native #recovery{user-select:text;-webkit-user-select:text}