.method-compare{padding:118px 0 91px;background:#0b2030;color:#fff;overflow:hidden}
.method-compare-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:end;gap:7%;margin-bottom:52px}
.method-compare-intro .flow-kicker{color:#f08a5f}
.method-compare-intro h2{font:600 clamp(4.1rem,6.4vw,7.3rem)/.88 'Barlow Condensed','Arial Narrow',Manrope,sans-serif;letter-spacing:-.022em;margin:0;color:#fff}
.method-compare-intro h2 em{font-style:normal;color:#ef7847}
.method-compare-intro>p{max-width:490px;margin:0 0 6px;color:#bfd0d8;font-size:18px;line-height:1.57}
.method-compare-grid{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,.87fr));gap:17px;align-items:stretch}
.method-card{min-width:0;display:flex;flex-direction:column;background:#143348;border:1px solid #35556a;transition:border-color .25s,transform .25s}
.method-card:hover{border-color:#7192a2;transform:translateY(-4px)}
.method-card-featured{position:relative;z-index:1;background:#f1f5f5;color:#112d40;border:2px solid #ef8152;box-shadow:0 23px 60px rgba(0,0,0,.24);transform:translateY(-8px)}
.method-card-featured:hover{border-color:#ffad82;transform:translateY(-12px)}
.method-card-secondary{background:#102c3e;border-color:#315064}
.method-card figure{position:relative;overflow:hidden;height:315px;margin:0;background:#29465a}
.method-card figure:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,24,38,.5));pointer-events:none}
.method-card figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.method-card:hover figure img{transform:scale(1.04)}
.method-card-secondary figure img{filter:saturate(.7) brightness(.78)}
.method-card-featured figure{height:355px}
.method-card-secondary figure{height:270px}
.method-card-featured figure img{object-position:61% center}
.method-feature-metric{position:absolute;z-index:2;right:0;bottom:0;min-width:180px;display:flex;align-items:end;gap:13px;padding:13px 17px 14px;background:#ee7947;color:#071e2b;box-shadow:-12px -12px 35px rgba(7,27,40,.18)}
.method-feature-metric strong{font:600 69px/.75 'Barlow Condensed','Arial Narrow',Manrope,sans-serif;letter-spacing:-.04em}
.method-feature-metric strong small{display:block;font:800 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.12em;margin-top:7px}
.method-feature-metric>span{font:800 9px/1.35 'DM Sans',Arial,sans-serif;letter-spacing:.065em;max-width:83px}
.method-card figcaption{position:absolute;z-index:1;left:18px;bottom:16px;color:#fff;font:800 10px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-shadow:0 1px 6px #051b2a}
.method-card-body{padding:29px 29px 28px;display:flex;flex-direction:column;flex:1}
.method-card-top{min-height:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:9px;color:#f49a72;font:800 10px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:.13em}
.method-card-featured .method-card-top{color:#be5830}
.method-card-top b{flex:none;color:#fff;background:#d86738;padding:7px 9px;margin:-7px -5px 0 0;font-size:9px;letter-spacing:.09em}
.method-card h3{font:600 clamp(2.7rem,3.25vw,4rem)/.94 'Barlow Condensed','Arial Narrow',Manrope,sans-serif;letter-spacing:-.01em;color:inherit;margin:14px 0 17px}
.method-card-body>p{margin:0 0 28px;color:#c1d1d9;font-size:16px;line-height:1.62}
.method-card-featured .method-card-body>p{color:#3f5b6a}
.method-card dl{margin:auto 0 0;border-top:1px solid #486476}
.method-card-featured dl{border-color:#c7d7dc}
.method-card dl div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #486476}
.method-card-featured dl div{border-color:#c7d7dc}
.method-card dt{color:#a7becb;font-size:12px;letter-spacing:.05em;font-weight:600}
.method-card-featured dt{color:#5c7988}
.method-card dd{margin:0;text-align:right;font-size:14px;font-weight:800;color:#fff}
.method-card-featured dd{color:#173d50}
.method-card-body>a{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 0 0;border-top:1px solid #c7d7dc;color:#b14f28;font-size:13px;font-weight:800}
.method-card-body>a:hover{color:#842d12}
.method-card-body>a span{font-size:17px;line-height:1}
.method-compare-note{display:flex;align-items:baseline;gap:19px;margin:26px 0 0;color:#9eb4bf;font-size:12px;line-height:1.55}
.method-compare-note span{flex:none;color:#ed8d63;font-size:10px;letter-spacing:.15em;font-weight:800}
.method-card a:focus-visible{outline:3px solid #e5784d;outline-offset:3px}
@media(max-width:1100px){.method-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.method-card figure{height:300px}.method-card-featured figure{height:100%;min-height:370px}}
@media(max-width:760px){.method-compare{padding:76px 0 69px}.method-compare-intro{display:block;margin-bottom:34px}.method-compare-intro h2{font-size:clamp(3.75rem,11vw,5.8rem)}.method-compare-intro>p{margin:23px 0 0;font-size:16px}.method-compare-grid{grid-template-columns:1fr;gap:16px}.method-card-featured{grid-column:auto;display:flex;transform:none}.method-card-featured:hover{transform:translateY(-4px)}.method-card-featured figure{height:310px;min-height:0}.method-card figure{height:290px}.method-compare-note{display:block}.method-compare-note span{display:block;margin-bottom:8px}}
@media(max-width:480px){.method-compare-intro h2{font-size:3.6rem}.method-card figure,.method-card-featured figure{height:235px}.method-feature-metric{min-width:145px;padding:11px 12px;gap:10px}.method-feature-metric strong{font-size:54px}.method-feature-metric>span{font-size:8px;max-width:70px}.method-card-body{padding:23px 23px 25px}.method-card h3{font-size:3.15rem}}
@media(prefers-reduced-motion:reduce){.method-card,.method-card figure img{transition:none}}
