.laptop-story{position:relative;height:190svh;min-height:1100px;--lid-angle:0deg;--screen-light:1;--copy-opacity:1;--intro-opacity:1;--copy-shift:0px;--device-scale:1}
.laptop-stage{position:sticky;top:0;height:100svh;min-height:600px;max-height:1200px;display:flex;align-items:center;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#123e564d,transparent 60%)}
.laptop-intro{text-align:center;position:absolute;top:5%;left:16px;right:16px;z-index:2;opacity:var(--intro-opacity)}.website-page .laptop-intro h1{font:700 clamp(32px,3.6vw,53px)/1.08 Arial,sans-serif;letter-spacing:-1.7px;margin:14px 0;color:#edf7ff}.laptop-intro h1 em{color:#52dceb;font-style:normal}.laptop-intro>p{font-size:15px;line-height:1.5;color:#accbde;margin:0}.laptop-kicker{color:#8fb7d1;font-size:10px;letter-spacing:2.5px}
.laptop-device{position:relative;width:min(760px,75vw);aspect-ratio:1.52;margin-top:80px;perspective:1600px;transform:scale(var(--device-scale));transform-origin:center 65%}
.laptop-glow{position:absolute;inset:15% -10% -15%;border-radius:50%;background:radial-gradient(ellipse,#22dce328,transparent 65%);filter:blur(30px);z-index:-1}
.laptop-lid{position:absolute;inset:0 3% 8%;transform:rotateX(var(--lid-angle));transform-origin:50% 100%;transform-style:preserve-3d;background:linear-gradient(135deg,#7593a6,#152e43 25%,#5c7795 70%,#9ebcca);border:1px solid #8caec6;border-radius:22px 22px 9px 9px;padding:10px 10px 19px;box-shadow:0 -1px 0 #d3f3ff70,0 0 0 2px #071525,0 24px 65px #0005;will-change:transform}
.laptop-lid::before{content:'';position:absolute;inset:4px;border:1px solid #243b50;border-radius:18px 18px 6px 6px;pointer-events:none}.laptop-camera{position:absolute;top:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#061522;box-shadow:0 0 0 2px #29455a;z-index:3}
.laptop-screen{height:100%;overflow:hidden;border-radius:12px 12px 3px 3px;position:relative;background:#021018;border:1px solid #102535;display:grid;place-items:center;color:#eef7ff}
.screen-aurora{position:absolute;inset:0;opacity:var(--screen-light);background:radial-gradient(ellipse at 15% 100%,#663bcf9e,transparent 66%),radial-gradient(ellipse at 95% 5%,#00c8d787,transparent 64%),linear-gradient(145deg,#0c1735,#071e2d)}
.screen-aurora::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,#bee8ff0b 50%,transparent 65%)}.laptop-screen-copy{text-align:center;position:relative;padding:24px;opacity:var(--copy-opacity);transform:translateY(var(--copy-shift));z-index:1}.screen-brand{display:flex;justify-content:center;align-items:center;gap:10px;font:700 21px Arial,sans-serif;color:#81e1ee;margin-bottom:23px}.screen-brand img{width:43px;height:37px;object-fit:contain}.screen-brand span{background:linear-gradient(90deg,#bc87fc,#4ddbe8);background-clip:text;color:transparent}.laptop-screen-copy strong{display:block;font:700 clamp(27px,4vw,53px)/1.1 Arial,sans-serif;letter-spacing:-1.7px}.laptop-screen-copy em{display:block;color:#5ae4ec;font-style:normal}.laptop-screen-copy p{font:12px Arial,sans-serif;color:#bad0e3;letter-spacing:1px;margin:25px 0 0}
.laptop-base{position:absolute;left:0;right:0;bottom:0;height:8.5%;background:linear-gradient(#8ca9bc,#3c566c 30%,#9aafbd 34%,#c2d2dd 53%,#6b8296 90%,#172e44);clip-path:polygon(3% 0,97% 0,100% 70%,98% 100%,2% 100%,0 70%);border-radius:0 0 28px 28px;box-shadow:0 20px 40px #0008}.laptop-base::before{content:'';display:block;width:15%;height:22%;background:linear-gradient(#263f53,#6f8c9f);margin:auto;border-radius:0 0 8px 8px}.laptop-base::after{content:'';position:absolute;left:4%;right:4%;bottom:12%;height:1px;background:#11283b80}.laptop-shadow{position:absolute;bottom:-8%;left:4%;right:4%;height:10%;border-radius:50%;background:#0009;filter:blur(15px);z-index:-1}
.laptop-bottom{position:absolute;bottom:4%;left:16px;right:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 28px}.laptop-scroll-hint{color:#9cbdd4;font-size:12px;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.scroll-track{width:68px;height:3px;border-radius:3px;background:#25445a;overflow:hidden}.scroll-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#af81ed,#48e0e9);transform:scaleX(var(--scroll-progress,0));transform-origin:left}.laptop-bottom .primary{background:linear-gradient(100deg,#c8e9ff,#bfd5f6);border-radius:25px;color:#10283e;padding:10px 22px;font-size:13px}.laptop-bottom>a:last-child{font-size:13px;color:#b4d2e5;text-decoration:underline;text-underline-offset:4px}.laptop-followup{padding-block:25px 35px;text-align:center}.laptop-followup p{font-size:17px;line-height:1.7;color:#bfd6e5;max-width:720px;margin:0 auto 22px}.website-page .laptop-followup .benefits{margin-top:25px}
@media(max-width:700px){.laptop-story{height:160svh;min-height:1000px}.laptop-stage{min-height:590px}.laptop-intro{top:7%}.website-page .laptop-intro h1{font-size:34px;letter-spacing:-1px}.laptop-intro>p{font-size:13px}.laptop-device{width:94vw;margin-top:80px;perspective:950px}.laptop-lid{padding:6px 6px 11px;border-radius:13px 13px 5px 5px}.laptop-lid::before{border-radius:10px}.laptop-screen{border-radius:8px 8px 2px 2px}.laptop-camera{top:2px;width:3px;height:3px}.screen-brand{font-size:16px;gap:6px;margin-bottom:14px}.screen-brand img{width:27px;height:25px}.laptop-screen-copy{padding:10px}.laptop-screen-copy strong{font-size:clamp(23px,6.6vw,38px);letter-spacing:-.8px}.laptop-screen-copy p{font-size:9px;letter-spacing:.5px;margin-top:16px}.laptop-bottom{bottom:6%;gap:18px}.laptop-scroll-hint{flex-basis:100%;justify-content:center}.laptop-followup p{font-size:15px}.laptop-base{border-radius:0 0 14px 14px}}
@media(prefers-reduced-motion:reduce){.laptop-story{height:auto;min-height:0}.laptop-stage{position:relative;height:auto;min-height:680px}.laptop-lid{transform:none!important;will-change:auto}.laptop-device{transform:none!important}.laptop-screen-copy{opacity:1!important;transform:none!important}.screen-aurora{opacity:1!important}.laptop-scroll-hint{display:none}.laptop-intro{opacity:1!important}}
.laptop-story:not(.scroll-ready){height:auto;min-height:0}.laptop-story:not(.scroll-ready) .laptop-stage{position:relative;min-height:760px}.laptop-story:not(.scroll-ready) .laptop-scroll-hint{display:none}
.website-page .laptop-story{height:auto;min-height:0}.laptop-runway{height:60svh;pointer-events:none}.laptop-story #pakiety{position:relative;z-index:4;background:linear-gradient(#041b2900,#041b29 130px);padding-top:80px}.laptop-story #pakiety>.section{padding-top:30px}.laptop-story:not(.scroll-ready) .laptop-runway{display:none}
@media(prefers-reduced-motion:reduce){.laptop-runway{display:none}.laptop-story #pakiety{padding-top:0}}
@media(max-height:650px) and (min-width:701px){.laptop-device{width:min(550px,65vw);margin-top:85px}.website-page .laptop-intro h1{font-size:32px}.laptop-stage{min-height:560px}.screen-brand{margin-bottom:10px}.laptop-screen-copy strong{font-size:36px}}
/* Photographic device v2. Hinge and screen measured against 1536 x 1024 asset. */
.laptop-device{width:min(960px,96vw);aspect-ratio:1.5;margin-top:75px;transform-origin:50% 76%}
.laptop-lid{inset:0;padding:0;border:0;border-radius:0;box-shadow:none;background:url('/home/laptop-real-v2.webp') center/100% 100% no-repeat;clip-path:polygon(12.6% 8.1%,87.3% 8.1%,87.3% 76.2%,12.6% 76.2%);transform-origin:50% 76.2%;z-index:2}
.laptop-lid::before,.laptop-camera,.laptop-base::before,.laptop-base::after{display:none}
.laptop-screen{position:absolute;left:13.9%;right:14%;top:11.5%;height:61.5%;border-radius:0;border:0;background:#02070c}
.screen-aurora{background:radial-gradient(ellipse at 8% 95%,#6730bd65,transparent 65%),radial-gradient(ellipse at 94% 5%,#0084945c,transparent 60%),#040d18}
.laptop-base{inset:0;height:auto;border-radius:0;box-shadow:none;background:url('/home/laptop-real-v2.webp') center/100% 100% no-repeat;clip-path:polygon(12.6% 76%,87.3% 76%,95% 85.4%,95% 91%,5% 91%,5% 85.4%);z-index:1}
.laptop-shadow{bottom:5%;left:9%;right:9%;height:5%;filter:blur(14px)}
.laptop-screen-copy strong{font-size:clamp(28px,3.6vw,49px)}.laptop-screen-copy p{margin-top:18px}.screen-brand{margin-bottom:20px}
@media(max-width:700px){.laptop-device{width:106vw;margin-top:60px;flex-shrink:0}.laptop-screen-copy strong{font-size:clamp(22px,6vw,35px)}.laptop-screen-copy p{font-size:8px;margin-top:12px}.screen-brand{font-size:14px;margin-bottom:12px}.screen-brand img{width:24px;height:22px}.laptop-screen-copy{padding:10px}}
@media(max-height:650px) and (min-width:701px){.laptop-device{width:min(690px,80vw);margin-top:85px}.laptop-screen-copy strong{font-size:31px}.screen-brand{font-size:16px;margin-bottom:10px}.screen-brand img{width:30px;height:26px}}
/* The outer lid covers the keyboard when shut; it must exist before scrolling. */
.laptop-closed-shell{position:absolute;left:5%;right:5%;top:75.8%;height:10.7%;z-index:3;opacity:var(--closed-opacity,0);clip-path:polygon(8.4% 0,91.6% 0,100% 100%,0 100%);background:linear-gradient(104deg,#6aa3bf 0%,#8595a5 20%,#4e6174 48%,#8290a7 78%,#ad91d2 100%);pointer-events:none}
.laptop-closed-shell::before{content:'';position:absolute;inset:1px;background:linear-gradient(175deg,#c6d8e22b,transparent 45%,#071c332b);border-bottom:2px solid #ccdde5aa}.laptop-closed-shell::after{content:'';position:absolute;left:35%;right:35%;top:28%;height:36%;background:url('/brand/sovfly-bird-transparent.png') center/contain no-repeat;opacity:.32;transform:scaleY(.55)}
.laptop-story:not(.scroll-ready) .laptop-closed-shell{display:none}
@media(prefers-reduced-motion:reduce){.laptop-closed-shell{display:none}}
/* One continuous projected hinge plane. Front and back share identical corners. */
.laptop-device{perspective:none}
.laptop-lid,.laptop-closed-shell{left:12.6%;right:auto;top:76.2%;bottom:auto;width:74.7%;height:68.1%;transform-origin:0 0;transform:var(--hinge-transform,translateY(-100%));clip-path:none;border-radius:14px 14px 2px 2px;will-change:transform;opacity:1}
.laptop-lid{visibility:var(--front-visible,visible);background-size:133.869% 146.843%;background-position:49.803% 25.392%;overflow:hidden;transform-style:flat;border:0;box-shadow:none}
.laptop-screen{left:1.74%;right:1.65%;top:4.99%;height:90.3%;border-radius:0}
.laptop-closed-shell{visibility:var(--back-visible,hidden);z-index:2;background:linear-gradient(104deg,#6aa3bf,#8595a5 20%,#4e6174 48%,#8290a7 78%,#ad91d2);border:1px solid #a6bbcd;overflow:hidden}
.laptop-closed-shell::after{top:35%;height:22%;transform:scaleY(-1)}
.laptop-closed-shell::before{border-top:2px solid #c9dce8aa;border-bottom:0}
.laptop-story:not(.scroll-ready) .laptop-lid{transform:translateY(-100%);visibility:visible}
@media(max-width:700px){.laptop-lid,.laptop-closed-shell{border-radius:7px 7px 1px 1px}}
@media(prefers-reduced-motion:reduce){.laptop-lid{transform:translateY(-100%)!important;visibility:visible!important}}
.laptop-lid-edge{position:absolute;z-index:4;pointer-events:none;left:calc(12.6% - var(--edge-expand,0px) + 3px);top:calc(76.2% + var(--edge-y,-436px));width:calc(74.7% + 2 * var(--edge-expand,0px) - 6px);height:3px;border-radius:3px;background:linear-gradient(90deg,#75bdcf,#9baeba 25%,#435261 60%,#ad90c4);box-shadow:0 1px 1px #00101d;transform:translateY(-1px)}
.laptop-story:not(.scroll-ready) .laptop-lid-edge{display:none}
.laptop-intro{top:max(108px,12%)}
@media(prefers-reduced-motion:reduce){.laptop-lid-edge{display:none}}