/* Upgrade layer: theme tokens and interactive project tools */
:root{color-scheme:dark;--upgrade-surface:#101722;--upgrade-ink:#f5f7fb;--upgrade-soft:#aebdce;--upgrade-border:rgba(255,255,255,.14)}
.theme-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--upgrade-border);border-radius:999px;background:var(--upgrade-surface);margin-left:auto;flex-shrink:0}
.theme-switch button{border:0;border-radius:999px;background:transparent;color:var(--upgrade-soft);padding:6px 9px;cursor:pointer;font-size:.78rem;line-height:1.2}
.theme-switch button[aria-pressed="true"]{background:var(--accent);color:#07121c;font-weight:800}
.theme-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.project-tools{padding:80px 0}
.project-tools .section-head{margin-bottom:30px}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tool-card{border:1px solid var(--upgrade-border);border-radius:24px;background:var(--upgrade-surface);padding:30px;color:var(--upgrade-ink);box-shadow:var(--shadow)}
.tool-card p,.tool-card small{color:var(--upgrade-soft)}
.tool-card label{display:block;margin:14px 0 5px;font-weight:700}
.tool-card input,.tool-card select{width:100%;padding:11px 12px;border:1px solid var(--upgrade-border);border-radius:10px;background:var(--bg-2);color:var(--upgrade-ink)}
.tool-card output{display:block;margin:20px 0;padding:18px;border:1px solid var(--upgrade-border);border-radius:14px;background:rgba(79,209,255,.07);font-size:1.3rem;font-weight:800}
.tool-card .btn{margin-top:16px}
@media(max-width:960px){.site-header .nav{gap:10px}.theme-switch{margin-left:auto}.menu-btn{order:2}.nav-links{z-index:4}}
@media(max-width:650px){.project-tools{padding:58px 0}.tool-grid{grid-template-columns:1fr}.tool-card{padding:22px}.theme-switch button{padding:6px}}
html[data-theme="light"]{color-scheme:light;--bg:#f6f7f4;--bg-2:#edf2f6;--panel:#fff;--panel-2:#f4f7fa;--text:#172436;--muted:#52657a;--line:rgba(23,36,54,.15);--line-strong:rgba(23,36,54,.24);--accent:#176b9a;--accent-2:#6955ad;--success:#157653;--shadow:0 18px 50px rgba(24,54,82,.09);--upgrade-surface:#fff;--upgrade-ink:#172436;--upgrade-soft:#52657a;--upgrade-border:rgba(23,36,54,.16)}
html[data-theme="light"] body{background:radial-gradient(circle at 12% 4%,rgba(23,107,154,.09),transparent 29rem),linear-gradient(180deg,#f6f7f4,#eef3f8);color:var(--text)}
html[data-theme="light"] body::before{opacity:.09}
html[data-theme="light"] .site-header .nav,html[data-theme="light"] .site-header.scrolled .nav{background:linear-gradient(rgba(255,255,255,.94),rgba(248,251,255,.95)) padding-box,linear-gradient(120deg,rgba(23,107,154,.38),rgba(105,85,173,.24)) border-box;box-shadow:0 14px 42px rgba(24,54,82,.1)}
html[data-theme="light"] .brand,html[data-theme="light"] .nav-links,html[data-theme="light"] .nav-links a:hover,html[data-theme="light"] .nav-links a.active,html[data-theme="light"] .menu-btn{color:#172436}
html[data-theme="light"] .nav-links{background-color:rgba(255,255,255,.96)}
html[data-theme="light"] .nav-cta,html[data-theme="light"] .eyebrow{color:#12577f;background:rgba(23,107,154,.08)}
html[data-theme="light"] .gradient-text,html[data-theme="light"] .fusion-hero-copy .gradient-text{background:linear-gradient(105deg,#172436,#176b9a 62%,#6955ad);color:transparent;background-clip:text;-webkit-background-clip:text}
html[data-theme="light"] .lead,html[data-theme="light"] .fusion-hero-copy .lead,html[data-theme="light"] .section-head p,html[data-theme="light"] .muted{color:#52657a}
html[data-theme="light"] .btn-secondary{color:#172436;border-color:rgba(23,36,54,.25);background:rgba(255,255,255,.8)}
html[data-theme="light"] .band,html[data-theme="light"] footer{background:#edf2f6;color:#52657a}
html[data-theme="light"] .band-item strong,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#172436}
html[data-theme="light"] .card,html[data-theme="light"] .feature,html[data-theme="light"] .cta-panel,html[data-theme="light"] .metric,html[data-theme="light"] .process-step,html[data-theme="light"] .form-card,html[data-theme="light"] .contact-aside{background:#fff;color:#172436;border-color:rgba(23,36,54,.14);box-shadow:0 15px 45px rgba(24,54,82,.07)}
html[data-theme="light"] .card p,html[data-theme="light"] .feature p,html[data-theme="light"] .metric span,html[data-theme="light"] .process-step p,html[data-theme="light"] .footer-copy p{color:#52657a}
html[data-theme="light"] .service-console{background:linear-gradient(145deg,#fff,#f2f7fc) padding-box,linear-gradient(120deg,rgba(23,107,154,.35),rgba(105,85,173,.25)) border-box;box-shadow:0 36px 80px rgba(24,54,82,.12)}
html[data-theme="light"] .service-rail,html[data-theme="light"] .service-workspace{background:transparent;color:#172436}
html[data-theme="light"] .service-rail-brand,html[data-theme="light"] .service-console-top strong,html[data-theme="light"] .service-generated h2{color:#172436}
html[data-theme="light"] .service-menu-item{color:#52657a}
html[data-theme="light"] .service-menu-item.active{color:#12577f;background:rgba(23,107,154,.11)}
html[data-theme="light"] .service-card{background:#fff;border-color:rgba(23,36,54,.15);box-shadow:0 16px 40px rgba(24,54,82,.08)}
html[data-theme="light"] .service-generated p,html[data-theme="light"] .service-feature-list,html[data-theme="light"] .service-chat-note,html[data-theme="light"] .service-console-eyebrow{color:#52657a}
html[data-theme="light"] .quick-prompt,html[data-theme="light"] .service-message{color:#172436;background:#f3f7fb;border-color:rgba(23,36,54,.16)}
html[data-theme="light"] .service-message.user{color:#12577f;background:#e8f5fd}
html[data-theme="light"] .service-chat-form{background:#f5f8fb;border-color:rgba(23,36,54,.2)}
html[data-theme="light"] .service-chat-form input{color:#172436}
html[data-theme="light"] .service-chat-form input::placeholder{color:#60758a}
html[data-theme="light"] .service-online{color:#157653}
html[data-theme="light"] .field input,html[data-theme="light"] .field textarea,html[data-theme="light"] .field select{background:#fff;color:#172436}
html[data-theme="light"] label,html[data-theme="light"] .prose p,html[data-theme="light"] .hero-note,html[data-theme="light"] .band-item span,html[data-theme="light"] .form-note,html[data-theme="light"] .footer-links{color:#52657a}
html[data-theme="light"] .section-kicker,html[data-theme="light"] .card-link,html[data-theme="light"] .form-note a{color:#176b9a}
html[data-theme="light"] .service-list div,html[data-theme="light"] .pill,html[data-theme="light"] .notice{color:#172436;background:#fff;border-color:rgba(23,36,54,.16)}
html[data-theme="light"] .check,html[data-theme="light"] .service-rail-label,html[data-theme="light"] .service-generated-kicker{color:#176b9a}
html[data-theme="light"] .service-rail-mark{color:#172436}
html[data-theme="light"] .service-chat-form button,html[data-theme="light"] .btn-primary{color:#fff;background:linear-gradient(135deg,#176b9a,#6955ad)}
html[data-theme="light"] .service-message-cta{color:#12577f;background:#e8f5fd}
html[data-theme="light"] .footer-links a:hover{color:#172436}
