.brand-lockup{flex-direction:column;align-items:flex-start;gap:7px}
.brand-tagline{font-size:11px;font-weight:450;line-height:1.3;letter-spacing:.35px;color:#4e6586;padding-left:4px;white-space:nowrap}
.footer .brand-tagline{font-size:10px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-heading{position:relative;min-height:var(--headline-height,2.1em);text-wrap:initial}
.typewriter-visual{display:block;min-height:inherit}
.typewriter-measure{position:absolute;left:0;top:0;width:100%;visibility:hidden;line-height:inherit;font:inherit;letter-spacing:inherit}
.typing-caret{display:inline-block;vertical-align:-.05em;height:.85em;border-left:3px solid #c08719;margin-left:5px;animation:typing-blink 1s step-end infinite}
.typing-static .typing-caret{animation:none;opacity:0}
.motion-controls{display:flex;gap:16px;align-items:center;justify-content:center;margin:-4px 0 18px;min-height:29px;font-size:10px;color:#62758f;letter-spacing:.8px}
.typing-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #dbe4f0;border-radius:30px;padding:5px 11px;font-size:10px;letter-spacing:0;color:#516b8e;min-height:29px}
.typing-toggle:hover{border-color:#a8bdd8;background:#f0f6fe}
#typing-icon{font-size:10px;display:inline-block;min-width:10px}
#reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#2b83ff,#eeb341);z-index:50;pointer-events:none}
.section-intro,.section-heading,.demo-console,.problem,.service,.case,.process-card,.assessment-intro,.assessment-art,.contact-grid{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-pending{opacity:0;translate:0 24px}
.is-revealed{opacity:1;translate:0 0}
.reveal-pending:focus-within{opacity:1;translate:0 0}
.process-card:before{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#70a8f5,#e7b245);transition:width 1s ease .15s}
.process-card.is-revealed:before{width:100%}
@keyframes typing-blink{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:800px){.brand-tagline{font-size:10px}.hero h1.hero-heading{max-width:650px}}
@media(max-width:500px){.brand-lockup{gap:5px}.brand-tagline{font-size:9px;letter-spacing:.1px;padding-left:3px}.hero h1.hero-heading{font-size:39px;max-width:370px}.typing-caret{border-left-width:2px;margin-left:3px}.motion-controls{margin:0 0 16px;font-size:9px}.typing-toggle{font-size:9px}.reveal-pending{translate:0 15px}}
@media(max-width:360px){.hero h1.hero-heading{font-size:35px}.brand-tagline{font-size:8px}}
/* Motion starts automatically for this site; no-JS reduced-motion fallback stays static. */
[data-motion-reveal]{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){
 html:not(.motion-enabled) .typing-caret{display:none}
 html:not(.motion-enabled) .reveal-pending{opacity:1;translate:none}
 html:not(.motion-enabled) [data-motion-reveal],html:not(.motion-enabled) .process-card:before{transition:none}
}