.compact-home .new-hero{min-height:auto;padding:82px 0 72px}.compact-home .hero-message h1{font-size:clamp(54px,6.1vw,88px)}.compact-home .image-frame{aspect-ratio:1.2/1}.compact-home .hero-price-hook{margin-top:22px}.compact-transformation{padding:88px 0 78px}.compact-transformation .section-intro{margin-bottom:34px}.compact-transformation .laptop-comparison{max-width:760px;padding-bottom:30px}.compact-transformation .transformation-meta{max-width:920px;margin:26px auto 0}.compact-transformation .transformation-meta div{padding-top:18px}.compact-pricing{padding-top:72px!important}.compact-pricing .offer-plan{min-height:400px}.compact-showcase{padding:88px 0}.compact-showcase .showcase-heading{margin-bottom:36px}.compact-showcase .portfolio-grid{grid-template-columns:1.15fr .85fr}.compact-showcase .portfolio-card,.compact-showcase .portfolio-card.card-wide{aspect-ratio:4/3}.compact-home .home-faq{padding:88px 0}.compact-closing{padding:95px 0}.compact-closing h2{font-size:clamp(48px,6.2vw,80px)}
.compact-home .laptop-comparison{cursor:default}.compare-controls{display:flex;justify-content:center;gap:8px;margin-top:10px}.compare-controls button{min-width:120px;min-height:46px;padding:10px 20px;background:#fff;border:1px solid #9caeb6;color:#183441;font:700 13px/1 Geist,Arial,sans-serif;cursor:pointer;transition:.2s}.compare-controls button:hover,.compare-controls button:focus-visible{border-color:#087fa8;outline:2px solid rgba(8,127,168,.2)}.compare-controls button.active{background:#071b31;border-color:#071b31;color:#fff}.laptop-comparison[data-mode="before"] .laptop-before{opacity:1}.laptop-comparison[data-mode="before"] .after-label{opacity:0}.laptop-comparison[data-mode="before"] .before-label{opacity:1}.laptop-comparison[data-mode="after"] .laptop-before{opacity:0}.laptop-comparison[data-mode="after"] .after-label{opacity:1}.laptop-comparison[data-mode="after"] .before-label{opacity:0}
@media(hover:hover) and (pointer:fine){.laptop-comparison:hover .laptop-before{opacity:1}.laptop-comparison:hover .after-label{opacity:0}.laptop-comparison:hover .before-label{opacity:1}}
@media(hover:none){.laptop-comparison[data-mode="after"]:hover .laptop-before{opacity:0!important}.laptop-comparison[data-mode="after"]:hover .after-label{opacity:1!important}.laptop-comparison[data-mode="after"]:hover .before-label{opacity:0!important}.laptop-comparison[data-mode="before"]:hover .laptop-before{opacity:1!important}.laptop-comparison[data-mode="before"]:hover .after-label{opacity:0!important}.laptop-comparison[data-mode="before"]:hover .before-label{opacity:1!important}}
@media(max-width:760px){.compact-home .new-hero{padding:58px 0 38px}.compact-home .hero-message h1{font-size:clamp(45px,13vw,60px)}.compact-home .hero-message .hero-lead{margin-top:22px}.compact-home .hero-visual{display:none}.compact-home .trust-line{margin-top:24px}.compact-transformation{padding:62px 0 55px}.compact-transformation .section-intro h2{font-size:43px}.compact-transformation .section-intro>p:last-child{font-size:15px}.compare-controls{position:relative;z-index:5;margin-top:13px}.compare-controls button{flex:1;min-width:0}.compact-transformation .transformation-meta{margin-top:20px}.compact-transformation .transformation-meta div{padding:14px 0}.compact-pricing{padding-top:58px!important}.compact-showcase{padding:65px 0}.compact-showcase .portfolio-grid{grid-template-columns:1fr}.compact-showcase .portfolio-card:nth-child(2){display:none}.compact-home .home-faq{padding:65px 0}.compact-closing{padding:75px 0}.compact-home .site-footer{padding-top:50px;padding-bottom:50px}}

/* V18 offer presentation and corrected laptop construction */
.compact-home .hero-price-hook{grid-template-rows:auto auto auto}.compact-home .hero-price-hook strong{font-size:25px}.compact-home .hero-price-hook>b{grid-column:1;display:flex;align-items:center;gap:9px;margin-top:3px;font-size:12px}.compact-home .hero-price-hook del{color:#93a5b5;font-weight:600}.compact-home .hero-price-hook mark{padding:3px 7px;background:var(--cyan);color:var(--navy);font-weight:900}.compact-home .hero-price-hook>span{grid-row:1/4}
.compact-home .setup-deal{display:flex;align-items:center;gap:9px;margin-top:10px}.compact-home .setup-deal del{color:#93a8b8;font-weight:600}.compact-home .setup-deal mark{padding:5px 8px;background:var(--cyan);color:var(--navy);font-weight:900}.compact-home .sale-price{display:flex;align-items:baseline;gap:12px}.compact-home .sale-price del{color:#748791;font-size:.46em;font-weight:600;letter-spacing:0}.compact-home .sale-price span{font:inherit}
.compact-home .laptop-base{position:relative;z-index:1;left:auto;right:auto;bottom:auto;height:27px;margin:-1px -18px 0;background:linear-gradient(180deg,#d4d8dc,#7d8790 48%,#c6cbd0);border-radius:3px 3px 45% 45%}.compact-home .laptop-lid{z-index:2}.compact-home .laptop-comparison{padding-bottom:10px}
@media(max-width:760px){.compact-home .hero-price-hook strong{font-size:23px}.compact-home .laptop-base{height:21px;margin:-1px -4px 0}.compact-home .laptop-comparison{padding-bottom:4px}}

/* V20: keep the website preview unobstructed; comparison labels live below it */
.compare-controls button{display:flex;min-width:154px;flex-direction:column;align-items:center;gap:3px}.compare-controls button small{font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;opacity:.62}.compare-controls button strong{font-size:13px}.compare-controls button.active small{color:var(--cyan);opacity:1}.compare-controls button.active strong{color:#fff}

/* V21: looping screen recordings, cropped below the browser chrome */
.laptop-video-comparison .laptop-screen>video{position:absolute;z-index:1;left:0;top:-12%;width:100%;height:112%;object-fit:fill;background:#071121;transition:opacity .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}.laptop-video-comparison .laptop-before{z-index:2;opacity:0}.laptop-video-comparison[data-mode="before"] .laptop-before{opacity:1}.laptop-video-comparison[data-mode="after"] .laptop-before{opacity:0}@media(hover:hover) and (pointer:fine){.laptop-video-comparison:hover .laptop-before{opacity:1}}

/* V22: original stays still; crop the recorded browser scrollbar from the video */
.laptop-video-comparison .laptop-screen>video{left:0;width:calc(100% + 12px)}.laptop-video-comparison .laptop-screen>img.laptop-before{inset:0 -5px 0 0;width:calc(100% + 5px);height:100%;object-fit:cover;object-position:left top}