/* The original shell styles stay in concept-v2.css and concept-v3.css. */
.nav{z-index:100;background:var(--ink)}
#theme-toggle{flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer}
.nav-inner{gap:20px}.nav-actions{align-items:center}.brand img{width:auto}
section[id]{scroll-margin-top:94px}.v5-content .component-section{border-top:1px solid var(--line)}.v5-content #widget-status{font-size:12px;color:var(--muted)}
html[data-theme=light]{color-scheme:light;--ink:#faf8f5;--panel:#f0ebe4;--panel-2:#eae4db;--text:#251e19;--soft:#594d42;--muted:#6b5d50;--line:#35281a26;--line-strong:#35281a44}
html[data-theme=light] body{background-image:none}html[data-theme=light] .nav{background:var(--ink)}html[data-theme=light] .contact-form-v3{background:var(--panel)}html[data-theme=light] footer{background:var(--ink)}
.v5-content dialog{line-height:1.6}.v5-content #close-screen{cursor:pointer}
@media(max-width:1100px){.nav-links{display:none}.nav-actions{margin-left:auto}}@media(max-width:580px){.nav-inner{height:auto;min-height:74px;flex-wrap:wrap;gap:12px;padding-block:14px}.nav-actions{gap:9px;flex-wrap:wrap;justify-content:flex-end}.nav-actions .button{padding:9px;font-size:10px}.brand img{height:24px}.lang-toggle{font-size:10px}.nav-actions .button:last-child{flex-basis:auto}}@media(max-width:400px){.nav-actions{width:100%;justify-content:space-between}.nav-inner{justify-content:center}.brand{margin:auto}section[id]{scroll-margin-top:145px}}

html[data-theme=light] .v5-content{background:radial-gradient(ellipse at 87% 46%,#f4792010,transparent 50%)}html[data-theme=light] .v5-content:before{background-image:linear-gradient(#281a0e05 1px,transparent 1px),linear-gradient(90deg,#281a0e05 1px,transparent 1px)}html[data-theme=light] .v5-content :is(.description,.description strong,.header nav,.text-button,.eyebrow,.delivery strong,.delivery p,.trust-row>div,.section-intro,.section-note,.output-list p,.output-list h3,.section-statement p,.section-statement>span,.process-steps button,.process-steps small,.step-meta,.step-panel>p:not(.step-caption),.step-example p,.usage-path>p,.usage-path li,.path-label,.path-bottom,.platform-benefits strong,.platform-benefits li>span,.consulting-continuity p,.actors-strip>p,.closing-cta p:not(.eyebrow),.usage-note,.domain-selector button){color:var(--muted)}html[data-theme=light] .v5-content :is(.description strong,.delivery strong,.output-list h3,.section-statement p,.platform-benefits strong){color:var(--text)}html[data-theme=light] .v5-content :is(.process-section,.usage-path,.step-panel){background:#f0ebe4}html[data-theme=light] .v5-content .platform-path{background:linear-gradient(135deg,#f4792012,#f0ebe4)}html[data-theme=light] .v5-content .process-steps button{border-color:var(--line)}html[data-theme=light] .v5-content .process-steps button[aria-selected=true]{color:#753509;background:#f4792018}html[data-theme=light] .v5-content .domain-selector .selected{color:#9b4208}html[data-theme=light] .v5-content .domain-selector button:hover{color:#9b4208}html[data-theme=light] .v5-content .usage-path li{border-color:var(--line)}html[data-theme=light] .v5-content .video-bottom{background:#eee7de}html[data-theme=light] .v5-content .video-bottom :is(span,button){color:#59493c}html[data-theme=light] .v5-content .contact h2 span{color:#fff3e8}

html[data-theme=light] .v5-content :is(.screen-panel,.format-grid article,.faq-item){background:var(--panel);color:var(--text)}html[data-theme=light] .v5-content :is(.screen-description,.screen-explanation p,.screen-note,.format-grid p,.faq-answer p,.faq-item summary){color:var(--soft)}
.contact .contact-form-v3 .submit-row-v3 p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.contact .contact-form-v3 .submit-row-v3 a{color:var(--text)}
html[data-theme=light] .v5-content :is(h2 em,.screen-tabs [aria-selected=true],.step-caption,.screen-explanation>span,.faq-number){color:#9c450a}
@media(max-width:580px){.nav-actions .button{display:inline-flex}.nav-actions{justify-content:center}.nav-inner{justify-content:center}.nav-actions .lang-toggle{margin-right:auto}}

.nav-links a.is-active{color:var(--orange);box-shadow:inset 0 -2px 0 var(--orange)}html[data-theme=light] .nav-links a.is-active{color:#9c450a;box-shadow:inset 0 -2px 0 #9c450a}

@media(min-width:1101px){.nav-inner{max-width:1400px;gap:14px}.nav-links{gap:0}.nav-links a{font-size:11px;padding:8px 7px;white-space:nowrap}.nav-actions{gap:8px}.nav-actions .button-small{padding:10px 12px;white-space:nowrap}}
