/* Editable brand tokens: monochrome surfaces and confident blue accents. */
:root{--ink:#111318;--paper:#fff;--lime:#2563eb;--red:#2563eb;--gold:#2563eb;--muted:#5b6472;--line:#e2e7ef;--blue:#2563eb}
html[data-theme=dark]{--ink:#f5f7fa;--paper:#111318;--lime:#2563eb;--red:#60a5fa;--gold:#2563eb;--muted:#b7c0ce;--line:#303744}
body{background:var(--paper)}.button,.sample-header nav .button,.screenshot-hero .hero-buttons>.button:first-child{background:#2563eb;color:#fff;box-shadow:0 8px 22px #2563eb20}.button:hover,.sample-header nav .button:hover,.screenshot-hero .hero-buttons>.button:first-child:hover{background:#1d4ed8;color:#fff}.brand-symbol{background:#2563eb;color:#fff}.screenshot-hero{background:#fafcff}.screenshot-hero .context-dot{background:#2563eb;box-shadow:0 0 0 5px #dbeafe}.screenshot-hero .network-pill{background:#f0f6ff;color:#244575;border-color:#d7e4fa}.screenshot-hero .tile-brand span{color:#2563eb}.screenshot-hero .motion-toggle{color:#415b7e;border-color:#d7e4fa}.screenshot-hero .network-lines .wire-pulse,.screenshot-hero .network-lines>g:last-of-type circle{stroke:#3b82f6;filter:drop-shadow(0 0 5px #3b82f650)}.screenshot-hero .hero-service-button{background:#fff!important;border-color:#dce3ee!important;color:#111318!important}.screenshot-hero .hero-service-button:hover{background:#eff6ff!important}.scroll-progress{background:linear-gradient(90deg,#111318,#2563eb,#60a5fa)}
.final-cta{background:#2563eb;color:#fff}.final-cta h2,.final-cta em,.final-cta .eyebrow,.final-cta p:not(.eyebrow){color:#fff}.final-cta .eyebrow>span{background:#fff}.final-cta .button{background:#fff;color:#111318}.final-cta .button:hover{background:#dbeafe;color:#111318}.service-card{background:#f2f5fa}.service-card:nth-child(2n){background:#edf3fd}.service-card:nth-child(3n){background:#f5f6f8}.service-card:hover{background:#e4edfc}.steps article>span{background:#dbeafe;color:#1d4ed8}.sample-footer{background:#111318;color:#f5f7fa}.sample-footer .brand,.sample-footer .footer-column h2,.footer-banner>p{color:#fff}.sample-footer .footer-column>a,.footer-contact>p,.footer-tail,.sample-footer .footer-bottom>span{color:#c1c9d6}.sample-footer .footer-column>a:hover{color:#93c5fd}.footer-banner,.sample-footer .footer-bottom{border-color:#303744}.consultation-badge,.meeting-icon{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.consultation-choice[data-consultation-option=meeting] .consultation-action>span,.consultation-fallback{color:#1d4ed8}
html[data-theme=dark] .screenshot-hero{background:#111318}html[data-theme=dark] .button,html[data-theme=dark] .sample-header nav .button,html[data-theme=dark] .screenshot-hero .hero-buttons>.button:first-child{background:#2563eb;color:#fff}html[data-theme=dark] .button:hover{background:#1d4ed8}html[data-theme=dark] .brand-symbol{color:#fff}html[data-theme=dark] .screenshot-hero .context-dot{background:#60a5fa;box-shadow:0 0 0 5px #203250}html[data-theme=dark] .screenshot-hero .network-pill{background:#1b2638;color:#dbeafe;border-color:#35465f}html[data-theme=dark] .screenshot-hero .hero-service-button{background:#1c222c!important;color:#fff!important;border-color:#354052!important}html[data-theme=dark] .screenshot-hero .tile-brand span{color:#60a5fa}html[data-theme=dark] .screenshot-hero .motion-toggle{color:#b8cff3;border-color:#35465f}html[data-theme=dark] .final-cta,html[data-theme=dark] .final-cta h2,html[data-theme=dark] .final-cta em,html[data-theme=dark] .final-cta .eyebrow{color:#fff}html[data-theme=dark] .final-cta .eyebrow>span{background:#fff}html[data-theme=dark] .final-cta .button{background:#fff;color:#111318}html[data-theme=dark] .sample-footer{background:#0b0d11}html[data-theme=dark] .consultation-badge,html[data-theme=dark] .meeting-icon{background:#203250;color:#93c5fd;border-color:#35465f}html[data-theme=dark] .consultation-choice[data-consultation-option=meeting] .consultation-action>span,html[data-theme=dark] .consultation-fallback{color:#93c5fd}
@media(max-width:520px){.screenshot-hero .hero-copy{background:#fafcfff2;border-color:#b9cef3}html[data-theme=dark] .screenshot-hero .hero-copy{background:#111318f2;border-color:#35465f}}