:root{color-scheme:light}
.theme-asset-dark{display:none!important}
[data-theme="dark"] .theme-asset-light{display:none!important}
[data-theme="dark"] .theme-asset-dark{display:block!important}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:25px}
.site-header nav{grid-column:2;grid-row:1;justify-self:end}
.header-controls{grid-column:3;grid-row:1;display:flex;align-items:center;gap:6px}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);flex-shrink:0;transition:background .2s,border-color .2s}
.theme-toggle[hidden]{display:none!important}
.theme-toggle:hover{background:var(--lavender);border-color:var(--purple)}
.theme-toggle svg{width:20px;height:20px;flex-shrink:0}
.theme-sun{display:none}
[data-theme="dark"] .theme-moon{display:none}
[data-theme="dark"] .theme-sun{display:block}

[data-theme="dark"]{color-scheme:dark;--paper:#18131f;--white:#231c2c;--ink:#f4eef8;--muted:#b8adbf;--purple:#bd96f3;--purple-dark:#d0aefb;--line:#3a3046;--lavender:#30223e;--green:#20352d;--peach:#3b2d25}
[data-theme="dark"] ::selection{background:#725291;color:white}
[data-theme="dark"] .site-header{background:rgba(24,19,31,.97)}
[data-theme="dark"] .nav-cta{background:#eee5f8;color:#231d2c}
[data-theme="dark"] .nav-cta:hover{background:#d6b9f7}
[data-theme="dark"] .hero-art{background:radial-gradient(ellipse at 50% 50%,#342340 0%,transparent 70%)}
[data-theme="dark"] .art-caption,[data-theme="dark"] .art-footnote{color:#bdb0ca}
[data-theme="dark"] .location-dot{box-shadow:0 0 0 3px #3a284b}
[data-theme="dark"] .button{background:#7b3fce;border-color:#7b3fce;color:white}
[data-theme="dark"] .button:hover{background:#6a30bc;border-color:#ad7be7}
[data-theme="dark"] .button-secondary{background:transparent;border-color:#62516f;color:var(--ink)}
[data-theme="dark"] .button-secondary:hover{background:#342442;border-color:#a37ac8}
[data-theme="dark"] .proof-strip{background:#201927}
[data-theme="dark"] .proof-inner small{color:#b9acc5}
[data-theme="dark"] .proof-inner>div:not(.proof-product)>img{background:#f7f4fa;border-radius:7px;padding:4px}
[data-theme="dark"] .service-top>span{color:#b5a1c5}
[data-theme="dark"] .products-section,[data-theme="dark"] .muted-section{background:#211a29}
[data-theme="dark"] .green{--product-color:#a5d5b9}
[data-theme="dark"] .purple{background:#31233f;--product-color:#d0aefb}
[data-theme="dark"] .peach{--product-color:#e8bb98}
[data-theme="dark"] .product-card{border-color:#ffffff0d}
[data-theme="dark"] .product-symbol,[data-theme="dark"] .large-symbol{background:#ffffff0b}
[data-theme="dark"] .status{background:#1b3025;color:#b0dfc1;border-color:#47614f}
[data-theme="dark"] .status-development{background:#38291f;color:#efc29e;border-color:#6a4e37}
[data-theme="dark"] .product-card>p:not(.overline),[data-theme="dark"] .feature-list{color:#c4b8ce}
[data-theme="dark"] .product-card .text-link{border-color:#ffffff24}
[data-theme="dark"] .client-logo{background:#f0edf4}
[data-theme="dark"] .client-info .overline>span{color:#b29ac6}
[data-theme="dark"] .tags li{color:#c9bad5}
[data-theme="dark"] .project-number{color:#b29dc3}
[data-theme="dark"] .approach-section{background:#110e17}
[data-theme="dark"] .cta-section{background:#30213f}
[data-theme="dark"] .quiet-link{border-color:#8f71aa}
[data-theme="dark"] .footer-main>div>a:not(.brand),[data-theme="dark"] .footer-main address{color:#bdb0c8}
[data-theme="dark"] .footer-main>div>a:hover{color:#dfbaff}
[data-theme="dark"] .footer-badge{border-color:#665172}
[data-theme="dark"] .footer-bottom{color:#b2a1bf}
[data-theme="dark"] .plain-card{border-color:#53405f}
[data-theme="dark"] .detail-number{color:#b6a0c8}
[data-theme="dark"] .about-statement{background:linear-gradient(135deg,#30223e,#211a29)}
[data-theme="dark"] .identity-lines{border-color:#ffffff20;box-shadow:0 0 0 38px #ffffff06,0 0 0 39px #ffffff15,0 0 0 77px #ffffff04}
[data-theme="dark"] .product-identity p{color:#c9bcd1}
[data-theme="dark"] .product-audience{background:#241c2e}
[data-theme="dark"] .product-audience p{color:#d1c2dd}
[data-theme="dark"] .faq-list,[data-theme="dark"] .faq-list details{border-color:#584365}
[data-theme="dark"] .enquiry-card{background:#2c2038;border-color:#493453}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#1d1626;border-color:#655071;color:#f4eef8}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#b3a1bf}
[data-theme="dark"] .email-button{color:#dfbbff}

@media(max-width:1000px) and (min-width:801px){.site-header nav{gap:20px}.header-inner{gap:18px}.nav-cta{margin-left:0}}
@media(max-width:800px){
  .header-inner{height:76px;grid-template-columns:1fr auto;gap:12px}
  .header-controls{grid-column:2;position:relative;z-index:45}
  .theme-toggle{width:40px;height:40px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;padding:10px;z-index:45}
  .menu-toggle>span{height:1.5px;width:24px;background:var(--ink);transition:transform .2s}
  .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .site-header nav{position:fixed;inset:76px 0 0;background:var(--paper);flex-direction:column;align-items:stretch;justify-content:flex-start;justify-self:stretch;gap:0;padding:25px 25px 45px;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;font-size:22px}
  .site-header nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}
  .site-header nav>a:not(.nav-cta){padding:20px 0;border-bottom:1px solid var(--line)}
  .site-header nav>a:not(.nav-cta):after{display:none}
  .site-header nav>a[aria-current]{color:var(--purple)}
  .nav-cta{margin-top:25px;padding:16px 20px;justify-content:space-between;font-size:16px}
  .site-header nav>.nav-cta[aria-current]{color:white}
  [data-theme="dark"] .site-header nav>.nav-cta[aria-current]{color:#231d2c}
}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}