/* Isolated install-page styles; aligns with the OfficeCalculator palette. */
:root{--op-primary:#173f67;--op-accent:#2876c0;--op-ink:#172d45;--op-muted:#425970;--op-border:#c5d3df;--op-bg:#f2f6fa;--op-card:#fff;--op-soft:#eaf3fb}
html{scroll-behavior:smooth}body.oc-pwa-page{margin:0;background:var(--op-bg);color:var(--op-ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.oc-pwa-page *{box-sizing:border-box}.oc-pwa-page a{color:#1764aa}.oc-pwa-page a:hover{text-decoration:underline}.oc-pwa-page .ocp-skip{position:absolute;top:-80px;left:12px;padding:8px;background:white;z-index:50}.oc-pwa-page .ocp-skip:focus{top:12px}
.ocp-wrap{max-width:1200px;margin:0 auto;padding:0 24px}.ocp-header{background:var(--op-card);border-bottom:1px solid var(--op-border)}.ocp-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;flex-wrap:wrap;padding:13px 0}.ocp-logo{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-size:20px;font-weight:800;color:var(--op-primary)!important}.ocp-logo img{width:42px;height:42px;border-radius:10px}.ocp-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:650}.ocp-nav a{text-decoration:none;color:var(--op-primary)}
.ocp-hero{padding:52px 0 25px}.ocp-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:26px;align-items:center}.ocp-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#295f91;font-weight:800}.ocp-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.14;margin:12px 0 20px;letter-spacing:-.035em}.ocp-hero p{font-size:17px;color:var(--op-muted);margin:0 0 20px;max-width:650px}.ocp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 10px}.ocp-btn{cursor:pointer;font:inherit;font-weight:750;border-radius:10px;border:1px solid #1b4d79;padding:12px 20px;display:inline-block;text-decoration:none!important;background:var(--op-primary);color:#fff!important}.ocp-btn:hover{background:#265b8d}.ocp-btn:focus-visible,.oc-pwa-page a:focus-visible{outline:3px solid #e6a800;outline-offset:3px}.ocp-btn.secondary{background:var(--op-card);color:var(--op-primary)!important}.ocp-state{font-size:14px!important;color:var(--op-muted);min-height:26px}.ocp-hero-card{border-radius:22px;background:linear-gradient(130deg,#19496f,#2678b5);padding:34px 22px;text-align:center;color:white;box-shadow:0 15px 35px #173f6730}.ocp-hero-card img{width:132px;height:132px;border-radius:24px;background:white;padding:8px}.ocp-hero-card b{font-size:21px;display:block;margin-top:12px}.ocp-hero-card span{display:block;color:#e1f1fb}.ocp-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 34px}.ocp-feature{background:var(--op-card);border:1px solid var(--op-border);padding:19px;border-radius:14px}.ocp-feature b{display:block;font-size:16px;margin-bottom:5px}.ocp-feature p{margin:0;color:var(--op-muted);font-size:14px}
.ocp-section{margin:26px 0;padding:26px;background:var(--op-card);border:1px solid var(--op-border);border-radius:16px}.ocp-section h2{font-size:clamp(22px,2.2vw,30px);margin:0 0 12px;line-height:1.25}.ocp-section h3{font-size:19px;margin:16px 0 8px}.ocp-section p{color:var(--op-muted);margin:8px 0 14px}.ocp-section ul,.ocp-section ol{padding-left:22px}.ocp-section li{margin:8px 0}.ocp-instruction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ocp-steps{border-radius:12px;background:var(--op-soft);border:1px solid var(--op-border);padding:18px}.ocp-steps h3{margin-top:0}.ocp-note{border-left:4px solid #3f83bf;background:var(--op-soft);padding:14px 16px;border-radius:6px;font-size:14px}.ocp-faq details{border-bottom:1px solid var(--op-border);padding:12px 2px}.ocp-faq summary{cursor:pointer;font-weight:700}.ocp-faq details p{margin:8px 0}.ocp-footer{background:var(--op-primary);margin-top:32px;padding:24px 0;color:#e9f4fa;font-size:14px}.ocp-footer a{color:#fff}.ocp-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.oc-pwa-page .oc172-ad-placement{background:var(--op-card)}.oc-pwa-page .oc172-ad-placement[hidden]{display:none!important}
@media(max-width:760px){.ocp-wrap{padding:0 16px}.ocp-hero{padding:35px 0 10px}.ocp-hero-grid{grid-template-columns:1fr}.ocp-hero-card{display:none}.ocp-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ocp-instruction-grid{grid-template-columns:1fr}.ocp-section{padding:20px}.ocp-nav{gap:12px}.ocp-logo{font-size:18px}}
@media(max-width:420px){.ocp-features{grid-template-columns:1fr}.ocp-top{align-items:flex-start}.ocp-nav{font-size:13px}.ocp-btn{width:100%;text-align:center}}
@media(prefers-color-scheme:dark){body.oc-pwa-page{--op-ink:#e9f2ff;--op-muted:#b7cce1;--op-border:#395671;--op-bg:#0e2235;--op-card:#19334b;--op-soft:#213e5a}body.oc-pwa-page .ocp-header{background:var(--op-card)}body.oc-pwa-page .ocp-logo,body.oc-pwa-page .ocp-nav a{color:#e7f2ff!important}body.oc-pwa-page a{color:#87c4fa}body.oc-pwa-page .ocp-btn.secondary{color:#e7f2ff!important}body.oc-pwa-page .ocp-footer{background:#0a1c2c}body.oc-pwa-page .ocp-eyebrow{color:#93c5fb}}