:root{--navy:#0b2447;--navy-2:#123a75;--accent:#2f8bfd;--accent-dim:#1673e8;--steel:#8a929b;--cloud:#eef3fa;--line:#dde0e4;--line-dark:#1d3f6e;--sans:"Inter",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{background:var(--cloud);color:var(--navy);font-family:var(--sans);line-height:1.5}.mono{font-family:var(--mono)}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:50;background:rgba(23,26,30,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-dark)}nav .wrap{justify-content:space-between;height:64px}.brand,nav .wrap{display:flex;align-items:center}.brand{gap:10px;text-decoration:none}.brand svg{width:32px;height:32px}.brand b{font-weight:800;font-stretch:112%;font-size:20px;letter-spacing:-.02em;color:#fff}.brand b span{color:var(--accent)}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{font-size:13.5px;font-weight:600;color:#c9cdd2;text-decoration:none}.btn,.nav-links a:hover{color:#fff}.btn{display:inline-block;background:var(--accent);font-weight:700;font-size:14px;padding:11px 20px;border-radius:8px;text-decoration:none;border:none;cursor:pointer}.btn:hover{background:var(--accent-dim)}.btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width:700px){.nav-links a:not(.btn){display:none}}header{background:var(--navy);color:#fff;padding:88px 0 0;overflow:hidden}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}h1{font-weight:800;font-stretch:112%;font-size:clamp(38px,6.4vw,68px);line-height:1.02;letter-spacing:-.025em;max-width:14ch}h1 em{font-style:normal;color:var(--accent)}.hero-sub{font-size:18px;color:#b7bcc3;max-width:52ch;margin:24px 0 34px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:64px}.btn-ghost{display:inline-block;font-weight:700;font-size:14px;padding:11px 20px;border-radius:8px;text-decoration:none;border:1px solid var(--line-dark);color:#fff}.btn-ghost:hover{border-color:var(--steel)}.ticket{background:var(--navy-2);border:1px solid var(--line-dark);border-bottom:none;border-radius:16px 16px 0 0;padding:26px 28px 34px;max-width:760px;margin:0 auto}.ticket-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--line-dark);padding-bottom:12px;margin-bottom:14px}.ticket-head span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}.ticket-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:13.5px;padding:7px 0;color:#d7dade}.ticket-row.add{color:var(--accent)}.ticket-row.total{border-top:1px dashed var(--line-dark);margin-top:8px;padding-top:13px;color:#fff;font-weight:500}.ticket-row .tag{font-size:10px;border:1px solid var(--accent);border-radius:4px;padding:1px 6px;margin-left:8px;vertical-align:middle}.stats{background:var(--navy-2);color:#fff;border-top:1px solid var(--line-dark);padding:52px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.stat{border-left:3px solid var(--line-dark);padding-left:18px}.stat .n{font-weight:800;font-stretch:112%;font-size:clamp(30px,3.4vw,42px);letter-spacing:-.02em;color:var(--accent)}.stat .t{font-family:var(--mono);font-size:12px;color:#b7bcc3;line-height:1.5;margin-top:6px}@media (max-width:700px){.stats-grid{grid-template-columns:1fr 1fr}}section{padding:84px 0}.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin-bottom:14px}h2{font-weight:800;font-stretch:112%;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;line-height:1.08;max-width:24ch}.lede{font-size:17px;color:#3c434b;max-width:60ch;margin-top:18px}.problem{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}@media (max-width:820px){.split{grid-template-columns:1fr}}.leak{border:1px solid var(--line);border-radius:14px;overflow:hidden}.leak-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:14.5px}.leak-row:last-child{border-bottom:none}.leak-row b{font-weight:700}.leak-row .where{font-family:var(--mono);font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.08em}.leak-row.lost{background:#fff3ed}.leak-row.lost .where{color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}@media (max-width:820px){.steps{grid-template-columns:1fr}}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px}.step .n{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;margin-bottom:14px;display:block}.step h3{font-size:18px;font-weight:800;margin-bottom:8px}.step p{font-size:14.5px;color:#3c434b}.step svg{margin-bottom:16px}.step ul.substeps{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:7px}.step ul.substeps li{font-family:var(--mono);font-size:12px;color:var(--navy);padding-left:18px;position:relative;line-height:1.4}.step ul.substeps li:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;border-radius:2px;background:var(--accent)}.step .gap-note{margin-top:14px;font-size:13.5px;color:var(--navy);border-left:3px solid var(--accent);padding-left:12px}.step .gap-note em{font-style:normal;color:var(--accent);font-weight:700}.compat{margin-top:26px;font-family:var(--mono);font-size:12.5px;color:var(--steel);letter-spacing:.02em}.calc-section{background:var(--navy);color:#fff}.calc-section .kicker{color:var(--accent)}.calc-section .lede{color:#b7bcc3}.calc{background:var(--navy-2);border:1px solid var(--line-dark);border-radius:16px;padding:34px 30px;margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:44px}@media (max-width:820px){.calc{grid-template-columns:1fr;padding:26px 20px}}.slider-group{margin-bottom:30px}.slider-group:last-child{margin-bottom:0}.slider-label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:12px}.slider-label output{font-family:var(--mono);color:var(--accent);font-weight:500}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--line-dark);outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--navy-2)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--navy-2)}input[type=range]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.calc-note{font-size:12.5px;color:var(--steel);margin-top:22px}.results{display:flex;flex-direction:column;justify-content:center;gap:22px}.result{border-left:3px solid var(--line-dark);padding-left:18px}.result.hot{border-color:var(--accent)}.result .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:4px}.result .value{font-weight:800;font-stretch:112%;font-size:clamp(26px,3.6vw,38px);letter-spacing:-.02em}.result.hot .value{color:var(--accent)}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}@media (max-width:700px){.features{grid-template-columns:1fr}}.feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.feature h3{font-size:16.5px;font-weight:800;margin-bottom:6px}.feature p{font-size:14px;color:#3c434b}.cta{background:var(--accent);color:#fff}.cta h2{color:#fff;max-width:20ch}.cta .lede{color:#ffe1d3}.cta .btn{background:var(--navy);margin-top:30px}.cta .btn:hover{background:#000}footer{background:var(--navy);color:var(--steel);padding:34px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}footer .brand b{font-size:16px}