:root{--surface:#fff;--field:#fff;--action:#09283f;--action-text:#fff;--focus:#168a9a}
html[data-theme=dark]{--ink:#edf3f7;--muted:#b1c1cf;--line:#344a5e;--pale:#152b3d;--surface:#0c1d2b;--field:#102537;--action:#77e6df;--action-text:#09283f;--focus:#77e6df;--navy:#09283f}
body,.header,.case,.skip{background:var(--surface)}
.contact-form input,.contact-form select,.contact-form textarea{background:var(--field);border-color:var(--line)}
.button{background:var(--action);color:var(--action-text)}
html[data-theme=dark] .button:hover{background:#a1f2ec;color:#09283f}
.button.outline{background:transparent;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--focus)}
.brand-logo{width:235px;aspect-ratio:995/287;position:relative;overflow:hidden;flex-shrink:0}
.brand-logo img{position:absolute;width:122.5126%;height:auto;max-width:none;left:-7.1357%;top:-33.7979%}
.logo-white{display:none}
html[data-theme=dark] .logo-blue{display:none}
html[data-theme=dark] .logo-white{display:block}
.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}
.theme-toggle:hover{background:var(--pale)}
.theme-sun{display:none}
html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark] .theme-sun{display:inline}
html[data-theme=dark] .hero,html[data-theme=dark] .feature,html[data-theme=dark] .footer{background:#071622}
.footer .brand{color:#fff}
.header-inner{gap:1.35rem}
@media(max-width:1100px){.brand-logo{width:205px}.nav{gap:1rem}.header-inner{gap:1rem}}
@media(max-width:800px){.brand-logo{width:clamp(132px,40vw,200px)}.header-inner{gap:.6rem;min-height:88px}.language{padding-left:0;border:0;gap:7px}.theme-toggle{width:36px;height:36px}.menu{width:36px;height:36px;padding:0;font-size:1.125rem}.nav{order:5}.nav.open .button{display:flex;padding:12px 16px;margin-top:8px}.footer-grid>div{min-width:0}.footer a{overflow-wrap:anywhere}}
@media(max-width:360px){.brand-logo{width:132px}.header-inner{gap:.4rem}.language{font-size:.8125rem}.theme-toggle,.menu{width:32px;height:32px}}