.site-preferences{display:flex;align-items:center;gap:8px;flex-shrink:0}.site-preferences button{font:500 12px var(--font-sans);border:1px solid #d2d2d7;background:#fff;color:#1d1d1f;border-radius:999px;padding:8px 11px;cursor:pointer;min-height:36px}.site-preferences button[aria-pressed=true]{background:#0066cc;color:white;border-color:#0066cc}.preference-header-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}html[data-theme=dark]{color-scheme:dark;--bg:#111113;--bg-alt:#1c1c1e;--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#a1a1a6;--bg-primary:#111113;--bg-secondary:#1c1c1e;--bg-card:#1c1c1e;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--paper:#1c1c1e;--muted:#1c1c1e;--sub:#a1a1a6;--border:#424245;--line:#424245;--accent:#66b2ff;--accent-light:#66b2ff;--green:#66b2ff}
html[data-theme=dark] body,html[data-theme=dark] .hero,html[data-theme=dark] .process-section,html[data-theme=dark] .cta{background:#111113;color:#f5f5f7}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] .project-title,html[data-theme=dark] .timeline-title{color:#f5f5f7}html[data-theme=dark] header,html[data-theme=dark] .site-header{background:rgba(17,17,19,.92);border-color:#333}html[data-theme=dark] section:nth-of-type(even),html[data-theme=dark] .muted,html[data-theme=dark] footer,html[data-theme=dark] .footer{background:#1c1c1e;color:#a1a1a6}html[data-theme=dark] .skill-card,html[data-theme=dark] .project-card,html[data-theme=dark] .video-card,html[data-theme=dark] .contact-card,html[data-theme=dark] .problem-grid article,html[data-theme=dark] .usecase-grid article,html[data-theme=dark] .card,html[data-theme=dark] .story-card,html[data-theme=dark] .about-quote,html[data-theme=dark] .hero-visual,html[data-theme=dark] .process-visual{background:#232326;border-color:#424245;color:#f5f5f7}html[data-theme=dark] .cta-box,html[data-theme=dark] .story-card.featured{background:#232326!important;color:#f5f5f7!important;border-color:#424245}html[data-theme=dark] .cta-box h2,html[data-theme=dark] .story-card.featured h3{color:#f5f5f7!important}html[data-theme=dark] .cta-box p,html[data-theme=dark] .story-card.featured p{color:#a1a1a6!important}html[data-theme=dark] a,html[data-theme=dark] .hero h1 span{color:#66b2ff;-webkit-text-fill-color:currentColor}html[data-theme=dark] .btn-primary,html[data-theme=dark] .nav-cta,html[data-theme=dark] .cta-box .btn{color:#fff;-webkit-text-fill-color:#fff;background:#0066cc}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .tag,html[data-theme=dark] .hero-badge,html[data-theme=dark] .trust-row span,html[data-theme=dark] .skill-icon,html[data-theme=dark] .icon,html[data-theme=dark] .project-thumb,html[data-theme=dark] .video-thumb{background:#29292c;color:#66b2ff;border-color:#424245}html[data-theme=dark] .site-preferences button{background:#232326;color:#f5f5f7;border-color:#424245}html[data-theme=dark] .site-preferences button[aria-pressed=true]{background:#0066cc;color:#fff}html[data-theme=dark] .hero-text,html[data-theme=dark] .hero-tagline,html[data-theme=dark] .lead{color:#a1a1a6}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-preferences{gap:5px}.preference-header-row{gap:12px}}@media(max-width:640px){header .container{gap:12px;flex-wrap:wrap}.site-preferences{margin-left:auto}.site-preferences button{padding:7px 9px}.site-header .nav{order:3}.site-header{gap:10px}}