.cmp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.cmp-stats>div{border:1px solid var(--line2);border-radius:18px;background:#fff;padding:22px;box-shadow:0 10px 36px rgba(25,76,144,.06);display:flex;flex-direction:column;gap:6px}
.cmp-stats b{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;letter-spacing:-.05em;color:var(--navy);line-height:1}
.cmp-stats span{font-size:14px;color:var(--ink3)}
.cmp-note{margin:20px 0 0;font-size:14.5px;color:var(--ink3);line-height:1.6}
.cmp-h3{font-size:22px;font-weight:400;letter-spacing:-.03em;color:var(--navy);margin:46px 0 18px}
.cmp-more .cmp-h3{margin-top:0}.cmp-more{margin-top:40px;gap:30px}
.cmp-steps{margin:0;padding-left:20px;color:var(--ink2);font-size:15.5px;line-height:1.7}
.mx{min-width:900px}
.mx td,.mx th{vertical-align:middle}
.mx td.v,.mx td.b,.mx td.o,.mx td.n{color:#52677e;font-size:14.5px}
.mx td.n{color:#8497ad}
.mx td.y{color:#1d7a43;font-weight:600;background:#f3fbf6}
.mx th.mx__tf{background:#eaf1ff;color:#1659ce}
.mx td.y:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#22a45d;margin-right:9px}
.mx tbody tr{transition:background .2s}.mx tbody tr:hover td:not(.y){background:#f7faff}
.calc2{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line2);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(29,76,133,.10);overflow:hidden}
.calc2__in{padding:34px;display:grid;gap:20px;align-content:start}
.calc2 label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#56728f;font-weight:600;margin-bottom:8px}
.calc2 input,.calc2 select{width:100%;font:inherit;font-size:17px;color:var(--navy);border:1px solid #cfdded;border-radius:14px;padding:12px 16px;background:#fff;min-height:48px}
.calc2 input:focus,.calc2 select:focus{outline:2px solid #b9d0f5;border-color:var(--blue)}
.calc2 small{display:block;margin-top:6px;font-size:13.5px;color:var(--ink3);line-height:1.5}
.f__row{display:grid;grid-template-columns:1fr 150px;gap:10px}
.f--opt{border-top:1px dashed #cfdded;padding-top:20px}
.calc2__out{background:linear-gradient(180deg,#f3f8ff,#eaf1ff);padding:34px;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line2)}
.calc2__tag{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:600}
.calc2__big{font-size:clamp(2.8rem,5.4vw,4.2rem);font-weight:300;letter-spacing:-.06em;color:var(--navy);line-height:1;word-break:break-all}
.calc2__big small{font-size:15px;letter-spacing:0;color:var(--ink3);display:inline;margin:0}
.calc2__big--d{color:#1d7a43}.calc2__diff.is-more .calc2__big--d{color:#a15c00}
.calc2__yr{font-size:16px;color:#36587c}
.calc2__list{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px;font-size:14.5px;color:#36587c}
.calc2__list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d6e3f6;padding-bottom:6px}
.calc2__diff{margin-top:12px;padding-top:16px;border-top:1px solid #c9dbff;display:grid;gap:6px}
.calc2__fine{font-size:13.5px;color:var(--ink3);line-height:1.55;margin:auto 0 0;padding-top:14px}
.ex{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ex .card{padding:22px}
.ex .what{font-size:15px;color:var(--ink2);line-height:1.5;margin:0}
.ex .math{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--ink3);margin:0}
.ex .tot{font-size:34px;font-weight:300;letter-spacing:-.04em;color:var(--navy);line-height:1;margin-top:auto;padding-top:8px}
.all{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{border:1px solid var(--line2);border-radius:16px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s,border-color .2s}
.all.in .tile:hover{transform:translateY(-3px);border-color:#b9d0f5;box-shadow:0 18px 44px rgba(36,103,232,.14)}
.tile b{font-size:17px;font-weight:600;color:var(--navy);letter-spacing:-.02em;word-break:break-word}
.tile .pr{font-size:12px;letter-spacing:.06em;color:var(--blue);font-weight:600}
.tile--free .pr{color:#1d7a43}
.tile p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.tile code.inline{margin-top:auto;font-size:11.5px;word-break:break-all;align-self:flex-start}
.flow--one{grid-template-columns:1fr;gap:6px}
.flow--one .flow__wire{width:2px;height:34px;margin:2px auto}.flow--one .flow__wire i{width:100%;height:34%;transform:translateY(-120%)}.flow--one .flow__wire.on i{animation:wirev 1s ease-in-out forwards}
@keyframes wirev{to{transform:translateY(320%)}}
.cta-band{text-align:center}.cta-band .btn-row{justify-content:center}
.sec .split>*{min-width:0}pre.code{max-width:100%}
@media(max-width:900px){.cmp-stats,.ex{grid-template-columns:repeat(2,1fr)}.calc2{grid-template-columns:1fr}.calc2__out{border-left:0;border-top:1px solid var(--line2)}.calc2__in,.calc2__out{padding:24px}.all{grid-template-columns:1fr}.f__row{grid-template-columns:1fr}}
@media(max-width:480px){.ex{grid-template-columns:1fr}}
.cmp-more>*{min-width:0}.cmp-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:900px){.cmp-more{grid-template-columns:minmax(0,1fr)}}

/* cpx: compare hero */
.cpx-hero{padding-bottom:48px;background:linear-gradient(180deg,#f6faff,#fff)}
.cpx-center{text-align:center}.cpx-center h1{max-width:none;margin:0 auto;font-size:clamp(2.8rem,6.4vw,5.4rem);line-height:.98}
.cpx-center .lead{margin:16px auto 0;max-width:520px;font-size:clamp(1.1rem,2vw,1.4rem)}
.cpx-split{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:38px;position:relative}
.cpx-side{border-radius:28px;padding:clamp(22px,3.4vw,40px);display:flex;flex-direction:column;gap:18px;min-width:0}
.cpx-side--old{background:linear-gradient(160deg,#1b2338,#0c1226);color:#cdd5e6}
.cpx-side--new{background:linear-gradient(160deg,#2467e8,#1554cf 60%,#3f86ff);color:#fff;box-shadow:0 30px 80px rgba(36,103,232,.35)}
.cpx-tag{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;opacity:.8}
.cpx-big{font-size:clamp(1.9rem,3.8vw,3rem);font-weight:300;letter-spacing:-.05em;line-height:1.02;color:#fff}
.cpx-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:150px;align-items:end}
.cpx-bars i{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font-style:normal;gap:5px}
.cpx-bars em{display:block;width:100%;height:calc(var(--h) - 14%);min-height:3px;border-radius:6px 6px 2px 2px;transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cpx-bars b{font-size:11px;font-weight:500;opacity:.7;line-height:1}
.cpx-side--old em{background:repeating-linear-gradient(45deg,#7d879f 0 6px,#5f6a85 6px 12px)}
.cpx-side--new em{background:linear-gradient(180deg,#fff,#bcd5ff)}
.cpx-split.in em,.no-js .cpx-bars em{transform:scaleY(1)}
.cpx-bars i:nth-child(n) em{transition-delay:calc(var(--i,0)*40ms)}
.cpx-side ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:17px}
.cpx-side li:before{content:"\00d7\00a0";color:#ff8d8d;font-weight:700}
.cpx-side--new li:before{content:"\2713\00a0";color:#fff}
.cpx-vs{align-self:center;margin:0 -22px;z-index:2;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cpx-note{text-align:center;font-size:13.5px;color:var(--ink3);margin:12px 0 0}
.cpx-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.cpx-fine{text-align:center}
.cpx-scene{position:relative;padding:clamp(70px,11vw,140px) 0;background:linear-gradient(rgba(10,20,52,.62),rgba(10,20,52,.78)),url(../images/scenes/storm-neighborhood.webp) center/cover;color:#fff;text-align:center}
.cpx-scene h2{font-size:clamp(2rem,4.6vw,3.8rem);font-weight:300;letter-spacing:-.05em;line-height:1.04;margin:0 auto 26px;max-width:900px;color:#fff}.cpx-scene h2 span{color:#9fc0ff}
@media(max-width:800px){.cpx-split{grid-template-columns:1fr;gap:14px}.cpx-vs{margin:-30px auto;}.cpx-bars{height:110px}}
.calc2__diff[hidden]{display:none}