/* Full screenshot extent and native aspect ratio; only blank corner backgrounds follow the rounded device glass. */
.phone,.coach-app-capture,.article-capture,.post-card .thumb:has(img){--device-radius:40px;--device-inset:3px;position:relative;box-sizing:border-box;border:2px solid #696b75;background:linear-gradient(110deg,#25262c 0%,#090a0d 22%,#08090c 76%,#34363e 100%);border-radius:var(--device-radius);box-shadow:inset 0 0 0 2px #141519,0 0 0 1px #16171c,0 24px 48px -18px rgba(0,0,0,.5);overflow:visible}
.phone{aspect-ratio:auto;height:auto;max-width:100%;padding:var(--device-inset)}
.phone .screen{container-type:inline-size;position:relative;box-sizing:border-box;width:100%;height:auto;overflow:hidden;border-radius:calc(var(--device-radius) - var(--device-inset) - 2px);padding:0;background:#050506;box-shadow:0 0 0 1px #000}
.phone img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;border-radius:0}
.phone .screen::before,.coach-app-capture::before,.article-capture::before,.post-card .thumb:has(img)::before{content:"";position:absolute;top:2.24cqw;left:50%;transform:translateX(-50%);width:25.29%;height:6.47cqw;border-radius:10px;background:linear-gradient(90deg,#151821,#020203 35%,#020203 80%,#202738);box-shadow:0 0 0 1px #292c34;pointer-events:none}
.phone::before,.phone::after{content:"";position:absolute;width:3px;background:linear-gradient(90deg,#23252c,#858994,#272930);border-radius:2px;pointer-events:none}
.phone::before{left:-5px;top:17%;height:12%}
.phone::after{right:-5px;top:27%;height:13%}
.feat-media .phone{box-shadow:inset 0 0 0 2px #141519,0 0 0 1px #16171c,0 24px 48px -18px rgba(33,29,51,.4)}
.coach-app-capture{width:min(280px,100%)}
.coach-app-capture,.article-capture,.post-card .thumb:has(img){container-type:inline-size;padding:var(--device-inset);aspect-ratio:auto!important;height:auto!important}
.coach-app-capture::before,.article-capture::before,.post-card .thumb:has(img)::before{z-index:2;top:calc(var(--device-inset) + 2.24cqw)}
.coach-app-capture img,.article-capture img,.post-card .thumb img{display:block;width:100%;height:auto!important;object-fit:contain!important;border-radius:calc(var(--device-radius) - var(--device-inset) - 2px)!important}
.post-card .thumb .screen{height:auto!important;overflow:hidden;border-radius:calc(var(--device-radius) - var(--device-inset) - 2px);background:#050506}
.post-card .thumb:has(img[src*="current-widget-home"]){border:0;padding:0;box-shadow:none;background:transparent;border-radius:0}
.post-card .thumb:has(img[src*="current-widget-home"])::before{display:none}
.post-card .thumb:has(img[src*="current-widget-home"]) img{border-radius:0!important}
.post-card .thumb:has(img[src*="current-widget-home"]) .screen{border-radius:0;background:transparent}
.post-card .thumb:has(img[src*="current-ipad"]){--device-radius:20px}
.post-card .thumb:has(img[src*="current-ipad"])::before{display:none}
.tablet{position:relative;box-sizing:border-box;height:auto;aspect-ratio:auto;padding:12px;border:2px solid #696b75;border-radius:28px;background:linear-gradient(110deg,#25262c,#08090c 45%,#34363e);box-shadow:inset 0 0 0 2px #141519,0 0 0 1px #16171c,0 30px 60px -20px rgba(0,0,0,.5)}
.tablet .screen{box-sizing:border-box;height:auto;padding:0;overflow:hidden;border-radius:14px;background:#050506}
.tablet img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.duo{gap:20px;align-items:center}
.duo .phone{--device-radius:30px;--device-inset:1.5px;padding:var(--device-inset)}
.duo .phone .screen{padding:0}

.duo .phone:first-child,.duo .phone:last-child,.feat-media:hover .duo .phone:first-child,.feat-media:hover .duo .phone:last-child{transform:none}
.section>*,.coach-section>*{min-width:0}
.section h3{overflow-wrap:break-word}
.section{scroll-margin-top:92px}
@media(max-width:560px){.duo{gap:12px}.duo .phone{--device-radius:22px;--device-inset:1px;width:calc((100% - 12px)/2);padding:var(--device-inset)}.duo .phone .screen{padding:0}.post-card .thumb:has(img){--device-radius:22px;--device-inset:1px;padding:var(--device-inset)}.post-card .thumb:has(img)::before{top:calc(var(--device-inset) + 2.24cqw)}.feature-grid a{white-space:normal;line-height:1.4}.section{gap:30px}.feat-text{padding:26px 24px}}

/* Keep the existing mobile header controls fully inside narrow viewports. */
@media(max-width:560px){.nav-inner{padding:12px;gap:8px}.brand{font-size:clamp(13px,3.85vw,15px);gap:7px}.brand img{width:26px;height:26px}.nav-toggle{padding:5px 9px;font-size:17px;flex-shrink:0}.lang-select{margin-left:0;width:min(104px,27vw);padding:6px;font-size:12px;min-width:0}}

/* v5: common physical iPhone 17 proportions (71.5 x 149.6 mm), with
   1206 x 2622 at 460 ppi. The complete original screenshot is contained
   inside the display; the glass masks its blank corner backgrounds only.
   Tablet, widget and editorial-image layouts are intentionally unchanged. */
html:root body .phone,html:root body .coach-app-capture,html:root body .article-capture,html:root body .post-card .thumb:has(img):not(:has(img[src*="current-ipad"])):not(:has(img[src*="current-widget-home"])):not(.editorial-thumb){border:0;padding:0!important;aspect-ratio:71.5/149.6!important;height:auto!important;border-radius:14.5% / 6.9301470588%;background:linear-gradient(112deg,#929b98 0%,#4b5553 1.1%,#111515 2.4%,#07090a 8%,#07090a 91%,#4d5754 98.7%,#b8bfba 100%);box-shadow:inset 0 0 0 1px #737c78,inset 0 0 0 2.5px #111614,0 0 0 1px #070909,0 24px 48px -18px rgba(0,0,0,.5)}
html:root body .phone .screen,html:root body .post-card .thumb:has(img):not(:has(img[src*="current-ipad"])):not(:has(img[src*="current-widget-home"])):not(.editorial-thumb) .screen{position:absolute;left:3.4320462147%;top:1.6109625668%;width:93.1359075707%;height:96.7780748663%!important;padding:0;border:0;box-sizing:border-box;overflow:hidden;border-radius:11.8836591322% / 5.4962702031%;background:#050506;box-shadow:0 0 0 .65px #010203,0 0 0 1px rgba(185,198,193,.22)}
.phone img,.post-card .thumb:has(img):not(:has(img[src*="current-ipad"])):not(:has(img[src*="current-widget-home"])):not(.editorial-thumb) .screen img{display:block;width:100%;height:100%!important;object-fit:contain!important;object-position:center;border-radius:0!important}
html:root body .coach-app-capture>img,html:root body .article-capture>img{position:absolute;left:3.4320462147%;top:1.6109625668%;width:93.1359075707%!important;height:96.7780748663%!important;object-fit:contain!important;object-position:center;border-radius:11.8836591322% / 5.4962702031%!important;background:#050506;box-shadow:0 0 0 .65px #010203,0 0 0 1px rgba(185,198,193,.22)}
.phone .screen::before{z-index:2;border-radius:100px;top:2.2388059701cqw;width:25.2902155887%;height:6.4676616915cqw}
html:root body .coach-app-capture::before,html:root body .article-capture::before,html:root body .post-card .thumb:has(img):not(:has(img[src*="current-ipad"])):not(:has(img[src*="current-widget-home"])):not(.editorial-thumb)::before{z-index:2;top:5.4558909537cqw;width:23.5543320008%;height:6.0234650852cqw;border-radius:100px}
.phone::before,.phone::after{background:linear-gradient(90deg,#27302d,#a5afaa 45%,#59645e 75%,#1a221e)}
