/* Short border light, contained within the existing dialog geometry. */
.project-dialog.border-sweep:after{content:'';position:absolute;top:0;left:0;width:24%;height:2px;background:linear-gradient(90deg,transparent,#d4e7ff,transparent);pointer-events:none;animation:border-travel .9s ease-in-out both}@keyframes border-travel{0%{left:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:76%;opacity:0}}
.mobile-timeline{display:none}.compare-dialog{width:min(1000px,94vw);padding-top:62px}.compare-dialog h2{font-size:32px;line-height:1.2}.compare-disclosure,.compare-hint{font-size:13px;color:#afc2da;line-height:1.8}.compare-labels{display:flex;justify-content:space-between;font-size:12px;color:#cbddf5;margin:20px 0 10px;direction:ltr}.compare-labels span{direction:rtl}.compare-stage{--split:50%;position:relative;aspect-ratio:4/3;max-height:48dvh;border:1px solid var(--ui-border);border-radius:10px;overflow:hidden;background:#050b13}.compare-design,.compare-wire{position:absolute;inset:0}.compare-stage svg{width:100%;height:100%;display:block}.compare-wire{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#0e1b2b}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#c4defe;pointer-events:none}.compare-control{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-top:20px}#compare-range{width:100%;height:44px;direction:ltr;accent-color:#b9d6fa;cursor:ew-resize}.compare-hint{margin:0}.interactive-cta>span{will-change:translate}
@media(max-width:767px){.compare-dialog{width:calc(100vw - 20px);padding:64px 16px 22px}.compare-dialog h2{font-size:27px}.compare-disclosure{font-size:12px}.compare-stage{aspect-ratio:4/3;max-height:none}.compare-labels{font-size:11px}.compare-control{font-size:13px}.reduced .timeline-step{opacity:1;transition:none}.reduced #craft .craft-heading{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){.border-sweep:after{display:none}.timeline-step{opacity:1;transition:none}}.reduced .border-sweep:after{display:none}
.compare-stage{width:min(100%,64dvh);max-height:none;margin-inline:auto}
@supports(offset-path:inset(1px)){.project-dialog.border-sweep:after{left:0;top:0;width:80px;offset-path:inset(1px round 18px);animation:border-circuit 1.1s ease-in-out both}@keyframes border-circuit{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}}