.construction-schedule-demo{--csd-navy:#1e2a5a;--csd-accent:#5b6ef5;--csd-cycle:9s;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -18px rgba(30,42,90,.35),0 4px 16px rgba(30,42,90,.08);border:1px solid #e2e7f5}.construction-schedule-demo *,.construction-schedule-demo :after,.construction-schedule-demo :before{box-sizing:border-box}.construction-schedule-demo .csd-bar{height:34px;background:#f1f3fa;border-bottom:1px solid #e2e7f5;display:flex;align-items:center;padding:0 14px;gap:6px}.construction-schedule-demo .csd-dot{width:10px;height:10px;border-radius:50%}.construction-schedule-demo .csd-dot:first-child{background:#ff5f57}.construction-schedule-demo .csd-dot:nth-child(2){background:#febc2e}.construction-schedule-demo .csd-dot:nth-child(3){background:#28c840}.construction-schedule-demo .csd-urlbar{margin-left:12px;flex:1;max-width:320px;height:20px;background:#fff;border:1px solid #e2e7f5;border-radius:6px;font-size:10px;color:#9aa3bd;display:flex;align-items:center;padding:0 10px}.construction-schedule-demo .csd-stage{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;background:#eef1f9}.construction-schedule-demo .csd-scene{position:absolute;inset:0;opacity:0;overflow:hidden}.construction-schedule-demo .csd-kb{position:absolute;inset:0;will-change:transform}.construction-schedule-demo .csd-scene-img{object-fit:fill}.construction-schedule-demo .csd-sc1{animation:csd-sc1 var(--csd-cycle) infinite}.construction-schedule-demo .csd-sc2{animation:csd-sc2 var(--csd-cycle) infinite}.construction-schedule-demo .csd-sc3{animation:csd-sc3 var(--csd-cycle) infinite}@keyframes csd-sc1{0%,27%{opacity:1}31%{opacity:0}96%{opacity:0}to{opacity:1}}@keyframes csd-sc2{0%,27%{opacity:0}31%,60%{opacity:1}64%,to{opacity:0}}@keyframes csd-sc3{0%,60%{opacity:0}64%,96%{opacity:1}to{opacity:0}}.construction-schedule-demo .csd-sc1 .csd-kb{animation:csd-kb1 var(--csd-cycle) cubic-bezier(.45,.05,.35,1) infinite}@keyframes csd-kb1{0%{transform:translateY(10.8%) scale(1.35)}12%{transform:translateY(8%) scale(1.35)}22%,to{transform:translate(-8.5%,-20.4%) scale(1.7)}}.construction-schedule-demo .csd-sc2 .csd-kb{animation:csd-kb2 var(--csd-cycle) infinite}@keyframes csd-kb2{0%,27%{transform:translate(-1.4%,16%) scale(1.32)}60%{transform:translate(-2.8%,16.6%) scale(1.38)}to{transform:translate(-2.8%,16.6%) scale(1.38)}}.construction-schedule-demo .csd-sc3 .csd-kb{animation:csd-kb3 var(--csd-cycle) infinite}@keyframes csd-kb3{0%,60%{transform:translate(1%,50%) scale(1.9)}70%{transform:translate(1%,58.7%) scale(2.2)}to{transform:translate(1%,58.7%) scale(2.2)}}.construction-schedule-demo .csd-ring{position:absolute;border:2px solid var(--csd-accent);border-radius:8px;box-shadow:0 0 0 4px rgba(91,110,245,.2);opacity:0;pointer-events:none}.construction-schedule-demo .csd-r1{left:56.3%;top:70.3%;width:10.3%;height:4.9%;animation:csd-ring1 var(--csd-cycle) infinite}@keyframes csd-ring1{0%,15%{opacity:0;transform:scale(1.25)}18%,27%{opacity:1;transform:scale(1)}30%,to{opacity:0}}.construction-schedule-demo .csd-cursor{position:absolute;width:14px;height:14px;z-index:5;opacity:0;animation:csd-cur1 var(--csd-cycle) infinite}.construction-schedule-demo .csd-cursor svg{width:100%;height:100%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}@keyframes csd-cur1{0%,6%{left:48%;top:52%;opacity:0}10%{opacity:1}19%{left:61.2%;top:72.4%;opacity:1}22%{left:61.5%;top:72.9%;transform:scale(.85)}24%{left:61.2%;top:72.4%;transform:scale(1);opacity:1}27%,to{opacity:0}}.construction-schedule-demo .csd-pulse{position:absolute;left:61.2%;top:72.4%;width:12px;height:12px;border-radius:50%;border:2.5px solid var(--csd-accent);opacity:0;animation:csd-pulse var(--csd-cycle) infinite;z-index:4}@keyframes csd-pulse{0%,21%{opacity:0;transform:scale(.4)}22%{opacity:.9;transform:scale(.6)}27%{opacity:0;transform:scale(2.8)}to{opacity:0}}.construction-schedule-demo .csd-wipe{position:absolute;left:19.5%;top:21%;width:67.5%;height:38%;background:#fbfbfd;transform-origin:right center;animation:csd-wipe var(--csd-cycle) infinite}@keyframes csd-wipe{0%,31%{transform:scaleX(1);opacity:1}55%{transform:scaleX(0);opacity:1}56%,to{transform:scaleX(0);opacity:0}}.construction-schedule-demo .csd-scanline{position:absolute;top:19%;height:42%;width:2px;border-radius:2px;background:var(--csd-accent);box-shadow:0 0 10px 2px rgba(91,110,245,.5);animation:csd-scan var(--csd-cycle) infinite;opacity:0}@keyframes csd-scan{0%,31%{left:19.5%;opacity:0}33%{opacity:1}54%{left:87%;opacity:1}56%,to{left:87%;opacity:0}}.construction-schedule-demo .csd-r3{left:43.5%;top:15%;width:17.6%;height:5.4%;border-radius:10px;animation:csd-ring3 var(--csd-cycle) infinite}@keyframes csd-ring3{0%,68%{opacity:0;transform:scale(1.15)}72%,92%{opacity:1;transform:scale(1)}95%,to{opacity:0}}.construction-schedule-demo .csd-badge,.construction-schedule-demo .csd-badge2{position:absolute;right:4%;top:6%;z-index:6;background:#12b76a;color:#fff;font-weight:800;font-size:clamp(11px,1.6vw,14px);padding:8px 16px;border-radius:999px;display:flex;align-items:center;gap:6px;box-shadow:0 6px 18px rgba(18,183,106,.4);opacity:0}.construction-schedule-demo .csd-badge{animation:csd-badge var(--csd-cycle) infinite}@keyframes csd-badge{0%,53%{opacity:0;transform:scale(.7)}56%{opacity:1;transform:scale(1.06)}58%{transform:scale(1)}60%{opacity:1}64%,to{opacity:0}}.construction-schedule-demo .csd-badge2{animation:csd-badge2 var(--csd-cycle) infinite}@keyframes csd-badge2{0%,85%{opacity:0;transform:scale(.7)}88%{opacity:1;transform:scale(1.06)}90%{transform:scale(1)}94%{opacity:1}97%,to{opacity:0}}.construction-schedule-demo .csd-caption{position:absolute;left:0;right:0;bottom:5.5%;z-index:6;pointer-events:none}.construction-schedule-demo .csd-cap{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(8px);background:rgba(20,28,60,.88);color:#fff;backdrop-filter:blur(4px);border-radius:10px;padding:10px 20px;font-size:clamp(12px,1.9vw,17px);font-weight:700;letter-spacing:.02em;opacity:0;white-space:nowrap}.construction-schedule-demo .csd-hl{color:#9db1ff}.construction-schedule-demo .csd-c1{animation:csd-cap1 var(--csd-cycle) infinite}.construction-schedule-demo .csd-c2{animation:csd-cap2 var(--csd-cycle) infinite}.construction-schedule-demo .csd-c3{animation:csd-cap3 var(--csd-cycle) infinite}@keyframes csd-cap1{0%{opacity:0;transform:translateX(-50%) translateY(8px)}26%,3%{opacity:1;transform:translateX(-50%) translateY(0)}30%,to{opacity:0}}@keyframes csd-cap2{0%,29%{opacity:0;transform:translateX(-50%) translateY(8px)}33%,59%{opacity:1;transform:translateX(-50%) translateY(0)}63%,to{opacity:0}}@keyframes csd-cap3{0%,62%{opacity:0;transform:translateX(-50%) translateY(8px)}66%,94%{opacity:1;transform:translateX(-50%) translateY(0)}98%,to{opacity:0}}@media (max-width:1024px){.construction-schedule-demo{box-shadow:0 12px 32px -12px rgba(30,42,90,.25),0 2px 8px rgba(30,42,90,.06)}.construction-schedule-demo .csd-cap{font-size:12px;line-height:150%;white-space:normal;text-align:center;width:calc(100% - 24px);padding:8px 12px}}@media (prefers-reduced-motion:reduce){.construction-schedule-demo *,.construction-schedule-demo :after,.construction-schedule-demo :before{animation:none!important}.construction-schedule-demo .csd-sc2{opacity:1}.construction-schedule-demo .csd-sc2 .csd-kb{transform:translateY(16%) scale(1.35)}.construction-schedule-demo .csd-badge,.construction-schedule-demo .csd-badge2,.construction-schedule-demo .csd-cursor,.construction-schedule-demo .csd-pulse,.construction-schedule-demo .csd-ring,.construction-schedule-demo .csd-scanline,.construction-schedule-demo .csd-wipe{display:none}.construction-schedule-demo .csd-c2{opacity:1;transform:translateX(-50%)}}