:root{color-scheme:light}
.theme-toggle{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;background:#f3f4f6;color:#666b76;transition:background 160ms,scale 160ms}
.theme-toggle .icon{position:absolute;width:18px;height:18px;transition:opacity 180ms ease-out,transform 220ms cubic-bezier(.16,1,.3,1)}
.theme-toggle .theme-sun{opacity:0;transform:rotate(-45deg) scale(.8)}
.theme-toggle:active{scale:.95}
.nav-actions{gap:16px}
@media(hover:hover) and (pointer:fine){.theme-toggle:hover{background:#e9edf2;color:#0071e3}}
html[data-theme=dark]{color-scheme:dark;--night:#0b0b0e;--surface:#18181d;--raised:#23232b;--edge:#32323c;--ink:#f5f5f7;--soft:#a4a4b0;--dim:#858591;--blue:#69b1ff}
html[data-theme=dark] body{background:var(--night);color:var(--ink)}
html[data-theme=dark] .site-header{background:#0b0b0ecc;border-bottom:1px solid #ffffff06}
html[data-theme=dark] .theme-toggle{background:#25252d;color:#e5e5eb}
html[data-theme=dark] .theme-toggle .theme-moon{opacity:0;transform:rotate(45deg) scale(.8)}
html[data-theme=dark] .theme-toggle .theme-sun{opacity:1;transform:none}
html[data-theme=dark] .hero h1 .rotating{color:#a5a5b4}
html[data-theme=dark] :is(.hero .intro,.secondary,.feature-description,.proof p,.proof-grid small,.product-follow p,.product-follow h3 span,.details-panel ul,.setup-caption p,.get-started-card p,.get-started-card h3 span,.get-started-card li,.faq details p,.footer p,.footer-group a,.footer-bottom){color:var(--soft)}
html[data-theme=dark] :is(.section-title span,.feature-copy h2 span,.muted,.final-cta h2 span){color:#8a8a98}
html[data-theme=dark] :is(.btn.gray,.feature-tabs,.proof-grid div,.product-section .product-stage,.feature-art,.setup-image,.get-started-card,.final-cta){background:var(--surface);color:var(--ink)}
html[data-theme=dark] :is(.feature-description b,.feature-description .read-link,.proof p b){color:var(--ink)}
html[data-theme=dark] .btn{background:#087ef1}
html[data-theme=dark] .btn.gray{background:#24242c}
html[data-theme=dark] .feature-tab{color:var(--soft)}
html[data-theme=dark] .feature-tab[aria-selected=true]{background:#32323b;color:var(--ink);box-shadow:0 2px 8px #0004}
html[data-theme=dark] .phone{filter:drop-shadow(0 15px 24px #0007)}
html[data-theme=dark] .phone-screen:not(.call-screen){background:#101013}
html[data-theme=dark] :is(.phone-status,.phone-contact){color:var(--ink)}
html[data-theme=dark] .phone-contact{background:#222228;box-shadow:0 3px 14px #0003}
html[data-theme=dark] :is(.bubble.in,.typing-indicator){background:#303037;color:var(--ink)}
html[data-theme=dark] .phone-result{background:#1e1e25}
html[data-theme=dark] :is(.result-row,.sender,.phone-date,.small-phone-note,.phone-composer){color:var(--soft)}
html[data-theme=dark] .result-row .icon{color:#78c987}
html[data-theme=dark] .composer-input{border-color:#44444e}
html[data-theme=dark] .composer-draft{color:var(--ink)}
html[data-theme=dark] .composer-input.composing{border-color:#438cda}
html[data-theme=dark] .conversation-replay{background:#363641;color:#b1bacc}
html[data-theme=dark] .agent-avatar{background:#30303a!important}
html[data-theme=dark] .call-screen{background:linear-gradient(145deg,#172b4d,#11131a 80%)}
html[data-theme=dark] .call-screen .phone-contact{background:transparent;box-shadow:none}
html[data-theme=dark] .call-avatar{background:linear-gradient(145deg,#262b35,#171b25)!important;box-shadow:0 2cqw 5cqw #0006!important}
html[data-theme=dark] .calendar-app{background:#24242b;box-shadow:0 22px 40px #0005,inset 0 0 0 1px #44444d}
html[data-theme=dark] .calendar-app .calendar-number{color:#f5f5f7}
html[data-theme=dark] .floating-paper{background:#24242b;color:#efeff4;box-shadow:0 18px 30px #0005,inset 0 0 0 1px #3a3a44}
html[data-theme=dark] .floating-paper .line{background:#3d3d49}
html[data-theme=dark] .floating-paper .ready{color:#86c497}
html[data-theme=dark] .industry-icon{background:#24202b}
html[data-theme=dark] .industry-icon:nth-child(2n){background:#1e2937}
html[data-theme=dark] .industry-icon:nth-child(3n){background:#20302a}
html[data-theme=dark] :is(.laptop,.desktop-ui){background:#141418}
html[data-theme=dark] .laptop{border-color:#37373e;box-shadow:0 12px 32px #0005}
html[data-theme=dark] .laptop:after{background:linear-gradient(#34343c,#51515a 60%,#27272f);box-shadow:0 5px 8px #0005}
html[data-theme=dark] .desktop-rail{background:#1a1a20;color:var(--soft)}
html[data-theme=dark] :is(.desk-search,.desk-tabs b,.desk-row.active,.desk-bubble,.desk-outcomes div){background:#25252d;color:var(--soft);border-color:var(--edge)}
html[data-theme=dark] :is(.desk-outcomes b,.desk-bubble){color:var(--ink)}
html[data-theme=dark] .desk-bubble.out{background:#007aff;color:white}
html[data-theme=dark] :is(.desk-chat-head,.desk-compose){border-color:var(--edge)}
html[data-theme=dark] .review-chip{background:#1c3528;color:#88cf9b}
html[data-theme=dark] .feature-art .details-panel{background:#18181df5}
html[data-theme=dark] :is(.feature-art .detail-trigger,.setup-caption .number){background:#303039;color:#c2c2cc}
html[data-theme=dark] :is(.art-annotation,.context-node,.industry-marquee span,.setup-ui){background:var(--raised);box-shadow:0 7px 25px #0003;color:var(--ink)}
html[data-theme=dark] :is(.context-node small,.context-art .canvas-head,.art-annotation small){color:var(--soft)}
html[data-theme=dark] .context-lines{stroke:#454552}
html[data-theme=dark] :is(.context-node.n4,.computer-art .art-annotation){background:#172b47;color:#8dc3ff}
html[data-theme=dark] :is(.context-node .icon,.note-bubble b,.fake-input .icon,.desk-outcomes .icon){color:var(--blue)}
html[data-theme=dark] .computer-art .mini-browser{background:#202027;border-color:#3a3a45;box-shadow:0 16px 35px #0004}
html[data-theme=dark] :is(.mini-browser-bar,.mini-task){border-color:#383844}
html[data-theme=dark] .mini-browser-bar i{background:#51515e}
html[data-theme=dark] .mini-task span{color:#82c48d}
html[data-theme=dark] .channel-badges span{background:#172b47;color:#8ec2ff}
html[data-theme=dark] .channel-badges span:nth-child(2){background:#173325;color:#8cdaa0}
html[data-theme=dark] :is(.fake-input,.connect-icons span,.setup-ui .mini-reply){background:#31313b;color:#bcbcc8}
html[data-theme=dark] .connect-icons span:first-child{background:#173356;color:#8cc0ff}
html[data-theme=dark] .fake-button{background:#e8e8ed;color:#24242b}
html[data-theme=dark] .setup-ui .mini-reply[style]{background:#173356!important;color:#99caff!important}
html[data-theme=dark] .note-bubble{background:#23232b}
html[data-theme=dark] .note-row.outgoing .note-bubble{background:#007aff;color:white}
html[data-theme=dark] :is(.faq details,.footer-bottom){border-color:#2e2e38}
html[data-theme=dark] :is(.chat-guide-label,.chat-guide-prompt){background:#23232bec;border-color:#393946;color:var(--ink);box-shadow:0 7px 26px #0004}
html[data-theme=dark] .chat-guide-prompt span{color:#adadba}
html[data-theme=dark] .chat-guide-toggle>.chat-mascot{filter:drop-shadow(0 2px 15px #1769c32d)}
html[data-theme=dark] :is(.chat-help,.demo-dialog){background:#19191f;border-color:#393943;color:var(--ink);box-shadow:0 24px 90px #0009}
html[data-theme=dark] :is(.chat-help,.demo-dialog)::backdrop{background:#0007;backdrop-filter:blur(5px)}
html[data-theme=dark] :is(.close-chat-help,.close-dialog){background:#30303a;color:#c5c5d0}
html[data-theme=dark] :is(.chat-help-answer,.demo-dialog .sample-answer){background:#272730;border-color:#373741;color:var(--ink)}
html[data-theme=dark] :is(.chat-help-answer p,.chat-welcome p,.demo-dialog .chat-welcome p,.demo-dialog p){color:#b3b3c0}
html[data-theme=dark] .chat-help-topics button{background:#23232b;border-color:#41414c;color:#c0c0cf}
html[data-theme=dark] .chat-help-topics button[aria-pressed=true]{background:#16365c;border-color:#25568a;color:#a3d0ff}
html[data-theme=dark] :is(.chat-help-note,.chat-help-question,.chat-help-eyebrow,.demo-dialog small){color:#9696a6}
@media(hover:hover) and (pointer:fine){html[data-theme=dark] .theme-toggle:hover{background:#363640;color:white}html[data-theme=dark] .btn:hover{background:#2895ff}html[data-theme=dark] .btn.gray:hover{background:#33333d}html[data-theme=dark] .chat-help-topics button:hover{background:#30303d;color:#b6d7ff}}
@media(max-width:1100px){.nav-actions>a:not(.btn){display:none}}
@media(max-width:700px){.nav-actions{gap:8px}.nav-actions .btn{padding:11px 14px}.theme-toggle{width:44px;height:44px}}
@media(max-width:360px){.nav-actions .btn .icon{display:none}.site-header nav{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle .icon{transition:none}}
html:not([data-theme]) .theme-toggle{display:none}
@media(max-width:360px){.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-grid div{min-width:0;padding-left:8px;padding-right:8px}.proof-grid strong{font-size:20px}.proof-grid small{overflow-wrap:anywhere}}
html[data-theme=dark] :is(.sync-intro,.sync-bar,.desk-results>strong,.synced-stage .result-row small){color:var(--soft)}
html[data-theme=dark] .sync-bar .icon{color:var(--blue)}
html[data-theme=dark] .sync-replay{background:#282831;border-color:#3a3a46;color:#c0c6d2}
html[data-theme=dark] :is(.synced-stage .desktop-side,.synced-stage .desktop-rail){border-color:var(--edge)}
@media(hover:hover) and (pointer:fine){html[data-theme=dark] .sync-replay:hover{background:#173356;color:#a3d0ff}}