@layer base,components,responsive;
@layer base{:root{--ink:#102b43;--dark:#081f34;--navy:#0a3546;--mint:#35d2ad;--pale:#f4f8f9;--line:#dce6ea;--muted:#597184;--green:#078271}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2}h1{font-size:clamp(36px,4.8vw,62px);letter-spacing:-2px;margin:13px 0 19px}h2{font-size:clamp(28px,3.2vw,39px);letter-spacing:-1.2px;margin:13px 0 24px}h3{font-size:18px;margin:7px 0 11px}.container{width:min(1140px,calc(100% - 38px));margin:0 auto}p{margin:0 0 16px}.skip{position:absolute;left:-9999px;top:10px;padding:8px;background:#fff;color:var(--dark)}.skip:focus{left:12px;z-index:99}::selection{background:#a1edd8;color:#0b2c40}}
@layer components{.nav{background:var(--dark);color:#fff}.navinner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:27px;font-weight:900;letter-spacing:-1.5px}.logo span{color:#7de7c8}.navlinks{display:flex;gap:27px;font-size:13px;color:#e1ecf2}.navlinks a[aria-current="page"]{color:#81ebce;font-weight:800}.button{display:inline-flex;padding:13px 18px;border-radius:11px;font-size:13px;font-weight:850;align-items:center;justify-content:center;background:var(--mint);color:#073a32;border:0;cursor:pointer}.button:hover{text-decoration:none;filter:brightness(.96)}.button.secondary{background:transparent;border:1px solid #8aa9b5;color:#fff}.hero{background:linear-gradient(115deg,#071b30,#0c3648 73%,#114e54);color:#fff;padding:86px 0 95px;overflow:hidden}.herogrid{display:grid;grid-template-columns:1.16fr .84fr;gap:28px;align-items:center}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#15917b}.hero .eyebrow{color:#83e7c9}.hero h1 em{font-style:normal;color:#8aebcb}.hero p{color:#d1e0e8;font-size:17px;max-width:555px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.mock{height:325px;position:relative}.plastic{position:absolute;left:8%;top:2%;width:302px;height:193px;padding:25px;border-radius:19px;background:linear-gradient(130deg,#38c7a8,#0a6276);box-shadow:0 28px 70px #0005;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-11deg)}.plastic:nth-child(2){top:32%;left:24%;background:linear-gradient(130deg,#305881,#082137);transform:rotate(13deg)}.plastic strong{font-size:20px}.plastic small{font-size:10px;letter-spacing:2px}.chip{width:37px;height:27px;background:#c5e8d8;border-radius:6px}.trust{border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.trust b{color:#078f74}.section{padding:74px 0}.section.alt{background:var(--pale)}.lead{font-size:16px;color:var(--muted);max-width:760px;line-height:1.8}.sectionrow{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:23px}.sectionrow h2{margin-bottom:0}.small{font-size:12px;color:var(--muted)}.breadcrumbs{font-size:12px;color:#627e8d;padding:27px 0}.breadcrumbs a{text-decoration:underline}.quickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0;box-shadow:0 4px 22px #0b35520a}.cardbody{padding:18px}.cardart{height:148px;background:linear-gradient(145deg,#dbeee8,#e8f3f1);display:flex;align-items:center;justify-content:center;padding:16px}.minicard{width:175px;height:105px;max-width:100%;background:linear-gradient(125deg,#146979,#052e43);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:13px;border-radius:11px;box-shadow:0 12px 25px #0b304335;transform:rotate(-7deg)}.minicard span{font-size:9px;letter-spacing:1px;opacity:.72}.minicard strong{font-size:15px}.card:nth-child(2) .minicard{background:linear-gradient(130deg,#253957,#0e2136)}.card:nth-child(3) .minicard{background:linear-gradient(130deg,#2ba78a,#076064)}.card:nth-child(4) .minicard{background:linear-gradient(130deg,#524e87,#182b55)}.type{color:#078673;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.cardbody h3 a:hover{color:#078673}.summary{font-size:12px;line-height:1.65;color:var(--muted);min-height:62px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding:11px 0}.metrics dt{font-size:11px;color:var(--muted)}.metrics dd{margin:0;font-weight:850;font-size:13px;line-height:1.45}.textlink{font-weight:850;color:var(--green);font-size:13px}.sectionbottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:23px}.warning{display:flex;gap:13px;align-items:start;margin:25px 0 0;padding:16px 19px;border:2px solid #a5d5c5;border-radius:13px;background:#eff8f3;font-size:13px;line-height:1.7;color:#254b44}.warning strong{font-size:15px;display:block;color:#143b30}.warning a{color:#065e51;text-decoration:underline}.wicon{color:#d83e36;font-size:23px}.guidegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide{display:block;border:1px solid var(--line);border-radius:15px;padding:21px;background:white}.guide strong{display:block;margin-bottom:7px}.guide p{font-size:13px;color:var(--muted);margin:0}.filterbar{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.filter{cursor:pointer;background:white;padding:11px 17px;border-radius:40px;border:1px solid var(--line);font-size:13px;font-weight:750;color:#294d5c}.filter[aria-pressed="true"]{background:var(--dark);border-color:var(--dark);color:white}.fullgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fullgrid .card{display:grid;grid-template-columns:35% 65%}.fullgrid .cardart{height:100%;min-height:205px}.fullgrid .summary{min-height:0}.comparebox{background:white;border:1px solid var(--line);padding:19px;border-radius:15px;margin-top:22px}.choose{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer}.choose input{accent-color:var(--green)}.comparetable{border-collapse:collapse;width:100%;font-size:13px;min-width:600px}.comparetable th,.comparetable td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.comparetable th{font-weight:800}.tablewrap{overflow-x:auto}.detailgrid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px}.detailhero{background:#f2f8f8;padding:20px 0 55px}.detailhero .cardart{border-radius:20px;height:260px}.detailhero .minicard{transform:rotate(-7deg) scale(1.3)}.details{display:grid;grid-template-columns:1.35fr .85fr;gap:45px}.prose{max-width:800px}.prose p,.prose li{color:#4d6678;line-height:1.9}.prose h2{font-size:27px;margin-top:38px}.specgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:20px 0}.spec{border:1px solid var(--line);border-radius:12px;padding:15px}.spec span{display:block;color:var(--muted);font-size:11px}.spec strong{font-size:16px}.aside{background:#f3f8f8;border-radius:14px;padding:21px;align-self:start}.aside p{font-size:13px}.aside a{color:#007e69;word-break:break-word}.callout{background:#eaf6f1;padding:18px 20px;border-radius:16px}.editorial{max-width:820px}.footer{background:var(--dark);color:#d1e3ed;padding:46px 0}.footgrid{display:flex;justify-content:space-between;gap:30px}.footlinks{display:flex;gap:20px;font-size:13px}.legal{padding:15px 0;background:#eaf6f1;color:#3a6a5e;font-size:12px}.empty{border:1px dashed #adc8ca;padding:25px;border-radius:12px;color:#627687}}
@layer tools{.toolpanel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#f2fbf7,#fff);padding:26px;margin:25px 0}.toolpanel h2{margin:0 0 8px}.tooldesc{font-size:13px;color:var(--muted);margin-bottom:22px}.toolcontrols{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(180px,1fr);gap:18px;align-items:end}.toolcontrols label{display:block;font-weight:800;font-size:13px}.toolcontrols input,.toolcontrols select{display:block;width:100%;padding:12px;border:1px solid #aac7cc;border-radius:10px;margin-top:8px;font:inherit;color:var(--ink);background:white}.toolresult{margin-top:20px;padding:15px;background:#e0f4ec;border-radius:12px;color:#165b45}.toolresult strong{font-size:27px;display:block;line-height:1.3}.toolresult p{font-size:12px;margin:9px 0 0}.tooldetails{font-size:12px;margin-top:14px;color:#516d78}.tooldetails a{text-decoration:underline;color:#067c69}.tooltable{width:100%;border-collapse:collapse;margin-top:19px;font-size:13px}.tooltable th,.tooltable td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px}.tooltable td:last-child,.tooltable th:last-child{text-align:right}.related{padding:20px 22px;border:1px solid var(--line);border-radius:15px;margin-top:25px;background:#f8fbfb}.related ul{padding-left:21px;margin-bottom:0}.related li{margin:6px 0}.related a{color:#047b67;text-decoration:underline}.micro{font-size:12px;color:var(--muted);line-height:1.65}.inline-table{width:100%;border-collapse:collapse}.inline-table th,.inline-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}:focus-visible{outline:3px solid #12a47f;outline-offset:3px}@media(max-width:650px){.toolcontrols{grid-template-columns:1fr}.toolpanel{padding:17px}.toolresult strong{font-size:23px}.tooltable th,.tooltable td{padding:8px 5px;font-size:12px}}}
@layer responsive{@media(max-width:900px){.navlinks{display:none}.herogrid,.detailgrid,.details{grid-template-columns:1fr}.mock{height:265px;width:min(100%,430px)}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hero{padding:53px 0 25px}.section{padding:50px 0}.trust{flex-direction:column;gap:8px}.plastic{transform:rotate(-11deg) scale(.78);transform-origin:top left}.plastic:nth-child(2){transform:rotate(13deg) scale(.78);transform-origin:top left}.mock{height:220px}.sectionrow,.sectionbottom,.footgrid{flex-direction:column;align-items:flex-start}.quickgrid{gap:9px}.cardart{height:115px}.cardbody{padding:12px}.summary{min-height:92px}.metrics{grid-template-columns:1fr}.fullgrid{grid-template-columns:1fr}.fullgrid .card{grid-template-columns:37% 63%}.fullgrid .cardart{min-height:220px}.fullgrid .summary{min-height:unset}.specgrid{gap:9px}.spec{padding:12px}.spec strong{font-size:13px}.guidegrid{grid-template-columns:1fr}.footlinks{flex-wrap:wrap}.warning{font-size:12px}.button{font-size:12px}.nav .button{padding:10px 12px}}}
/* v1.6 | Clearer listings, contextual alternatives and mobile comparison tray */
@layer components{
.search-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:18px;padding:18px 19px;background:#fff;border:1px solid #d6e7e8;border-radius:16px;box-shadow:0 6px 25px #163a4e09;margin-top:25px}
.search-panel label{display:block;font-size:12px;font-weight:850;color:#244e5f}
.search-panel input{width:100%;margin-top:8px;background:#f9fcfc;border:1px solid #b9d5d7;color:var(--ink);border-radius:10px;padding:13px 14px;min-height:46px;font:inherit;font-size:15px}
.search-panel input:focus-visible{outline:3px solid #5dd9bc;outline-offset:2px}
.search-panel p{font-size:12px;color:var(--muted);margin:0;max-width:250px;line-height:1.5}
.filterbar{margin:17px 0 13px}
#filter-count{font-size:13px;font-weight:750;margin:8px 0 15px}
.filter-empty{border:1px dashed #8fbaba;background:#f0f9f6;border-radius:14px;padding:23px;margin:20px 0}
.filter-empty p{color:#446d74;margin:7px 0 0}
.card{transition:border-color .15s ease,box-shadow .15s ease}
.card:focus-within{border-color:#23a78d;box-shadow:0 3px 24px #008f7624}
.cardbody h3{font-size:20px;letter-spacing:-.4px}
.cardart{background:radial-gradient(circle at 15% 17%,#fff 0 8%,transparent 8.5%),linear-gradient(130deg,#d9efeb,#e8f4f5)}
.minicard{box-shadow:0 14px 24px #0c40513d}
.credit-details{margin:13px 0 1px;border:1px solid #d6e6e8;border-radius:10px;background:#f8fbfc;padding:10px 12px;color:#3b6471}
.credit-details summary{font-size:12px;font-weight:800;cursor:pointer;color:#195d65}
.credit-details p{font-size:12px;margin:9px 0 0;line-height:1.65}
.credit-details a{color:#077c69;text-decoration:underline}
.creditnote-inline{display:flex;align-items:center;gap:6px;font-size:11px;color:#586b76;margin:10px 0 0}
.creditnote-inline::before{content:'!';flex:none;width:18px;height:18px;border-radius:100%;background:#f5e6d7;color:#8c4816;font-weight:900;display:inline-grid;place-items:center}
.comparebox{scroll-margin-top:95px}
.comparebox a{color:#006e5c;text-decoration:underline}
.compare-tray{position:fixed;z-index:40;bottom:16px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 28px));padding:12px 15px;border-radius:16px;background:#09283e;color:#fff;box-shadow:0 12px 50px #0a223859;display:flex;align-items:center;gap:12px;justify-content:space-between}
.compare-tray p{font-size:13px;margin:0;line-height:1.3}
.compare-tray small{color:#b3d5db;display:block;font-size:11px;margin-top:3px}
.compare-tray .tray-actions{display:flex;gap:8px;align-items:center}
.compare-tray button{white-space:nowrap;border-radius:9px;border:1px solid #6a9b9d;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer}
.compare-tray .tray-open{background:#48dcba;color:#092d32;border-color:#48dcba}
.compare-tray .tray-open:disabled{background:#567478;border-color:#567478;color:#e0ebeb;cursor:not-allowed}
.compare-tray .tray-clear{background:transparent;color:#e3eff1}
.verified-meaning{padding:18px 20px;border-radius:14px;border:1px solid #c9e5df;background:#eff9f6;margin:17px 0 26px}
.verified-meaning strong{display:block;font-size:14px;color:#176350;margin-bottom:5px}
.verified-meaning p{font-size:13px;margin:0;color:#476b6a}
.othercards{border-top:1px solid var(--line);margin:35px 0 10px;padding-top:25px}
.othercards h2{font-size:24px;margin-top:0}
.othercard{border:1px solid var(--line);padding:13px 15px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0;background:#fff}
.othercard b{display:block;color:#15465c}.othercard small{display:block;color:var(--muted)}
.othercard a{color:#087d6e;font-weight:800;flex-shrink:0;font-size:13px}
.othercards .small{margin-top:12px}
@media(max-width:700px){.search-panel{grid-template-columns:1fr;gap:9px}.search-panel p{max-width:unset}.compare-tray{bottom:10px;padding:11px 12px}.compare-tray p{font-size:12px}.compare-tray button{font-size:11px;padding:10px}.othercard{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:385px){.compare-tray{flex-wrap:wrap}.compare-tray .tray-actions{width:100%}.compare-tray .tray-open{flex:1}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
}


.sortbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px}.sortbar label{display:flex;align-items:center;gap:10px;font-weight:750;font-size:13px}.sortbar select{padding:10px;border:1px solid #b8cfd3;border-radius:9px;background:white;font:inherit;max-width:100%}#annual-calc .toolcontrols{grid-template-columns:1.2fr 1fr auto}#annual-results .tooltable th:last-child,#annual-results .tooltable td:last-child{text-align:right}@media(max-width:850px){#annual-calc .toolcontrols{grid-template-columns:1fr}}@media(max-width:650px){.sortbar{align-items:start;flex-direction:column}.sortbar label{align-items:start;flex-direction:column}.toolpanel .tablewrap{overflow:auto}}


/* Calculator layout: high-contrast controls, readable results and strong mobile stacking. */
.toolpanel{max-width:1040px;border:1px solid #cfdfdf;border-radius:22px;background:linear-gradient(135deg,#f0fbf7 0%,#ffffff 84%);padding:clamp(20px,3vw,36px);box-shadow:0 16px 46px rgba(8,38,53,.045);margin:26px 0 34px}
.toolpanel h2{font-size:clamp(26px,3.3vw,34px);margin:0 0 13px}
.toolpanel .toolcontrols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) auto;gap:16px;align-items:end;margin-bottom:24px}
#fx-calc .toolcontrols{grid-template-columns:minmax(0,1fr) auto}
#annual-calc .toolcontrols{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto}
.toolpanel .toolcontrols label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:750;line-height:1.5;color:#183c50}
.toolpanel .toolcontrols input,.toolpanel .toolcontrols select{height:49px;min-width:0;width:100%;border:1px solid #b6d1d1;border-radius:11px;padding:11px 13px;background:white;color:#173e50;font:inherit;margin:0}
.toolpanel .toolcontrols button{height:49px;white-space:nowrap;padding:0 20px}
.toolpanel .tablewrap{max-width:100%;overflow-x:auto;border:1px solid #dbe8e7;border-radius:12px;background:#fff}
.toolpanel .tooltable{margin:0;width:100%;min-width:560px;border-collapse:collapse}
.toolpanel .tooltable thead{background:#e4f3ef}
.toolpanel .tooltable th,.toolpanel .tooltable td{padding:12px 15px;border-bottom:1px solid #e1eae9;font-size:13px}
.toolpanel .tooltable tbody tr:last-child>*{border-bottom:0}
.toolpanel .tooltable tbody tr:nth-child(even){background:#fafdfc}
.toolpanel .resultcaption{font-size:12px;color:#486b74;margin:4px 0 12px}
.toolpanel .resulttitle{font-size:16px;font-weight:850;margin:7px 0 12px}
.toolpanel .tooldetails{margin-top:18px}
@media(max-width:850px){#annual-calc .toolcontrols,#fx-calc .toolcontrols{grid-template-columns:minmax(0,1fr)}.toolpanel .toolcontrols button{width:100%}}
@media(max-width:600px){.toolpanel{padding:19px 15px;border-radius:16px}.toolpanel .tooltable th,.toolpanel .tooltable td{padding:10px 12px}.toolpanel .toolcontrols{gap:13px}.toolpanel .toolcontrols input,.toolpanel .toolcontrols select{font-size:16px}}

/* Kortmatch 1.4: editorial design system and navigation */
:root{--ink:#112c42;--dark:#081f34;--mint:#42d6b4;--pale:#f5f8fa;--line:#dce7ec;--muted:#5b7182;--green:#087961}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:15px;letter-spacing:-.008em}
.container{width:min(1160px,calc(100% - 44px))}h1,h2{letter-spacing:-.045em}p{line-height:1.76}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00a989;outline-offset:3px;border-radius:5px}
.nav{position:relative;background:#071e32;border-bottom:1px solid rgba(255,255,255,.12)}
.navinner{height:76px}.navlinks{gap:30px}.navlinks a{color:#d5e2e9;font-weight:570}.navlinks a:hover{color:#93efd5;text-decoration:none}
.logo{letter-spacing:-.065em;font-size:27px}.logo span{color:#76e5c6}
.button{min-height:45px;padding:12px 19px;font-weight:830;letter-spacing:-.015em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.button:hover{filter:none;background:#67e5c4;transform:translateY(-1px);box-shadow:0 7px 15px #0c4e3f13}
.mobile-toggle{display:none;border:1px solid #46687b;border-radius:10px;padding:11px 10px;background:transparent;cursor:pointer;min-height:44px;width:48px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.mobile-toggle span{display:block;background:#e6f4f5;width:22px;height:2px;border-radius:2px}.mobile-menu{display:none;padding-bottom:16px}.mobile-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-menu a{padding:12px 14px;border:1px solid #275069;border-radius:10px;color:#e9f8f9;font-size:13px}
.hero{background:radial-gradient(650px 420px at 76% 45%,#165665 0%,transparent 72%),linear-gradient(135deg,#061d31 0%,#08263c 55%,#0b3e48 100%);padding:79px 0 76px;min-height:500px}
.herogrid{grid-template-columns:1.13fr .87fr;gap:40px}.hero h1{font-size:clamp(46px,5.8vw,78px);line-height:1.05;letter-spacing:-.065em;max-width:690px;margin:21px 0}.hero p{max-width:540px;color:#c8dfe6;font-size:17px}
.hero .button{padding:16px 22px}.hero .button.secondary{border-color:#517b88}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:1.55px}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#63e1c1;box-shadow:0 0 0 5px #5adbc01b}.hero-foot{display:flex;flex-wrap:wrap;gap:26px;margin-top:42px;color:#b2c9d4;font-size:12px}.hero-foot b{font-size:15px;color:#96f0d6;margin-right:4px}
.hero-scene{position:relative;height:340px;isolation:isolate}.hero-orbit{position:absolute;border:1px solid #82f3d122;border-radius:50%;width:370px;height:370px;left:9%;top:-3%;background:radial-gradient(circle,#43ad9720 0%,transparent 58%)}.orbit-b{width:260px;height:260px;left:28%;top:16%;border-color:#55ddb00f}
.hero-plastic{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:310px;height:193px;border-radius:18px;box-shadow:0 25px 75px #020e196b;padding:25px;color:#fff;transform:rotate(-13deg);top:13px;left:7%;background:linear-gradient(130deg,#2cc39f,#0b7376 65%,#0b4359)}
.hero-plastic small{font-size:9px;letter-spacing:1.4px;opacity:.85}.hero-plastic strong{font-size:20px;letter-spacing:-.035em}.hero-plastic span{font-size:10px;letter-spacing:1.8px}.hero-secondary{transform:rotate(11deg);top:112px;left:25%;background:linear-gradient(130deg,#3c648d,#0b2945 70%,#06192e)}
.hero-chip{width:36px;height:26px;background:linear-gradient(120deg,#d5ead9,#8dc3bd);border-radius:6px;opacity:.9}.hero-floating{position:absolute;right:0;bottom:0;background:#fff;border:1px solid #d4e9e7;border-radius:15px;display:flex;align-items:center;gap:12px;padding:12px 17px;box-shadow:0 20px 30px #020f1a30;color:#0f3040;transform:rotate(-2deg)}.hero-floating strong,.hero-floating small{display:block;font-size:13px;line-height:1.4}.hero-floating small{color:#60788a;font-size:11px}.floating-icon{display:grid;place-items:center;background:#d2f8eb;color:#057f68;height:35px;width:35px;border-radius:12px;font-size:21px;font-weight:800}
.trust{font-size:12px;padding:23px 0}.trust b{font-size:15px;margin-right:5px}.kicker{font-size:11px;letter-spacing:1.6px}.section{padding:82px 0}.sectionrow{align-items:end;margin-bottom:28px}.sectionrow h2{max-width:800px;line-height:1.13}.sectionrow .lead{margin:16px 0 0}.section-link{white-space:nowrap}
.quickgrid{gap:17px}.card{border-radius:17px;border:1px solid #d7e4e8;box-shadow:0 10px 28px #17364d0a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #17364d13;border-color:#a6d5cb}.cardart{height:155px;background:radial-gradient(260px 100px at 40% 10%,#effaf5,transparent),linear-gradient(120deg,#e5f4ef,#e0eaf0)}.minicard{width:182px;height:112px;border-radius:12px;box-shadow:0 13px 25px #09293727}.minicard span:first-child{font-size:8px;letter-spacing:1px}.cardbody{padding:19px}.summary{font-size:12.5px;color:#597181;min-height:64px}.metrics{gap:14px}.metrics dt{font-size:11px}.metrics dd{font-size:14px;letter-spacing:-.025em}.type{color:#117b66}
.sectionbottom{margin-top:24px}.small{color:#617685}.featured-section .warning{margin-top:27px}
.finder-section{background:#09263b;color:#fff}.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.finder-intro h2{color:white;font-size:clamp(32px,4vw,48px);margin-top:16px;line-height:1.1}.finder-intro h2 em{font-style:normal;color:#75e9c9}.finder-intro p{max-width:440px;color:#c2d8e4;font-size:15px}.finder-intro .kicker{color:#7ce8c8}.finder-points{display:grid;gap:18px;margin-top:35px;font-size:13px;color:#d0e2e8}.finder-points>span{display:flex;align-items:center;gap:15px}.finder-points>span>span{border:1px solid #56808b;border-radius:8px;padding:6px 9px;font-size:10px;color:#83e5c7}
.finder-panel{background:white;border-radius:22px;padding:30px;color:#102f42;box-shadow:0 30px 55px #05162460}.finder-panel fieldset{border:0;margin:0 0 23px;padding:0}.finder-panel legend,.finder-label{display:block;font-weight:850;font-size:13px;margin-bottom:11px}.picker-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.picker-options label{position:relative;cursor:pointer}.picker-options input{position:absolute;opacity:0;pointer-events:none}.picker-options span{display:block;border:1px solid #dbe7e9;padding:13px 4px;border-radius:10px;text-align:center;font-size:12px;font-weight:720}.picker-options input:checked+span{background:#e2f7ee;color:#0d6756;border-color:#5bd2b5}.picker-options input:focus-visible+span{outline:3px solid #00aa85;outline-offset:2px}
.finder-panel select{display:block;width:100%;border:1px solid #bfd3dc;color:#17344b;background:#fff;border-radius:10px;min-height:48px;font:inherit;padding:0 13px}.finder-submit{margin-top:18px;width:100%;font-size:14px}.finder-results{padding:17px;background:#f3f8f8;border-radius:12px;font-size:12px;color:#4b6573;margin-top:17px;min-height:67px}.finder-results p{margin:0}.finder-result-list{list-style:none;margin:10px 0 5px;padding:0;display:grid;gap:9px}.finder-result-list a{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#077665;font-weight:800;border-bottom:1px solid #dbe7ea;padding:8px 0}.finder-result-list small{color:#5a7585;font-weight:500}
.insight-section{background:#fff}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.insight{border:1px solid #dae7eb;border-radius:18px;padding:28px 25px;background:#fff;display:flex;flex-direction:column;min-height:285px}.insight-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#e9f8f2;color:#058568;font-size:12px;font-weight:900;margin-bottom:24px}.insight p{color:#5e7685;font-size:13px;line-height:1.75;flex:1}.insight a{color:#087866;font-size:13px;font-weight:850}.insight h3{font-size:19px;letter-spacing:-.035em}.insight-section .sectionrow h2{max-width:710px}
.resource-section .guidegrid{grid-template-columns:repeat(3,1fr)}.guide{padding:25px;border-radius:15px;box-shadow:0 5px 18px #102e3e07;transition:transform .15s ease,border-color .15s ease}.guide:hover{transform:translateY(-2px);border-color:#8fcfc0;text-decoration:none}.guide strong{font-size:15px}.guide p{line-height:1.65}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-section .lead{font-size:14px}.faq-list{display:grid;align-content:start;gap:9px}.faq-list details{padding:0 20px;background:white;border:1px solid #dce7ec;border-radius:12px}.faq-list summary{font-weight:800;font-size:14px;cursor:pointer;padding:19px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;color:#097e69;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:#587484;font-size:13px;padding-bottom:17px;margin:0}.faq-list a{color:#047965;text-decoration:underline}
.fullgrid .card:hover{transform:none}.sortbar select{min-height:43px;padding:7px 11px}#filter-count{margin-bottom:12px;font-size:12px}.legal{line-height:1.7}.footer{padding:52px 0}.footlinks{flex-wrap:wrap;justify-content:flex-end;max-width:510px}.footer a:hover{color:#8de7cc}
@media(max-width:1040px){.hero-plastic{left:0}.hero-secondary{left:19%}.hero-floating{right:0}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-section .guidegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.navlinks{display:none}.mobile-toggle{display:flex}.nav-action{margin-left:auto}.herogrid,.finder-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.hero-scene{max-width:530px;height:290px}.hero-plastic{width:300px}.hero-secondary{top:90px;left:20%}.hero-floating{right:1%;bottom:-12px}.finder-panel{max-width:650px}.insight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 32px,1160px)}.navinner{height:69px}.nav-action{display:none}.mobile-toggle{margin-left:auto}.mobile-menu:not([hidden]){grid-template-columns:1fr 1fr}.hero{padding:56px 0 56px}.hero h1{font-size:clamp(44px,11vw,63px)}.hero p{font-size:15px}.hero-foot{gap:13px 18px;margin-top:24px;font-size:11px}.hero-scene{height:250px}.hero-plastic{width:280px;height:178px;left:0;transform:rotate(-11deg) scale(.82);transform-origin:top left}.hero-secondary{top:80px;left:25%;transform:rotate(11deg) scale(.82);transform-origin:top left}.hero-floating{right:2%;bottom:0;transform:none}.section{padding:57px 0}.sectionrow{display:block}.section-link{display:inline-block;margin-top:13px}.quickgrid{gap:13px}.cardbody{padding:14px}.quickgrid .summary{min-height:82px}.quickgrid .metrics{grid-template-columns:1fr;gap:5px}.quickgrid .metrics dd{font-size:13px}.sectionbottom{flex-direction:column;align-items:flex-start;gap:8px}.finder-panel{padding:20px}.finder-points{margin:23px 0 6px}.insight-grid,.resource-section .guidegrid{grid-template-columns:1fr}.insight{min-height:0}.faq-grid{gap:25px}.footlinks{justify-content:flex-start}.warning{padding:15px}.fullgrid{grid-template-columns:1fr}.cardart{min-height:155px}}
@media(max-width:390px){.quickgrid{grid-template-columns:1fr}.quickgrid .summary{min-height:0}.quickgrid .metrics{grid-template-columns:1fr 1fr}.mobile-menu:not([hidden]){grid-template-columns:1fr}.picker-options span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* v1.5 | Cost break-even tool: cohesive with existing calculators. */
#break-even-calc .toolcontrols{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr)}
#break-even-calc .toolcontrols label{min-width:0}
#break-even-calc .toolcontrols select,#break-even-calc .toolcontrols input{width:100%}
#break-even-calc .breakeven-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:18px}
#break-even-calc .breakeven-actions label{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;flex-wrap:wrap}
#break-even-calc .breakeven-actions select{border:1px solid #b6d1d1;border-radius:10px;padding:11px 13px;background:white;color:var(--ink);font:inherit;min-height:45px}
#break-even-results .tablewrap{overflow-x:auto;max-width:100%}
#break-even-results .comparetable{min-width:505px}
#break-even-results{margin-top:22px;padding:20px;border-radius:15px;border:1px solid #add8ca;background:#e7f8f0}
#break-even-results h3{font-size:20px;margin:0 0 6px;color:#135947}
#break-even-results .be-number{font-size:clamp(27px,4vw,42px);letter-spacing:-.05em;font-weight:850;line-height:1.3;color:#083b32;margin:7px 0 15px}
#break-even-results .be-explanation{font-size:14px;line-height:1.7;color:#27564a}
#break-even-results .comparetable{margin-top:14px}
#break-even-results .comparetable td:last-child,#break-even-results .comparetable th:last-child{text-align:right}
#break-even-results .fineprint{font-size:12px;color:#517166;margin-top:15px}
.because-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:20px 0}
.because-list li{border:1px solid var(--line);border-radius:15px;background:white;padding:17px;font-size:13px;line-height:1.75;color:#34596d}
.because-list strong{display:block;font-size:17px;color:var(--ink);margin-bottom:5px}
@media(max-width:800px){#break-even-calc .toolcontrols{grid-template-columns:repeat(2,minmax(0,1fr))}.because-list{grid-template-columns:1fr}}
@media(max-width:600px){#break-even-calc .toolcontrols{grid-template-columns:1fr}#break-even-results{padding:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Kortmatch 1.7: editorial transparency and head-to-head comparisons */
.comparison-intro{margin:22px 0 27px}.comparison-intro p{max-width:850px}.pair-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0 29px}.pair-panel{background:#fff;border:1px solid #d6e5e6;border-radius:17px;padding:26px;box-shadow:0 7px 24px #081c2c0a}.pair-panel .pairtype{font-size:11px;letter-spacing:1.3px;color:#0c8a72;text-transform:uppercase;font-weight:850}.pair-panel h2{font-size:26px;margin:12px 0}.pair-panel p{font-size:13px;color:#526f82;line-height:1.75}.pair-panel a{font-size:13px;font-weight:850;color:#087d69}.pair-table{width:100%;min-width:690px;border-collapse:collapse;text-align:left;margin:22px 0;font-size:14px}.pair-table th,.pair-table td{border-bottom:1px solid #dae6e8;padding:14px 16px;vertical-align:top}.pair-table th{font-weight:850;background:#f4f9f8}.pair-table thead th{background:#e9f5f1}.pair-table th:first-child{min-width:145px}.evidence{background:#ecf8f4;border:1px solid #b7ddd3;border-radius:16px;padding:26px 28px;margin:27px 0}.evidence .number{display:block;font-weight:900;font-size:clamp(29px,5vw,41px);line-height:1.2;color:#085e50;margin:5px 0 14px}.evidence h2{font-size:23px;margin:0}.evidence p{color:#3c5b56;line-height:1.8}.evidence small{display:block;color:#5e786f}.comparison-copy{max-width:830px}.comparison-copy p,.comparison-copy li{color:#4f697d;font-size:15px;line-height:1.85}.comparison-copy h2{font-size:27px;margin-top:35px}.comparison-copy a,.evidence a{color:#087b6a;text-decoration:underline}.cross-panel{background:#f4f8fa;border:1px solid #dbe7e9;border-radius:16px;padding:23px;margin:22px 0}.cross-panel h2{font-size:22px}.cross-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:16px 0 4px}.cross-list a{display:block;background:#fff;padding:15px 17px;border-radius:10px;border:1px solid #d7e5e8;color:#077d68;font-weight:850;font-size:13px}.logtable{border-collapse:collapse;min-width:760px;width:100%;margin-top:22px;font-size:13px}.logtable th,.logtable td{border-bottom:1px solid #d6e3e8;text-align:left;padding:12px;vertical-align:top}.logtable thead th{background:#e9f5f1;color:#123b45}.logtable td a{color:#087966;font-weight:800;text-decoration:underline}.source-lede{max-width:880px}.smallnotice{border-left:4px solid #22a889;padding:16px 19px;background:#f0f8f4;border-radius:0 12px 12px 0;color:#33594e;margin:26px 0;font-size:13px}.smallnotice p{margin:0}.compare-next{margin:20px 0;padding:18px 20px;border:1px solid #d4e6e1;background:#f4fbf8;border-radius:14px}.compare-next a{color:#076b59;text-decoration:underline;font-weight:850}.comparison-copy ul{padding-left:20px}@media(max-width:720px){.pair-overview{grid-template-columns:1fr;gap:10px}.pair-panel{padding:20px}.cross-list{grid-template-columns:1fr}.evidence{padding:20px}.pair-table th,.pair-table td{padding:12px 10px;font-size:12px}.comparison-copy h2{font-size:24px}}