/* Optional demo interactions: progressively enhanced and motion-aware. */
.style-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px;border:1px solid #8885;margin:24px auto 40px;max-width:1140px;border-radius:12px}.style-cta p{margin:0;font-size:16px}.style-cta a,.brief-copy{display:inline-flex;padding:12px 20px;border:1px solid currentColor;border-radius:6px;font:inherit;text-decoration:none;background:transparent;color:inherit}.style-cta a{background:#6350de;color:white;border-color:#6350de}.brief-box{margin:20px auto;max-width:650px;padding:18px;border:1px solid #ccc;border-radius:8px}.brief-box p{margin:0 0 12px}.brief-status{display:block;min-height:25px;font-size:14px}.effect-reveal{animation:reveal-in .7s cubic-bezier(.2,.7,.2,1) both}.effect-card{transition:transform .25s,box-shadow .25s,border-color .25s}.effect-car-image{width:100%;max-height:440px;object-fit:cover;border-radius:8px;margin-top:28px}.effect-car-image.effect-reveal{animation:car-uncover 1.1s cubic-bezier(.2,.7,.2,1) both}.photo-open{display:block!important;border:0!important;padding:0!important;width:100%;background:transparent!important;cursor:zoom-in!important;overflow:hidden;color:inherit}.photo-open img{transition:transform .5s}.photo-open:focus-visible{outline:3px solid #6350de;outline-offset:5px}.gallery-hint{font-size:14px;margin-bottom:24px}.photo-viewer{width:min(1120px,96vw);max-width:none;max-height:94dvh;padding:18px;background:#111;color:#fff;border:1px solid #555;border-radius:12px}.photo-viewer::backdrop{background:#000e}.photo-viewer img{width:100%;height:68dvh;object-fit:contain}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.photo-viewer button{font:inherit;padding:10px 18px;color:#fff;background:#222;border:1px solid #777;border-radius:6px;cursor:pointer;min-height:44px}.viewer-bottom{margin-top:14px}.viewer-caption{margin:0;font-size:16px}.compare-demo{padding:65px 24px;max-width:1160px;margin:auto}.compare-demo h2{font-size:clamp(28px,4vw,42px);line-height:1.3}.compare-stage{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;background:#e4e9e8;--split:50%}.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-stage .compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;left:var(--split);top:0;height:100%;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.compare-divider:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px;background:#173e36;border:2px solid white;border-radius:100%;color:white;font-size:24px}.compare-label{position:absolute;top:16px;padding:7px 14px;border-radius:20px;background:#142c29e6;color:white;font-size:14px;pointer-events:none}.compare-label.before{left:16px}.compare-label.after{right:16px}.compare-stage input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-stage:focus-within{outline:3px solid #6350de;outline-offset:5px}.compare-help{display:block;margin-top:14px;font-size:16px}.effect-scope{padding:18px 22px;border:1px solid #d4cfea;border-radius:10px;margin-top:24px;background:#fff;color:#24213c;font-size:15px}.effect-scope a{text-decoration:underline}.effect-scope p:last-child{margin-bottom:0}
@keyframes reveal-in{from{opacity:.15;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes car-uncover{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}
@media(hover:hover) and (pointer:fine){.effect-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0002}.photo-open:hover img{transform:scale(1.035)}.style-cta a:hover{background:#4933b2}.car-demo .effect-card:hover{border-color:#dcf175;box-shadow:0 14px 40px #a7bb631c}.car-demo .btn:hover{box-shadow:0 0 25px #dcf17540}}
@media(max-width:600px){.style-cta{margin:20px 18px;padding:20px}.style-cta a{width:100%;justify-content:center}.photo-viewer img{height:57dvh}.viewer-bottom{flex-wrap:wrap}.compare-stage{aspect-ratio:4/3}.compare-label{top:10px}.viewer-caption{order:3;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.effect-reveal,.effect-car-image.effect-reveal{animation:none!important}.effect-card,.photo-open img{transition:none!important}.effect-card:hover,.photo-open:hover img{transform:none!important}}