.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0;pointer-events:none;overflow:visible}.brand-symbol .ui-icon,.name-masthead .ui-icon{vertical-align:0}.ticker-group .ui-icon{width:1em;height:1em}.browser-top .ui-icon{width:5px;height:5px}.studio-browser .ui-icon{width:5px;height:5px}.label-icon .ui-icon{width:1.1em;height:1.1em}.theme-toggle{position:relative;flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;margin-left:-25px;transition:background .4s,border-color .4s,transform .5s}.theme-toggle:hover{background:var(--line);transform:rotate(12deg)}.theme-toggle>svg{width:18px;height:18px;position:absolute;transition:opacity .4s,transform .6s cubic-bezier(.22,1,.36,1)}.theme-sun{opacity:0;transform:rotate(-80deg) scale(.55)}[data-theme=dark] .theme-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-moon{opacity:0;transform:rotate(80deg) scale(.55)}
:root[data-theme=dark]{--paper:#111411;--ink:#edf0e7;--muted:#a4ac9d;--line:#343b33;--blue:#9b9eff;color-scheme:dark}
[data-theme=dark] .muted{color:#9aa391}[data-theme=dark] .hero-bottom p,[data-theme=dark] .section-heading>p,[data-theme=dark] .project-card>p,[data-theme=dark] .about-copy>p,[data-theme=dark] .service-body p,[data-theme=dark] .name-masthead>p{color:#b0b7a8}
[data-theme=dark] .primary{background:#858bff;color:#11142a}[data-theme=dark] .about-section{background:#1a201a}[data-theme=dark] .about-visual,[data-theme=dark] .experience-proof{border-color:#3b4538}[data-theme=dark] .experience-proof>div>span,[data-theme=dark] .proof-label,[data-theme=dark] .about-signature>span,[data-theme=dark] .process-line,[data-theme=dark] .service-body>span{color:#a7b39f}
[data-theme=dark] .ticker{background:#080b09}[data-theme=dark] .ticker-group span{color:#dce2d5}[data-theme=dark] .floating-label{background:#242b25ed;border-color:#465045;color:#e8eee3}[data-theme=dark] .orbit{border-color:#788478}[data-theme=dark] .art-grid{opacity:.4}[data-theme=dark] .art-caption,[data-theme=dark] .art-axis,[data-theme=dark] .hero-footer{color:#a6b09e}[data-theme=dark] .orbit-one:after{background:#b6baff}
[data-theme=dark] .visual-website{background:#30372e}[data-theme=dark] .visual-dashboard{background:#252c40}[data-theme=dark] .visual-automation{background:#293125}[data-theme=dark] .mini-browser,[data-theme=dark] .dashboard-preview,[data-theme=dark] .flow-node{color:#20211e;color-scheme:light}[data-theme=dark] .project-open{background:#20271e;color:#e8eddf}[data-theme=dark] .tags span{color:#bec7b5}[data-theme=dark] .tags span:last-child{color:#b6b9ff}[data-theme=dark] .project-number,[data-theme=dark] .demo-note{color:#99a68f}
[data-theme=dark] .studio{background:#191e18;border-color:#3b4537}[data-theme=dark] .studio-controls{color:#edf0e7}[data-theme=dark] .studio legend,[data-theme=dark] .studio-note{color:#abb5a0}[data-theme=dark] .goal-options button{border-color:#414a3b}[data-theme=dark] .goal-options button[aria-pressed=true],[data-theme=dark] .goal-options button:hover{background:#2c3428;color:#d4ddca;border-color:#7e8d71}[data-theme=dark] .color-options button{border-color:#191e18}[data-theme=dark] .device-options button[aria-pressed=true]{background:#d8dfcf;color:#20271d;border-color:#d8dfcf}[data-theme=dark] .studio-stage{background:#20271f}[data-theme=dark] .studio-stage-top,[data-theme=dark] .studio-stage-bottom{color:#a5af9b}[data-theme=dark] .studio-frame{border-color:#4b5541;box-shadow:0 25px 70px #0005;color:#20211e;color-scheme:light}[data-theme=dark] .canvas-title em{color:var(--studio-accent)}[data-theme=dark] .studio-orbit,[data-theme=dark] .studio-orbit:before,[data-theme=dark] .studio-orbit:after{border-color:#ffffff10}
[data-theme=dark] .contact-section{background:#3237a1;color:#f3f4ff}[data-theme=dark] .contact-section h2 em{color:#c4c7ff}[data-theme=dark] .contact-bottom>p{color:#d2d4fb}[data-theme=dark] .light{background:#e3e7db;color:#171d13}[data-theme=dark] .footer>span,[data-theme=dark] .footer>a:not(.footer-brand){color:#b1bca6}
[data-theme=dark] #demo-content{background:#20271e;color:#edf0e7}[data-theme=dark] #demo-content.site-demo{background:#252e22!important;color:#ecf0e5}[data-theme=dark] .lab-description,[data-theme=dark] .lab-note{color:#b9c3ae}[data-theme=dark] .lab-controls button{color:#d4ddc9}[data-theme=dark] .lab-controls button.active{background:#8c92ff;color:#101329;border-color:#8c92ff}[data-theme=dark] .lab-stats>div{background:#2a3326}[data-theme=dark] .lab-button{background:#8c92ff;color:#101329}[data-theme=dark] .lab-form input,[data-theme=dark] .lab-form select{background:#1a2117;color:#e8efdf;border-color:#48513e}[data-theme=dark] .lab-result{background:#2c3b25;color:#d9e6cd}[data-theme=dark] .flow-step.done{background:#2c3b25;border-color:#667d54}[data-theme=dark] .flow-step.done span,[data-theme=dark] .lab-success{color:#bbd2a5}[data-theme=dark] .close-dialog:hover{background:#343e2c}[data-theme=dark] .lab-chart span{color:#11142a}
.theme-ready body,.theme-ready .about-section,.theme-ready .contact-section,.theme-ready .studio,.theme-ready .studio-stage,.theme-ready .ticker,.theme-ready .project-visual,.theme-ready .floating-label,.theme-ready dialog,.theme-ready .modal-header,.theme-ready #demo-content{transition:background-color .65s ease,color .65s ease,border-color .65s ease}.theme-ready h1,.theme-ready h2,.theme-ready h3,.theme-ready p,.theme-ready a,.theme-ready legend,.theme-ready .experience-proof,.theme-ready .tags span{transition:color .55s ease,border-color .55s ease}.theme-snapshot *{transition:none!important}
:root[data-transition=theme]::view-transition-old(root){animation:theme-old .65s ease both;mix-blend-mode:normal}:root[data-transition=theme]::view-transition-new(root){animation:theme-reveal .75s cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}::view-transition-group(root){animation-duration:.75s}@keyframes theme-reveal{from{clip-path:circle(0 at var(--theme-x,95%) var(--theme-y,40px))}to{clip-path:circle(150vmax at var(--theme-x,95%) var(--theme-y,40px))}}@keyframes theme-old{from,to{opacity:1}}
.theme-ready a{transition:color .55s ease,border-color .55s ease,background-color .65s ease,transform .5s var(--ease-out),box-shadow .5s var(--ease-out),translate .5s var(--ease-out)}.theme-ready .project-visual{transition:transform .75s var(--ease-out),box-shadow .75s var(--ease-out),background-color .65s ease}
@media(max-width:1100px){.theme-toggle{margin-left:-10px;width:40px;height:40px}.header{gap:22px}}
@media(max-width:700px){.header{gap:9px}.theme-toggle{margin-left:0;width:38px;height:38px}.header nav{margin-left:auto}.languages{margin-left:0}.header .brand-home{gap:8px}.theme-toggle>svg{width:17px;height:17px}.languages button{min-width:26px}}
@media(max-width:420px){.header{gap:8px}.header nav{display:none}.languages{margin-left:auto}.theme-toggle{width:36px;height:36px}.brand-type{font-size:12px}.languages button{min-width:28px}}
/* Fixed, centered hit areas; only the symmetric vector rotates. */
.close-dialog{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:1;flex-shrink:0;transform:none;transition:background-color .3s,border-color .3s;color:var(--ink)}
.close-dialog:hover{transform:none}.close-icon{display:block;width:18px;height:18px;transform-box:view-box;transform-origin:50% 50%;transition:transform .4s var(--ease-out);pointer-events:none}.close-dialog:hover .close-icon{transform:rotate(90deg)}
.service .toggle{display:grid;place-items:center;width:24px;height:24px;line-height:1;flex-shrink:0;transform-origin:50% 50%}.service .toggle>svg{display:block;width:20px;height:20px}
.theme-toggle>svg{inset:0;margin:auto;transform-box:view-box;transform-origin:50% 50%}.project-open>.ui-icon{display:block;vertical-align:0}.goal-options button>span:first-child{display:grid;place-items:center;line-height:1;flex-shrink:0}.label-icon{display:grid;place-items:center;line-height:1}
@media(prefers-reduced-motion:reduce){.theme-ready body,.theme-ready *{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}.theme-toggle:hover,.close-dialog:hover .close-icon{transform:none}}