/* Homepage preview: a stable laptop screen and a compact audience section. */
.macbook-stage.product-stage{background:none;border:0;box-shadow:none;transform:none;padding:0 22px 0;position:relative;overflow:visible}
.macbook-stage .stage-title{margin:0 0 22px;padding-left:14px;min-height:84px}
.macbook-stage .stage-title span{font-size:18px}.macbook-stage .stage-title strong{font-size:30px;line-height:1.25}
.macbook-stage .shot{position:relative;background:linear-gradient(145deg,#303741,#080b10);border:1px solid #68717c;border-radius:20px 20px 4px 4px;padding:22px 12px 17px;overflow:visible;box-shadow:0 24px 55px #0005;margin:0 0 37px}
.macbook-stage .shot:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#456c77;box-shadow:0 0 0 2px #0b0d12;left:calc(50% - 2px);top:9px}
.macbook-stage .shot:after{content:"";position:absolute;left:-6%;width:112%;height:19px;bottom:-18px;border-radius:2px 2px 50% 50% / 2px 2px 90% 90%;background:linear-gradient(#ccd2d9,#77828e 65%,#3e4855);box-shadow:0 13px 25px #0004}
.macbook-stage .windowbar{display:none}.macbook-stage .image-zoom{display:block;width:100%;aspect-ratio:1.62;background:#101722;overflow:hidden;border-radius:4px}
.macbook-stage .shot .image-zoom img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top;display:block}
.macbook-stage .shot figcaption{position:absolute;bottom:-46px;left:0;width:100%;padding:0;text-align:center;color:#adbed3;background:none;font-size:10px;line-height:16px;pointer-events:none}
.macbook-stage .stage-switch{margin-top:56px;background:#13233b;border:1px solid #354762;border-radius:12px;padding:5px;gap:5px}
.macbook-stage .stage-switch button{min-height:46px;border-radius:8px;font-size:14px;transition:background .18s,color .18s}
.who-bizko{padding:62px 0;background:radial-gradient(ellipse at 8% 20%,#d1f5edb3,transparent 55%),#edf6f5;border-block:1px solid #d3e3e7}
.who-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:30px;align-items:start}
.who-intro .eyebrow{color:#27778a;margin-bottom:14px}.who-intro h2{font-size:clamp(28px,2.5vw,36px);line-height:1.17}.who-intro h2 span{color:#058c82}.who-intro p{font-size:15px;line-height:1.65;margin-top:18px;max-width:420px;color:#4b6474}
.who-grid article{display:flex;flex-direction:column;align-items:start;height:100%;padding-top:4px}.who-icon{display:grid;place-items:center;width:54px;height:54px;background:#fff;border:1px solid #d6eeea;border-radius:50%;font-size:30px;color:#05998b;margin-bottom:17px}
.who-grid h3{font-size:18px;letter-spacing:-.03em;line-height:1.35;color:#162c42}.who-grid article p{font-size:14px;line-height:1.65;margin:12px 0 22px;color:#4b6474}.who-grid .button{margin-top:auto;min-height:42px;padding:9px 12px;font-size:12px;gap:12px;border-color:#b1ccd5;color:#185998;background:#fff9}.who-grid .button:hover{background:#fff;border-color:#1761d5}
@media(max-width:1100px){.who-grid{grid-template-columns:repeat(3,1fr);gap:24px}.who-intro{grid-column:1/-1}.who-intro p{max-width:670px}}
@media(max-width:600px){.macbook-stage.product-stage{padding-inline:12px}.macbook-stage .stage-title{min-height:70px;padding-left:2px}.macbook-stage .stage-title strong{font-size:25px}.macbook-stage .shot{border-radius:12px 12px 3px 3px;padding:16px 7px 10px}.macbook-stage .shot:before{top:6px;width:4px;height:4px}.macbook-stage .shot:after{height:12px;bottom:-11px}.macbook-stage .shot figcaption{bottom:-38px;font-size:9px}.macbook-stage .stage-switch{margin-top:48px}.who-bizko{padding:42px 0}.who-grid{grid-template-columns:1fr;gap:25px}.who-intro{grid-column:auto}.who-grid article{position:relative;padding:0 0 25px 72px;border-bottom:1px solid #cfe0e4}.who-grid article:last-child{border:0;padding-bottom:0}.who-icon{position:absolute;left:0;top:0}.who-grid article p{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.macbook-stage .stage-switch button{transition:none}}
/* MacBook Pro, viewed directly from the front; no inherited 3D entrance. */
.home-hero .hero-product:has(.macbook-stage){perspective:none}
.home-hero .macbook-stage.product-stage,.home-hero .macbook-stage .shot,.home-hero .macbook-stage .stage-switch{transform:none!important;animation:none!important;rotate:none!important}
.home-hero .macbook-stage .shot{border-radius:17px 17px 3px 3px;background:linear-gradient(135deg,#343a42,#14171c 60%);border-color:#6a727c;padding:15px 11px 15px}
.home-hero .macbook-stage .shot:before{z-index:2;top:15px;left:44%;width:12%;height:12px;border-radius:0 0 5px 5px;background:#101217;box-shadow:none}
.home-hero .macbook-stage .shot:after{content:"MacBook Pro";font-size:7px;letter-spacing:.06em;color:#26313e;text-align:center;line-height:11px;height:17px;bottom:-16px;background:linear-gradient(90deg,transparent 44%,#58616d 44%,#58616d 56%,transparent 56%),linear-gradient(#d0d5db,#8b949e 65%,#424b57);border-radius:2px 2px 45% 45% / 2px 2px 85% 85%}
.home-hero .macbook-stage .image-zoom{aspect-ratio:1.6}
.home-hero .macbook-stage .shot figcaption{justify-content:center;min-height:0}
@media(max-width:600px){.home-hero .macbook-stage .shot{padding:10px 6px 10px;border-radius:11px 11px 2px 2px}.home-hero .macbook-stage .shot:before{top:10px;height:8px}.home-hero .macbook-stage .shot:after{height:11px;bottom:-10px;font-size:5px;line-height:8px}}
.home-hero .macbook-stage .shot:after{border-radius:1px 1px 4px 4px;left:-5%;width:110%;height:12px;bottom:-11px;line-height:9px;background:linear-gradient(90deg,transparent 44%,#6d7580 44%,#6d7580 56%,transparent 56%),linear-gradient(#ccd1d7 0%,#a6adb5 65%,#535c67 66%,#535c67 100%)}
@media(max-width:600px){.home-hero .macbook-stage .shot:after{height:8px;bottom:-7px;border-radius:1px 1px 2px 2px;line-height:6px}}
.home-hero .macbook-stage .shot{border-radius:19px 19px 4px 4px;border:2px solid #616563;padding:9px 7px 19px;background:linear-gradient(#090a0b,#060708);box-shadow:inset 0 0 0 1px #242729,0 24px 55px #0005}
.home-hero .macbook-stage .shot:before{top:9px;height:12px;left:44.8%;width:10.4%;background:#030405;border-radius:0 0 4px 4px}
.home-hero .macbook-stage .shot:after{content:"";left:-9.5%;width:119%;height:clamp(12px,1.55vw,23px);bottom:calc(-1 * clamp(11px,1.55vw,22px));border-radius:1px 1px 10px 10px;background:radial-gradient(ellipse 8% 52% at 50% 0%,#e4e6e7 90%,#858b90 96%,transparent 100%),linear-gradient(90deg,#92989d 0%,#e2e4e6 2%,#acb1b5 4%,#c6cbce 46%,#babfc3 65%,#c6cace 95%,#e1e3e5 98%,#8c9398 100%);border-bottom:3px solid #7a8288;box-shadow:0 3px 0 -1px #363c43,0 14px 25px #0003}
.home-hero .macbook-stage .shot .image-zoom{border-radius:10px 10px 0 0}
@media(max-width:600px){.home-hero .macbook-stage .shot{border-radius:12px 12px 3px 3px;padding:6px 4px 10px}.home-hero .macbook-stage .shot:before{top:6px;height:7px}.home-hero .macbook-stage .shot:after{height:12px;bottom:-11px;border-bottom-width:2px;border-radius:1px 1px 6px 6px}}

/* Exact supplied photograph, cropped by CSS only; original PNG unchanged. */
.home-hero .macbook-stage .shot{padding:0;border:0;border-radius:0;aspect-ratio:1333 / 813;background: url('/assets/website-v2-20260913/macbook-pro-user.png') center 49.8% / 148.84% auto no-repeat;box-shadow:none;overflow:visible}
.home-hero .macbook-stage .shot:before,.home-hero .macbook-stage .shot:after{display:none}
.home-hero .macbook-stage .shot .image-zoom{position:absolute;left:9.1%;top:2.35%;width:81.8%;height:86.5%;aspect-ratio:auto;border-radius:7px 7px 0 0;clip-path:polygon(0 0,44.6% 0,44.6% 2.6%,55.4% 2.6%,55.4% 0,100% 0,100% 100%,0 100%)}
.home-hero .macbook-stage .shot figcaption{bottom:-30px}
@media(max-width:600px){.home-hero .macbook-stage .shot{padding:0;border:0;border-radius:0}.home-hero .macbook-stage .shot .image-zoom{border-radius:4px 4px 0 0}}
.home-hero .macbook-stage .shot{background:none}
.home-hero .macbook-stage .shot:after{display:block;content:"";position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:url('/assets/website-v2-20260913/macbook-pro-user.png') center 49.8% / 148.84% auto no-repeat;clip-path:polygon(8% 93.5%,8% 4%,9% 1%,11% 0,89% 0,91% 1%,92% 4%,92% 93.5%,100% 93.5%,100% 97%,99% 99%,95% 99%,95% 100%,90% 100%,90% 99%,10% 99%,10% 100%,5% 100%,5% 99%,1% 99%,0 97%,0 93.5%);z-index:0}
.home-hero .macbook-stage .shot .image-zoom{z-index:1}

.home-hero .macbook-stage .shot:after{background:url('/assets/website-v2-20260913/macbook-pro-new-optimized-20260923.webp') center / 100% 100% no-repeat;clip-path:none}
.home-hero .macbook-stage .shot{aspect-ratio:3983 / 2431}
.home-hero .macbook-stage .shot .image-zoom{left:9.05%;top:2.25%;width:81.85%;height:86.5%}

.home-hero .macbook-stage .shot .image-zoom{background:#eff9fa}
.home-hero .macbook-stage .shot .image-zoom img{object-fit:contain!important;object-position:center!important}
.button.secondary{border-radius:12px}