.hero-device .hd-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:clamp(32px,5vw,72px);display:grid}.hero-device .hero-copy{align-self:center;padding-bottom:clamp(40px,6vw,88px)}.hd-stage{border-bottom:1px solid var(--ink);grid-template-columns:minmax(220px,1fr) auto;align-items:start;gap:28px;height:640px;display:grid;position:relative;overflow:hidden}.hd-stage .phone{--pw:330px}.hd-surfaces{gap:14px;padding-top:70px;display:grid}.hd-lock{background:var(--ink);color:var(--on-sys);border-radius:22px;gap:10px;padding:14px;display:grid}.hd-lock .hd-clock{letter-spacing:-.03em;color:#fff;text-align:center;padding:6px 0 2px;font-size:34px;font-weight:600;line-height:1}.hd-lock .notif{background:var(--sys-3);border-color:var(--sys-rule);color:var(--on-sys)}.hd-lock .notif b{color:#fff}.hd-lock .notif span:not(.app-ico){color:var(--on-sys-2)}.hd-lock .app-ico{background:var(--surface);color:var(--ink)}.hd-island{background:var(--ink);color:#fff;border-radius:26px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 14px;font-size:13px;line-height:1.3;display:grid}.hd-island .app-ico{background:var(--sys-3);width:32px;height:32px;color:var(--android-on-sys)}.hd-island small{color:var(--on-sys-2);font-size:12px;display:block}.hd-island .ui-progress{background:var(--sys-3);grid-column:1/-1}.hd-island .ui-progress i{background:var(--android-on-sys)}.hd-island time{font-family:var(--mono);color:var(--android-on-sys);font-size:12px}@media (width<=1080px){.hero-device .hd-grid{grid-template-columns:1fr}.hero-device .hero-copy{padding-bottom:0}.hd-stage{grid-template-columns:minmax(0,260px) auto;justify-content:center;height:600px}}@media (width<=760px){.hd-stage{border-bottom:0;grid-template-columns:1fr;height:auto;overflow:visible}.hd-stage .phone{--pw:100%;order:-1}.hd-surfaces{padding-top:0}}.surfaces{gap:0 var(--col-gap);counter-reset:surf;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.surf{counter-increment:surf;align-content:start;gap:10px;padding-bottom:34px;display:grid}.surf-art{border-radius:var(--r-card);background:var(--paper-2);place-items:end center;height:168px;display:grid;position:relative;overflow:hidden}.surf h3{align-items:center;gap:10px;margin-top:8px;font-size:1.125rem;display:flex}.surf h3:before{content:counter(surf, decimal-leading-zero);font-family:var(--mono);font-size:var(--fs-label);color:var(--signal-ink);font-weight:500}.surf h3 .icon{display:none}.sa{background:var(--surface);border:1.4px solid var(--ink);position:relative}.sa i{background:var(--neutral-bg);border-radius:4px;display:block;position:absolute}.sa-phone{border-bottom:0;border-radius:20px 20px 0 0;width:104px;height:150px}.sa-phone:before{content:"";background:var(--ink);border-radius:6px;width:30px;height:8px;margin-left:-15px;position:absolute;top:8px;left:50%}.sa-tablet{border-bottom:0;border-radius:16px 16px 0 0;width:220px;height:140px}.sa-lock{background:var(--ink);border-bottom:0;border-color:var(--ink);border-radius:20px 20px 0 0;width:104px;height:150px}.sa-lock i{background:var(--sys-3)}.sa-lock b{text-align:center;color:#fff;letter-spacing:-.03em;font-size:22px;font-weight:600;position:absolute;top:24px;left:0;right:0}.sa-watch{border-radius:26px;width:88px;height:104px;margin-bottom:32px}.sa-watch:before,.sa-watch:after{content:"";border:1.4px solid var(--ink);height:26px;position:absolute;left:18px;right:18px}.sa-watch:before{border-bottom:0;border-radius:8px 8px 0 0;top:-28px}.sa-watch:after{border-top:0;border-radius:0 0 8px 8px;bottom:-28px}.sa .ring{border:6px solid var(--android);border-right-color:var(--neutral-bg);background:0 0;border-radius:50%;inset:18px}.sa .face{border:2px solid var(--ios);background:0 0;border-radius:12px;width:40px;height:40px;margin-left:-20px;top:40px;left:50%}.sa .face:before{content:"";background:var(--ios);width:4px;height:6px;box-shadow:14px 0 0 var(--ios);border-radius:2px;position:absolute;top:12px;left:9px}.sa .sheet{background:var(--surface);border:1.4px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;height:74px;bottom:0;left:-1px;right:-1px}.sa .pill{background:var(--ink);border-radius:9px;height:18px;left:12px;right:12px}.sa .sig{background:var(--signal)}@media (width<=1080px){.surfaces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.surfaces{grid-template-columns:1fr}.surf{border-top:1px solid var(--rule);grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:16px 0}.surf-art{transform-origin:0 0;grid-row:span 2;height:128px}.surf-art .sa{transform-origin:bottom;transform:scale(.72)}.surf h3{margin-top:0}}