body{color:var(--navy);font-family:var(--font-body);font-weight:var(--body-weight);font-size:var(--body-size,17px);line-height:var(--body-leading,1.6)}
h1,h2,h3{font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:var(--head-tracking);font-stretch:var(--head-stretch,100%)}
:focus-visible{outline-color:var(--accent)}
.skip-link,.header-action,.button-primary,.brand-mark{background:var(--blue)}
.brand,.site-header nav a,.header-action,.overline,.button,.hero-strip a,.process-no,.gallery-tabs button,.gallery-index,.gallery-detail a,.role-tag,.faq-list summary,.faq-list summary::after,.demo-intro li,.field label,.footer-inner{font-family:var(--font-ui);font-stretch:var(--ui-stretch,100%)}
.optional,.field input,.field select,.field textarea,.footer-inner p{font-family:var(--font-body)}
.brand-mark,.button,.header-action,.skip-link,.gallery-tabs button,.field input,.field select,.field textarea{border-radius:var(--radius)}
.screen-frame,.feature-shot,.detail-grid figure,.demo-form{border-radius:var(--radius-lg)}
.brand-360,.hero-visible,.process-no{color:var(--accent-text)}
.site-header{background:var(--header-bg);border-bottom-color:var(--line)}
.site-header nav a:hover,.overline,.role-tag,.button-secondary,.faq-list summary::after,.form-preview a,.form-privacy a{color:var(--blue)}
.header-action:hover,.button-primary:hover{background:var(--blue-hover)}
.button{border-color:var(--blue)}
.button-secondary:hover{background:var(--secondary-hover)}
.hero,.form-preview{background:var(--pale)}
.hero-lead{color:var(--lead)}
.hero-strip{border-top-color:var(--frame-border)}
.hero-strip a{border-left-color:var(--accent)}
.hero-strip a::before,.feature-copy li::before{background:var(--accent)}
.screen-frame{border-color:var(--frame-border);box-shadow:0 18px 46px rgb(var(--shadow) / .16)}
.feature-shot{box-shadow:0 16px 40px rgb(var(--shadow) / .1)}
.demo-motion{background:var(--pale)}
.process-list{border-top-color:var(--blue)}
.gallery-section,.demo-section,footer{background:var(--dark)}
.section-intro-light .overline,.gallery-index,.demo-intro .overline,.demo-intro li::before{color:var(--on-dark-accent)}
.gallery-detail a:hover,.footer-inner nav a:hover{color:var(--on-dark-accent)}
.section-intro-light>p:last-child,.gallery-detail>p:not(.gallery-index),.demo-intro>p:not(.overline),.footer-inner p{color:var(--on-dark-muted)}
.gallery-tabs button{color:var(--on-dark-muted);border-color:var(--tab-border)}
.gallery-tabs button[aria-selected="true"]{color:var(--dark)}
.gallery-tabs button:hover:not([aria-selected="true"]){background:var(--dark-hover)}
.asset-window{background-color:var(--dark);background-image:linear-gradient(90deg,rgb(var(--dark-rgb) / .84),rgb(var(--dark-rgb) / .5)),url("../assets/asset-window.webp")}
.asset-window p{color:var(--on-dark-text)}
.detail-band{background:var(--band)}
.form-preview{border-left-color:var(--accent)}
.field input,.field select,.field textarea{border-color:var(--field-border);color:var(--navy)}
.demo-form .button:disabled{background:var(--disabled);border-color:var(--disabled);color:var(--lead)}
.journey-track .journey-route-path,.journey-track .journey-route-arrow{stroke:var(--accent)}
.journey-orbit{filter:drop-shadow(0 7px 15px rgb(var(--shadow) / .2))}
