/* A compact language note belongs directly below the hero, not in its own feature block. */
.language-bar { border-bottom:1px solid #e2e9f2; background:#fff; }
.language-bar-inner { min-height:66px; max-width:1100px; margin:auto; padding:0 clamp(22px,6vw,96px); display:flex; align-items:center; justify-content:space-between; gap:24px; color:#58708a; font-size:14px; letter-spacing:-.01em; }
.language-bar-title { color:#263c54; font-weight:630; white-space:nowrap; }.language-bar-title strong { color:#147bf4; font-weight:760; }.language-bar-list { text-align:right; }

/* Four equal, usable-size widget screens. */
.widget-gallery { width:min(490px,100%); min-height:500px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); place-items:center; gap:22px; }
.widget-gallery::before { width:490px; height:430px; }
.widget-phone-primary,.iphone-widget { width:166px; aspect-ratio:1206/2622; }
.iphone-widget { z-index:1; overflow:visible; border:5px solid #12161d; border-radius:28px; background:#12161d; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 18px 30px rgba(12,43,91,.2),0 4px 8px rgba(0,0,0,.13); }
.iphone-widget::after { content:""; position:absolute; pointer-events:none; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.13); }.iphone-widget img { width:100%; height:100%; object-fit:cover; border-radius:23px; }
.widget-phone-stack { display:contents; }

/* A watch with a visible loop band, front case, screen, crown, and side button. */
.health-pair { gap:14px; }.health-phone { width:195px; }
.watch-stage { width:275px; height:400px; overflow:visible; perspective:1000px; }
.watch-shadow { width:300px; height:220px; opacity:.46; }
.watch-loop { position:absolute; z-index:0; right:8px; top:23px; width:155px; height:316px; border:28px solid #29313a; border-radius:50%; box-sizing:border-box; transform:rotate(-17deg) rotateY(-17deg); box-shadow:inset 4px 0 7px rgba(255,255,255,.14),inset -5px 0 8px rgba(0,0,0,.48),0 15px 24px rgba(4,35,82,.2); background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px); }
.watch-device { position:absolute; z-index:2; left:17px; top:87px; width:177px; height:215px; transform:perspective(1000px) rotateX(5deg) rotateY(-19deg) rotateZ(-5deg); }
.watch-strap { display:none; }.watch-lug { z-index:1; }.watch-crown { z-index:3; right:-17px; top:76px; width:16px; height:36px; }.watch-button { z-index:3; right:-13px; top:124px; }

/* Clear Apple-device silhouettes for the final ecosystem scene. */
.device-ecosystem { width:min(560px,100%); height:430px; }
.macbook-device { left:0; top:18px; width:362px; }.macbook-screen { padding:7px; border:6px solid #111820; border-bottom-width:8px; border-radius:15px 15px 5px 5px; box-shadow:0 24px 38px rgba(10,35,72,.25),inset 0 0 0 1px rgba(255,255,255,.13); }.macbook-screen::after { content:""; position:absolute; top:-6px; left:50%; width:38px; height:6px; border-radius:0 0 6px 6px; background:#080d12; transform:translateX(-50%); }.macbook-base { left:-7%; bottom:-22px; width:114%; height:22px; border-radius:3px 3px 18px 18px; background:linear-gradient(180deg,#d3d9de,#7a8792 45%,#3b4650); box-shadow:0 14px 20px rgba(5,22,48,.18); }.macbook-base::before { content:""; position:absolute; left:18%; top:3px; width:64%; height:7px; border-radius:2px; opacity:.72; background:repeating-linear-gradient(90deg,#36414b 0 5px,transparent 5px 7px); }.macbook-base::after { content:""; position:absolute; left:43%; top:12px; width:14%; height:5px; border-radius:0 0 5px 5px; background:#59646e; }
.ipad-device { right:0; top:70px; width:212px; padding:8px; border:7px solid #252e37; border-radius:24px; box-shadow:0 24px 38px rgba(11,40,82,.25),inset 0 0 0 1px rgba(255,255,255,.14); }.ipad-device::after { content:""; position:absolute; inset:4px; pointer-events:none; border:1px solid rgba(255,255,255,.13); border-radius:15px; }.ipad-screen { border-radius:12px; }.ipad-camera { z-index:2; top:5px; }
.ecosystem-iphone { left:250px; bottom:0; width:97px; border:5px solid #111820; border-radius:20px; }.ecosystem-iphone img { border-radius:15px; }
.ecosystem-watch { right:30px; bottom:1px; width:105px; height:142px; }.ecosystem-watch-case { width:80px; height:98px; border-radius:25px; }.ecosystem-watch-screen { border-radius:21px; }.ecosystem-watch-band { width:44px; height:57px; }.ecosystem-watch-crown { width:9px; height:19px; }

@media (max-width:800px) {
  .language-bar-inner { min-height:58px; padding:0 22px; }.language-bar-list { display:none; }
  .widget-gallery { width:430px; min-height:460px; }.iphone-widget { width:150px; }
  .watch-stage { width:260px; }.device-ecosystem { width:520px; }.macbook-device { width:335px; }.ipad-device { width:195px; }.ecosystem-iphone { left:222px; }
}

@media (max-width:480px) {
  .language-bar-inner { justify-content:center; min-height:54px; font-size:13px; }.language-bar-list { display:none; }
  .widget-gallery { width:330px; min-height:415px; gap:13px; }.iphone-widget { width:126px; border-width:4px; border-radius:23px; }.iphone-widget img { border-radius:18px; }
  .health-pair { gap:2px; }.health-phone { width:148px; }.watch-stage { width:171px; height:310px; transform:scale(.84); transform-origin:center right; }.watch-device { left:0; top:55px; }.watch-loop { right:0; top:0; }
  .device-ecosystem { width:340px; height:310px; }.macbook-device { width:225px; top:20px; }.macbook-screen { padding:4px; border-width:4px; border-bottom-width:5px; border-radius:10px 10px 3px 3px; }.macbook-base { bottom:-12px; height:12px; }.macbook-base::before { top:2px; height:4px; }.macbook-base::after { top:7px; height:3px; }.ipad-device { right:0; top:52px; width:132px; padding:4px; border-width:4px; border-radius:15px; }.ipad-screen { border-radius:8px; }.ecosystem-iphone { left:147px; width:66px; border-width:3px; border-radius:13px; }.ecosystem-iphone img { border-radius:9px; }.ecosystem-watch { right:19px; bottom:3px; transform:rotate(-5deg) scale(.78); transform-origin:bottom right; }
}