@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&display=swap";:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f7f9;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 80% 20%,#c0392b24,#0000 34%),linear-gradient(135deg,#fff 0%,#f6f7f9 52%,#eef1f5 100%);grid-template-columns:minmax(320px,500px) minmax(360px,1fr);align-items:center;gap:32px;min-height:100vh;padding:48px;display:grid}.contact-page{overflow-wrap:anywhere;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:stretch}.contact-page .login-card,.contact-page .login-panel{align-self:stretch}.contact-page .login-panel{justify-content:center;min-height:0;max-height:none}.contact-page .login-panel h2{letter-spacing:-.055em;max-width:680px;margin-bottom:18px;font-size:clamp(2.05rem,4.4vw,4.4rem);line-height:1.02}.login-card,.login-panel,.table-card,.location-card,.metric-card,.report-card,.pricing-card{background:#ffffffeb;border:1px solid #e6e8ec;box-shadow:0 24px 70px #0f172a14}.login-card{border-radius:28px;padding:34px}.login-panel{color:#fff;background:linear-gradient(145deg,#c0392bf0,#801710f5),#c0392b;border-radius:32px;flex-direction:column;justify-content:flex-end;min-height:560px;padding:46px;display:flex}.login-panel h2{letter-spacing:-.07em;max-width:720px;margin:22px 0 32px;font-size:clamp(2.4rem,5vw,5.5rem);line-height:.94}.signup-page .login-panel h2{letter-spacing:-.055em;max-width:640px;margin-bottom:14px;font-size:clamp(2.15rem,4vw,4.2rem);line-height:1.02}.hero-subtitle{color:#ffffffd6;max-width:520px;margin:0 0 30px;font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.45}.brand-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-logo{background:#050505;border-radius:16px;width:180px;max-width:100%;height:auto;display:block;box-shadow:0 18px 36px #00000047}.brand-logo-compact{border-radius:12px;width:72px;min-width:72px;box-shadow:0 14px 28px #c0392b2e}.brand-mark{color:#fff;letter-spacing:-.06em;background:#c0392b;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 14px 28px #c0392b47}.eyebrow{color:#c0392b;text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-size:.74rem;font-weight:800}.login-panel .eyebrow,.login-panel .status-pill{color:#fff;background:#ffffff24;border-color:#fff3}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:1.9rem}.login-copy{color:#5f6673;margin-bottom:28px;font-size:1.02rem;line-height:1.6}.login-form{gap:18px;display:grid}.login-form label{color:#394150;font-size:.92rem;font-weight:800}.login-form input,.login-form textarea,.login-form select,.inline-fields input,.textarea-label textarea{color:#111827;background:#fff;border:1px solid #d7dce3;border-radius:14px;outline:none;width:100%;margin-top:8px;padding:15px 16px}.login-form input:focus,.login-form textarea:focus,.login-form select:focus,.inline-fields input:focus,.textarea-label textarea:focus{border-color:#c0392b;box-shadow:0 0 0 4px #c0392b1c}.primary-button,.secondary-button,.ghost-button,.nav-list button{border:0;border-radius:14px;font-weight:850;transition:transform .12s,box-shadow .12s,background .12s}.primary-button{color:#fff;background:#c0392b;padding:15px 18px;box-shadow:0 16px 34px #c0392b3d}.primary-button:hover,.secondary-button:hover,.nav-list button:hover{transform:translateY(-1px)}.secondary-button{color:#c0392b;background:#fff3f1;padding:10px 14px}.ghost-button{color:#6b7280;background:#f3f4f6;margin-top:auto;padding:12px}.form-status{color:#727986;font-size:.86rem;line-height:1.45}.app-shell{background:#f6f7f9;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e6e8ec;flex-direction:column;gap:18px;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.nav-list{gap:8px;margin-top:18px;display:grid}.nav-list button{text-align:left;color:#4b5563;text-transform:capitalize;background:0 0;padding:12px 14px}.nav-list button.active,.nav-list button:hover{color:#c0392b;background:#fff3f1}.content-area{padding:34px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-header h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,4vw,4.25rem);line-height:.95}.connection-badge,.status-pill{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.connection-badge.connected{color:#166534;background:#ecfdf3;border-color:#bbf7d0}.status-pill.muted{background:#f3f4f6}.stack{gap:22px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-radius:20px;padding:20px}.login-panel .metric-card{box-shadow:none;background:#ffffff1f;border-color:#ffffff2e}.metric-card span{color:#6b7280;font-size:.86rem;font-weight:750}.login-panel .metric-card span{color:#ffffffc2}.metric-card strong{letter-spacing:-.06em;margin-top:10px;font-size:2.2rem;display:block}.location-grid,.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.location-card,.report-card,.table-card{border-radius:22px;padding:20px}.location-card h3,.report-card h3{letter-spacing:-.04em;margin:16px 0;font-size:1.28rem}.location-stats{color:#6b7280;gap:8px;font-size:.94rem;font-weight:700;display:grid}.two-column{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h3{letter-spacing:-.04em;margin:0}.table-row{border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.table-row:first-of-type{border-top:0}.table-row strong{margin-bottom:4px;display:block}.table-row span{color:#6b7280;font-size:.9rem}.severity{white-space:nowrap;font-weight:900;color:#c0392b!important}.report-card p:last-of-type{color:#6b7280;line-height:1.5}.link-button{color:#c0392b;background:0 0;border:0;padding:0;font-weight:850}.pricing-page{background:radial-gradient(circle at 50% 0,#c0392b1a,#0000 30%),#f6f7f9;min-height:100vh;padding:48px}.pricing-hero{background:#fff;border:1px solid #e6e8ec;border-radius:28px;max-width:1040px;margin:0 auto 28px;padding:34px;box-shadow:0 24px 70px #0f172a12}.pricing-hero h1{letter-spacing:-.07em;font-size:clamp(2.2rem,5vw,4.9rem);line-height:.96}.pricing-hero>p{color:#5f6673;max-width:720px;font-size:1.08rem;line-height:1.6}.pricing-actions{flex-wrap:wrap;gap:12px;display:flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto;display:grid}.pricing-card{border-radius:28px;flex-direction:column;gap:18px;min-height:460px;padding:28px;display:flex;position:relative}.pricing-card.recommended{border-color:#c0392b;transform:translateY(-6px);box-shadow:0 28px 80px #c0392b2e}.recommended-pill{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#c0392b;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.74rem;font-weight:900}.pricing-card h2{letter-spacing:-.045em;margin:0;font-size:1.7rem}.pricing-card strong{color:#111827;letter-spacing:-.065em;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1}.pricing-card p,.pricing-card li{color:#5f6673;line-height:1.5}.pricing-card ul{gap:10px;margin:0 0 auto;padding-left:20px;display:grid}.pricing-card li::marker{color:#c0392b}.single-column{grid-template-columns:1fr}.onboarding-area{width:100%;max-width:980px;margin:0 auto}.onboarding-card{gap:22px;display:grid}.step-tabs,.inline-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.step-tabs button{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;font-weight:850}.step-tabs button.active{color:#c0392b;background:#fff3f1;border-color:#c0392b38}.check-row,.textarea-label,.inline-fields label{color:#394150;font-size:.92rem;font-weight:800}.check-row{background:#fff;border:1px solid #e6e8ec;border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.check-row.coming-soon{color:#7b8390;background:#f8fafc}.check-row.coming-soon input{cursor:not-allowed}.check-row.coming-soon span{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;background:#eef1f5;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.74rem;font-weight:900}.textarea-label textarea{resize:vertical;min-height:160px}@media (width<=1100px){.login-page,.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid,.location-grid,.report-grid,.pricing-grid,.two-column,.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-page{background:radial-gradient(circle at 88% 8%,#c0392b1f,#0000 32%),linear-gradient(#fffaf5 0%,#fff 36%,#f6f7f9 100%);min-height:100vh}.home-header{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:28px 48px;display:flex}.home-header .brand-title{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.5rem}.home-nav{gap:12px;display:flex}.home-hero{max-width:1240px;margin:0 auto;padding:74px 48px 104px}.hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:center;gap:clamp(36px,6vw,76px);display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.home-hero h2{letter-spacing:-.075em;color:#111;max-width:820px;margin:8px 0;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(3.4rem,7vw,7rem);line-height:.9}.home-hero .hero-subtitle{color:#3f4652;max-width:690px;margin:0 0 8px;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.55}.hero-pill{color:#9f271e;background:#fff1ea;border-color:#c0392b38;font-weight:900}.large-button{padding:18px 28px;font-size:1.02rem}.trust-line{color:#626a76;margin-top:14px;font-size:.92rem;font-weight:800}.invoice-watch-panel{color:#fffaf5;background:#151312;border:1px solid #ffffff1f;border-radius:34px;padding:18px;box-shadow:0 32px 90px #1111113d}.panel-topline{color:#f5d9ce;letter-spacing:.02em;justify-content:space-between;align-items:center;padding:6px 8px 18px;font-size:.88rem;font-weight:850;display:flex}.panel-topline strong{color:#fff;background:#c0392b6b;border:1px solid #ffffff24;border-radius:999px;padding:7px 12px}.leak-alert-card,.operator-brief{color:#171717;background:linear-gradient(#fffaf5fa,#fff4ecf5);border:1px solid #ffffffb8;border-radius:26px;padding:26px}.leak-alert-card h3{letter-spacing:-.055em;margin:10px 0 22px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.85rem,3vw,2.7rem);line-height:.98}.leak-alert-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.leak-alert-card dl div{background:#ffffffc7;border:1px solid #c0392b1f;border-radius:16px;padding:14px}.leak-alert-card dt{color:#6f554c;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:900}.leak-alert-card dd{color:#171717;margin:6px 0 0;font-weight:900}.savings-strip{color:#fff;background:#c0392b;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;font-weight:900;display:flex}.savings-strip strong{text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.operator-brief{color:#fffaf5;background:#fffaf514;border-color:#fffaf529;margin-top:14px}.operator-brief h4{letter-spacing:-.04em;margin:8px 0 10px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.42rem;line-height:1.08}.operator-brief p:last-child{color:#f2d8ce;margin:0;line-height:1.55}.stats-section{background:0 0;max-width:1240px;margin:0 auto;padding:56px 48px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stat-item{background:#fff;border:1px solid #eaded8;border-radius:24px;flex-direction:column;gap:8px;padding:28px;display:flex}.stat-item strong{letter-spacing:-.06em;color:#9f271e;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1}.stat-item span{color:#4f5865;font-size:1.02rem;font-weight:800}.how-it-works{background:#fff;max-width:1240px;margin:0 auto;padding:80px 48px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.step-card{box-shadow:none;background:#fffaf5;border:1px solid #eaded8;border-radius:24px;padding:34px 30px;position:relative}.step-number{color:#9f271e;background:#c0392b1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.4rem;font-weight:900;display:inline-flex}.step-card h4{letter-spacing:-.03em;color:#171717;margin:0 0 12px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.42rem}.step-card p{color:#4f5865;margin:0;font-size:1.02rem;line-height:1.6}.faq-section{background:#fff;max-width:1240px;margin:0 auto;padding:80px 48px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.faq-item{background:#fffaf5;border:1px solid #eaded8;border-radius:20px;padding:28px}.faq-item h4{letter-spacing:-.02em;color:#171717;margin:0 0 14px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.18rem;font-weight:850}.faq-item p{color:#4f5865;margin:0;font-size:.98rem;line-height:1.6}.features-section{color:#fffaf5;background:#151312;border-radius:42px;max-width:1240px;margin:0 auto;padding:80px 48px}.eyebrow.centered{text-align:center}.section-title{text-align:center;letter-spacing:-.055em;margin:12px 0 48px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.editorial-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.feature-card{box-shadow:none;background:#fffaf514;border:1px solid #fffaf529;border-radius:24px;grid-column:span 3;padding:32px}.feature-card.feature-card-large{background:linear-gradient(135deg,#c0392b57,#fffaf514),#fffaf517;grid-column:span 6}.feature-card h4{letter-spacing:-.03em;color:inherit;margin:0 0 12px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.42rem}.feature-card p{color:#f2d8ce;margin:0;font-size:1.02rem;line-height:1.6}.cta-section{text-align:center;max-width:840px;margin:0 auto;padding:100px 48px}.cta-section h3{letter-spacing:-.055em;margin:0 0 16px;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05}.cta-section p{color:#4f5865;margin:0 0 32px;font-size:1.12rem;line-height:1.6}.cta-section .pricing-actions{justify-content:center;align-items:center}@media (width<=900px){.contact-page{grid-template-columns:1fr}.contact-page .login-panel{min-height:auto}.hero-layout{grid-template-columns:1fr}.hero-copy{text-align:center;align-items:center}}@media (width<=720px){.login-page,.content-area,.pricing-page{padding:20px}.login-panel{min-height:auto;padding:28px}.signup-page .login-panel h2{letter-spacing:-.045em;font-size:clamp(1.95rem,9vw,2.55rem);line-height:1.08}.hero-subtitle{font-size:1rem;line-height:1.5}.metric-grid,.metric-grid.compact,.location-grid,.report-grid,.pricing-grid,.two-column,.inline-fields,.step-tabs,.nav-list{grid-template-columns:1fr}.page-header,.table-row,.section-heading{flex-direction:column;align-items:flex-start}.home-header,.home-hero,.features-section,.cta-section{padding-left:24px;padding-right:24px}.home-header{flex-direction:column;align-items:flex-start}.home-nav{width:100%}.home-nav button{flex:1}.features-grid,.stats-grid,.steps-grid,.faq-grid{grid-template-columns:1fr}.feature-card,.feature-card.feature-card-large{grid-column:auto}.invoice-watch-panel,.features-section{border-radius:28px}.leak-alert-card dl{grid-template-columns:1fr}.admin-table{width:100%;overflow-x:auto}.how-it-works,.stats-section,.faq-section{padding-left:24px;padding-right:24px}}.admin-table{border-collapse:collapse;width:100%;margin-top:8px}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:2px solid #eef0f3;padding:12px 16px;font-size:.88rem;font-weight:700}.admin-table td{border-bottom:1px solid #eef0f3;padding:16px;font-size:.95rem}.admin-table tbody tr:hover{background:#c0392b0a}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table select,.admin-table textarea{color:#1f2937;width:100%;min-width:110px;font:inherit;background:#fff;border:1px solid #d5d9df;border-radius:10px;padding:8px 10px}.setup-checklist{background:#27ae6014;border:1px solid #27ae6033;border-radius:12px;margin:24px 0;padding:20px}.setup-checklist h4{color:#27ae60;margin:0 0 12px;font-size:.95rem;font-weight:600}.checklist-item{color:#1f2937;margin:8px 0;padding:8px 0;font-size:.95rem}.checklist-item strong{color:#c0392b}.invoice-address-card{background:linear-gradient(135deg,#c0392b0d 0%,#c0392b05 100%);border:2px solid #c0392b26}.invoice-address-card h3{color:#c0392b}.invoice-address-card strong{color:#c0392b;font-family:ui-monospace,monospace;font-size:.95em}.empty-state{text-align:center;background:#c0392b08;border-radius:12px;margin:16px 0;padding:40px 24px}.empty-state .form-status{color:#374151;margin:0;font-size:1rem}.empty-state strong{color:#c0392b}.follow-up{color:#c0392b;background:#c0392b14;border-radius:6px;margin-top:8px;padding:8px 12px;font-weight:500;display:block}