:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--tap-min: 44px;--button-height: 56px;--button-radius: 18px;--card-padding: 20px;--app-max-width: 560px;--elder-button-height: 128px;--background: #090d13;--surface: rgba(18, 25, 36, .94);--surface-raised: rgba(25, 35, 50, .96);--surface-muted: rgba(255, 255, 255, .055);--text: #ecf3fb;--text-muted: #aebdd0;--border: rgba(177, 197, 224, .18);--accent: #67d0b3;--accent-strong: #2aa987;--success: #62d48d;--warning: #e2b45d;--danger: #e35b5b;--info: #7fb3ff;--bg: var(--background);--muted: var(--text-muted);--warn: var(--warning);--good: var(--success);--shadow: 0 18px 60px rgba(0, 0, 0, .28);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(103,208,179,.18),transparent 34rem),radial-gradient(circle at 85% 10%,rgba(127,179,255,.16),transparent 26rem),linear-gradient(180deg,#090d13,#0d131c 46%,#090d13);color:var(--text)}a{color:#b8d7ff;text-decoration:none}a:hover{color:#fff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;letter-spacing:0}h2{font-size:clamp(1.25rem,3.5vw,1.6rem);line-height:1.3;letter-spacing:-.01em}p,li{color:var(--muted);line-height:1.55;font-size:1.05rem}code{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;color:#d7f7ed}input,select{width:100%;min-height:var(--button-height);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;background:#080c12b8;color:var(--text);font:inherit}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn,button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);border:1px solid transparent;border-radius:var(--button-radius);padding:12px 16px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.btn:hover,button:hover{transform:translateY(-1px)}.btn:disabled,button:disabled{opacity:.58;cursor:not-allowed;transform:none}.btn-primary{color:#04120e;background:var(--accent)}.btn-secondary{color:var(--text);background:#ffffff0f;border-color:var(--border)}.btn-danger{color:#fff;background:var(--danger)}.btn-ghost{color:var(--text);background:transparent;border-color:var(--border)}.btn-full,.page-shell .btn:not(.icon-btn),.page-shell button:not(.icon-btn){width:100%}.button-group{display:grid;gap:var(--space-3)}.brand-link{color:var(--text);font-weight:850;letter-spacing:0}.marketing-page{min-height:100vh}.marketing-nav{max-width:1120px;margin:0 auto;padding:18px;display:flex;gap:18px;align-items:center;justify-content:space-between}.marketing-nav nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.marketing-nav nav a{color:var(--muted);font-weight:650}.nav-cta{min-height:38px;padding:7px 12px}.hero-section{max-width:1120px;min-height:min(720px,calc(100vh - 80px));margin:0 auto;padding:var(--space-8) 18px var(--space-7);display:flex;align-items:center}.hero-copy{max-width:860px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.hero-subhead{max-width:720px;font-size:1.2rem;color:#d7e4f2}.hero-actions,.footer-links,.row-inline,.split-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.split-row{justify-content:space-between}.trust-strip{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:28px}.trust-strip span{display:inline-flex;align-items:center;gap:7px;color:#dce8f5;font-size:.95rem;font-weight:750;line-height:1.35}.trust-strip span:before{content:"✓";display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:999px;color:#04120e;background:var(--accent);font-size:.78em;font-weight:900;flex:0 0 auto}.pill{border:1px solid var(--border);border-radius:999px;padding:8px 14px;background:#ffffff0d;color:#dce8f5;font-size:1.05rem;font-weight:700;min-height:44px;display:inline-flex;align-items:center}.pill-good{border-color:#62d48d80;color:#d8ffe5}.pill-warn{border-color:#e2b45d8c;color:#ffe9bd}.pill-danger{border-color:#e35b5b8c;color:#ffd0d0}.marketing-grid,.content-page,.final-cta,.marketing-footer{max-width:1120px;margin:0 auto;padding:24px 18px}.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card,.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#161f2df0,#0f1620f0);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.info-card{padding:var(--card-padding)}.card:hover{transform:translateY(-1px);box-shadow:0 22px 70px #00000052}.info-card.wide{grid-column:1 / -1}.content-page{max-width:820px}.content-page h1{font-size:clamp(2rem,4vw,3rem)}.content-page ul,.checklist{padding-left:20px}.faq-list{display:grid;gap:12px}.final-cta{display:grid;gap:14px;justify-items:start;padding-top:50px;padding-bottom:50px}.final-cta h2{font-size:clamp(1.6rem,3vw,2.4rem);max-width:700px}.marketing-footer{border-top:1px solid var(--border);margin-top:22px;padding-bottom:44px}.page-shell{max-width:var(--app-max-width);margin:0 auto;padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom))}.app-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.header-actions{display:flex;gap:8px}.icon-btn{min-height:var(--tap-min);border:1px solid var(--border);border-radius:999px;padding:10px 16px;color:var(--text);background:#ffffff0f;font-size:1.05rem;font-weight:750}.screen-heading h1{font-size:1.85rem;margin-bottom:var(--space-4)}.card{padding:var(--card-padding);margin-bottom:var(--space-4)}.stack{display:grid;gap:var(--space-4)}.hero-card{border-color:#67d0b359}.condition-card{border-color:#7fb3ff47}.pairing-card{border-color:#67d0b347}.alert-card{border-color:#e35b5b8c}.notice{margin:12px 0;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;background:#ffffff0f;color:#e8f0f8;font-weight:650;font-size:1.05rem;line-height:1.45}.notice-good{border-color:#62d48d8c;background:#62d48d14;color:#d4f5e0}.notice-warn{border-color:#e2b45d99;background:#e2b45d14;color:#f5e8c8}.notice-danger{border-color:#e35b5b99;background:#e35b5b14;color:#ffd6d6}.subtle{color:var(--muted);font-size:1.05rem}.elder-subtle{color:var(--muted);font-size:1.1rem;line-height:1.4}.share-box{display:grid;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff0a}.pairing-code{margin:0;color:#fff;font-size:clamp(1.35rem,7vw,2rem);font-weight:850;letter-spacing:.08em}.toggle-row{display:flex;gap:var(--space-3);align-items:center;color:var(--muted);font-weight:700}.toggle-row input{width:20px;min-height:20px}.routine-editor{display:grid;gap:var(--space-3)}.routine-action{display:grid;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff0a}.preview-box{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:#67d0b30f}.preview-box p{margin-bottom:0}.alert-row,.history-row,.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--border)}.history-row{grid-template-columns:minmax(0,1fr) auto auto}.settings-row p{margin:4px 0 0}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff09}.empty-state p{margin-bottom:0}.elder-station{max-width:480px;min-height:100vh;margin:0 auto;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-5),env(safe-area-inset-bottom));display:grid;align-content:start;gap:var(--space-4)}.elder-header-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.elder-header-row h1{font-size:1.5rem}.station-btn{width:100%;min-height:var(--elder-button-height);border-radius:var(--radius-xl);font-size:1.8rem}.station-btn.danger{background:var(--danger);color:#fff}.station-btn.safe{background:var(--accent-strong);color:#fff}.station-btn.primary-safe{background:#2aa987}.elder-subtle{margin:0;color:var(--text-muted);font-size:.9rem;text-align:center}.settings-grid{display:grid;gap:var(--space-3)}.status-metrics{display:grid;gap:var(--space-2)}.status-metrics span{display:block;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text);background:var(--surface-muted);font-weight:700}.active-alert{display:grid;gap:var(--space-3)}.urgent-card{background:linear-gradient(180deg,#4d1a1ff2,#18131bf2)}@media (max-width: 760px){.marketing-nav{align-items:flex-start;flex-direction:column}.marketing-grid{grid-template-columns:1fr}.hero-section{padding-top:42px;align-items:flex-start}.hero-actions .btn,.final-cta .btn{width:100%}.history-row,.alert-row,.settings-row{grid-template-columns:1fr}}@media (min-width: 680px){.button-group,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.condensed-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#ffffff08;font-weight:700}.condensed-meta{color:var(--muted);font-size:.95rem}.qr-primary-card{border-color:#67d0b373;background:linear-gradient(180deg,#141c2af5,#0e141ef5);padding:28px 20px 24px;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.qr-primary-card:hover{transform:translateY(-1px)}.qr-title{font-size:1.5rem;margin-bottom:2px;letter-spacing:-.02em}.qr-instruction{font-size:1.2rem;color:var(--text);font-weight:650;margin:6px 0 18px;line-height:1.28}.qr-generate-btn{min-height:72px;font-size:1.32rem;font-weight:860;letter-spacing:-.01em;box-shadow:0 8px 28px #67d0b361;transition:transform .12s ease,box-shadow .12s ease}.qr-generate-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #67d0b36b}.qr-display{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:22px;padding:20px;margin:14px auto 18px;box-shadow:0 18px 56px #00000061,0 0 0 1px #0000000d inset;max-width:380px;width:100%;transition:box-shadow .2s ease}.qr-display:focus-within{box-shadow:0 20px 64px #0000006b}.qr-svg-wrap svg{width:100%;height:auto;max-width:340px;display:block;border-radius:14px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (min-width: 420px){.qr-svg-wrap svg{max-width:320px}.qr-display{max-width:360px;padding:22px}}.qr-success-text{font-size:1.22rem;font-weight:780;color:#67d0b3;margin:2px 0 16px;line-height:1.22;text-shadow:0 1px 2px rgba(0,0,0,.2)}.qr-advanced{margin:8px 0 4px;text-align:left;border-top:1px solid var(--border);padding-top:8px}.qr-advanced summary{cursor:pointer;font-size:.92rem;color:var(--muted);font-weight:600;padding:6px 2px;list-style:none;outline:none}.qr-advanced summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.qr-advanced summary:hover{color:var(--text)}.qr-advanced[open] summary{margin-bottom:6px;color:var(--text)}.qr-link{font-size:.78rem;word-break:break-all;line-height:1.3}.page-shell .qr-primary-card{margin-top:4px}.page-shell .qr-success-text+.qr-advanced{border-top-color:#67d0b333}.qr-backup{margin:12px 0 6px;padding:12px 10px;border:2px solid var(--accent);border-radius:var(--radius-lg);background:#67d0b30e;text-align:center}.qr-backup-label{font-size:1.02rem;font-weight:750;color:var(--text);margin-bottom:6px;line-height:1.2;letter-spacing:-.01em}.qr-backup-url{display:block;font-size:.92rem;font-weight:650;color:#0b2f24;background:#fff;border:1px solid var(--accent);border-radius:var(--radius-md);padding:9px 6px;margin:0 0 8px;word-break:break-all;text-decoration:none;line-height:1.22;min-height:42px;box-shadow:0 1px 4px #0000000f}.qr-backup-url:focus-visible{outline:3px solid var(--accent);outline-offset:2px;background:#f0fdf4}.qr-backup-url:active{background:#ecfdf5}.qr-backup .button-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-backup .btn{min-height:50px;font-size:1.02rem;font-weight:750}
