/* V14 — light/dark theme and humane content spacing. Only DM Sans and Poiret One. */
:root{color-scheme:dark;--ui-bg:#08090a;--ui-panel:#111316;--ui-panel2:#171a1e;--ui-fg:#f6f6f5;--ui-soft:#bfc2c5;--ui-border:#363a3e;--ui-accent:#9da2a8;--ui-shadow:rgba(0,0,0,.3)}

body{background:var(--ui-bg)!important;color:var(--ui-fg)!important;transition:background-color .18s,color .18s}
/* Dark mode only. */
body .header-menu-wrap,body .ht-wrap{display:flex!important;align-items:center;gap:clamp(10px,1.2vw,20px)}
body .ht-header .ht-wrap{position:relative}
body .site-header .header-inner,body .ht-header .ht-inner{min-height:84px}
/* Brand and hero styling */
body #hero-title{letter-spacing:-.05em!important;line-height:1.13!important}
body #hero-title .hero-tone{color:#aeb2b6!important;opacity:1!important}

/* Service catalogue: padding inside the actual dark panel, as highlighted in the screenshot. */
body .service-panel{background:var(--ui-panel)!important;border:1px solid var(--ui-border)!important;overflow:hidden}
body .service-panel .detail{padding:clamp(26px,3.1vw,52px)!important;padding-top:clamp(28px,3.1vw,52px)!important}
body .service-panel h2{overflow-wrap:break-word;line-height:1.15!important;margin-top:18px!important}
body .service-panel .service-tags{gap:10px 14px!important;padding-block:23px!important;margin-block:26px!important}
body .service-panel .text-link{padding-block:12px!important}
body .service-button{padding-inline:clamp(15px,1.65vw,30px)!important;min-height:90px}
body .service-button[aria-selected="true"]{background:var(--ui-panel2)!important}
body .service-visual{border:0!important;border-bottom:1px solid var(--ui-border)!important}
/* Universal inset for cards, text and blocks. Preserve full-bleed backgrounds and the 78% editorial grid. */
body :is(.v9-summary,.model-card,.advantage-item,.approach-card,.estimate-card){padding:clamp(23px,2.5vw,44px)!important}
body .v9-summary{border:1px solid var(--ui-border)!important;background:var(--ui-panel)!important}
body .v9-section .v9-wrap,body .v9-next .v9-wrap{padding-block:clamp(8px,1.4vw,25px)!important}
body .v9-list li{padding:clamp(22px,2vw,35px) clamp(8px,1vw,20px)!important}
body .v9-hero-inner{padding-top:clamp(100px,11vh,175px)!important;padding-bottom:clamp(90px,10vh,150px)!important}
body .project-meta{padding:clamp(16px,1.7vw,28px)!important}
body .project-placeholder{padding:clamp(27px,3vw,48px)!important}
body .v11-upload-info .v9-list{padding:12px 0}
/* Dark theme only. */
@media(max-width:680px){body .service-panel .detail{padding:24px!important}body .service-button{padding-inline:12px!important;min-height:74px}body .header-menu-wrap,body .ht-wrap{gap:8px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}