/* V102: laptop-screen presentation for HD construction mock-up pages. */
.page-website-previews .v101-mockup-page{padding-top:112px;background:radial-gradient(circle at 10% 8%,rgba(55,201,255,.16),transparent 30%),radial-gradient(circle at 86% 10%,rgba(168,91,255,.22),transparent 40%),linear-gradient(180deg,#071321 0%,#080817 55%,#02050c 100%)}
.page-website-previews .v101-layout{grid-template-columns:minmax(0,1fr) 345px;gap:24px;max-width:1500px}.page-website-previews .v101-topline{margin-bottom:18px}.page-website-previews .v101-topline h1{font-size:clamp(2rem,3.2vw,3.8rem)}.page-website-previews .v101-topline p{font-size:.98rem;max-width:780px}.page-website-previews .v101-preview-stage{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.page-website-previews .v101-stage-toolbar{padding:0 6px;margin-bottom:12px}.v102-laptop-shell{position:relative;width:min(100%,1080px);margin-inline:auto;padding:18px 18px 0;border-radius:26px;background:linear-gradient(145deg,#040506,#10151c 38%,#050608);box-shadow:0 38px 120px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.12)}.v102-laptop-lid{position:relative;padding:23px 23px 20px;border-radius:18px 18px 9px 9px;background:linear-gradient(145deg,#030405,#090b10 48%,#1a1e25);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -18px 38px rgba(255,255,255,.035)}.v102-laptop-lid:before{content:"";position:absolute;inset:8px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 18%,transparent 72%,rgba(255,255,255,.06));pointer-events:none;mix-blend-mode:screen;opacity:.52}.v102-camera{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:999px;background:#0a0d12;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px rgba(55,201,255,.12),0 0 12px rgba(0,0,0,.85);z-index:4}.page-website-previews .v101-image-scroll.v102-laptop-screen{position:relative;z-index:2;height:clamp(470px,54vw,640px);min-height:0;max-height:none;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 6px #050609,0 20px 50px rgba(0,0,0,.42);overflow-y:auto;overflow-x:hidden}.page-website-previews .v101-image-scroll.v102-laptop-screen img{width:100%;height:auto;display:block}.v102-laptop-hinge{height:16px;margin:0 52px;background:linear-gradient(90deg,#050608,#555b63 13%,#d3d6da 50%,#565d65 87%,#050608);border-radius:0 0 18px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.v102-laptop-base{height:116px;margin:0 -42px 0;border-radius:0 0 46px 46px;background:linear-gradient(180deg,#d9dde2 0%,#9fa5ad 34%,#6d737b 64%,#22262d 100%);box-shadow:0 28px 58px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.9);position:relative}.v102-laptop-base:before{content:"";position:absolute;left:7%;right:7%;top:16px;height:30px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(12,15,19,.82) 0 22px,rgba(255,255,255,.12) 23px 24px),linear-gradient(180deg,#1a1d22,#07080b);opacity:.6;box-shadow:0 1px 0 rgba(255,255,255,.35)}.v102-trackpad{position:absolute;left:50%;top:56px;transform:translateX(-50%);width:156px;height:38px;border-radius:8px;background:linear-gradient(180deg,#a8adb5,#7c828b);border:1px solid rgba(0,0,0,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.v102-laptop-base:after{content:"";position:absolute;left:22%;right:22%;bottom:-9px;height:13px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,#16191f 12%,#4b5058 50%,#16191f 88%,transparent);filter:blur(.2px)}.v102-scroll-note{margin:18px 0 0;text-align:center;color:#93a3ca;font-size:.84rem;font-weight:700}.page-website-previews .v101-side-panel{top:100px}.page-website-previews .v101-side-card{border-radius:22px;padding:18px}.page-website-previews .v101-page-buttons{max-height:460px}.page-website-previews .v101-page-buttons a{grid-template-columns:86px minmax(0,1fr);padding:9px}.page-website-previews .v101-page-buttons img{width:86px;height:58px}.page-website-previews .v101-routing p{padding:10px 12px;margin:8px 0}.page-website-previews .site-header{max-width:1360px}@media(max-width:1180px){.page-website-previews .v101-layout{grid-template-columns:1fr}.page-website-previews .v101-side-panel{position:relative;top:auto}.v102-laptop-shell{width:100%;padding:14px 14px 0}.v102-laptop-lid{padding:18px}.v102-laptop-base{margin-inline:-26px;height:100px}.page-website-previews .v101-image-scroll.v102-laptop-screen{height:620px}.page-website-previews .v101-page-buttons{max-height:330px}}@media(max-width:720px){.page-website-previews .v101-mockup-page{padding:96px 12px 42px}.v102-laptop-shell{padding:9px 9px 0;border-radius:18px}.v102-laptop-lid{padding:12px;border-radius:14px}.page-website-previews .v101-image-scroll.v102-laptop-screen{height:68vh;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 4px #050609}.v102-laptop-base{height:70px;margin-inline:-12px;border-radius:0 0 28px 28px}.v102-laptop-base:before{top:10px;height:20px}.v102-trackpad{top:38px;width:102px;height:23px}.v102-laptop-hinge{height:10px;margin-inline:28px}.page-website-previews .v101-stage-toolbar{align-items:flex-start;flex-direction:column}.v102-scroll-note{font-size:.76rem}}