.WebsitePreview-module__kZiJrG__frame{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);aspect-ratio:16/10;background:#0a0a0a;border:1px solid #e1ff00b3;width:100%;position:relative;overflow:hidden;container-type:inline-size}.WebsitePreview-module__kZiJrG__frame[data-active=false] *{animation-play-state:paused}.WebsitePreview-module__kZiJrG__topbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:2.5rem;padding-inline:clamp(.75rem,2.4cqw,1.25rem);display:flex}.WebsitePreview-module__kZiJrG__topbarLabel,.WebsitePreview-module__kZiJrG__buildStatus,.WebsitePreview-module__kZiJrG__stage,.WebsitePreview-module__kZiJrG__cardLabel,.WebsitePreview-module__kZiJrG__cardMeta,.WebsitePreview-module__kZiJrG__browserBrand{text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.5rem,1.35cqw,.7rem);line-height:1.2}.WebsitePreview-module__kZiJrG__topbarLabel{color:#ffffff9e}.WebsitePreview-module__kZiJrG__buildStatus{color:#e1ff00;align-items:center;gap:.5rem;display:flex}.WebsitePreview-module__kZiJrG__statusDot{background:#e1ff00;width:.45rem;height:.45rem;animation:1.2s linear infinite WebsitePreview-module__kZiJrG__statusPulse}.WebsitePreview-module__kZiJrG__timeline{border-bottom:1px solid #ffffff1a;height:clamp(2.8rem,8cqw,3.7rem);padding:.7rem clamp(.75rem,2.4cqw,1.25rem) 0;position:relative}.WebsitePreview-module__kZiJrG__stageLabels{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.WebsitePreview-module__kZiJrG__stage{color:#ffffff52;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.WebsitePreview-module__kZiJrG__stage1{animation:12s linear infinite WebsitePreview-module__kZiJrG__stageOne}.WebsitePreview-module__kZiJrG__stage2{animation:12s linear infinite WebsitePreview-module__kZiJrG__stageTwo}.WebsitePreview-module__kZiJrG__stage3{animation:12s linear infinite WebsitePreview-module__kZiJrG__stageThree}.WebsitePreview-module__kZiJrG__stage4{animation:12s linear infinite WebsitePreview-module__kZiJrG__stageFour}.WebsitePreview-module__kZiJrG__progressTrack{background:#ffffff1f;height:1px;position:absolute;bottom:.55rem;left:clamp(.75rem,2.4cqw,1.25rem);right:clamp(.75rem,2.4cqw,1.25rem);overflow:hidden}.WebsitePreview-module__kZiJrG__progressFill{transform-origin:0;background:#e1ff00;width:100%;height:100%;animation:12s linear infinite WebsitePreview-module__kZiJrG__progressSequence;display:block;transform:scaleX(0)}.WebsitePreview-module__kZiJrG__workspace{background:#101010;position:absolute;inset:calc(2.5rem + clamp(2.8rem,8cqw,3.7rem)) 0 0;overflow:hidden}.WebsitePreview-module__kZiJrG__workspace:before,.WebsitePreview-module__kZiJrG__workspace:after{z-index:0;content:"";background:#ffffff0e;position:absolute}.WebsitePreview-module__kZiJrG__workspace:before{width:1px;top:0;bottom:0;left:31%}.WebsitePreview-module__kZiJrG__workspace:after{height:1px;top:54%;left:0;right:0}.WebsitePreview-module__kZiJrG__briefCard{z-index:5;opacity:0;width:31%;min-width:9.5rem;animation:WebsitePreview-module__kZiJrG__briefSequence 12s var(--ease-out) infinite;background:#141414;border:1px solid #e1ff00b3;flex-direction:column;gap:.5rem;padding:clamp(.65rem,2cqw,1rem);display:flex;position:absolute;top:7%;left:3%}.WebsitePreview-module__kZiJrG__briefCard strong{color:#fff;max-width:24ch;font-size:clamp(.68rem,1.8cqw,.95rem);line-height:1.35}.WebsitePreview-module__kZiJrG__cardLabel{color:#e1ff00}.WebsitePreview-module__kZiJrG__cardMeta{color:#ffffff73}.WebsitePreview-module__kZiJrG__browser{z-index:2;opacity:.45;animation:WebsitePreview-module__kZiJrG__browserSequence 12s var(--ease-in-out) infinite;background:#0a0a0a;border:1px solid #ffffff38;position:absolute;inset:8% 5% 10% 18%;overflow:hidden;transform:translateY(3%)scale(.97)}.WebsitePreview-module__kZiJrG__browserBar{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:clamp(1.45rem,4.4cqw,2rem);padding-inline:clamp(.5rem,1.8cqw,.8rem);display:flex}.WebsitePreview-module__kZiJrG__browserBrand{color:#ffffff80}.WebsitePreview-module__kZiJrG__browserControls{gap:clamp(.18rem,.7cqw,.35rem);display:flex}.WebsitePreview-module__kZiJrG__browserControls i{aspect-ratio:1;background:#ffffff47;width:clamp(.2rem,.7cqw,.34rem)}.WebsitePreview-module__kZiJrG__siteCanvas{position:absolute;inset:clamp(1.45rem,4.4cqw,2rem) 0 0;overflow:hidden}.WebsitePreview-module__kZiJrG__wireframe,.WebsitePreview-module__kZiJrG__finalPage{position:absolute;inset:0}.WebsitePreview-module__kZiJrG__wireframe{animation:WebsitePreview-module__kZiJrG__wireframeSequence 12s var(--ease-out) infinite;background:#111;padding:clamp(.65rem,2.2cqw,1.1rem)}.WebsitePreview-module__kZiJrG__wireNav{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;height:10%;display:flex}.WebsitePreview-module__kZiJrG__wireNav span{background:#ffffff47;width:16%;height:2px}.WebsitePreview-module__kZiJrG__wireNav span:nth-child(2){width:28%}.WebsitePreview-module__kZiJrG__wireHero{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr .9fr;align-items:center;gap:6%;height:67%;display:grid}.WebsitePreview-module__kZiJrG__wireCopy{flex-direction:column;gap:clamp(.3rem,1.2cqw,.6rem);display:flex}.WebsitePreview-module__kZiJrG__wireCopy i,.WebsitePreview-module__kZiJrG__wireCopy b,.WebsitePreview-module__kZiJrG__wireCopy span,.WebsitePreview-module__kZiJrG__wireMedia,.WebsitePreview-module__kZiJrG__wireProof span{background:#ffffff24;display:block}.WebsitePreview-module__kZiJrG__wireCopy i{width:38%;height:clamp(.18rem,.6cqw,.28rem)}.WebsitePreview-module__kZiJrG__wireCopy b{width:94%;height:clamp(.42rem,1.6cqw,.8rem)}.WebsitePreview-module__kZiJrG__wireCopy b:nth-child(3){width:72%}.WebsitePreview-module__kZiJrG__wireCopy span{background:#e1ff008c;width:42%;height:clamp(.7rem,2.6cqw,1.25rem);margin-top:.3rem}.WebsitePreview-module__kZiJrG__wireMedia{background:#ffffff14;border:1px solid #fff3;height:70%}.WebsitePreview-module__kZiJrG__wireProof{grid-template-columns:repeat(3,1fr);align-items:center;gap:6%;height:23%;display:grid}.WebsitePreview-module__kZiJrG__wireProof span{height:30%}.WebsitePreview-module__kZiJrG__finalPage{opacity:0;clip-path:inset(0 0 100%);animation:WebsitePreview-module__kZiJrG__finalPageSequence 12s var(--ease-in-out) infinite;background:#0a0a0a;overflow:hidden}.WebsitePreview-module__kZiJrG__siteNav{z-index:3;color:#fff;background:#0a0a0a;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:15%;padding-inline:4%;display:flex;position:relative}.WebsitePreview-module__kZiJrG__siteNav strong{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(.55rem,1.8cqw,.9rem);font-weight:400}.WebsitePreview-module__kZiJrG__siteNav span{color:#ffffff94;letter-spacing:.08em;font-size:clamp(.32rem,.9cqw,.5rem)}.WebsitePreview-module__kZiJrG__siteHero{position:absolute;inset:15% 0 0;overflow:hidden}.WebsitePreview-module__kZiJrG__siteImage,.WebsitePreview-module__kZiJrG__phoneImage{object-fit:cover}.WebsitePreview-module__kZiJrG__siteImage{object-position:center 44%}.WebsitePreview-module__kZiJrG__siteShade,.WebsitePreview-module__kZiJrG__phoneShade{background:#0a0a0a9e;position:absolute;inset:0}.WebsitePreview-module__kZiJrG__siteCopy{z-index:2;flex-direction:column;align-items:flex-start;width:55%;display:flex;position:absolute;top:16%;left:7%}.WebsitePreview-module__kZiJrG__siteCopy>span,.WebsitePreview-module__kZiJrG__phoneCopy>span{color:#e1ff00;letter-spacing:.12em;font-size:clamp(.34rem,1cqw,.55rem)}.WebsitePreview-module__kZiJrG__siteCopy>strong{max-width:15ch;font-family:var(--font-display);letter-spacing:.01em;color:#fff;margin-top:.4rem;font-size:clamp(.85rem,3.2cqw,1.75rem);font-weight:400;line-height:.98}.WebsitePreview-module__kZiJrG__siteCopy>small{color:#ffffffad;max-width:30ch;margin-top:.45rem;font-size:clamp(.34rem,1cqw,.55rem);line-height:1.4}.WebsitePreview-module__kZiJrG__siteCopy>b,.WebsitePreview-module__kZiJrG__phoneCopy>b{font-family:var(--font-display);color:#0a0a0a;background:#e1ff00;margin-top:.55rem;padding:clamp(.25rem,.8cqw,.4rem) clamp(.4rem,1.2cqw,.7rem);font-size:clamp(.48rem,1.35cqw,.72rem);font-weight:400}.WebsitePreview-module__kZiJrG__phone{z-index:4;opacity:0;width:22%;height:68%;animation:WebsitePreview-module__kZiJrG__phoneSequence 12s var(--ease-out) infinite;background:#0a0a0a;border:1px solid #ffffff70;position:absolute;top:12%;right:3%;overflow:hidden;transform:translateY(10%)scale(.96)}.WebsitePreview-module__kZiJrG__phoneBar{z-index:3;background:#0a0a0a;border-bottom:1px solid #ffffff1f;height:7%;position:relative}.WebsitePreview-module__kZiJrG__phoneBar:after{content:"";background:#ffffff47;width:24%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.WebsitePreview-module__kZiJrG__phoneScreen{position:absolute;inset:7% 0 0;overflow:hidden}.WebsitePreview-module__kZiJrG__phoneImage{object-position:60% center}.WebsitePreview-module__kZiJrG__phoneShade{background:#0a0a0aa8}.WebsitePreview-module__kZiJrG__phoneCopy{z-index:2;flex-direction:column;align-items:flex-start;width:80%;display:flex;position:absolute;top:16%;left:10%}.WebsitePreview-module__kZiJrG__phoneCopy>span{font-size:clamp(.25rem,.75cqw,.4rem)}.WebsitePreview-module__kZiJrG__phoneCopy>strong{max-width:8ch;font-family:var(--font-display);margin-top:.35rem;font-size:clamp(.6rem,2.3cqw,1.2rem);font-weight:400;line-height:1}.WebsitePreview-module__kZiJrG__phoneCopy>b{margin-top:.5rem;font-size:clamp(.32rem,.9cqw,.5rem)}.WebsitePreview-module__kZiJrG__techDock{z-index:6;opacity:0;animation:WebsitePreview-module__kZiJrG__dockSequence 12s var(--ease-out) infinite;background:#141414;border:1px solid #e1ff00a8;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;bottom:4%;left:9%;right:9%;transform:translateY(100%)}.WebsitePreview-module__kZiJrG__techDock span{color:#ffffffb8;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:clamp(.4rem,1.2cqw,.65rem) .4rem;font-size:clamp(.42rem,1.1cqw,.6rem);overflow:hidden}.WebsitePreview-module__kZiJrG__techDock span+span{border-left:1px solid #ffffff1f}.WebsitePreview-module__kZiJrG__contactCard{z-index:7;opacity:0;animation:WebsitePreview-module__kZiJrG__contactSequence 12s var(--ease-out) infinite;background:#141414;border:1px solid #e1ff00b8;align-items:center;gap:clamp(.4rem,1.2cqw,.65rem);padding:clamp(.45rem,1.4cqw,.75rem);display:flex;position:absolute;top:5%;right:3%;transform:translateY(-25%)scale(.96)}.WebsitePreview-module__kZiJrG__contactDot{aspect-ratio:1;background:#e1ff00;width:clamp(.4rem,1.1cqw,.6rem)}.WebsitePreview-module__kZiJrG__contactCard>span:last-child{color:#fff;flex-direction:column;font-size:clamp(.48rem,1.25cqw,.68rem);line-height:1.35;display:flex}.WebsitePreview-module__kZiJrG__contactCard small{color:#ffffff73}@keyframes WebsitePreview-module__kZiJrG__statusPulse{0%,48%{opacity:1}50%,to{opacity:.25}}@keyframes WebsitePreview-module__kZiJrG__progressSequence{0%{transform:scaleX(0)}94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes WebsitePreview-module__kZiJrG__stageOne{0%,22%{color:#e1ff00}28%,to{color:#ffffff52}}@keyframes WebsitePreview-module__kZiJrG__stageTwo{0%,19%,51%,to{color:#ffffff52}25%,45%{color:#e1ff00}}@keyframes WebsitePreview-module__kZiJrG__stageThree{0%,43%,75%,to{color:#ffffff52}49%,69%{color:#e1ff00}}@keyframes WebsitePreview-module__kZiJrG__stageFour{0%,67%,to{color:#ffffff52}73%,94%{color:#e1ff00}}@keyframes WebsitePreview-module__kZiJrG__briefSequence{0%{opacity:0;transform:translate(-8%,8%)}4%,19%{opacity:1;transform:translate(0)}25%,to{opacity:0;transform:translateY(-15%)}}@keyframes WebsitePreview-module__kZiJrG__browserSequence{0%{opacity:.45;transform:translateY(3%)scale(.97)}10%,55%{opacity:1;transform:translate(0)scale(1)}64%,94%{opacity:1;transform:translate(-8%)scale(.86)}98%{opacity:0;transform:translate(-8%)scale(.86)}to{opacity:.45;transform:translateY(3%)scale(.97)}}@keyframes WebsitePreview-module__kZiJrG__wireframeSequence{0%,35%{opacity:1}43%,to{opacity:0}}@keyframes WebsitePreview-module__kZiJrG__finalPageSequence{0%,32%{opacity:0;clip-path:inset(0 0 100%)}45%,94%{opacity:1;clip-path:inset(0)}98%,to{opacity:0;clip-path:inset(0)}}@keyframes WebsitePreview-module__kZiJrG__phoneSequence{0%,55%{opacity:0;transform:translateY(10%)scale(.96)}66%,94%{opacity:1;transform:translateY(0)scale(1)}98%,to{opacity:0;transform:translateY(10%)scale(.96)}}@keyframes WebsitePreview-module__kZiJrG__dockSequence{0%,66%{opacity:0;transform:translateY(100%)}76%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(100%)}}@keyframes WebsitePreview-module__kZiJrG__contactSequence{0%,78%{opacity:0;transform:translateY(-25%)scale(.96)}86%,94%{opacity:1;transform:translateY(0)scale(1)}98%,to{opacity:0;transform:translateY(-25%)scale(.96)}}@container (max-width:34rem){.WebsitePreview-module__kZiJrG__workspace:before{left:50%}.WebsitePreview-module__kZiJrG__briefCard{width:58%;top:4%}.WebsitePreview-module__kZiJrG__browser{inset:12% 4% 9%}.WebsitePreview-module__kZiJrG__phone{width:29%;height:56%;top:24%;right:4%}.WebsitePreview-module__kZiJrG__siteNav span{display:none}.WebsitePreview-module__kZiJrG__siteCopy{width:64%}.WebsitePreview-module__kZiJrG__techDock{left:4%;right:4%}.WebsitePreview-module__kZiJrG__contactCard{top:3%}}@media (max-width:639px){.WebsitePreview-module__kZiJrG__frame{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.WebsitePreview-module__kZiJrG__statusDot,.WebsitePreview-module__kZiJrG__stage,.WebsitePreview-module__kZiJrG__progressFill,.WebsitePreview-module__kZiJrG__briefCard,.WebsitePreview-module__kZiJrG__browser,.WebsitePreview-module__kZiJrG__wireframe,.WebsitePreview-module__kZiJrG__finalPage,.WebsitePreview-module__kZiJrG__phone,.WebsitePreview-module__kZiJrG__techDock,.WebsitePreview-module__kZiJrG__contactCard{animation:none}.WebsitePreview-module__kZiJrG__stage{color:#ffffff73}.WebsitePreview-module__kZiJrG__stage4{color:#e1ff00}.WebsitePreview-module__kZiJrG__progressFill{transform:scaleX(1)}.WebsitePreview-module__kZiJrG__briefCard,.WebsitePreview-module__kZiJrG__wireframe{opacity:0}.WebsitePreview-module__kZiJrG__browser{opacity:1;transform:translate(-8%)scale(.86)}.WebsitePreview-module__kZiJrG__finalPage{opacity:1;clip-path:inset(0)}.WebsitePreview-module__kZiJrG__phone,.WebsitePreview-module__kZiJrG__techDock,.WebsitePreview-module__kZiJrG__contactCard{opacity:1;transform:translate(0)scale(1)}}
