/* Home top part: device frames (a picture) with five live screens laid on top (page code).
   Every size inside a screen is in cqw of its box, so no script is needed. Built by theme/test/build_hero.py. */
.pcg-art{position:relative}
.pcg-art .pcg-frames{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(4,24,66,.28))}
.pcg-art .pcg-scr{position:absolute;overflow:hidden;background:#0b0c10;color:#1b1b1b;container-type:inline-size}
.pcg-art .pcg-scr-battery{border-radius:7%/3.2%}
.pcg-art .pcg-scr-watch{border-radius:22%/18%}
.s-update{position:absolute;left:0;top:0;width:100cqw;height:55.0000cqw;overflow:hidden;font-size:2.6667cqw;line-height:normal}
.s-update *{box-sizing:border-box;margin:0;padding:0}
.s-update{font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;color:#1b1b1b;
  background:radial-gradient(120% 90% at 78% 30%,#9cc8ff 0%,#4a8ff0 32%,#1a5fd6 58%,#0b3a9e 100%)}
.s-update .wall{position:absolute;inset:0;background:radial-gradient(38% 30% at 66% 30%,rgba(255,255,255,.28),transparent 70%),radial-gradient(30% 40% at 40% 70%,rgba(160,205,255,.35),transparent 70%),radial-gradient(60% 70% at 18% 85%,rgba(120,180,255,.55),transparent 60%),radial-gradient(45% 55% at 92% 95%,rgba(10,50,150,.55),transparent 70%)}
.s-update .win{position:absolute;left:5cqw;top:6.6667cqw;width:90cqw;height:37.6667cqw;border-radius:1.5cqw;background:#f3f3f3;box-shadow:0 3cqw 6.6667cqw rgba(0,20,70,.35);overflow:hidden}
.s-update .title{height:5cqw;display:flex;align-items:center;padding:0 0 0 2.3333cqw;font-size:1.8333cqw;color:#1b1b1b;gap:1.3333cqw}
.s-update .title .app{width:2.1667cqw;height:2.1667cqw;border-radius:0.5cqw;background:linear-gradient(135deg,#7a7a7a,#4b4b4b)}
.s-update .title .ctl{margin-left:auto;display:flex}
.s-update .title .ctl span{width:7cqw;height:5cqw;display:grid;place-items:center;font-size:1.8333cqw;color:#333}
.s-update .body{display:grid;grid-template-columns:29.6667cqw 1fr;height:32.6667cqw}
.s-update .nav{padding:0.6667cqw 1.6667cqw 0 2cqw}
.s-update .find{height:4.6667cqw;border-radius:0.8333cqw;background:#fff;display:flex;align-items:center;padding:0 1.6667cqw;font-size:1.8333cqw;color:#6b6b6b;margin:0 0 2cqw}
.s-update .item{height:5cqw;border-radius:0.8333cqw;display:flex;align-items:center;gap:1.5cqw;padding:0 1.5cqw;font-size:1.9167cqw;color:#1b1b1b;white-space:nowrap}
.s-update .item svg{width:2.5cqw;height:2.5cqw;flex:none}
.s-update .item.on{background:#e9e9e9;font-weight:600}
.s-update .main{padding:1cqw 3.3333cqw 0 2cqw}
.s-update .main .t{display:block;font-size:3.5cqw;font-weight:600;letter-spacing:-0.0333cqw;margin:0 0 2cqw}
.s-update .status{background:#fff;border-radius:1.1667cqw;padding:2.3333cqw 2.3333cqw;display:flex;align-items:center;gap:2cqw;margin:0 0 2cqw}
.s-update .status .ic{width:6.6667cqw;height:6.6667cqw;flex:none;position:relative}
.s-update .status b{display:block;font-size:2.5cqw;font-weight:600;margin:0 0 0.5cqw;white-space:nowrap}
.s-update .status small{display:block;font-size:1.75cqw;color:#5f5f5f;white-space:nowrap}
.s-update .btn{margin-left:auto;background:#0067c0;color:#fff;font-size:1.8333cqw;font-weight:600;padding:1.1667cqw 2cqw;border-radius:0.8333cqw;white-space:nowrap}
.s-update .label{font-size:2cqw;font-weight:600;margin:0 0 1.3333cqw}
.s-update .row{background:#fff;border-radius:1.1667cqw;height:6.6667cqw;display:flex;align-items:center;gap:2cqw;padding:0 2.6667cqw;font-size:2cqw;margin:0 0 0.6667cqw}
.s-update .row svg{width:2.5cqw;height:2.5cqw;flex:none}
.s-update .row .r{margin-left:auto;font-size:1.8333cqw;color:#1b1b1b;background:#f3f3f3;border-radius:0.8333cqw;padding:0.8333cqw 1.6667cqw}
.s-update .bar{position:absolute;left:0;right:0;bottom:0;height:5cqw;background:rgba(240,243,249,.86);display:flex;align-items:center;justify-content:center;gap:1.6667cqw}
.s-update .bar .tb{width:3cqw;height:3cqw;display:block}
.s-update .bar i{width:3.3333cqw;height:3.3333cqw;border-radius:0.8333cqw;display:block}
.s-update .clock{position:absolute;right:1.6667cqw;bottom:0;height:5cqw;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;font-size:1.5833cqw;color:#1b1b1b;line-height:1.25}
.s-watch{position:absolute;left:0;top:0;width:100cqw;height:116.2500cqw;overflow:hidden;font-size:10.0000cqw;line-height:normal}
.s-watch *{box-sizing:border-box;margin:0;padding:0}
.s-watch{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#fff;background:#000}
.s-watch .time{position:absolute;top:6.25cqw;right:8.75cqw;font-size:7.5cqw;font-weight:600;color:#fff}
.s-watch .mid{position:absolute;left:0;right:0;top:27.5cqw;display:flex;flex-direction:column;align-items:center}
.s-watch .mid b{display:block;font-size:10cqw;font-weight:600;margin:7.5cqw 0 1.875cqw}
.s-watch .mid span{font-size:7.1875cqw;color:#a1a1a6}
.s-battery{position:absolute;left:0;top:0;width:100cqw;height:202.2727cqw;overflow:hidden;font-size:9.0909cqw;line-height:normal}
.s-battery *{box-sizing:border-box;margin:0;padding:0}
.s-battery{font-family:system-ui,Roboto,sans-serif;color:#1b1c1f;background:#f6f8fc}
.s-battery .status{height:14.7727cqw;display:flex;align-items:center;justify-content:space-between;padding:2.2727cqw 7.9545cqw 0;font-size:5.3977cqw;font-weight:500}
.s-battery .status .r{display:flex;gap:2.2727cqw;align-items:center}
.s-battery .t{display:block;font-size:11.9318cqw;font-weight:400;margin:10.2273cqw 7.9545cqw 6.8182cqw}
.s-battery .hero{margin:0 5.6818cqw 5.6818cqw;background:#fff;border-radius:10.2273cqw;padding:9.0909cqw 7.9545cqw}
.s-battery .lvl{display:flex;align-items:center;gap:5.6818cqw;margin:0 0 2.2727cqw}
.s-battery .batt{width:26.1364cqw;height:12.5cqw;border-radius:3.4091cqw;background:#1e8e3e;position:relative}
.s-battery .batt::after{content:"";position:absolute;right:-2.2727cqw;top:3.9773cqw;width:1.7045cqw;height:4.5455cqw;border-radius:0 1.1364cqw 1.1364cqw 0;background:#1e8e3e}
.s-battery .lvl b{font-size:14.7727cqw;font-weight:500}
.s-battery .sub{font-size:5.9659cqw;color:#5f6368}
.s-battery .health{margin:0 5.6818cqw 5.6818cqw;background:#fff;border-radius:10.2273cqw;padding:6.8182cqw 7.9545cqw;display:flex;align-items:center;gap:5.6818cqw}
.s-battery .health b{display:block;font-size:6.5341cqw;font-weight:500}
.s-battery .health span{font-size:5.9659cqw;color:#5f6368}
.s-battery .list{margin:0 5.6818cqw;background:#fff;border-radius:10.2273cqw;padding:2.2727cqw 7.9545cqw}
.s-battery .row{height:22.7273cqw;display:flex;align-items:center;font-size:6.5341cqw}
.s-battery .sw{margin-left:auto;width:18.1818cqw;height:10.2273cqw;border-radius:5.1136cqw;background:#0b57d0;position:relative}
.s-battery .sw::after{content:"";position:absolute;right:1.7045cqw;top:1.7045cqw;width:6.8182cqw;height:6.8182cqw;border-radius:50%;background:#fff}
.s-battery .sw.off{background:#c4c7c5}
.s-battery .sw.off::after{right:auto;left:1.7045cqw;background:#fff}
.s-troubleshoot{position:absolute;left:0;top:0;width:100cqw;height:63.7143cqw;overflow:hidden;font-size:4.5714cqw;line-height:normal}
.s-troubleshoot *{box-sizing:border-box;margin:0;padding:0}
.s-troubleshoot{font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;color:#1b1b1b;
  background:radial-gradient(110% 100% at 25% 20%,#8fc0ff 0%,#3f86ee 35%,#1756cc 62%,#0a3591 100%)}
.s-troubleshoot .wall{position:absolute;inset:0;background:radial-gradient(40% 32% at 70% 28%,rgba(255,255,255,.26),transparent 70%),radial-gradient(55% 60% at 85% 80%,rgba(130,190,255,.5),transparent 65%)}
.s-troubleshoot .win{position:absolute;left:9.4286cqw;top:3.7143cqw;width:81.1429cqw;height:53.1429cqw;border-radius:2.5714cqw;background:#f3f3f3;box-shadow:0 4.5714cqw 9.7143cqw rgba(0,20,70,.38);overflow:hidden}
.s-troubleshoot .title{height:8cqw;display:flex;align-items:center;gap:2.2857cqw;padding:0 0 0 3.4286cqw;font-size:3.1429cqw}
.s-troubleshoot .title .app{width:3.4286cqw;height:3.4286cqw;border-radius:0.8571cqw;background:#0067c0}
.s-troubleshoot .title .x{margin-left:auto;width:11.4286cqw;height:8cqw;display:grid;place-items:center;font-size:3cqw;color:#333}
.s-troubleshoot .card{margin:0.5714cqw 3.4286cqw 0;background:#fff;border-radius:2cqw;padding:4cqw 4cqw 4cqw}
.s-troubleshoot .card .t{display:block;font-size:4.2857cqw;font-weight:600;margin:0 0 3.4286cqw}
.s-troubleshoot .card p{font-size:3cqw;color:#5f5f5f;margin:0 0 3.4286cqw}
.s-troubleshoot .prog{height:1.7143cqw;border-radius:0.8571cqw;background:#0f7b0f;margin:0 0 4cqw}
.s-troubleshoot .done{display:flex;align-items:center;gap:2.8571cqw}
.s-troubleshoot .done b{font-size:3.8571cqw;font-weight:600}
.s-troubleshoot .foot{display:flex;justify-content:flex-end;padding:2.8571cqw 3.4286cqw 0}
.s-troubleshoot .btn{background:#0067c0;color:#fff;font-size:3.1429cqw;font-weight:600;padding:2cqw 5.1429cqw;border-radius:1.4286cqw}
.s-troubleshoot .bar{position:absolute;left:0;right:0;bottom:0;height:6.2857cqw;background:rgba(240,243,249,.86);display:flex;align-items:center;justify-content:center;gap:2cqw}
.s-troubleshoot .bar .tb{width:4cqw;height:4cqw;display:block}
.s-troubleshoot .bar i{width:4cqw;height:4cqw;border-radius:1.1429cqw;display:block}
.s-macwifi{position:absolute;left:0;top:0;width:100cqw;height:60.0000cqw;overflow:hidden;font-size:4.1026cqw;line-height:normal}
.s-macwifi *{box-sizing:border-box;margin:0;padding:0}
.s-macwifi{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#1d1d1f;
  background:radial-gradient(90% 120% at 15% 100%,#ff9a62 0%,rgba(255,154,98,0) 55%),radial-gradient(80% 100% at 90% 10%,#6a5cff 0%,rgba(106,92,255,0) 60%),linear-gradient(160deg,#4b3fb8 0%,#a04bc4 45%,#ef7aa0 75%,#ffb37c 100%)}
.s-macwifi .menu{position:absolute;left:0;right:0;top:0;height:4.1026cqw;background:rgba(255,255,255,.28);display:flex;align-items:center;gap:3.0769cqw;padding:0 2.5641cqw;font-size:2.3077cqw;color:#fff;font-weight:500}
.s-macwifi .menu b{font-weight:700}
.s-macwifi .menu .r{margin-left:auto;display:flex;gap:2.3077cqw;align-items:center}
.s-macwifi .win{position:absolute;left:10.2564cqw;top:6.9231cqw;width:79.4872cqw;height:42.5641cqw;border-radius:2.8205cqw;background:#fff;box-shadow:0 4.6154cqw 10.2564cqw rgba(30,10,80,.35);overflow:hidden;display:grid;grid-template-columns:28.7179cqw 1fr}
.s-macwifi .side{background:#ececee;padding:2.5641cqw 2.0513cqw}
.s-macwifi .dots{display:flex;gap:1.2821cqw;margin:0 0 2.5641cqw 0.5128cqw}
.s-macwifi .dots i{width:2.0513cqw;height:2.0513cqw;border-radius:50%;display:block}
.s-macwifi .search{height:4.6154cqw;border-radius:1.2821cqw;background:#dcdce0;font-size:2.4359cqw;color:#7a7a80;display:flex;align-items:center;padding:0 1.7949cqw;margin:0 0 2.3077cqw}
.s-macwifi .it{height:5.1282cqw;border-radius:1.2821cqw;display:flex;align-items:center;gap:1.7949cqw;padding:0 1.5385cqw;font-size:2.5641cqw;font-weight:500}
.s-macwifi .it i{width:3.3333cqw;height:3.3333cqw;border-radius:1.0256cqw;display:grid;place-items:center;flex:none}
.s-macwifi .it.on{background:#0a7aff;color:#fff}
.s-macwifi .main{padding:3.5897cqw 4.1026cqw}
.s-macwifi .main .t{display:block;font-size:3.3333cqw;font-weight:700;margin:0 0 2.5641cqw}
.s-macwifi .grp{background:#f5f5f7;border-radius:2.0513cqw;padding:0 3.0769cqw;margin:0 0 2.5641cqw}
.s-macwifi .row{height:8.2051cqw;display:flex;align-items:center;gap:2.3077cqw;font-size:2.6923cqw;font-weight:500;white-space:nowrap}
.s-macwifi .row + .row{box-shadow:none}
.s-macwifi .wf{width:5.1282cqw;height:5.1282cqw;border-radius:50%;background:#0a7aff;display:grid;place-items:center;flex:none}
.s-macwifi .tog{margin-left:auto;width:6.6667cqw;height:3.8462cqw;border-radius:2.0513cqw;background:#0a7aff;position:relative}
.s-macwifi .tog::after{content:"";position:absolute;right:0.5128cqw;top:0.5128cqw;width:2.8205cqw;height:2.8205cqw;border-radius:50%;background:#fff}
.s-macwifi .con{margin-left:auto;display:flex;align-items:center;gap:1.2821cqw;font-size:2.4359cqw;color:#1d1d1f}
.s-macwifi .con i{width:1.7949cqw;height:1.7949cqw;border-radius:50%;background:#28c840;display:block}
.s-macwifi .lbl{font-size:2.3077cqw;font-weight:600;color:#6e6e73;margin:0 0 1.5385cqw 0.5128cqw}
.s-macwifi .dock{position:absolute;left:50%;bottom:1.2821cqw;transform:translateX(-50%);height:7.6923cqw;padding:1.0256cqw 2.0513cqw;border-radius:2.3077cqw;background:rgba(255,255,255,.32);display:flex;gap:1.5385cqw}
.s-macwifi .dock i{width:5.641cqw;height:5.641cqw;border-radius:1.5385cqw;display:grid;place-items:center;overflow:hidden}
.s-macwifi .dock i svg{width:3.8462cqw;height:3.8462cqw}
.s-macwifi .dock i:nth-child(4) svg{width:5.641cqw;height:5.641cqw}