/* Compact, flat composition. No CSS scaling or perspective is applied to UI text. */
.devices-hero>.container{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.3fr);grid-template-rows:1fr auto;column-gap:44px;min-height:655px;padding-block:76px 66px}
.new-hero-intro{grid-column:1;grid-row:1 / 3;display:block;padding:0;max-width:440px;margin:0;align-self:center}.new-hero-intro h1,.new-hero-intro .hero-accent{font-size:clamp(34px,3.4vw,48px);letter-spacing:-.05em;line-height:1.12}.new-hero-intro .eyebrow{font-size:11px;margin-bottom:23px}.new-hero-intro .hero-accent{margin-bottom:27px}.hero-description{display:block}.hero-description .lead{font-size:16px;line-height:1.75;margin:0 0 28px}.hero-description .hero-actions{display:flex;flex-direction:row;align-items:center;gap:20px}.hero-description .button{font-size:13px;padding-inline:17px}.hero-description .text-link{font-size:12px}
.device-stage{grid-column:2;grid-row:1;width:100%;max-width:750px;margin:0;padding:0;align-self:end}.device-composition{display:block;min-height:0;max-width:none;margin:0;padding:26px 0 16px}.desktop-device{width:85%;position:relative;top:auto;left:auto;margin:0;transform:none!important;filter:none!important;will-change:auto!important}.desktop-bezel{border-radius:1.25cqw;box-shadow:0 14px 36px #0002}.desktop-foot{margin-inline:-.8cqw;height:1.1cqw}.phone-device{position:absolute;right:0;bottom:0;width:25%;margin:0;transform:none!important;filter:none!important;will-change:auto!important}.phone-hardware{box-shadow:0 12px 28px #0003}.device-orbit{display:none}.mock-app{height:61cqw}.mock-workspace{height:51.3cqw}.mock-power{filter:none!important;animation:none!important}.device-caption{font-size:9px;letter-spacing:.02em;padding-top:15px;gap:13px}.caption-line{width:38px}.hero-bottom{grid-column:2;grid-row:2;align-self:start;width:100%;display:flex;gap:15px;flex-direction:row;justify-content:space-between;padding:18px 0 0;margin:0}.hero-bottom .protocol-line{font-size:9px;gap:17px}.motion-toggle{font-size:9px;padding:5px 0;gap:5px}.motion-toggle svg{width:11px;height:11px}.signal-canvas{opacity:.46;mask-image:linear-gradient(transparent 20%,#000 70%,transparent)}
/* Same hierarchy as the saved balanced v6 phone: status, power, provider, country, four tabs. */
.approved-phone .phone-hardware{padding:1.5cqw;border-radius:11.7cqw;background:linear-gradient(130deg,#a3aab0,#36444e 25%,#101e26 64%,#74848c);border:1px solid #6f7d85}.approved-phone .phone-status{height:13cqw;padding:0 7cqw;border-radius:10cqw 10cqw 0 0;font-size:3.2cqw}.approved-phone .phone-island{height:6.5cqw;top:3.5cqw;width:30cqw;left:calc(50% - 15cqw);background:var(--code);border:0}.approved-phone .phone-screen{padding:2cqw 4cqw 0;background:var(--bg);overflow:hidden}.approved-phone .phone-app-header{margin:1cqw 0 10cqw;padding:0 1cqw}.approved-phone .phone-app-header .mock-brand{width:39cqw;margin:0}.approved-phone .phone-app-header>svg{width:6cqw;height:6cqw;color:var(--text)}.approved-connected{display:flex;align-items:center;justify-content:center;gap:4cqw;font-size:5.1cqw;font-weight:550;color:var(--text);white-space:nowrap}.approved-connected>i{width:3cqw;height:3cqw;background:var(--accent);border-radius:50%;box-shadow:0 0 2cqw color-mix(in srgb,var(--accent) 40%,transparent)}.approved-info{width:5cqw;height:5cqw;border:1px solid var(--muted);border-radius:50%;font-size:3.5cqw;line-height:4.5cqw;text-align:center;color:var(--muted);font-family:Georgia,serif;font-weight:400}
.approved-power-stage{height:76cqw;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;margin:2cqw -4cqw 0}.approved-floor{position:absolute;inset:36cqw 0 -10cqw;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:8cqw 8cqw;transform:perspective(35cqw) rotateX(50deg);transform-origin:50% 0;mask-image:linear-gradient(transparent,#000 40%,transparent)}.approved-power{width:47cqw;height:47cqw;border:.7cqw solid var(--accent);border-radius:50%;background:var(--bg);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3cqw;box-shadow:0 0 3cqw color-mix(in srgb,var(--accent) 12%,transparent);margin-top:-5cqw}.approved-power>svg{width:15cqw;height:15cqw;stroke-width:1.5}.approved-power>span:last-child{font-size:4.1cqw;font-weight:500}.approved-power-orbit{position:absolute;inset:-3cqw;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%}
.approved-provider{padding:3.5cqw;border:1px solid var(--line);border-radius:2.7cqw;background:var(--panel);margin:0 0 3.2cqw}.approved-label{font-size:3.25cqw;color:var(--muted);margin-bottom:2.5cqw}.approved-provider-grid{display:grid;grid-template-columns:12cqw minmax(0,1fr);gap:3cqw;position:relative}.approved-provider-symbol{width:11.5cqw;height:11.5cqw;border-radius:2cqw;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}.approved-provider-symbol>svg{width:7cqw;height:7cqw}.approved-provider-name{display:flex;gap:2cqw;align-items:center;padding-right:11cqw;min-height:7cqw;white-space:nowrap}.approved-provider-name>span{font-size:4.6cqw;font-weight:550;letter-spacing:-.025em}.approved-provider-name>svg{width:3cqw;height:3cqw;flex:none}.approved-refresh{position:absolute;right:0;top:0;width:11.5cqw;height:11.5cqw;border:1px solid var(--line);background:var(--raised);border-radius:2.6cqw;display:grid;place-items:center;color:var(--accent)}.approved-refresh>svg{width:6.5cqw;height:6.5cqw}.approved-updated{font-size:2.8cqw;color:var(--muted);margin:2.3cqw 0 3cqw;white-space:nowrap}.approved-message{font-size:2.8cqw;color:var(--muted);margin:0 0 1.3cqw;line-height:1.45}.approved-channel{font-size:3.4cqw;font-weight:500;color:var(--accent)}
.approved-country{border:1px solid var(--line);border-radius:2.7cqw;background:var(--panel);padding:4cqw 5cqw;margin-bottom:5.5cqw;display:flex;align-items:center;gap:5cqw;min-height:16cqw}.approved-country .mock-flag{width:9cqw;height:7cqw;border-radius:1.2cqw}.approved-country>span:not(.mock-flag){font-size:4.8cqw;font-weight:500}.approved-country>svg{width:4cqw;height:4cqw;margin-left:auto;transform:rotate(-90deg)}.approved-nav{display:flex;justify-content:space-between;margin:0 -4cqw;padding:4cqw 5cqw 4.5cqw;border-top:1px solid var(--line);font-size:2.8cqw;color:var(--text)}.approved-nav>span{display:flex;align-items:center;flex-direction:column;gap:2cqw}.approved-nav svg{width:5.5cqw;height:5.5cqw;stroke-width:1.5}.approved-nav .selected{color:var(--accent)}.approved-nav .selected svg{fill:currentColor;stroke-width:1}.approved-phone .phone-home-indicator{height:7cqw;border-radius:0 0 10cqw 10cqw}.approved-phone .phone-home-indicator:after{top:2.7cqw;width:34%;left:33%;height:1cqw}
@media(min-width:1500px){.devices-hero>.container{min-height:680px}.new-hero-intro h1,.new-hero-intro .hero-accent{font-size:50px}}
@media(max-width:1100px){.devices-hero>.container{column-gap:28px;grid-template-columns:minmax(0,.86fr) minmax(0,1.15fr);min-height:595px;padding-block:60px}.new-hero-intro h1,.new-hero-intro .hero-accent{font-size:36px}.hero-description .lead{font-size:15px}.hero-description .hero-actions{gap:16px}.hero-description .text-link{font-size:11px}.hero-bottom{flex-wrap:wrap;justify-content:center;gap:12px}.hero-bottom .protocol-line{font-size:8px;gap:14px}.device-caption{font-size:8px}}
@media(max-width:880px){.devices-hero>.container{display:block;min-height:0;padding-block:43px 32px}.new-hero-intro{max-width:580px;margin:0 auto 30px}.new-hero-intro h1,.new-hero-intro .hero-accent{font-size:42px}.hero-description .lead{max-width:500px}.device-stage{max-width:630px;margin:auto}.device-composition{padding-top:22px}.phone-device{width:25%}.desktop-device{width:85%}.hero-bottom{max-width:630px;margin:0 auto;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;padding-top:17px}.hero-bottom .protocol-line{font-size:9px}.device-caption{font-size:9px}}
@media(max-width:600px){.devices-hero>.container{padding-top:34px}.new-hero-intro{margin-bottom:22px}.new-hero-intro h1,.new-hero-intro .hero-accent{font-size:clamp(30px,8.4vw,42px)}.new-hero-intro .hero-accent{margin-bottom:22px}.new-hero-intro .eyebrow{font-size:10px;margin-bottom:20px}.hero-description .lead{font-size:14px;line-height:1.75;margin-bottom:23px}.hero-description .hero-actions{gap:15px}.hero-description .button{font-size:12px;padding-inline:14px}.hero-description .text-link{font-size:10px}.device-composition{padding-top:22px;padding-bottom:18px}.desktop-device{position:relative;left:auto;top:auto;width:85%;margin:0}.phone-device{position:absolute;right:0;bottom:4px;width:26%;margin:0}.device-caption{font-size:8px;padding-top:13px;gap:12px}.caption-line{width:25px}.hero-bottom{gap:14px;flex-wrap:wrap;justify-content:center;padding-top:16px}.hero-bottom .protocol-line{font-size:8px;gap:17px}.motion-toggle{font-size:8px}.platforms-section{padding-top:38px}}