:root{--hph-primary-button-visible-height:42px;--hph-min-hit-target:44px;--hph-primary-button-radius:10px;--hph-primary-button-font-weight:700;--hph-focus-ring-width:2px;--hph-card-radius:16px}:root[data-theme-family=deep-ocean][data-theme=dark],:root[data-theme-family=deep-ocean] .theme-dark{--hph-canvas:#061521;--hph-shell1:#071a29;--hph-shell2:#081a28;--hph-shell3:#061520;--hph-card1:#183346;--hph-card2:#132b3b;--hph-border:#29485d;--hph-raised:#203b50;--hph-control:#243042;--hph-text:#edf3f8;--hph-secondary:#9fb1bf;--hph-support:#8eb2cc;--hph-muted:#8295a5;--hph-accent:#478fcb;--hph-accent-pressed:#3c82ba;--hph-accent-soft:#12334a;--hph-nav:#091c2a;--hph-nav-active:#4aa8f8;--hph-focus:#69b8f5;--hph-label-fg:#061521;--hph-shadow:#00000080;--hph-danger:#ef7065;--hph-danger-soft:#3a1518;--hph-danger-border:#7f1d1d;--hph-warning:#f0b84a;--hph-warning-soft:#3a2e0a;--hph-warning-border:#854d0e;--hph-success:#58cc87;--hph-success-soft:#123a27;--hph-success-border:#24683f;--hph-info:#64b4f5;--hph-info-soft:#12334a;--hph-info-border:#285b7e;--hph-disabled:#7e8b98}:root[data-theme-family=deep-ocean]:not([data-theme=dark]){--hph-canvas:#f4f8fb;--hph-shell1:#fff;--hph-shell2:#f7fafc;--hph-shell3:#eef5f9;--hph-card1:#fff;--hph-card2:#f8fbfd;--hph-border:#c9d9e4;--hph-raised:#eaf2f7;--hph-control:#fff;--hph-text:#102a3b;--hph-secondary:#486273;--hph-support:#3e718f;--hph-muted:#6b7f8d;--hph-accent:#1878b8;--hph-accent-pressed:#15689f;--hph-accent-soft:#e2f1fa;--hph-nav:#fff;--hph-nav-active:#1878b8;--hph-focus:#1878b8;--hph-label-fg:#fff;--hph-shadow:#142a3b29;--hph-danger:#b42318;--hph-danger-soft:#fdecec;--hph-danger-border:#e6a6a1;--hph-warning:#9a5b00;--hph-warning-soft:#fff4d8;--hph-warning-border:#e8c66b;--hph-success:#1f7a45;--hph-success-soft:#e4f5ea;--hph-success-border:#9accad;--hph-info:#176ea6;--hph-info-soft:#e5f2fa;--hph-info-border:#9ec8e1;--hph-disabled:#8b949c}:root[data-theme-family=forest-green][data-theme=dark],:root[data-theme-family=forest-green] .theme-dark{--hph-canvas:#061a16;--hph-shell1:#08231d;--hph-shell2:#09271f;--hph-shell3:#061a16;--hph-card1:#12382e;--hph-card2:#0d2e26;--hph-border:#285a49;--hph-raised:#173f34;--hph-control:#15382f;--hph-text:#f1f8f4;--hph-secondary:#b6c9bf;--hph-support:#8fc0a6;--hph-muted:#879f93;--hph-accent:#4eb77a;--hph-accent-pressed:#38a666;--hph-accent-soft:#123c2a;--hph-nav:#071f1a;--hph-nav-active:#4eb77a;--hph-focus:#63c58b;--hph-label-fg:#061a16;--hph-shadow:#0000007a;--hph-danger:#ef7065;--hph-danger-soft:#3a1518;--hph-danger-border:#7f1d1d;--hph-warning:#f0b84a;--hph-warning-soft:#3a2e0a;--hph-warning-border:#854d0e;--hph-success:#58cc87;--hph-success-soft:#123a27;--hph-success-border:#24683f;--hph-info:#64b4f5;--hph-info-soft:#12334a;--hph-info-border:#285b7e;--hph-disabled:#7e8b98}:root[data-theme-family=forest-green]:not([data-theme=dark]){--hph-canvas:#f4f7f2;--hph-shell1:#fff;--hph-shell2:#f8faf7;--hph-shell3:#eff4ef;--hph-card1:#fff;--hph-card2:#f8fbf8;--hph-border:#cbd9ce;--hph-raised:#eaf1eb;--hph-control:#fff;--hph-text:#173226;--hph-secondary:#4d6759;--hph-support:#3b7655;--hph-muted:#6a7e72;--hph-accent:#247a4b;--hph-accent-pressed:#155a35;--hph-accent-soft:#e2f0e7;--hph-nav:#fff;--hph-nav-active:#247a4b;--hph-focus:#247a4b;--hph-label-fg:#fff;--hph-shadow:#17322626;--hph-danger:#b42318;--hph-danger-soft:#fdecec;--hph-danger-border:#e6a6a1;--hph-warning:#9a5b00;--hph-warning-soft:#fff4d8;--hph-warning-border:#e8c66b;--hph-success:#1f7a45;--hph-success-soft:#e4f5ea;--hph-success-border:#9accad;--hph-info:#176ea6;--hph-info-soft:#e5f2fa;--hph-info-border:#9ec8e1;--hph-disabled:#8b949c}:root[data-theme-family=midnight-indigo][data-theme=dark],:root[data-theme-family=midnight-indigo] .theme-dark{--hph-canvas:#0b1020;--hph-shell1:#10162a;--hph-shell2:#121a31;--hph-shell3:#0b1020;--hph-card1:#1a2440;--hph-card2:#151e36;--hph-border:#33426b;--hph-raised:#202b4a;--hph-control:#1e2945;--hph-text:#f1f3fb;--hph-secondary:#b7bed2;--hph-support:#a7b1d3;--hph-muted:#8e96ad;--hph-accent:#6f7edb;--hph-accent-pressed:#5c68c4;--hph-accent-soft:#252b59;--hph-nav:#0f1528;--hph-nav-active:#7e8cf0;--hph-focus:#8d98f0;--hph-label-fg:#0b1020;--hph-shadow:#00000080;--hph-danger:#ef7065;--hph-danger-soft:#3a1518;--hph-danger-border:#7f1d1d;--hph-warning:#f0b84a;--hph-warning-soft:#3a2e0a;--hph-warning-border:#854d0e;--hph-success:#58cc87;--hph-success-soft:#123a27;--hph-success-border:#24683f;--hph-info:#64b4f5;--hph-info-soft:#12334a;--hph-info-border:#285b7e;--hph-disabled:#7e8b98}:root[data-theme-family=midnight-indigo]:not([data-theme=dark]){--hph-canvas:#f5f6fb;--hph-shell1:#fff;--hph-shell2:#fafafd;--hph-shell3:#f0f2f8;--hph-card1:#fff;--hph-card2:#fafbfd;--hph-border:#d2d6e5;--hph-raised:#eceffa;--hph-control:#fff;--hph-text:#202746;--hph-secondary:#58617b;--hph-support:#5967a5;--hph-muted:#747c90;--hph-accent:#4e5fb8;--hph-accent-pressed:#3d4c99;--hph-accent-soft:#e7eaf8;--hph-nav:#fff;--hph-nav-active:#4e5fb8;--hph-focus:#4e5fb8;--hph-label-fg:#fff;--hph-shadow:#20274626;--hph-danger:#b42318;--hph-danger-soft:#fdecec;--hph-danger-border:#e6a6a1;--hph-warning:#9a5b00;--hph-warning-soft:#fff4d8;--hph-warning-border:#e8c66b;--hph-success:#1f7a45;--hph-success-soft:#e4f5ea;--hph-success-border:#9accad;--hph-info:#176ea6;--hph-info-soft:#e5f2fa;--hph-info-border:#9ec8e1;--hph-disabled:#8b949c}:root[data-theme-family=warm-earth][data-theme=dark],:root[data-theme-family=warm-earth] .theme-dark{--hph-canvas:#1a1410;--hph-shell1:#211913;--hph-shell2:#261d16;--hph-shell3:#1a1410;--hph-card1:#3a2a20;--hph-card2:#302219;--hph-border:#684b38;--hph-raised:#463326;--hph-control:#3b2b21;--hph-text:#f8f2ec;--hph-secondary:#d0c0b2;--hph-support:#c7a98e;--hph-muted:#a79485;--hph-accent:#c9824b;--hph-accent-pressed:#b36d37;--hph-accent-soft:#4a2d1c;--hph-nav:#211812;--hph-nav-active:#d58d55;--hph-focus:#e1a06c;--hph-label-fg:#1a1410;--hph-shadow:#0000007a;--hph-danger:#ef7065;--hph-danger-soft:#3a1518;--hph-danger-border:#7f1d1d;--hph-warning:#f0b84a;--hph-warning-soft:#3a2e0a;--hph-warning-border:#854d0e;--hph-success:#58cc87;--hph-success-soft:#123a27;--hph-success-border:#24683f;--hph-info:#64b4f5;--hph-info-soft:#12334a;--hph-info-border:#285b7e;--hph-disabled:#7e8b98}:root[data-theme-family=warm-earth]:not([data-theme=dark]){--hph-canvas:#faf6f1;--hph-shell1:#fff;--hph-shell2:#fcf9f5;--hph-shell3:#f5eee7;--hph-card1:#fff;--hph-card2:#fcfaf7;--hph-border:#ded0c3;--hph-raised:#f1e7dd;--hph-control:#fff;--hph-text:#3b2a20;--hph-secondary:#6d5849;--hph-support:#8b5f3d;--hph-muted:#806f63;--hph-accent:#a95e2d;--hph-accent-pressed:#87441d;--hph-accent-soft:#f5e7db;--hph-nav:#fff;--hph-nav-active:#a95e2d;--hph-focus:#a95e2d;--hph-label-fg:#fff;--hph-shadow:#3b2a2026;--hph-danger:#b42318;--hph-danger-soft:#fdecec;--hph-danger-border:#e6a6a1;--hph-warning:#9a5b00;--hph-warning-soft:#fff4d8;--hph-warning-border:#e8c66b;--hph-success:#1f7a45;--hph-success-soft:#e4f5ea;--hph-success-border:#9accad;--hph-info:#176ea6;--hph-info-soft:#e5f2fa;--hph-info-border:#9ec8e1;--hph-disabled:#8b949c}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg-top:var(--hph-canvas);--page-bg-mid:var(--hph-shell3);--page-bg-bottom:var(--hph-canvas);--card-bg:var(--hph-shell1);--card-bg-fade:color-mix(in srgb, var(--hph-shell1) 0%, transparent);--card-watermark:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'600'%20height%3D'600'%20viewBox%3D'0%200%20600%20600'%20fill%3D'none'%20stroke%3D'%23cad6e5'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cdefs%3E%3Cg%20id%3D'toilet'%3E%3Cellipse%20cx%3D'-2'%20cy%3D'-7'%20rx%3D'13'%20ry%3D'4'%2F%3E%3Cpath%20d%3D'M9%2C-7%20L9%2C-19%20L19%2C-19%20L19%2C-7'%2F%3E%3Cpath%20d%3D'M-13%2C-6%20C-14%2C3%20-9%2C10%20-2%2C11%20L4%2C11%20C8%2C10%2011%2C5%2011%2C-6'%2F%3E%3Cpath%20d%3D'M-5%2C11%20L-7%2C19%20L7%2C19%20L5%2C11'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'waterheater'%3E%3Cpath%20d%3D'M-11%2C-13%20Q-11%2C-17%20-7%2C-17%20L7%2C-17%20Q11%2C-17%2011%2C-13%20L11%2C17%20Q11%2C21%207%2C21%20L-7%2C21%20Q-11%2C21%20-11%2C17%20Z%20M-6%2C-17%20L-6%2C-22%20M6%2C-17%20L6%2C-22%20M-9%2C-22%20L-3%2C-22%20M3%2C-22%20L9%2C-22%20M-6%2C3%20L6%2C3%20L6%2C12%20L-6%2C12%20L-6%2C3'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'7.5'%20r%3D'1.6'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'faucet'%3E%3Cpath%20d%3D'M-14%2C17%20L8%2C17%20M-3%2C17%20L-3%2C-3%20M-3%2C-3%20C-3%2C-12%203%2C-16%2012%2C-16%20L16%2C-16%20L16%2C-9%20M-3%2C-8%20L-3%2C-13%20M-8%2C-13%20L2%2C-13'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'showerhead'%3E%3Cpath%20d%3D'M-18%2C-15%20L-9%2C-15%20C-2%2C-15%200%2C-13%202%2C-8%20M-4%2C-8%20L14%2C-8%20L11%2C0%20L-1%2C0%20Z%20M1%2C0%20L-1%2C7%20M5%2C0%20L4%2C8%20M9%2C0%20L9%2C7%20M13%2C0%20L13%2C6'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'plunger'%3E%3Cpath%20d%3D'M0%2C-20%20L0%2C-2%20M-4%2C-20%20L4%2C-20%20M-11%2C-2%20Q-12%2C12%200%2C14%20Q12%2C12%2011%2C-2%20Z'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'drop'%3E%3Cpath%20d%3D'M0%2C-20%20C7%2C-6%2013%2C1%2013%2C8%20A13%2C13%200%201%201%20-13%2C8%20C-13%2C1%20-7%2C-6%200%2C-20%20Z'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'ptrap'%3E%3Cpath%20d%3D'M-16%2C-16%20L-16%2C2%20A15%2C15%200%200%201%2014%2C2%20L14%2C-16%20M-6%2C-16%20L-6%2C2%20A5%2C5%200%200%201%204%2C2%20L4%2C-16%20M-16%2C-16%20L-6%2C-16%20M4%2C-16%20L14%2C-16'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'elbow'%3E%3Cpath%20d%3D'M-20%2C-10%20L8%2C-10%20Q12%2C-10%2012%2C-6%20L12%2C20%20M-20%2C0%20L-2%2C0%20Q2%2C0%202%2C4%20L2%2C20%20M-20%2C-10%20L-20%2C0%20M2%2C20%20L12%2C20'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'tee'%3E%3Cpath%20d%3D'M-20%2C-8%20L20%2C-8%20M-20%2C2%20L-7%2C2%20M7%2C2%20L20%2C2%20M-7%2C2%20L-7%2C16%20M7%2C2%20L7%2C16%20M-20%2C-8%20L-20%2C2%20M20%2C-8%20L20%2C2%20M-7%2C16%20L7%2C16'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'cleanout'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'14'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'10'%2F%3E%3Crect%20x%3D'-5'%20y%3D'-5'%20width%3D'10'%20height%3D'10'%20rx%3D'1'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'valve'%3E%3Cpath%20d%3D'M-20%2C6%20L-11%2C6%20M11%2C6%20L20%2C6%20M-11%2C0%20L11%2C0%20L11%2C12%20L-11%2C12%20Z%20M0%2C0%20L0%2C-8%20M-4%2C-8%20L4%2C-8%20M-5%2C-13%20L5%2C-13'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'-13'%20r%3D'5'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'hosebib'%3E%3Cpath%20d%3D'M-17%2C-12%20L-17%2C12%20M-17%2C-1%20L0%2C-1%20M-5%2C-1%20L-5%2C-7%20M-10%2C-11%20L0%2C-11%20M0%2C-1%20L8%2C-1%20L8%2C5%20M3%2C5%20L13%2C5%20L13%2C10%20L3%2C10%20Z'%2F%3E%3Ccircle%20cx%3D'-5'%20cy%3D'-11'%20r%3D'5'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'sinkdrain'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'13'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M-7%2C0%20L7%2C0%20M0%2C-7%20L0%2C7'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'sewercleanout'%3E%3Cpath%20d%3D'M-20%2C12%20L20%2C12%20M-20%2C17%20L20%2C17%20M-6%2C12%20L-6%2C-12%20M6%2C12%20L6%2C-12%20M-9%2C-12%20L9%2C-12%20L9%2C-17%20L-9%2C-17%20Z'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'expansiontank'%3E%3Cpath%20d%3D'M-8%2C-12%20Q-8%2C-16%20-4%2C-16%20L4%2C-16%20Q8%2C-16%208%2C-12%20L8%2C6%20Q8%2C10%204%2C10%20L-4%2C10%20Q-8%2C10%20-8%2C6%20Z%20M-8%2C-3%20L8%2C-3%20M0%2C10%20L0%2C16%20M-11%2C16%20L11%2C16'%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20href%3D'%23toilet'%20transform%3D'translate(95%2C50)%20rotate(-5)%20scale(0.92)'%2F%3E%3Cuse%20href%3D'%23faucet'%20transform%3D'translate(50%2C122)%20rotate(6)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23showerhead'%20transform%3D'translate(100%2C194)%20rotate(-7)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23valve'%20transform%3D'translate(52%2C266)%20rotate(5)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23ptrap'%20transform%3D'translate(96%2C338)%20rotate(0)%20scale(0.95)'%2F%3E%3Cuse%20href%3D'%23drop'%20transform%3D'translate(54%2C410)%20rotate(-12)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23hosebib'%20transform%3D'translate(100%2C482)%20rotate(6)%20scale(0.95)'%2F%3E%3Cuse%20href%3D'%23sinkdrain'%20transform%3D'translate(56%2C554)%20rotate(0)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23waterheater'%20transform%3D'translate(525%2C80)%20rotate(0)%20scale(0.95)'%2F%3E%3Cuse%20href%3D'%23elbow'%20transform%3D'translate(560%2C152)%20rotate(14)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23plunger'%20transform%3D'translate(510%2C226)%20rotate(-10)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23expansiontank'%20transform%3D'translate(548%2C300)%20rotate(6)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23tee'%20transform%3D'translate(512%2C376)%20rotate(18)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23cleanout'%20transform%3D'translate(552%2C452)%20rotate(0)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23sewercleanout'%20transform%3D'translate(508%2C528)%20rotate(-10)%20scale(0.95)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--shadow-card:var(--hph-shadow);--text-strong:var(--hph-text);--text:var(--hph-text);--text-secondary:var(--hph-secondary);--text-muted:var(--hph-muted);--text-faint:var(--hph-muted);--border:var(--hph-border);--border-strong:var(--hph-border);--border-muted:var(--hph-border);--control-bg:var(--hph-control);--surface-subtle:var(--hph-card1);--surface-hover:var(--hph-raised);--surface-pressed:var(--hph-accent-soft);--action:var(--hph-accent);--action-hover:var(--hph-accent-pressed);--action-active:var(--hph-accent-pressed);--action-contrast:var(--hph-label-fg);--link:var(--hph-accent);--link-hover:var(--hph-accent-pressed);--focus-ring:var(--hph-focus);--action-soft-bg:var(--hph-accent-soft);--action-soft-bg-2:var(--hph-accent-soft);--action-soft-border:var(--hph-border);--action-soft-border-hover:var(--hph-accent);--danger:var(--hph-danger);--danger-strong:var(--hph-danger);--danger-hover:var(--hph-danger);--danger-contrast:var(--hph-label-fg);--danger-eyebrow:#fecaca;--danger-subtitle:#fee2e2;--danger-shadow:#b91c1c47;--danger-shadow-hover:#b91c1c57;--danger-soft-bg:var(--hph-danger-soft);--danger-soft-bg-2:var(--hph-danger-soft);--danger-soft-bg-3:var(--hph-danger-soft);--danger-soft-border:var(--hph-danger-border);--danger-soft-border-hover:var(--hph-danger-border);--danger-callout-border:var(--hph-danger-border);--danger-soft-text:var(--hph-danger);--warning-soft-bg:var(--hph-warning-soft);--warning-soft-border:var(--hph-warning-border);--warning-soft-text:var(--hph-warning);--highlight-bg:var(--hph-warning-soft);--safety-bg:var(--hph-warning-soft);--safety-border:var(--hph-warning-border);--safety-text:var(--hph-warning);--pill-gas-border:#fcd34d;--pill-gas-text:#78350f;--pill-electric-text:#1e3a8a;--pill-tankless-bg:#dcfce7;--pill-tankless-border:#86efac;--pill-tankless-text:#14532d;--pill-all-bg:#ede9fe;--pill-all-border:#c4b5fd;--pill-all-text:#4c1d95;--tip-bg:#f0f9ff;--tip-border:#bae6fd;--tip-featured-bg:#ecfeff;--tip-accent-border:#a5f3fc;--tip-eyebrow:#0369a1;--tip-cat-text:#0e7490;--tip-cat-bg:#cffafe;--notice-bg:var(--hph-info-soft);--notice-border:var(--hph-info-border);--notice-text:var(--hph-info);--notice-icon:var(--hph-info);--overlay:#0f172ae0;--overlay-btn:#ffffff29;--overlay-btn-hover:#ffffff4d;--image-shadow:#0000008c;--primary-action:var(--action);--primary-action-hover:var(--action-hover);--primary-action-contrast:var(--action-contrast);--emergency-action:var(--danger);--emergency-action-strong:var(--danger-strong);--emergency-action-hover:var(--danger-hover);--emergency-action-contrast:var(--danger-contrast);--status-success:var(--hph-success);--status-success-bg:var(--hph-success-soft);--status-success-border:var(--hph-success-border);--status-done-bg:var(--status-success-bg);--status-done-border:var(--status-success-border);--status-done-fg:var(--status-success);--status-attention-bg:var(--warning-soft-bg);--status-attention-border:var(--warning-soft-border);--status-attention-fg:var(--warning-soft-text);--status-neutral-bg:var(--surface-subtle);--status-neutral-border:var(--border);--status-neutral-fg:var(--text-muted);--surface:var(--hph-card1);--surface-muted:var(--hph-card2);--surface-card:var(--hph-card1);--surface-card-border:var(--hph-border);--surface-elevated:var(--hph-raised);--surface-elevated-border:var(--hph-border);--success:var(--hph-success);--warning:var(--hph-warning);--space-2xs:.35rem;--space-xs:.5rem;--space-sm:.65rem;--space-md:.9rem;--space-lg:1.25rem;--space-xl:1.75rem;--section-gap:1.25rem;--card-pad-y:1rem;--card-pad-x:1.1rem;--card-gap:.6rem;--radius-card:12px;--radius-card-lg:14px;--radius-control:10px;--radius-pill:999px;--shadow-card-soft:0 6px 18px var(--shadow-card);--shadow-emergency:0 6px 18px var(--danger-shadow);--tap-target:2.75rem;--page-ambient:var(--hph-accent-soft);--nav-surface:var(--hph-nav);--card-highlight:var(--hph-accent-soft);--radius-card-xl:18px;--shadow-card-subtle:0 2px 10px var(--shadow-card);--shadow-card-raised:0 12px 32px var(--shadow-card);--icon-tile-size:2.5rem;--icon-tile-radius:12px;--motion-fast:.13s;--motion-medium:.17s;--motion-content:.21s;--motion-overlay:.26s;--motion-ease:cubic-bezier(.2, 0, .2, 1);--accent-teal:var(--hph-accent);--accent-teal-strong:var(--hph-nav-active);--accent-teal-soft-bg:var(--hph-accent-soft);--ring-track:var(--hph-border);--hero-navy-top:var(--hph-shell2);--hero-navy-bottom:var(--hph-shell3);--emergency-surface-top:var(--hph-danger-soft);--emergency-surface-bottom:var(--hph-shell3);--radius-hero:24px;--radius-major:20px;--surface-raised:var(--hph-raised);--surface-raised-border:var(--hph-border);--surface-warm:var(--hph-card2);--surface-warm-border:var(--hph-border);--photo-scrim:#0f172a9e;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=dark],.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent-teal:var(--hph-accent);--accent-teal-strong:var(--hph-nav-active);--accent-teal-soft-bg:var(--hph-accent-soft);--primary-action:var(--action);--primary-action-hover:var(--action-hover);--primary-action-contrast:var(--action-contrast);--emergency-action:var(--danger);--emergency-action-strong:var(--danger-strong);--emergency-action-hover:var(--danger-hover);--emergency-action-contrast:var(--danger-contrast);--status-success:var(--hph-success);--status-success-bg:var(--hph-success-soft);--status-success-border:var(--hph-success-border);--status-done-bg:var(--status-success-bg);--status-done-border:var(--status-success-border);--status-done-fg:var(--status-success);--status-attention-bg:var(--warning-soft-bg);--status-attention-border:var(--warning-soft-border);--status-attention-fg:var(--warning-soft-text);--status-neutral-bg:var(--surface-subtle);--status-neutral-border:var(--border);--status-neutral-fg:var(--text-muted);--surface-card:var(--hph-card1);--surface-card-border:var(--hph-border);--surface-elevated:var(--hph-raised);--surface-elevated-border:var(--hph-border);--shadow-card-soft:0 6px 18px var(--shadow-card);--shadow-emergency:0 6px 18px var(--danger-shadow);--shadow-card-subtle:0 2px 10px var(--shadow-card);--shadow-card-raised:0 12px 32px var(--shadow-card);--page-bg-top:var(--hph-canvas);--page-bg-mid:var(--hph-shell3);--page-bg-bottom:var(--hph-canvas);--card-bg:var(--hph-shell1);--card-bg-fade:color-mix(in srgb, var(--hph-shell1) 0%, transparent);--card-watermark:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'600'%20height%3D'600'%20viewBox%3D'0%200%20600%20600'%20fill%3D'none'%20stroke%3D'%232b3a52'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cdefs%3E%3Cg%20id%3D'toilet'%3E%3Cellipse%20cx%3D'-2'%20cy%3D'-7'%20rx%3D'13'%20ry%3D'4'%2F%3E%3Cpath%20d%3D'M9%2C-7%20L9%2C-19%20L19%2C-19%20L19%2C-7'%2F%3E%3Cpath%20d%3D'M-13%2C-6%20C-14%2C3%20-9%2C10%20-2%2C11%20L4%2C11%20C8%2C10%2011%2C5%2011%2C-6'%2F%3E%3Cpath%20d%3D'M-5%2C11%20L-7%2C19%20L7%2C19%20L5%2C11'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'waterheater'%3E%3Cpath%20d%3D'M-11%2C-13%20Q-11%2C-17%20-7%2C-17%20L7%2C-17%20Q11%2C-17%2011%2C-13%20L11%2C17%20Q11%2C21%207%2C21%20L-7%2C21%20Q-11%2C21%20-11%2C17%20Z%20M-6%2C-17%20L-6%2C-22%20M6%2C-17%20L6%2C-22%20M-9%2C-22%20L-3%2C-22%20M3%2C-22%20L9%2C-22%20M-6%2C3%20L6%2C3%20L6%2C12%20L-6%2C12%20L-6%2C3'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'7.5'%20r%3D'1.6'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'faucet'%3E%3Cpath%20d%3D'M-14%2C17%20L8%2C17%20M-3%2C17%20L-3%2C-3%20M-3%2C-3%20C-3%2C-12%203%2C-16%2012%2C-16%20L16%2C-16%20L16%2C-9%20M-3%2C-8%20L-3%2C-13%20M-8%2C-13%20L2%2C-13'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'showerhead'%3E%3Cpath%20d%3D'M-18%2C-15%20L-9%2C-15%20C-2%2C-15%200%2C-13%202%2C-8%20M-4%2C-8%20L14%2C-8%20L11%2C0%20L-1%2C0%20Z%20M1%2C0%20L-1%2C7%20M5%2C0%20L4%2C8%20M9%2C0%20L9%2C7%20M13%2C0%20L13%2C6'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'plunger'%3E%3Cpath%20d%3D'M0%2C-20%20L0%2C-2%20M-4%2C-20%20L4%2C-20%20M-11%2C-2%20Q-12%2C12%200%2C14%20Q12%2C12%2011%2C-2%20Z'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'drop'%3E%3Cpath%20d%3D'M0%2C-20%20C7%2C-6%2013%2C1%2013%2C8%20A13%2C13%200%201%201%20-13%2C8%20C-13%2C1%20-7%2C-6%200%2C-20%20Z'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'ptrap'%3E%3Cpath%20d%3D'M-16%2C-16%20L-16%2C2%20A15%2C15%200%200%201%2014%2C2%20L14%2C-16%20M-6%2C-16%20L-6%2C2%20A5%2C5%200%200%201%204%2C2%20L4%2C-16%20M-16%2C-16%20L-6%2C-16%20M4%2C-16%20L14%2C-16'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'elbow'%3E%3Cpath%20d%3D'M-20%2C-10%20L8%2C-10%20Q12%2C-10%2012%2C-6%20L12%2C20%20M-20%2C0%20L-2%2C0%20Q2%2C0%202%2C4%20L2%2C20%20M-20%2C-10%20L-20%2C0%20M2%2C20%20L12%2C20'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'tee'%3E%3Cpath%20d%3D'M-20%2C-8%20L20%2C-8%20M-20%2C2%20L-7%2C2%20M7%2C2%20L20%2C2%20M-7%2C2%20L-7%2C16%20M7%2C2%20L7%2C16%20M-20%2C-8%20L-20%2C2%20M20%2C-8%20L20%2C2%20M-7%2C16%20L7%2C16'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'cleanout'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'14'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'10'%2F%3E%3Crect%20x%3D'-5'%20y%3D'-5'%20width%3D'10'%20height%3D'10'%20rx%3D'1'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'valve'%3E%3Cpath%20d%3D'M-20%2C6%20L-11%2C6%20M11%2C6%20L20%2C6%20M-11%2C0%20L11%2C0%20L11%2C12%20L-11%2C12%20Z%20M0%2C0%20L0%2C-8%20M-4%2C-8%20L4%2C-8%20M-5%2C-13%20L5%2C-13'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'-13'%20r%3D'5'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'hosebib'%3E%3Cpath%20d%3D'M-17%2C-12%20L-17%2C12%20M-17%2C-1%20L0%2C-1%20M-5%2C-1%20L-5%2C-7%20M-10%2C-11%20L0%2C-11%20M0%2C-1%20L8%2C-1%20L8%2C5%20M3%2C5%20L13%2C5%20L13%2C10%20L3%2C10%20Z'%2F%3E%3Ccircle%20cx%3D'-5'%20cy%3D'-11'%20r%3D'5'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'sinkdrain'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'13'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M-7%2C0%20L7%2C0%20M0%2C-7%20L0%2C7'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'sewercleanout'%3E%3Cpath%20d%3D'M-20%2C12%20L20%2C12%20M-20%2C17%20L20%2C17%20M-6%2C12%20L-6%2C-12%20M6%2C12%20L6%2C-12%20M-9%2C-12%20L9%2C-12%20L9%2C-17%20L-9%2C-17%20Z'%2F%3E%3C%2Fg%3E%3Cg%20id%3D'expansiontank'%3E%3Cpath%20d%3D'M-8%2C-12%20Q-8%2C-16%20-4%2C-16%20L4%2C-16%20Q8%2C-16%208%2C-12%20L8%2C6%20Q8%2C10%204%2C10%20L-4%2C10%20Q-8%2C10%20-8%2C6%20Z%20M-8%2C-3%20L8%2C-3%20M0%2C10%20L0%2C16%20M-11%2C16%20L11%2C16'%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20href%3D'%23toilet'%20transform%3D'translate(95%2C50)%20rotate(-5)%20scale(0.92)'%2F%3E%3Cuse%20href%3D'%23faucet'%20transform%3D'translate(50%2C122)%20rotate(6)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23showerhead'%20transform%3D'translate(100%2C194)%20rotate(-7)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23valve'%20transform%3D'translate(52%2C266)%20rotate(5)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23ptrap'%20transform%3D'translate(96%2C338)%20rotate(0)%20scale(0.95)'%2F%3E%3Cuse%20href%3D'%23drop'%20transform%3D'translate(54%2C410)%20rotate(-12)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23hosebib'%20transform%3D'translate(100%2C482)%20rotate(6)%20scale(0.95)'%2F%3E%3Cuse%20href%3D'%23sinkdrain'%20transform%3D'translate(56%2C554)%20rotate(0)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23waterheater'%20transform%3D'translate(525%2C80)%20rotate(0)%20scale(0.95)'%2F%3E%3Cuse%20href%3D'%23elbow'%20transform%3D'translate(560%2C152)%20rotate(14)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23plunger'%20transform%3D'translate(510%2C226)%20rotate(-10)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23expansiontank'%20transform%3D'translate(548%2C300)%20rotate(6)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23tee'%20transform%3D'translate(512%2C376)%20rotate(18)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23cleanout'%20transform%3D'translate(552%2C452)%20rotate(0)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23sewercleanout'%20transform%3D'translate(508%2C528)%20rotate(-10)%20scale(0.95)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--shadow-card:var(--hph-shadow);--text-strong:var(--hph-text);--text:var(--hph-text);--text-secondary:var(--hph-secondary);--text-muted:var(--hph-muted);--text-faint:var(--hph-muted);--border:var(--hph-border);--border-strong:var(--hph-border);--border-muted:var(--hph-border);--control-bg:var(--hph-control);--surface-subtle:var(--hph-card1);--surface-hover:var(--hph-raised);--surface-pressed:var(--hph-accent-soft);--action:var(--hph-accent);--action-hover:var(--hph-accent-pressed);--action-active:var(--hph-accent-pressed);--action-contrast:var(--hph-label-fg);--link:var(--hph-accent);--link-hover:var(--hph-accent-pressed);--focus-ring:var(--hph-focus);--action-soft-bg:var(--hph-accent-soft);--action-soft-bg-2:var(--hph-accent-soft);--action-soft-border:var(--hph-border);--action-soft-border-hover:var(--hph-accent);--danger:var(--hph-danger);--danger-strong:var(--hph-danger);--danger-hover:var(--hph-danger);--danger-contrast:var(--hph-label-fg);--danger-eyebrow:#fecaca;--danger-subtitle:#fee2e2;--danger-shadow:#00000073;--danger-shadow-hover:#0000008c;--danger-soft-bg:var(--hph-danger-soft);--danger-soft-bg-2:var(--hph-danger-soft);--danger-soft-bg-3:var(--hph-danger-soft);--danger-soft-border:var(--hph-danger-border);--danger-soft-border-hover:var(--hph-danger-border);--danger-callout-border:var(--hph-danger-border);--danger-soft-text:var(--hph-danger);--warning-soft-bg:var(--hph-warning-soft);--warning-soft-border:var(--hph-warning-border);--warning-soft-text:var(--hph-warning);--highlight-bg:var(--hph-warning-soft);--safety-bg:var(--hph-warning-soft);--safety-border:var(--hph-warning-border);--safety-text:var(--hph-warning);--pill-gas-border:var(--hph-warning-border);--pill-gas-text:#fcd34d;--pill-electric-text:#93c5fd;--pill-tankless-bg:#0f2e1a;--pill-tankless-border:#166534;--pill-tankless-text:#86efac;--pill-all-bg:#2a1e44;--pill-all-border:#5b3b8c;--pill-all-text:#c4b5fd;--tip-bg:#112436;--tip-border:#1e3a52;--tip-featured-bg:#0e2a30;--tip-accent-border:#155e6b;--tip-eyebrow:#38bdf8;--tip-cat-text:#67e8f9;--tip-cat-bg:#0e3a42;--notice-bg:var(--hph-info-soft);--notice-border:var(--hph-info-border);--notice-text:var(--hph-info);--notice-icon:var(--hph-info);--overlay:#000000d1;--overlay-btn:#ffffff29;--overlay-btn-hover:#ffffff4d;--image-shadow:#0009;--page-ambient:var(--hph-accent-soft);--nav-surface:var(--hph-nav);--card-highlight:var(--hph-accent-soft);--surface-raised:var(--hph-raised);--surface-raised-border:var(--hph-border);--surface-warm:var(--hph-card2);--surface-warm-border:var(--hph-border);--photo-scrim:#000000a8}html,body,#root{min-height:100vh;margin:0;padding:0}.coming-soon{box-sizing:border-box;background:var(--surface-subtle);min-height:100svh;color:var(--text-strong);justify-content:center;align-items:center;padding:24px;display:flex}.coming-soon__card{text-align:center;width:100%;max-width:32rem}.coming-soon__title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.1}.coming-soon__tagline{color:var(--text-secondary);margin:1rem 0 0;font-size:clamp(1rem,3.5vw,1.25rem)}.coming-soon__status{text-transform:uppercase;letter-spacing:.08em;color:var(--link);margin:2rem 0 0;font-size:.95rem;font-weight:600}