/* Keep the default experience fully visible without JavaScript or motion. */
.validation-card { animation:none; }
.hero-art { position:absolute; inset:-5% -6% 4% -6%; z-index:-1; pointer-events:none; }
.art-tilt, .hero-float { width:100%; height:100%; transform-style:preserve-3d; }
.hero-art img { width:100%; height:100%; display:block; object-fit:contain; mix-blend-mode:multiply; }
.hero-visual.has-art { perspective:1000px; isolation:isolate; }
.hero-visual.has-art .dot-field, .hero-visual.has-art .flow-lines, .hero-visual.has-art .code-card { display:none; }
.hero-visual.has-art:before { opacity:.35; }
.hero-visual.has-art .validation-card { left:3%; top:auto; bottom:30px; width:260px; padding:15px 17px; transform:rotate(-4deg); background:#ffffffeb; }
.hero-visual.has-art .widget-header { padding-bottom:10px; }
.hero-visual.has-art .document-row { padding:13px 0; }
.hero-visual.has-art .document-row strong { font-size:12px; }
.hero-visual.has-art .progress-track { margin-bottom:0; }
.hero-visual.has-art .widget-bottom { display:none; }
.hero-visual.has-art .mini-tag { right:0; top:45px; }
.section-art { position:relative; margin:0 0 36px; overflow:hidden; border-radius:12px; isolation:isolate; }
.section-art img { display:block; width:100%; height:100%; object-fit:cover; }
.solutions-art { height:350px; background:#eeedef; border:1px solid #e4e5e8; }
.solutions-art img { object-position:50% 52%; }
.section-art figcaption { position:absolute; bottom:20px; left:24px; font:10px var(--font-suisseintlmono); letter-spacing:1.1px; color:#585d64; padding:8px 10px; background:#ffffffcc; border:1px solid #ffffff90; border-radius:4px; }
.method-visual-layout { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.method-visual-layout .section-heading { display:block; margin:0; }
.method-visual-layout .section-heading>p { max-width:450px; margin-top:24px; }
.method-art { aspect-ratio:3 / 2; margin:0; background:#222326; }
.method-art figcaption { color:#c5c6cb; background:#22232699; border-color:#ffffff1a; }
.about-art { margin:0 0 48px; aspect-ratio:2.4; background:#f1f1f3; }
.motion-toggle { display:inline-flex; align-items:center; justify-content:center; background:transparent; border:1px solid #c9cacf; border-radius:6px; padding:8px 10px; font-size:11px; line-height:1.3; color:#53565c; min-height:34px; }
.motion-toggle:hover { border-color:#c9252c; color:#a91d25; }
.motion-toggle:disabled { opacity:.7; cursor:default; }
.footer-bottom { flex-wrap:wrap; align-items:center; gap:18px; }
.footer-bottom>span:last-of-type { margin-left:auto; }
html:not(.motion-enabled) .button:hover, html:not(.motion-enabled) .service-card:hover { transform:none; }
@media(max-width:1100px) {
 .method-visual-layout { gap:32px; }
 .method-visual-layout h2 { font-size:34px; }
 .hero-visual.has-art .validation-card { width:230px; left:0; bottom:25px; }
}
@media(max-width:800px) {
 .hero-art { inset:-2% -3% 0; }
 .hero-visual.has-art .validation-card { left:2%; bottom:32px; width:260px; }
 .solutions-art { height:290px; }
 .method-visual-layout { grid-template-columns:1fr; gap:32px; }
 .method-art { width:100%; max-height:400px; }
 .about-art { aspect-ratio:1.8; }
}
@media(max-width:500px) {
 .hero-visual.has-art { height:460px; }
 .hero-art { inset:-8% -8% 4%; }
 .hero-visual.has-art .validation-card { width:215px; bottom:32px; padding:12px; }
 .hero-visual.has-art .mini-tag { top:24px; right:0; }
 .hero-visual.has-art .widget-header small { font-size:10px; }
 .hero-visual.has-art .document-row { display:none; }
 .hero-visual.has-art .validation-steps { margin-top:12px; font-size:10px; }
 .solutions-art { height:240px; }
 .section-art figcaption { left:12px; bottom:12px; font-size:8px; max-width:calc(100% - 24px); }
 .method-visual-layout h2 { font-size:32px; }
 .method-art { aspect-ratio:1.3; }
 .footer-bottom>span:last-of-type { max-width:105px; }
 .motion-toggle { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) {
 .art-tilt, .hero-float, [data-parallax] { transform:none!important; }
}