/* Shared install page, isolated from the site's existing navigation. */
.pwa-page{--pwa-accent:#f2c76d;max-width:1040px;margin:clamp(24px,6vw,72px) auto;padding:0 clamp(16px,4vw,40px);line-height:1.85;color:#edf3f4}
.pwa-page[data-pwa-brand=noia-grid]{--pwa-accent:#b7ef96}
.pwa-page *{box-sizing:border-box}.pwa-page [hidden]{display:none!important}
.pwa-page .pwa-kicker{font-size:12px;letter-spacing:.18em;color:var(--pwa-accent);font-weight:700}
.pwa-page .pwa-hero{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;align-items:center;margin:24px 0}
.pwa-page .pwa-icon{width:120px;height:120px;border-radius:26px;box-shadow:0 18px 50px #0005}
.pwa-page h1{font-size:clamp(28px,4.4vw,48px);line-height:1.35;margin:0 0 12px;letter-spacing:.01em}
.pwa-page h2{font-size:20px;margin:0 0 16px}.pwa-page h3{font-size:17px;margin:0 0 12px}
.pwa-page p{margin:12px 0;color:#b6c7cc}.pwa-page .pwa-lead{font-size:17px;max-width:44em}
.pwa-page .pwa-badges{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0}
.pwa-page .pwa-badges li{padding:5px 12px;border:1px solid #93aeb443;border-radius:999px;font-size:13px}
.pwa-page .pwa-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0 8px}
.pwa-page .pwa-button{font:inherit;font-weight:700;cursor:pointer;background:var(--pwa-accent);color:#091210;padding:13px 22px;border:1px solid var(--pwa-accent);border-radius:10px;min-height:48px;text-decoration:none}
.pwa-page .pwa-button:disabled{opacity:.6;cursor:wait}.pwa-page .pwa-secondary{color:#edf3f4;background:transparent;border-color:#93aeb470}
.pwa-page a:focus-visible,.pwa-page button:focus-visible{outline:3px solid var(--pwa-accent);outline-offset:5px}
.pwa-page .pwa-status{min-height:2em;font-size:14px}.pwa-page .pwa-guide{margin:44px 0 28px;scroll-margin-top:100px}
.pwa-page .pwa-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pwa-page .pwa-card{background:#90b2bd09;border:1px solid #93aeb435;border-radius:14px;padding:22px}
.pwa-page ol{padding-left:1.3em;margin:0;color:#b6c7cc;font-size:14px}.pwa-page li+li{margin-top:8px}
.pwa-page .pwa-note{padding:20px 24px;border-left:3px solid var(--pwa-accent);background:#90b2bd09;font-size:14px}
.pwa-page .pwa-note p{margin:6px 0}.pwa-page .pwa-card p{font-size:13px}
@media(max-width:700px){.pwa-page .pwa-hero{grid-template-columns:76px minmax(0,1fr);gap:18px}.pwa-page .pwa-icon{width:76px;height:76px;border-radius:18px}.pwa-page .pwa-steps{grid-template-columns:1fr}.pwa-page h1{font-size:28px}.pwa-page .pwa-lead{font-size:15px}}