/* Shared appearance and quiet utility controls for every C2 page. */
.site-header{justify-content:initial;gap:0}.site-header #site-nav{margin-left:auto}.header-tools{display:flex;align-items:center;gap:10px;margin-left:18px}
.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#666970;transition:background .18s,color .18s,border-color .18s}.theme-toggle[hidden]{display:none}.theme-toggle:hover{background:#e9e9ed;border-color:#dedee3;color:#25272d}.theme-toggle svg{width:19px;height:19px}.theme-sun,.logo-on-dark{display:none}
.footer .social-links{display:flex;flex-wrap:wrap;gap:3px;margin-top:19px;margin-left:-9px}.social-links a{display:grid;place-items:center;width:38px;height:38px;color:#6a6d75;border-radius:12px;transition:color .18s,background .18s}.social-links svg{width:18px;height:18px}.social-links a:hover{background:#e7e7ec;color:#292c33}.social-links a:focus-visible{outline-offset:2px}
:root[data-theme=dark]{--paper:#17191d;--ink:#eeeef0;--muted:#adb1ba;--line:#353941;color-scheme:dark}
[data-theme=dark] .logo-on-light,[data-theme=dark] .theme-moon{display:none}
[data-theme=dark] .logo-on-dark{display:block}[data-theme=dark] .theme-sun{display:block}
[data-theme=dark] .eyebrow{color:#b2b5bd}[data-theme=dark] .small-label{color:#a4a8b2}
[data-theme=dark] .button.dark{background:#e8e6e1;color:#202227;box-shadow:0 3px 8px #0002,inset 0 1px 0 #fff7}
[data-theme=dark] .button.dark:hover{background:#fffdf9}
[data-theme=dark] .nav-contact{background:#272c33;color:#e5e7ec;border-color:#3a414b;box-shadow:0 2px 8px #0001}
[data-theme=dark] .language{color:#b1b5be}
[data-theme=dark] .site-header nav>a:not(.nav-contact):hover,[data-theme=dark] .quiet-link:hover,[data-theme=dark] .footer nav a:hover,[data-theme=dark] .back-link:hover{color:#ffa082}
[data-theme=dark] .theme-toggle{color:#b0b4bd}[data-theme=dark] .theme-toggle:hover{background:#2a2e35;border-color:#414650;color:#f5e9ce}
[data-theme=dark] .menu-toggle{background:#252a31;border-color:#414650}[data-theme=dark] .menu-toggle span{background:#e8e9ed}
[data-theme=dark] .hero{background:#21252b}
[data-theme=dark] .hero h1 span{color:#a5a9b3}
[data-theme=dark] .orbit-glow{background:radial-gradient(ellipse at 65% 56%,#ac6b392e,transparent 56%)}
[data-theme=dark] .comet-layer img{filter:drop-shadow(0 18px 16px #0005)}
[data-theme=dark] .comet-note{color:#b3b5bb}[data-theme=dark] .comet-note>span:last-child{color:#9ba0aa}
[data-theme=dark] .orbit-fallback{border-color:#ceccc8;border-right-color:#ff663c;box-shadow:0 10px 24px #0002}
[data-theme=dark] .intro-line>p:first-child{color:#e0e2e7}
[data-theme=dark] .work-feature,[data-theme=dark] .service-visual{background:#252930}
[data-theme=dark] .study-controls{color:#acb0bb}[data-theme=dark] .segmented{background:#1b1e24}
[data-theme=dark] .segmented button{color:#a8adba}[data-theme=dark] .segmented button[aria-pressed=true]{background:#3b414d;color:#f0f0f2;box-shadow:0 1px 4px #0004}
[data-theme=dark] .window-top{background:#343840;color:#d0d3da}[data-theme=dark] .window-dots i{background:#626875}[data-theme=dark] .window-dots i:first-child{background:#c28774}
[data-theme=dark] .study-window{box-shadow:0 18px 26px -12px #0007}
[data-theme=dark] .work-facts span{border-color:#454b56;color:#b7bcc5}[data-theme=dark] .work-notes .study-disclosure{color:#a8aeb8}
[data-theme=dark] .service-icon{--glyph-face:#30363e;--glyph-back:#22272e;--glyph-edge:#737c89;--glyph-detail:#e3e7ed;--glyph-muted:#a3abb7;--glyph-tile:#444c58;--glyph-accent:#ff8056}
[data-theme=dark] .round-arrow{border-color:#414650;color:#b8bdc8}[data-theme=dark] .service-row:hover .round-arrow{background:#e8e6e1;color:#23262d}
[data-theme=dark] .process,[data-theme=dark] .delivery-card{background:#22262d}
[data-theme=dark] .process li:before{background:#343941;color:#b9c0ca}[data-theme=dark] .process li:not(:last-child):after{background:#3c424c}
[data-theme=dark] .contact,[data-theme=dark] .service-process{background:#282c33}
[data-theme=dark] .contact-action>span,[data-theme=dark] .footer-bottom{color:#a4a9b3}[data-theme=dark] .footer-bottom a:hover{color:#e9eaf0}
[data-theme=dark] .social-links a{color:#a3a9b5}[data-theme=dark] .social-links a:hover{background:#2b3038;color:#eceef5}
[data-theme=dark] .back-link{color:#a9afba}[data-theme=dark] .delivery-card li>span{color:#afc799}
[data-theme=dark] .step-number{background:#3d434d;color:#d3d8e3}[data-theme=dark] .approach-note{border-color:#414752}
[data-theme=dark] .app-demo{background:#1d2127;box-shadow:0 16px 25px -15px #0009}
[data-theme=dark] .app-sidebar{background:#242932;border-color:#353b46}[data-theme=dark] .app-mark{color:#b0bddb}
[data-theme=dark] .app-dot{border-color:#70798b}[data-theme=dark] .app-dot.active{background:#a1b0d1;border-color:#a1b0d1;box-shadow:0 0 0 8px #353e50}
[data-theme=dark] .app-tabs{border-color:#3b414c;color:#929ba9}[data-theme=dark] .app-tabs span:first-child{color:#c1cce1}
[data-theme=dark] .app-project div>span,[data-theme=dark] .app-project i{color:#a9b1c0}
[data-theme=dark] .progress-track{background:#363e4b}[data-theme=dark] .progress-track>span{background:#a1b0cb}
[data-theme=dark] .app-tasks>div{border-color:#353d48}[data-theme=dark] .app-tasks i{border-color:#677286;color:#c3d2b2}[data-theme=dark] .app-tasks .checked{background:#364331;border-color:#364331}
[data-theme=dark] .app-tasks>div>span,[data-theme=dark] .demo-label{color:#9fa8b7}
[data-theme=dark] .service-visual.games{background:#272e29}[data-theme=dark] .game-demo{background:radial-gradient(ellipse at 30% 20%,#374337,transparent 65%)}
[data-theme=dark] .game-demo .small-label,[data-theme=dark] .game-demo p{color:#b1bca8}[data-theme=dark] .game-orbit{border-color:#677261}[data-theme=dark] .game-orbit.o2{border-color:#465240}[data-theme=dark] .game-star{color:#b5c2a8}
[data-theme=dark] .skip{background:#303640;color:#f3f3f5}
[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] summary:focus-visible{outline-color:#ffa082}
@media(max-width:800px){.header-tools{margin-left:10px}.site-header #site-nav{gap:17px}.theme-toggle{width:36px;height:36px;flex-basis:36px}}
@media(max-width:600px){.header-tools{margin-left:auto;gap:8px}.theme-toggle{width:38px;height:38px;flex-basis:38px}.site-header #site-nav{gap:4px}[data-theme=dark] .site-header #site-nav{background:#242931f5;border-color:#414752;box-shadow:0 14px 35px #0006}[data-theme=dark] .site-header nav .nav-contact{background:#e8e6e1;color:#22262e}.footer .social-links{margin-top:16px}.social-links a{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.social-links a{transition:none}}
/* Language is a choice, not a flag: one country can speak several languages. */
.language-picker{position:relative;font-size:13px}
.language-picker summary{list-style:none;display:flex;align-items:center;gap:5px;cursor:pointer;padding:9px 4px;border-radius:9px;color:inherit}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.language-picker summary:focus-visible{outline:2px solid #e94b29;outline-offset:4px}
.language-options{position:absolute;top:calc(100% + 10px);right:-12px;min-width:204px;padding:7px;background:#fff;border:1px solid #e4e4e8;border-radius:17px;box-shadow:0 14px 42px #11182717;z-index:50}
.site-header .language-options a{display:flex;justify-content:space-between;gap:18px;white-space:nowrap;border:0;border-radius:10px;padding:12px 13px;color:#45474c;font-size:13px}
.site-header .language-options a:hover,.site-header .language-options a[aria-current]{background:#f3f3f5;color:#141619}
[data-theme=dark] .language-options{background:#26292f;border-color:#3c4048;box-shadow:0 14px 42px #0005}
[data-theme=dark] .site-header .language-options a{color:#c9ccd3}
[data-theme=dark] .site-header .language-options a:hover,[data-theme=dark] .site-header .language-options a[aria-current]{background:#33373e;color:#fff}
@media(max-width:600px){.language-picker{width:100%}.language-picker summary{padding:14px}.language-options{position:static;margin:0 0 10px;box-shadow:none;min-width:0}}
.system-appearance{background:none;border:0;padding:5px;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.system-appearance[hidden]{display:none}
.footer-bottom{flex-wrap:wrap;gap:15px}
