.offgrid-download { --og-text: #f2f3f5; --og-muted: #bdc2ca; --og-accent: #e8893b; box-sizing: border-box; padding: clamp(24px, 6vw, 72px) 20px; color: var(--og-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
.offgrid-download *, .offgrid-download *::before, .offgrid-download *::after { box-sizing: border-box; }
.offgrid-download .og-card { max-width: 460px; margin: 0 auto; padding: clamp(24px, 5vw, 40px); text-align: center; background: #1a1d23; border: 1px solid #3a404b; border-radius: 16px; box-shadow: 0 16px 40px #0002; }
.offgrid-download .og-eyebrow { display: block; color: var(--og-accent); font-size: 13px; font-weight: 800; letter-spacing: .16em; margin-bottom: 16px; }
.offgrid-download h1 { color: var(--og-text); font-size: clamp(22px, 4vw, 30px); font-weight: 700; line-height: 1.25; margin: 0; overflow-wrap: anywhere; }
.offgrid-download p { color: var(--og-muted); font-size: 15px; margin: 14px 0 0; overflow-wrap: anywhere; }
.offgrid-download .og-buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.offgrid-download a.og-store { display: block; padding: 15px 18px; border: 1px solid #454c58; border-radius: 10px; color: var(--og-text); background: #23272f; text-decoration: none; font-size: 15px; font-weight: 600; transition: background .15s ease, border-color .15s ease; }
.offgrid-download .og-store:hover { background: #303641; border-color: var(--og-accent); }
.offgrid-download .og-store:focus-visible { outline: 3px solid var(--og-accent); outline-offset: 4px; }
.offgrid-download .og-store small { display: block; margin-top: 3px; font-size: 12px; color: var(--og-muted); font-weight: 400; }
.offgrid-download .og-store[aria-disabled="true"] { opacity: .6; }
.offgrid-download .og-spinner { width: 26px; height: 26px; margin: 0 auto 16px; border: 3px solid #454c58; border-top-color: var(--og-accent); border-radius: 50%; animation: og-spin .8s linear infinite; }
.offgrid-download [hidden], .og-admin [hidden] { display: none !important; }
@keyframes og-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .offgrid-download .og-spinner { animation: none; } .offgrid-download a.og-store { transition: none; } }