.panels{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.panel{padding:0 4px;display:flex;flex-direction:column;min-width:0}.panel.moat{padding-left:60px;border-left:1px solid rgba(26,31,46,.08)}.panel.diy{padding-right:60px}.panel h2{font-family:Fraunces,serif;font-weight:600;font-size:clamp(20px,2.15vw,30px);line-height:1.06;letter-spacing:-.025em;align-self:stretch}.lede{margin-top:12px;font-size:clamp(15px,1.35vw,19px);font-weight:500;color:#4a5466}.chart{display:block;width:100%;height:auto;max-width:100%;margin-top:22px}.grid{stroke:#1a1f2e;stroke-opacity:.055;stroke-width:1}.axis{stroke:#1a1f2e;stroke-opacity:.45;stroke-width:1.6}.tick{stroke:#1a1f2e;stroke-opacity:.3;stroke-width:1}.tick.major{stroke-opacity:.45;stroke-width:1.6}.axnum{font-family:Inter,sans-serif;font-size:20px;font-weight:500;fill:#4a5466;fill-opacity:.85}.ceiling{stroke:#1a1f2e;stroke-opacity:.35;stroke-width:2;stroke-dasharray:7 8}.axlab{font-family:Inter,sans-serif;font-size:20px;font-weight:600;fill:#4a5466;letter-spacing:.02em}.note{font-family:Inter,sans-serif;font-size:21px;font-weight:500;fill:#1a1f2e;fill-opacity:.82}.leader{stroke:#1a1f2e;stroke-opacity:.5;stroke-width:1.4;fill:none}.arwhead{fill:#1a1f2e;fill-opacity:.5}.hatch{stroke-width:1}.diy .curve{stroke:#4a5466;stroke-width:3;fill:none;stroke-linejoin:round}.diy .fill{fill:#e8dcc4;fill-opacity:.75;stroke:none}.diy .hatch{stroke:#7e632a;stroke-opacity:.18}.moat .curve{stroke:#4a8fbf;stroke-width:3.4;fill:none;stroke-linejoin:round}.moat .fill{fill:#6bb6e8;fill-opacity:.3;stroke:none}.moat .hatch{stroke:#4a8fbf;stroke-opacity:.22}.time-row{margin-top:44px;padding-top:40px;border-top:1px solid rgba(26,31,46,.08)}.time-h{font-family:Fraunces,serif;font-weight:600;font-size:clamp(20px,2.15vw,30px);letter-spacing:-.025em;color:var(--ink);text-align:center}.time-row .time-h{text-align:left}.time-cols{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;align-items:start}.time-col{padding-right:60px}.time-col.moat-col{border-left:1px solid rgba(26,31,46,.08);padding-left:60px;padding-right:0}.time-col .eyebrow{margin-bottom:6px}.time-lines{list-style:none;margin:0;padding:0}.time-lines li:not(.time-total){list-style:disc;margin-left:1.15em}.time-lines li::marker{color:var(--slate-soft)}.time-lines li{font-size:clamp(15px,1.35vw,19px);font-weight:500;color:var(--slate);margin-top:8px}.time-lines li.time-total{padding-top:14px;max-width:30ch;font-family:Fraunces,serif;font-weight:700;font-size:clamp(18px,1.9vw,25px);letter-spacing:-.01em;margin-top:14px}.time-lines li.time-total:before{content:"";display:block;width:190px;border-top:1px solid rgba(26,31,46,.18);margin-bottom:14px}.time-lines li.time-total.diy-t{color:var(--roof)}.time-lines li.time-total.moat-t{color:var(--water-deep)}.time-note{margin-top:18px;font-size:12px;font-style:italic;line-height:1.55;color:var(--slate-soft);max-width:52ch}.time-total sup{font-size:.55em;font-weight:600}.num{font-family:Fraunces,serif;font-weight:600;font-size:clamp(40px,4.6vw,66px);line-height:1;letter-spacing:-.03em;color:#4a5466}.moat .num{color:#386b8f}.cap{margin-top:12px;font-size:clamp(14px,1.25vw,18px);font-weight:500;color:#4a5466}.compare-card{background:var(--cream);border:1.5px solid var(--line);border-radius:24px;padding:56px 56px 48px;box-shadow:var(--shadow-md)}.band{margin-top:64px;padding-top:44px;border-top:1px solid rgba(26,31,46,.08)}.swing{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:0 28px;justify-content:start}.swing .from,.swing .to{font-family:Fraunces,serif;font-weight:600;font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.03em}.swing .from{color:#4a5466}.swing .to{color:#386b8f}.arrow{width:clamp(70px,8vw,120px);height:auto}.arrow line{stroke:#4a8fbf;stroke-width:2.4}.arrow path{fill:#4a8fbf}.swing .cap{grid-column:1 / -1;margin-top:16px}@media(max-width:900px){.compare-card{padding:28px 20px}.time-cols{grid-template-columns:1fr;gap:28px}.time-col{padding-right:0}.time-col.moat-col{border-left:0;padding-left:0;border-top:1px solid rgba(26,31,46,.08);padding-top:24px}.panels{grid-template-columns:1fr;gap:56px}.panel{display:block}.panel h2{min-height:0}.panel.diy{padding-right:0}.panel.moat{padding-left:0;border-left:0;padding-top:56px;border-top:1px solid rgba(26,31,46,.08)}.note{font-size:26px}.axlab,.axnum{font-size:24px}.band{grid-template-columns:1fr;gap:44px;margin-top:64px}}.fullcomp{margin-top:56px;padding-top:44px;border-top:1px solid rgba(26,31,46,.08)}.comp-table{width:100%;border-collapse:collapse;margin-top:30px}.comp-table th,.comp-table td{text-align:left;vertical-align:top;padding:18px 22px 18px 0;font-size:clamp(14px,1.2vw,17px);line-height:1.55}.comp-table td{color:var(--slate);padding-right:36px}.comp-table td p{margin:0}.comp-table td p+p{margin-top:10px}.comp-table thead th{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(26,31,46,.12);padding-bottom:12px}.comp-table thead th.diy-th{color:var(--slate)}.comp-table thead th.moat-th{color:var(--water-deep)}.comp-table tbody th{font-family:Fraunces,serif;font-weight:600;font-size:clamp(16px,1.4vw,20px);letter-spacing:-.015em;color:var(--ink);width:17%;padding-right:28px}.comp-table tbody tr{border-top:1px solid rgba(26,31,46,.06)}.comp-table tbody tr:first-child{border-top:none}@media(max-width:900px){.comp-table{display:block;overflow-x:auto}}.fn-link{color:var(--water-deep);text-decoration:none;font-weight:600}.foot-notes{margin:28px auto 0;max-width:calc(100% - 112px);scroll-margin-top:100px}.foot-notes{text-align:center}.foot-notes .time-note{max-width:none}