﻿/* Theme switch and light palette. The original dark design stays in styles.css. */
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#ffffff05;color:#c5a8f0;transition:background .2s,transform .2s}.theme-toggle:hover{background:#9870e925;transform:rotate(-12deg)}.theme-toggle svg{width:17px;height:17px}.theme-moon{display:none}.nav{gap:20px}
:root[data-theme=light]{color-scheme:light;--bg:#f8f9fd;--line:#4b3b7826;--text:#222039;--muted:#686579}
[data-theme=light] .theme-sun{display:none}[data-theme=light] .theme-moon{display:block}[data-theme=light] .theme-toggle{background:#fff;color:#6648ab;box-shadow:0 2px 8px #34236606}
[data-theme=light] body::before{background:radial-gradient(ellipse at 83% 22%,#e1d7fc80,transparent 55%)}
[data-theme=light] .site-header{background:#f8f9fde8;border-color:#5e4a8514}
[data-theme=light] .nav-links a,[data-theme=light] .nav-login{color:#676078}
[data-theme=light] .nav-links a:hover,[data-theme=light] .nav-login:hover{color:#643cc0}
[data-theme=light] .menu-button span{background:#413453}
[data-theme=light] .gradient-text{background-image:linear-gradient(100deg,#843ee0,#7249d7 40%,#3168dc)}
[data-theme=light] .muted{color:#777087}
[data-theme=light] .eyebrow,[data-theme=light] .legal-page .eyebrow{color:#7750b8}
[data-theme=light] .section-index{color:#8a7b9c}
[data-theme=light] .pill{background:#fff9;border-color:#8250ce2b;box-shadow:0 3px 20px #623ab005}
[data-theme=light] .status-dot{background:#8a51d3}
[data-theme=light] .hero-grid{opacity:.3;background-image:linear-gradient(#8f73b52b 1px,transparent 1px),linear-gradient(90deg,#8f73b52b 1px,transparent 1px)}
[data-theme=light] .ghost{color:#5f526f}
[data-theme=light] .play{color:#7750b0}
[data-theme=light] .hero-notes{color:#756c84}
[data-theme=light] .hero-notes svg{color:#8458b6}
[data-theme=light] .secondary{background:#ffffff9c;border-color:#806b9c30;color:#584574}
[data-theme=light] .secondary:hover{background:#ece6f8}
[data-theme=light] .text-link{color:#7850b3}
[data-theme=light] .text-link:hover{color:#4a27a0}
[data-theme=light] .orbit{border-color:#8560bc2b}
[data-theme=light] .orbit-mid{border-color:#8c67b835}
[data-theme=light] .orbit-trail{border-top-color:#a67cd894;border-bottom-color:#6c8bdd88}
[data-theme=light] .orb-halo{background:radial-gradient(ellipse,#c1a5f47a,transparent 70%)}
[data-theme=light] .orb{background:radial-gradient(circle at 30% 22%,#f3e3ffae,transparent 50%),radial-gradient(circle at 76% 82%,#5578f0b3,transparent 50%),radial-gradient(circle at 50% 60%,#9a6edd,#b494e8 75%,#e9d5ff);border-color:#b28ade;box-shadow:inset -12px -15px 24px #5840a750,inset 7px 7px 20px #ffffff85,0 0 38px #9460fc22,0 20px 65px #7849c12b}
[data-theme=light] .orb-monogram{color:#fff;text-shadow:0 3px 18px #6b3e9f66}
[data-theme=light] .orb-caption{color:#f8eeff}
[data-theme=light] .satellite{background:linear-gradient(130deg,#fffffff5,#f6f3fcf5);border-color:#8d71ba30;box-shadow:0 10px 30px #67429110,inset 0 1px 0 white}
[data-theme=light] .satellite small{color:#84768f}
[data-theme=light] .sat-icon,[data-theme=light] .feature-icon{background:#945cea0c;border-color:#9868d826;color:#9057c7}
[data-theme=light] .sat-flow .sat-icon,[data-theme=light] .sat-crm .sat-icon,[data-theme=light] .feature-icon.blue{background:#416cd50b;color:#5277c9;border-color:#688de527}
[data-theme=light] .coordinate{color:#8c76a8}
[data-theme=light] .star{background:#a575de;box-shadow:0 0 9px #b38ce360}
[data-theme=light] .hero-bottom{color:#897599;border-color:#69507916}
[data-theme=light] .hero-bottom a{color:#77549f;background:#fff8}
[data-theme=light] .capabilities{background:#f1eff8a8}
[data-theme=light] .capabilities span{color:#70617f}
[data-theme=light] .capabilities svg{color:#9074a8}
[data-theme=light] .capabilities i{background:#c2b4d0}
[data-theme=light] .feature-card{background:linear-gradient(135deg,#fff,#faf9fd);box-shadow:0 4px 20px #45276e03}
[data-theme=light] .feature-card:hover{border-color:#9576d473}
[data-theme=light] .ai-feature{background:radial-gradient(ellipse at 0 100%,#e6daf580,transparent 75%),linear-gradient(135deg,#fff,#fcfaff)}
[data-theme=light] .tag{color:#8c65ad}
[data-theme=light] .card-number{color:#b6a4c7}
[data-theme=light] .mini-chat{background:#ffffffa8;border-color:#9071ac22}
[data-theme=light] .chat-person{border-color:#7f5a9919}
[data-theme=light] .avatar{background:#e9e0f4;color:#775497}
[data-theme=light] .chat-person small,[data-theme=light] .time{color:#877393}
[data-theme=light] .mini-message,[data-theme=light] .bubble{background:#eeedf4;color:#4b425b}
[data-theme=light] .mini-response,[data-theme=light] .bubble.answer{background:linear-gradient(135deg,#eee3fb,#e4eafa);border-color:#9471b52b;color:#524160}
[data-theme=light] .mini-response>span,[data-theme=light] .bubble>strong{color:#8256ad}
[data-theme=light] .attachment{background:#ffffff80;border-color:#967ab326}
[data-theme=light] .attachment svg{color:#8c66ab}
[data-theme=light] .attachment small,[data-theme=light] .mock-note{color:#877793}
[data-theme=light] .flow-node{background:#fff;border-color:#9377b332;box-shadow:0 5px 15px #47316108;color:#6b597f}
[data-theme=light] .condition{color:#8b54b4;border-color:#a272ca55}
[data-theme=light] .mini-kanban>div{background:#f2eff8;border-color:#83649f20}
[data-theme=light] .mini-kanban>div>span{color:#79618e}
[data-theme=light] .mini-kanban b{background:#fff;border-color:#997caa20}
[data-theme=light] .mini-kanban b i{background:#b6a5c7}
[data-theme=light] .mini-kanban b em{background:#ded4e8}
[data-theme=light] .card-foot{color:#8a709f}
[data-theme=light] .intent-tags span,[data-theme=light] .file-types span{background:#f4effa;border-color:#986aba24;color:#8b60ae}
[data-theme=light] .intent-tags span:nth-child(2){color:#5474ad}
[data-theme=light] .experience-section{background:radial-gradient(ellipse at 50% 60%,#e2d9f570,transparent 70%),#f2f3f9;border-color:#6b4d8f12}
[data-theme=light] .demo-tabs{background:#fff}
[data-theme=light] .demo-tabs button{color:#82708f}
[data-theme=light] .demo-tabs button[aria-selected=true]{background:#eee5fb;color:#7448a5}
[data-theme=light] .demo-window{background:#fff;border-color:#9a80b636;box-shadow:0 25px 65px #57347912}
[data-theme=light] .window-bar{background:#f5f2f9;color:#8c7a9c}
[data-theme=light] .window-bar .demo-label{color:#9174ad}
[data-theme=light] .demo-sidebar{background:#f8f6fc}
[data-theme=light] .demo-sidebar button{color:#9b7fad}
[data-theme=light] .demo-sidebar button.active{background:#eee3f9;color:#8a57b3}
[data-theme=light] .sidebar-bottom{color:#947da7}
[data-theme=light] .search-placeholder{background:#f6f4fa;border-color:#8a709817;color:#9b88ac}
[data-theme=light] .contact-row.selected{background:#f4edfb}
[data-theme=light] .contact-row small,[data-theme=light] .conversation-head small{color:#897396}
[data-theme=light] .demo-conversation{background:radial-gradient(#b09fc522 .7px,transparent .7px) 0 0/13px 13px,#fcfbff}
[data-theme=light] .conversation-head{background:#fff9}
[data-theme=light] .conversation-head .tag{background:#eee2f8;color:#8152a7}
[data-theme=light] .day-label{color:#967eaa}
[data-theme=light] .bubble time{color:#96819e}
[data-theme=light] .conversation-actions{background:#fff9}
[data-theme=light] .conversation-actions button{background:#fff;border-color:#9e77bd40;color:#8255a5}
[data-theme=light] .conversation-actions button:hover,[data-theme=light] .conversation-actions button[aria-pressed=true]{background:#eee2fa}
[data-theme=light] .demo-inspector{background:#faf8fd}
[data-theme=light] .demo-inspector h4 svg{color:#8b59b6}
[data-theme=light] .inspector-label{color:#947ca7}
[data-theme=light] .inspector-value{color:#736081}
[data-theme=light] .inspector-badge{background:#f1e8fa;border-color:#9368b92b;color:#8656aa}
[data-theme=light] .inspector-event{color:#8c769b;border-color:#88649e12}
[data-theme=light] .inspector-event svg{color:#a378bb}
[data-theme=light] .demo-title button{background:#f3eafb;border-color:#9c74bb40;color:#8554a8}
[data-theme=light] .board-column{background:#f6f4fa}
[data-theme=light] .board-column h4{color:#8963a3}
[data-theme=light] .board-column:nth-child(2) h4{color:#5478b3}
[data-theme=light] .board-column:nth-child(3) h4{color:#427c6c}
[data-theme=light] .lead-card{background:#fff;border-color:#84629f26}
[data-theme=light] .lead-card small{color:#8b759a}
[data-theme=light] .lead-card button{background:#f3eafb;color:#8758a7}
[data-theme=light] .lead-card button:hover{background:#e9daf7}
[data-theme=light] .lead-card .done{color:#427c6c}
[data-theme=light] .flow-canvas{background:radial-gradient(#aa8fb33f .8px,transparent .8px) 0 0/16px 16px,#fcfaff}
[data-theme=light] .flow-block{background:#fff;border-color:#a582bb45}
[data-theme=light] .flow-block small{color:#90789d}
[data-theme=light] .flow-block svg{color:#9666b4}
[data-theme=light] .flow-block.lit{border-color:#aa79d2;box-shadow:0 0 25px #8d4ceb16}
[data-theme=light] .flow-line{background:#b49ac7}
[data-theme=light] .flow-line::after{color:#9766b7}
[data-theme=light] .flow-status{color:#8a5baa}
[data-theme=light] .knowledge-visual{background:radial-gradient(ellipse at 50% 100%,#ede1f980,transparent 75%),#fff}
[data-theme=light] .knowledge-head{color:#9473ac}
[data-theme=light] .knowledge-item{background:#fcfaff;border-color:#926dac20}
[data-theme=light] .knowledge-item small{color:#8b779a}
[data-theme=light] .knowledge-item .check{color:#9b76b6}
[data-theme=light] .knowledge-result{background:linear-gradient(100deg,#eee2f8,#e8e9fb);border-color:#a47ebc40;color:#69517b}
[data-theme=light] .knowledge-result>svg{color:#9561b4}
[data-theme=light] .knowledge-result small{color:#91769f}
[data-theme=light] .check-list{color:#73667f}
[data-theme=light] .check-list li::before{color:#9665b8}
[data-theme=light] .toolkit-items{color:#847092}
[data-theme=light] .steps article>svg{color:#9669b6}
[data-theme=light] .step-number{color:#c7b7d5}
[data-theme=light] .pricing-section{background:#f2f2f9}
[data-theme=light] .plan{background:#fff;box-shadow:0 5px 20px #4f2d7804}
[data-theme=light] .plan-heading{color:#8a699f}
[data-theme=light] .plan-icon{color:#9a71b9}
[data-theme=light] .price>span{color:#816590}
[data-theme=light] .price small,[data-theme=light] .price-caption{color:#90749e}
[data-theme=light] .plan.featured{background:radial-gradient(ellipse at 50% 0,#e7d8f580,transparent 65%),#fff;border-color:#b18ccf}
[data-theme=light] .plan-bonus{background:#f4ecfb;border-color:#a47fbd35;color:#8755aa}
[data-theme=light] .pricing-note p{color:#8a7698}
[data-theme=light] .pricing-note svg{color:#a182b5}
[data-theme=light] .pricing-note a{color:#8353a8}
[data-theme=light] .faq-list summary span::before,[data-theme=light] .faq-list summary span::after{background:#9161b2}
[data-theme=light] .faq-list p a{color:#8252aa}
[data-theme=light] .closing{background:radial-gradient(ellipse at 50% 130%,#d4c0ee80,transparent 75%),#f3eefb;border-color:#a683c433}
[data-theme=light] .closing-orbit{border-color:#ae86cb30;box-shadow:0 0 0 50px #9e79cf06,0 0 0 100px #9e79cf04}
[data-theme=light] .origin,[data-theme=light] .footer-top>div:not(.footer-brand)>a{color:#897097}
[data-theme=light] .footer-top a:hover{color:#7950a1}
[data-theme=light] .back-top{color:#946ab0;background:#fff}
[data-theme=light] .footer-bottom{color:#917a9f}
[data-theme=light] .legal-copy b{color:#664778}
[data-theme=light] .legal-copy a{color:#8255ac}
@media(max-width:1100px){.nav{gap:15px}.nav-links{gap:16px}}
@media(max-width:850px){.nav{gap:12px}.nav-links{gap:12px}.theme-toggle{width:32px;height:32px}}
@media(max-width:720px) and (min-width:621px){.nav-cta{display:none}}
@media(max-width:620px){.nav{gap:9px}.theme-toggle{width:30px;height:30px}.theme-toggle svg{width:15px;height:15px}[data-theme=light] .nav-links{background:#faf8fff5;border-color:#9275ad25}}
@media(max-width:360px){.nav{gap:6px}.brand img{width:99px}.nav-cta{font-size:8px;padding:0 7px;gap:4px}.menu-button{padding:4px}.theme-toggle{width:28px;height:28px}}
[data-theme=light] .nav .nav-login,[data-theme=light] .nav .nav-login:hover{color:#fff}[data-theme=light] .nav .nav-cta{background:transparent;box-shadow:none;color:#68517d;border-color:#806b9c30}[data-theme=light] .nav .nav-cta:hover{background:#ece6f8}
