.layout-device-comparison{--mobile-teal:#53e6c8;--mobile-violet:#8a75d8}.device-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center;padding:4rem 0}.device-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1}.device-hero-stack{display:grid;grid-template-columns:1.3fr .72fr 1fr;gap:.6rem;align-items:end}.device-hero-stack>div{display:grid;align-content:end;min-height:150px;padding:1rem;border:1px solid var(--line);background:#10251c}.device-hero-stack .device-mobile{min-height:230px;border-radius:26px;border-color:var(--mobile-teal)}.device-hero-stack .device-claim{min-height:180px;border-radius:18px;background:#211d32}.device-hero-stack span{font-weight:800}.device-hero-stack small{color:var(--muted)}.device-stage{padding:1rem 0 5rem}.device-stage-head{max-width:760px}.device-lab-grid{display:grid;grid-template-columns:1fr .78fr 1fr;gap:1rem;align-items:end}.device-lab-grid article{border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:var(--surface)}.device-lab-grid .device-phone{min-height:430px;border-radius:38px;border-color:var(--mobile-teal)}.device-lab-grid>article>span{color:var(--mobile-teal);font-weight:800}.device-lab-grid dl div{display:grid;grid-template-columns:.8fr 1.2fr;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.device-lab-grid dt{color:var(--muted)}.device-lab-grid dd{margin:0}.app-pwa-context,.permission-review,.domain-anatomy,.mobile-security-handoff{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:5rem 0}.app-pwa-context figure{margin:0;aspect-ratio:6/7}.app-pwa-context picture,.app-pwa-context img{width:100%;height:100%;object-fit:cover}.app-pwa-context figcaption,.permission-review figcaption{font-size:.72rem;padding:.55rem}.permission-review{grid-template-columns:1.15fr .85fr;background:#0c171f}.permission-review figure{margin:0}.permission-review img{width:100%;border-radius:22px}.domain-example{border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:#101827}.domain-example code{display:block;font-size:clamp(1rem,2.5vw,1.5rem);word-break:normal;overflow-wrap:normal}.domain-example .subdomain-one,.domain-example .subdomain-two{color:#f58b8b}.domain-example .registered{color:var(--mobile-teal)}.domain-example .suffix{color:#c8bfff}.domain-example ol{display:grid;gap:.4rem;padding-left:1.2rem}.domain-example li{padding:.35rem}.domain-example strong{display:inline-block;min-width:130px}.domain-example span{color:var(--muted)}.mobile-copy{background:#f3f7f6}.mobile-security-handoff{grid-template-columns:120px 1fr;border-top:1px solid var(--line)}.mobile-security-handoff>div:first-child{display:grid;place-items:center;aspect-ratio:1;border-radius:28px;background:#211d32}.mobile-security-handoff .icon{width:56px;height:56px;color:#c8bfff}
@media(max-width:760px){.device-hero,.device-hero-stack,.device-lab-grid,.app-pwa-context,.permission-review,.domain-anatomy,.mobile-security-handoff{grid-template-columns:1fr}.device-hero-stack .device-mobile,.device-lab-grid .device-phone{min-height:180px}.mobile-security-handoff>div:first-child{max-width:120px}}
.device-lab-visual,.domain-anatomy-visual{margin-top:-2.5rem;margin-bottom:4rem}.device-lab-visual img,.domain-anatomy-visual img{width:100%;border-radius:22px}.device-lab-visual figcaption,.domain-anatomy-visual figcaption{font-size:.76rem;color:var(--muted);margin-top:.55rem}.device-security-photo{aspect-ratio:3/2!important}.device-security-photo img{object-position:center}