.construction-shell{width:min(1100px,calc(100% - 68px));margin:auto;min-height:100svh}.construction-site{position:relative;margin:32px auto 45px}.construction-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;align-items:center;padding:42px 0 20px}.construction-copy{position:relative;z-index:2}.construction-copy .breadcrumb{display:flex;min-width:0;font-size:13px;gap:10px;margin:0 0 24px}.part-label{font-size:20px;line-height:1.2}.construction-copy h1{font-family:var(--font-serif);font-size:clamp(48px,5vw,70px);line-height:1.2;letter-spacing:.015em;font-weight:600;margin:10px 0 12px;white-space:normal}.construction-copy h2{font-family:var(--font-serif);font-size:clamp(20px,2.2vw,27px);font-weight:600;line-height:1.5;letter-spacing:.015em;margin:0 0 24px}.construction-copy p{font-size:17px;line-height:1.85;margin:0}.construction-note{position:relative;background:#fffefa;margin:30px 0 0;padding:23px 26px;border:1px solid #e4e1d6;box-shadow:0 3px 2px #403b2210,0 15px 25px -20px #403b2260;transform:rotate(-1.5deg)}.construction-note p{font-size:16px;line-height:1.85}.note-pin{position:absolute;left:calc(50% - 33px);top:-14px;width:66px;height:28px;background:linear-gradient(100deg,#f8d93dc9,#fce573ae,#ebc835bd);border:1px solid #e5c24160;transform:rotate(5deg);box-shadow:0 1px 2px #58491f18}.site-tape{position:absolute;height:38px;background:linear-gradient(180deg,#ffffff40,transparent 35%,#79590025),repeating-linear-gradient(125deg,#f9ce30 0 27px,#252622 27px 49px,#f9ce30 49px 54px);border-top:1px solid #fff4a2;border-bottom:1px solid #ab841b;box-shadow:0 3px 3px #29250e18,0 12px 16px -9px #29250e40;pointer-events:none;display:flex;align-items:center;justify-content:center}.site-tape:after{content:"";position:absolute;inset:4px 0;border-top:1px dashed #ffffff55;border-bottom:1px dashed #00000018}.construction-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:100%;padding:0 25px;background:none;filter:url(#construction-label-envelope);font:600 16px/1 var(--font-sans);color:#252622;white-space:nowrap}.construction-label img{width:24px;height:24px}.tape-top{width:150%;left:-25%;top:-6px;transform:rotate(-2deg);z-index:3}.tape-bottom{width:150%;left:-25%;bottom:-30px;transform:rotate(2deg);z-index:3;height:30px}.phone-demo{margin:0;position:relative;min-width:0}.phone-stage{width:clamp(185px,calc((100svh - 270px)*.484),270px);max-width:100%;margin:auto}.phone-device{position:relative;width:100%;aspect-ratio:1311/2708;filter:drop-shadow(8px 13px 13px #353a3920)}.phone-device video{position:absolute;left:calc(53/1311*100%);top:calc(43/2708*100%);width:calc(1206/1311*100%);height:calc(2622/2708*100%);object-fit:contain;border-radius:15%/7%;background:#fff}.phone-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.demo-controls{display:flex;gap:12px;align-items:center;margin:15px 0 0;padding:6px 16px 6px 6px;border:1px solid #eaeae6;border-radius:30px;background:#f8f8f6;box-shadow:0 2px 5px #00000004}.demo-play{position:relative;width:34px;height:34px;border-radius:50%;background:#fff;flex-shrink:0;box-shadow:0 1px 4px #0000000d;transition:background .2s,box-shadow .2s,transform .2s}.demo-play:hover{background:#fff4c7;box-shadow:0 2px 6px #00000014}.demo-play:active{transform:scale(.94)}.demo-play .play-icon,.demo-play .pause-icon{position:absolute;inset:7px;display:block;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1)}.demo-play svg{display:block;width:100%;height:100%}.play-icon svg{fill:#252622}.pause-icon svg{fill:none;stroke:#252622;stroke-width:2.6;stroke-linecap:round}.demo-play .pause-icon,.demo-play[data-playing=true] .play-icon{opacity:0;transform:scale(.7)}.demo-play[data-playing=true] .pause-icon{opacity:1;transform:scale(1)}.demo-progress{--progress:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:32px;margin:0;cursor:pointer;background:transparent}.demo-progress::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,#252622 var(--progress),#deded9 var(--progress))}.demo-progress::-moz-range-track{height:3px;border-radius:4px;background:linear-gradient(to right,#252622 var(--progress),#deded9 var(--progress))}.demo-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#252622;margin-top:-3px;transition:box-shadow .2s}.demo-progress::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#252622;transition:box-shadow .2s}.demo-progress:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #25262212}.demo-progress:hover::-moz-range-thumb{box-shadow:0 0 0 4px #25262212}.demo-progress:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-play:disabled,.demo-progress:disabled{opacity:.4;cursor:default}.demo-replay{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 16px #0003;display:grid;place-items:center}.demo-replay img{width:26px;height:26px}.demo-replay:hover{background:#f9ce30}.construction-return{display:flex;justify-content:center;margin:-8px 0 0;padding:0 0 24px}.construction-return a{font:500 14px/1.4 var(--font-sans);padding:11px 20px;border:1px solid #deded9;border-radius:5px;background:#fff}.construction-return a:hover{background:#f9ce30;border-color:#e5bc28}@media(prefers-reduced-motion:reduce){.demo-play,.demo-play .play-icon,.demo-play .pause-icon{transition:none}}@media(min-width:1000px)and (min-aspect-ratio:4/3){.construction-shell{width:min(1100px,80%)}}@media(max-width:850px){.construction-layout{gap:32px}.construction-copy p{font-size:16px}.construction-note{padding:22px}.construction-note p{font-size:15px}.construction-copy h1{font-size:52px}}@media(max-width:650px){.construction-shell{width:calc(100% - 40px)}.construction-site{margin-top:27px}.construction-layout{grid-template-columns:1fr;gap:32px;padding:42px 0 15px}.construction-copy .breadcrumb{font-size:12px;gap:8px;margin-bottom:22px}.construction-copy h1{font-size:52px}.construction-copy h2{font-size:23px;margin-bottom:20px}.construction-copy p{font-size:17px}.construction-note{margin-top:28px;padding:23px}.construction-note p{font-size:16px}.phone-stage{width:min(260px,70vw)}.construction-return{margin-top:3px}.site-tape{height:32px}.construction-label{font-size:14px;padding:0 20px}.construction-label img{width:22px;height:22px}.tape-bottom{height:26px}}