
:root{--ink:#17231d;--paper:#f5f1e8;--cream:#fbfaf6;--line:#d8ddd7;--muted:#5d6a63;--accent:#245aa8;--soft:#e5eefb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,select{font:inherit}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}.site-header{position:sticky;top:0;z-index:20;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:2rem;padding:0 clamp(1.2rem,5vw,5.5rem);border-bottom:1px solid rgba(21,37,29,.1);background:rgba(245,241,232,.93);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:.75rem;font:700 1rem Georgia,serif}.brand i{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--accent);color:#fff;font-style:normal;font-size:.76rem}nav{display:flex;gap:1.7rem;color:#435149;font-size:.86rem}.header-cta,.primary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:#fff;font-weight:800}.header-cta{padding:.78rem 1rem;font-size:.82rem}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);min-height:660px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4.5rem,8vw,8rem) clamp(1.2rem,6vw,6.5rem)}.eyebrow{margin:0 0 1.1rem;color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}h1{max-width:760px;margin-bottom:1.4rem;font-size:clamp(3.4rem,6vw,6.2rem);line-height:.94}h2{font-size:clamp(2.4rem,4vw,4.5rem);line-height:1}.lead{max-width:670px;color:var(--muted);font-size:1.08rem;line-height:1.72}.hero-actions{display:flex;align-items:center;gap:1.2rem;margin:2rem 0}.primary{padding:1rem 1.25rem}.secondary{border-bottom:1px solid currentColor;padding:.35rem 0;font-weight:750}.disclosure{color:#78837c;font-size:.7rem}.hero-photo{position:relative;min-height:590px;margin:1.3rem 1.3rem 1.3rem 0;overflow:hidden;border-radius:30px}.hero-photo:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,25,17,.45));content:""}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;z-index:2;right:1.3rem;bottom:1.3rem;left:1.3rem;padding:1.1rem 1.2rem;border-radius:17px;background:rgba(255,255,255,.91);font:700 1rem Georgia,serif}.finder{padding:clamp(4.5rem,7vw,7rem) clamp(1.2rem,7vw,8rem);background:var(--cream);border-block:1px solid var(--line)}.finder-head{display:grid;grid-template-columns:.75fr 1fr;gap:3rem;align-items:end;max-width:1080px}.finder-head p{color:var(--muted);line-height:1.7}.finder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.finder-grid button{min-height:150px;padding:1.35rem;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:.2s}.finder-grid button:hover,.finder-grid button[aria-pressed=true]{transform:translateY(-3px);border-color:var(--accent);background:var(--soft)}.finder-grid strong{display:block;font:400 1.35rem Georgia,serif}.finder-grid small{display:block;margin-top:.55rem;color:var(--muted);line-height:1.45}.compat-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;padding:1.4rem;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.compat-field{display:flex;flex-direction:column;gap:.55rem}.compat-field label{font-weight:800;font-size:.78rem}.compat-field select{width:100%;padding:1rem;border:1px solid #bdc8c0;border-radius:13px;background:#fff;color:var(--ink)}.compat-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--soft)}.compat-result[hidden]{display:none}.compat-result a{padding:.8rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:850}.section{padding:clamp(5rem,8vw,8rem) clamp(1.2rem,7vw,8rem)}.section-intro{max-width:880px}.section-intro>p:last-child{color:var(--muted);font-size:1.03rem;line-height:1.7}.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.criteria article{min-height:245px;padding:1.8rem;border:1px solid var(--line);border-radius:22px;background:var(--cream)}.criteria span{color:var(--accent);font:700 .78rem Georgia,serif}.criteria h3{margin:4rem 0 .7rem;font:400 1.45rem Georgia,serif}.criteria p{color:var(--muted);line-height:1.65}.offers{background:#10261c;color:#fff}.offers .eyebrow{color:#a8cbbb}.offers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}.offer-card{display:flex;min-height:280px;flex-direction:column;padding:1.6rem;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#f8f6ef;color:var(--ink)}.offer-card[hidden]{display:none}.offer-card h3{margin:.5rem 0 .9rem;font:400 1.7rem Georgia,serif}.offer-card p{color:var(--muted);line-height:1.65}.offer-card a{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--accent);font-weight:850}.faq-list{max-width:920px;margin-top:2.5rem}.faq-list details{padding:1.25rem 0;border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font:400 1.25rem Georgia,serif}.faq-list p{margin:.9rem 0 0;color:var(--muted);line-height:1.7}.affiliate-note{display:flex;gap:1rem;align-items:flex-start;padding:2rem clamp(1.2rem,7vw,8rem);background:var(--soft);border-top:1px solid var(--line)}.affiliate-note>span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.affiliate-note .eyebrow{margin-bottom:.35rem}.affiliate-note p:last-child{max-width:880px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.65}.article{max-width:920px;margin:auto;padding:clamp(4.5rem,8vw,8rem) 1.2rem}.article h1{font-size:clamp(3rem,6vw,5.5rem)}.article h2{margin-top:3.5rem;font-size:2.2rem}.article p,.article li{color:#495950;font-size:1.02rem;line-height:1.8}.article .callout{margin:2.5rem 0;padding:1.5rem;border-left:5px solid var(--accent);background:var(--soft)}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;padding:3rem clamp(1.2rem,7vw,8rem);background:#091b12;color:#fff}footer p,footer a{color:#afbeb6;font-size:.82rem;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:.55rem}.footer-legal{grid-column:1/-1;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12)}@media(max-width:900px){nav,.header-cta{display:none}.hero{grid-template-columns:1fr}.hero-photo{min-height:480px;margin:0 1.2rem 1.2rem}.finder-head,.criteria{grid-template-columns:1fr}.finder-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}}@media(max-width:620px){h1{font-size:3.35rem}.hero-copy{padding-top:4rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-photo{min-height:380px}.finder-grid,.offers-grid,.compat-form{grid-template-columns:1fr}.compat-result{grid-column:auto;align-items:flex-start;flex-direction:column}}

.compat-result{display:block;padding:1.2rem}.compat-result>p{margin:0 0 1rem;color:var(--muted)}.compat-products{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.compat-product{display:flex;min-height:170px;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff}.compat-product small{color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.compat-product strong{margin:.65rem 0;color:var(--ink);font:400 1.2rem Georgia,serif}.compat-product span{color:var(--muted);font-size:.8rem;line-height:1.5}.compat-product a{margin-top:auto;padding:.85rem 0 0;border-radius:0;background:transparent;color:var(--accent);font-size:.8rem;font-weight:850}@media(max-width:620px){.compat-products{grid-template-columns:1fr}}
.deal-guide{background:#edf3fa}.deal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.deal-card{display:flex;min-height:260px;flex-direction:column;padding:1.45rem;border:1px solid #cbd9ea;border-radius:20px;background:#fff}.deal-card b{color:var(--accent);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.deal-card h3{margin:2.7rem 0 .75rem;font:400 1.5rem Georgia,serif}.deal-card p{color:var(--muted);font-size:.9rem;line-height:1.65}.deal-card a{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--accent);font-size:.82rem;font-weight:850}.price-note{margin-top:1.2rem;color:var(--muted);font-size:.75rem;line-height:1.6}@media(max-width:900px){.deal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.deal-grid{grid-template-columns:1fr}}
.finder-loading{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-top:1rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:var(--soft)}.finder-loading[hidden]{display:none}.finder-spinner{width:46px;height:46px;border:4px solid rgba(255,255,255,.8);border-top-color:var(--accent);border-radius:50%;animation:finder-spin .8s linear infinite}.finder-loading strong{display:block;font:400 1.15rem Georgia,serif}.finder-loading span{display:block;margin-top:.25rem;color:var(--muted);font-size:.8rem}.price-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff}.price-toolbar label{font-size:.8rem;font-weight:850}.price-toolbar select{min-width:220px;padding:.75rem;border:1px solid #bdc8c0;border-radius:11px;background:#fff}.compat-product-visual{display:grid;width:54px;height:54px;place-items:center;margin-bottom:.75rem;border-radius:15px;background:var(--soft);color:var(--accent);font-size:1.5rem}.compat-price{margin:.75rem 0 0!important;color:var(--ink)!important;font-weight:800}.compat-price small{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:0;text-transform:none}.offers-pricebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0 0;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08)}.offers-pricebar select{min-width:220px;padding:.8rem;border:0;border-radius:11px;background:#fff;color:var(--ink)}@keyframes finder-spin{to{transform:rotate(360deg)}}@media(max-width:620px){.price-toolbar,.offers-pricebar{align-items:stretch;flex-direction:column}.price-toolbar select,.offers-pricebar select{width:100%;min-width:0}}
.lead-zone{background:var(--cream)}.lead-zone.b2b{background:var(--soft)}.lead-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(22,35,29,.06)}.lead-field{display:flex;flex-direction:column;gap:.5rem}.lead-field.full,.lead-consent,.lead-status,.lead-form button{grid-column:1/-1}.lead-field label{font-size:.78rem;font-weight:850}.lead-field input,.lead-field select,.lead-field textarea{width:100%;padding:.95rem 1rem;border:1px solid #bdc8c0;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.lead-field textarea{min-height:105px;resize:vertical}.lead-consent{display:flex;gap:.65rem;align-items:flex-start;color:var(--muted);font-size:.75rem;line-height:1.5}.lead-consent input{margin-top:.2rem}.lead-consent a{text-decoration:underline}.lead-form button{padding:1rem;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:850;cursor:pointer}.lead-form button:disabled{cursor:wait;opacity:.65}.lead-status{min-height:1.4rem;margin:0;color:var(--muted);font-size:.82rem}.lead-status.success{color:#167348}.lead-status.error{color:#a22d2d}.lead-points{display:grid;gap:.75rem;margin-top:2rem}.lead-points span{display:flex;gap:.7rem;align-items:center;color:var(--muted);font-size:.9rem}.lead-points i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:850}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:900px){.lead-layout{grid-template-columns:1fr}}@media(max-width:620px){.lead-form{grid-template-columns:1fr}.lead-field,.lead-field.full,.lead-consent,.lead-status,.lead-form button{grid-column:auto}}
