@import url('/homepage/fonts.css');
:root{--bg:#0f172a;--panel:#1e293b;--ink:#f8fafc;--muted:#b7c5d6;--accent:#38bdf8;--button-ink:#0f172a;--sun:#ffcc3d;--border:#40526b;--radius:999px;--heading:'Plus Jakarta Sans',Arial,sans-serif;--body:'Plus Jakarta Sans',Arial,sans-serif}
:root[data-variant=B]{--bg:#f7f6ee;--panel:#fff;--ink:#231f20;--muted:#52616d;--accent:#2277cc;--button-ink:#fff;--border:#c7d3db;--radius:7px;--heading:'Barlow Condensed',Arial,sans-serif;--body:Roboto,Arial,sans-serif}
:root[data-variant=C]{--bg:#f7f6ee;--panel:#d8e8f5;--ink:#231f20;--muted:#435966;--accent:#2c7fa5;--button-ink:#fff;--border:#bacdd5;--radius:22px;--heading:Futura,'Century Gothic','Barlow Condensed',sans-serif;--body:Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}button,input,select,textarea{font:inherit}a{color:var(--accent)}a:hover{color:var(--accent)}[hidden]{display:none!important}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}h1,h2,h3,h4{font-family:var(--heading);font-weight:800;line-height:1.12}h1{font-size:clamp(34px,4.4vw,62px);letter-spacing:-.04em;margin:0;text-align:left}h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.025em}h3{font-size:23px}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:60px 28px}.skip{position:absolute;left:10px;top:-90px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}.home-header{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-bottom:1px solid var(--border)}.home-brand{display:block;flex-shrink:0}.wordmark{width:190px;max-height:70px;object-fit:contain}.compact-mark{display:none}.home-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.home-header nav a{text-decoration:none;color:var(--ink);font-size:14px}.cta,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 26px;border-radius:var(--radius);font-weight:700;line-height:1.4;text-decoration:none;border:2px solid transparent;transition:transform .15s,filter .15s}.cta{background:var(--accent);color:var(--button-ink)}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{border-color:var(--accent);color:var(--ink);background:transparent}.promise{padding-top:54px;padding-bottom:15px}.promise-panel{padding:48px;border-radius:24px;border:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.promise-kicker{font-size:clamp(22px,2.7vw,35px);line-height:1.2;font-weight:800;color:var(--sun);margin:0}h1 span{color:var(--accent)}.before-after{display:grid;grid-template-columns:1fr 42px 1fr;gap:12px;align-items:center;width:100%;margin-top:4px}.before-after img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;border-radius:16px}.before-after span{color:var(--accent);font-size:38px}.promise-panel>p:not(.promise-kicker){font-size:20px;margin:0}.promise-panel small{font-size:12px;color:var(--muted);max-width:550px}.intro-section{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding-top:90px}.intro-section h2{line-height:1.16}.intro-section em{font-style:normal;color:var(--accent)}.intro-section p{margin-top:22px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.fine{font-size:12px}.phone-scene{position:relative;padding:30px;min-height:520px}.phone{position:relative;z-index:1;max-width:300px;margin:auto;border:10px solid #192d3b;border-radius:43px;background:#fbf9f3;padding:18px;color:#231f20;transform:rotate(4deg);box-shadow:20px 25px 0 #2277cc33}.sun{position:absolute;width:160px;height:160px;right:0;top:0;border-radius:50%;background:var(--sun)}.speaker{width:85px;height:9px;background:#192d3b;border-radius:20px;margin:0 auto 25px}.phone-title{display:flex;gap:8px;align-items:center;margin-bottom:20px;line-height:1.2}.phone-title img{width:40px;height:40px}.phone-title small{display:block;font-size:10px;margin-top:3px}.phone p{font:13px/1.5 Roboto,Arial,sans-serif;margin-top:12px}.bubble{border-radius:16px;padding:13px}.incoming{background:#e1e7ee;color:#192d3b}.outgoing{background:#2277cc;color:white}.phone-note{font-size:10px;text-align:center;color:#53616b}.float-note{position:absolute;z-index:2;right:-5px;bottom:20px;background:white;color:#192d3b;padding:15px 20px;box-shadow:0 10px 25px #0002;border-radius:15px;font-size:14px}.sol-section{text-align:center}.sol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.sol-grid article{background:#fbf9f3;color:#15548f;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.sol-grid h3{padding:24px 12px 0;font-size:23px}.sol-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.sol-grid p{font:12px/1.5 Roboto,Arial,sans-serif;color:#405365;padding:12px;margin:0;margin-top:auto}.steps h2{text-align:center;margin-bottom:32px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:27px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.steps article>span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent);color:var(--button-ink);border-radius:50%;font-weight:800;margin-bottom:18px}.steps p{font-size:14px}.legacy{max-width:1200px;margin:auto}.legacy .container{padding:28px}.legacy .key-card,.legacy .spotlight-card{height:100%;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.legacy .key-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;background:var(--accent);color:var(--button-ink);font-weight:800;margin-bottom:15px}.legacy .text-secondary,.legacy .text-muted{color:var(--muted)!important}.legacy .text-info{color:var(--accent)!important}.legacy #ai-engine{border-radius:20px}.legacy .sw-tier-section{max-width:100%;padding:28px}.faq{max-width:1100px}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq summary{font-weight:700;cursor:pointer;min-height:30px}.faq details p{margin:15px 0 0;font-size:15px}.final-cta{text-align:center;margin:30px auto 70px;background:var(--panel);border-radius:20px}.home-footer{max-width:1300px;margin:auto;padding:40px 32px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 2fr;gap:30px}.home-footer p,.home-footer small{font-size:12px}.home-footer small{grid-column:1/-1;color:var(--muted)}.home-footer nav{display:flex;flex-wrap:wrap;gap:10px 20px;align-content:flex-start}.home-footer nav a{font-size:13px}.text-button{color:var(--accent);border:0;padding:8px 0;background:none;text-decoration:underline}#employeeBar{padding:10px 20px;background:#fff0c2;color:#433912;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;font:12px/1.5 Roboto,Arial,sans-serif}#employeeBar a{color:#16588d}#staffSignOut{border:1px solid #a49460;border-radius:5px;background:white;padding:5px 10px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:20px;width:min(600px,94vw);max-height:92vh;padding:32px}dialog::backdrop{background:#07121dc9}.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.form-heading h2{font-size:32px}#closeForm{background:none;color:var(--ink);border:0;font-size:30px;min-width:44px;min-height:44px}dialog>p{font-size:14px}.form-fields{display:grid;gap:16px}label{font-size:13px;font-weight:500}label>input,label>select,label>textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--border);background:var(--bg);border-radius:8px;min-height:46px;padding:10px 12px;color:var(--ink)}.consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:11px;color:var(--muted)}.consent input{width:20px;min-width:20px;min-height:20px;height:20px;margin-top:3px;accent-color:var(--accent)}.form-submit{width:100%}.honeypot{position:absolute;left:-9999px}.form-fields .full{grid-column:1/-1}#testLabel{padding:10px;background:#ffcc3d;color:#231f20;border-radius:6px;font-size:12px}#demoRequestStatus{font-size:14px;margin:16px 0 0}html[data-variant=B] .promise-kicker{color:#805d00}html[data-variant=B] .promise-panel{align-items:flex-start;text-align:left;border-left:8px solid var(--accent);border-radius:8px}html[data-variant=B] .promise h1{font-size:clamp(42px,5vw,74px)}html[data-variant=B] dialog{border-radius:9px;border-top:7px solid var(--accent)}html[data-variant=B] .form-fields{grid-template-columns:1fr 1fr}html[data-variant=C] .promise-panel{background:#d8e8f5;border:0;border-radius:48px}html[data-variant=C] .promise-kicker{color:#655000}html[data-variant=C] .promise .cta,html[data-variant=C] .form-submit{background:#ffcc3d;color:#231f20}html[data-variant=C] .sol-grid article{border-radius:32px;border:1px solid #d3d9cf}html[data-variant=C] dialog{background:#f7f6ee;border-top:12px solid #ffcc3d;border-radius:30px}html:not([data-variant=A]) .legacy .text-white,html:not([data-variant=A]) .legacy .text-light{color:var(--ink)!important}html:not([data-variant=A]) .legacy #ai-engine{background:var(--panel)!important}html:not([data-variant=A]) .legacy #ai-engine [style*="background:"]{background:#e4edf4!important;color:#231f20}html:not([data-variant=A]) .legacy .bg-dark{color:white!important}
@media(max-width:760px){.home-header{padding:16px 20px;gap:16px}.wordmark{display:none}.compact-mark{display:block;width:43px;height:43px}.home-header nav{gap:12px}.home-header nav a{font-size:12px}.home-header nav a[href='/learn/']{display:none}.home-header .cta{font-size:12px;padding:9px 12px;min-height:44px}.wrap{padding:40px 20px}.promise-panel{padding:28px 18px;gap:20px}.promise-kicker{font-size:22px}.before-after{grid-template-columns:1fr 20px 1fr;gap:5px}.before-after span{font-size:23px}.before-after img{border-radius:10px;aspect-ratio:1}.promise-panel>p:not(.promise-kicker){font-size:16px}.intro-section{grid-template-columns:1fr;gap:25px}.phone-scene{max-width:380px;width:100%;margin:auto}.sol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sol-grid h3{font-size:19px;padding:18px 8px 0}.sol-grid p{font-size:11px;padding:10px}.steps-grid{grid-template-columns:1fr}.home-footer{grid-template-columns:1fr;padding:30px 20px}.legacy .container{padding:18px}.final-cta{margin:20px 18px 50px}.legacy .sw-tier-section{padding:18px}.button-row .cta,.button-row .secondary{font-size:13px;padding:12px 18px}dialog{padding:22px}html[data-variant=B] .form-fields{grid-template-columns:1fr}html[data-variant=C] .promise-panel{border-radius:26px}}
html[data-variant=B] h1,html[data-variant=B] h2,html[data-variant=B] h3{font-weight:700;letter-spacing:0}
html:not([data-variant=A]) .legacy .text-warning{color:#795700!important}
@media(max-width:760px){.legacy .row{--bs-gutter-x:24px}.legacy .container{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}
