/* V101: HD image-led website mock-up pages. No computer frame. */
.page-website-previews main{overflow:hidden}.v101-mockup-page{min-height:100vh;padding:116px clamp(16px,3vw,42px) 70px;background:radial-gradient(circle at 12% 10%,rgba(55,201,255,.18),transparent 32%),radial-gradient(circle at 80% 8%,rgba(168,91,255,.24),transparent 38%),linear-gradient(180deg,#06111e 0%,#080715 55%,#02050c 100%);color:#f4f8ff;position:relative}.v101-mockup-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 80%);pointer-events:none}.v101-topline,.v101-layout{position:relative;z-index:1;max-width:1500px;margin-inline:auto}.v101-topline{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.v101-topline span,.v101-side-card>span{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:.72rem;color:#caa8ff}.v101-topline span:before,.v101-side-card>span:before{content:"";width:7px;height:7px;border-radius:99px;background:#55eaff;box-shadow:0 0 18px #55eaff}.v101-topline h1{font-size:clamp(2.25rem,4vw,4.7rem);letter-spacing:-.06em;line-height:.94;margin:10px 0 12px}.v101-topline p{max-width:820px;color:#b9c7e8;font-size:1.03rem;line-height:1.55;margin:0}.v101-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.v101-actions a{display:inline-flex;align-items:center;text-decoration:none;border-radius:999px;padding:12px 16px;font-weight:900;color:#eef7ff;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14)}.v101-actions a:last-child{background:linear-gradient(90deg,#55eaff,#b176ff);color:#06111d;border:0}.v101-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.v101-preview-stage{min-width:0;border:1px solid rgba(160,190,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border-radius:28px;padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)}.v101-stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:0 4px}.v101-stage-toolbar strong{display:block;font-size:1.02rem;letter-spacing:-.02em}.v101-stage-toolbar small{display:block;color:#9fb0d7;font-weight:700;margin-top:2px}.v101-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#dff9ff;font-size:.78rem;font-weight:900}.v101-status i{width:8px;height:8px;border-radius:999px;background:#54f0a1;box-shadow:0 0 16px #54f0a1}.v101-image-scroll{height:calc(100vh - 245px);min-height:620px;max-height:860px;overflow-y:auto;overflow-x:hidden;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);scroll-behavior:smooth}.v101-image-scroll img{display:block;width:100%;height:auto}.v101-image-scroll::-webkit-scrollbar,.v101-page-buttons::-webkit-scrollbar{width:10px}.v101-image-scroll::-webkit-scrollbar-track,.v101-page-buttons::-webkit-scrollbar-track{background:rgba(4,7,12,.35)}.v101-image-scroll::-webkit-scrollbar-thumb,.v101-page-buttons::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#55eaff,#b176ff);border-radius:999px}.v101-side-panel{display:grid;gap:14px;position:sticky;top:104px}.v101-side-card{border-radius:24px;padding:21px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border:1px solid rgba(160,178,255,.16);box-shadow:0 26px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.075)}.v101-side-card h2{margin:8px 0 15px;font-size:1.12rem;letter-spacing:-.03em;color:#f7fbff}.v101-page-buttons{display:grid;gap:10px;max-height:520px;overflow-y:auto;padding-right:4px}.v101-page-buttons a{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;text-decoration:none;color:#f6f9ff;padding:10px;border-radius:18px;background:rgba(255,255,255,.058);border:1px solid rgba(255,255,255,.1);transition:transform .18s ease,border-color .18s ease,background .18s ease}.v101-page-buttons a:hover{transform:translateX(-4px);border-color:rgba(85,234,255,.45);background:rgba(85,234,255,.12)}.v101-page-buttons a.active{border-color:#a05fff;background:linear-gradient(90deg,rgba(85,234,255,.16),rgba(160,95,255,.24));box-shadow:0 0 0 1px rgba(160,95,255,.2),0 12px 34px rgba(160,95,255,.14)}.v101-page-buttons img{grid-row:1/3;width:92px;height:62px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.13)}.v101-page-buttons b{font-size:.9rem;line-height:1.05}.v101-page-buttons small{font-size:.72rem;line-height:1.3;color:#9fb0d7}.v101-routing p{display:flex;align-items:center;gap:10px;margin:9px 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e9f2ff;font-weight:850;font-size:.84rem}.v101-routing p:before{content:"";width:8px;height:8px;border-radius:99px;background:#55eaff;box-shadow:0 0 14px #55eaff}.v101-next-sites a{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;color:#f3f8ff;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font-weight:850;font-size:.84rem}.v101-next-sites a small{display:block;color:#94a4cb;font-size:.68rem;text-align:right}.v101-next-sites a.active{color:#55eaff}@media(max-width:1180px){.v101-layout{grid-template-columns:1fr}.v101-side-panel{position:relative;top:auto}.v101-topline{align-items:flex-start;flex-direction:column}.v101-actions{justify-content:flex-start}.v101-image-scroll{height:720px;max-height:none}.v101-page-buttons{max-height:360px}}@media(max-width:720px){.v101-mockup-page{padding:98px 14px 44px}.v101-preview-stage{padding:12px;border-radius:20px}.v101-stage-toolbar{align-items:flex-start;flex-direction:column}.v101-image-scroll{min-height:520px;height:70vh;border-radius:14px}.v101-page-buttons a{grid-template-columns:78px 1fr}.v101-page-buttons img{width:78px;height:52px}.v101-topline h1{font-size:2.45rem}}