@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:optional}@font-face{font-family:"Inter Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Helvetica");size-adjust:107.12%;ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%}
:root{color-scheme:dark}
:root{--brand:#0b5d43;--brand2:#0e7a57;--gold:#c9a24a;--bg:#f6f7f5;--card:#fff;--ink:#0f1a15;--mute:#5f6f67;--line:#e6ebe8;--up:#0e9f6e;--dn:#e5484d;--upbg:#e6f6ef;--dnbg:#fdecec;--r:18px;--sh:0 1px 2px rgba(16,24,20,.04),0 8px 24px rgba(16,24,20,.06)}
:root{--bg:#0a0f0d;--card:#121a16;--ink:#eef4f0;--mute:#93a39b;--line:#1f2b25;--upbg:#0f2d22;--dnbg:#341819;--brand2:#2fd08f;--sh:none}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-feature-settings:"tnum" 1}
a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.025em;line-height:1.1;margin:8px 0 10px}h2{letter-spacing:-.015em}h3{font-size:16px;margin:0 0 10px}
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{max-width:1200px;margin:auto;display:flex;align-items:center;gap:6px;padding:12px 24px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink);margin-right:auto;letter-spacing:-.02em}.logo:hover{text-decoration:none}.logo em{color:var(--gold);font-style:normal}
.nav a.l{color:var(--mute);font-weight:500;font-size:14px;padding:8px 10px;border-radius:10px}.nav a.l:hover{background:var(--card);color:var(--ink);text-decoration:none}
.nav .cta{background:var(--brand);color:#fff;padding:9px 14px;border-radius:999px;font-weight:600;font-size:14px}
#mt{display:none;background:none;border:0;color:var(--ink);padding:6px;margin:0}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--card);white-space:nowrap;font-size:13px}
.ticker .tr{display:inline-flex;gap:28px;padding:8px 0;animation:tk 60s linear infinite}.ticker span b{margin-right:6px}@keyframes tk{to{transform:translateX(-50%)}}
main{max-width:1200px;margin:auto;padding:28px 24px 40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh)}
.big{font-size:30px;font-weight:750;letter-spacing:-.02em;margin:4px 0}.k{font-size:13px;color:var(--mute);font-weight:500;display:flex;align-items:center;gap:6px}
.pill{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:650;padding:3px 9px;border-radius:999px}.up{color:var(--up);background:var(--upbg)}.dn{color:var(--dn);background:var(--dnbg)}
label{display:block;margin:12px 0 5px;font-size:13px;font-weight:550;color:var(--mute)}
input,select{width:100%;padding:11px 12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px}input:focus,select:focus{outline:2px solid var(--brand2);border-color:transparent}
button,.btn{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff;border:0;padding:11px 18px;border-radius:999px;font:inherit;font-weight:650;font-size:14px;cursor:pointer;margin-top:14px}button:hover{filter:brightness(1.1)}
.btn.ghost,button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero{border-radius:28px;padding:clamp(28px,5vw,56px);background:radial-gradient(1200px 400px at 90% -10%,rgba(201,162,74,.35),transparent),linear-gradient(135deg,#06291e,#0b5d43 70%);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.hero p{color:#cfe3da;font-size:18px;max-width:520px}.hero .rate{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:24px;backdrop-filter:blur(6px)}
.hero .rate .big{font-size:56px;color:#fff}.hero .btn{background:var(--gold);color:#1b1404;margin-right:8px}.hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.3);background:transparent}
.feat a{color:var(--ink)}.feat .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--upbg);color:var(--brand2);margin-bottom:12px}
.sec{margin:40px 0 14px;display:flex;align-items:end;justify-content:space-between}.sec h2{margin:0}
.ad{border:1px dashed var(--line);color:var(--mute);text-align:center;padding:18px;margin:28px 0;border-radius:14px;font-size:12px}
.spon{border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 8%,var(--card)),var(--card))}
.tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a5f1c;background:color-mix(in srgb,var(--gold) 18%,transparent);padding:3px 8px;border-radius:6px}
table{width:100%;border-collapse:collapse;font-size:14.5px}td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;color:var(--mute);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.bar{height:12px;background:var(--line);border-radius:99px;overflow:hidden;margin:12px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--gold));border-radius:99px}
.sub{display:flex;gap:10px;flex-wrap:wrap}.sub input{flex:1;min-width:200px}
footer{border-top:1px solid var(--line);padding:32px 24px;color:var(--mute);font-size:13px}footer .in{max-width:1200px;margin:auto;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}
canvas{max-width:100%}
@media(max-width:900px){.nav a.l,.nav .cta{display:none}#mt{display:block}.nav.open{flex-wrap:wrap}.nav.open a.l{display:block;width:100%}.hero{grid-template-columns:1fr}.hero .rate .big{font-size:44px}main{padding:20px 16px}.card{padding:18px}}
.card{overflow-x:auto}.feats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:900px){.feats{grid-template-columns:1fr}}
/* improve-1: polish */
main>h1:first-child,main>section:first-child{margin-top:4px}h2{font-size:clamp(20px,2.4vw,26px);margin:34px 0 12px;line-height:1.2}
h2.h3{font-size:16px;margin:0 0 10px;line-height:inherit;letter-spacing:normal}/* card titles: h2 for heading order (SEO/a11y), styled like h3 */
.lead{color:var(--mute);font-size:17px;max-width:720px;margin:0 0 22px}.src{font-size:12px;color:var(--mute);margin-top:18px}
.hero h1{text-wrap:balance}.hcta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hcta .btn{margin:0}
.trust{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#cfe3da;font-size:14px}.trust li:before{content:"✓";color:var(--gold);font-weight:800;margin-right:6px}
.feat{transition:transform .15s,box-shadow .15s}.feat:hover,.pop:hover{transform:translateY(-2px);text-decoration:none}
.pop{color:var(--ink);text-decoration:none;transition:transform .15s}.pop span{color:var(--brand2);font-size:14px;font-weight:600}
.faq{margin:0 0 10px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:650}.faq p{margin:10px 0 0;color:var(--mute)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.nl{margin:44px 0 8px;border-radius:24px;padding:clamp(24px,4vw,40px);background:linear-gradient(135deg,#06291e,#0b5d43);color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.nl h2{margin:12px 0 8px;color:#fff}.nl p{color:#cfe3da;margin:0}.nlf{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:18px}
@media(max-width:900px){.nl{grid-template-columns:1fr}.hero{padding:26px 20px;border-radius:22px}.hero p{font-size:16px}.hcta .btn{flex:1 1 100%;justify-content:center}td,th{padding:10px 8px}.big{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ticker .tr{animation:none}}
.crumb{font-size:13px;color:var(--mute);margin:0 0 6px}.crumb a{color:var(--mute)}.crumb a:hover{color:var(--brand2)}
.rel{margin-top:36px}.relg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.relg .card{display:flex;flex-direction:column;gap:4px;color:var(--ink);text-decoration:none}.relg .card span{color:var(--mute);font-size:14px}.relg .card:hover{border-color:var(--brand2)}
/* Homepage latest guides strip: build-time cards, no images (no CLS), always-dark via theme vars. Heading uses .sec so v2 padding matches Popular. */
.latest{margin-top:0}.lathead{gap:12px;flex-wrap:wrap}.latmore{color:var(--brand2);font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none;align-self:center}.latmore:hover{text-decoration:underline}.latgrid .card{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none;min-height:108px}.latgrid .card b{font-size:16px;line-height:1.3}.latgrid .card span{color:var(--mute);font-size:13px;margin-top:auto}.latgrid .card:hover{border-color:var(--brand2)}

.prog{margin:0 0 14px}.prog p{margin:8px 0}
/* savings tracker */
.tprivacy{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:12px;padding:12px 16px;max-width:720px;margin:0 0 16px}
.tdemo{background:rgba(201,162,74,.15);border-radius:12px;padding:10px 14px;margin:0 0 14px}.tdemo a{color:var(--brand)}
.tmsg{min-height:1.4em;margin:0 0 10px;color:var(--brand2);font-weight:550}.tmsg.bad{color:#c0392b}
.tsum{margin-bottom:18px}.tforms{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:18px}
.tacc{margin-top:18px}.mute{color:var(--mute)}.r{text-align:right}.nowrap{white-space:nowrap}
.tbtns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tbtns .btn,.tbtns button{margin-top:14px}
button.sm{padding:6px 12px;font-size:13px;margin:0 0 0 6px}
.tseg{display:flex;gap:16px;flex-wrap:wrap}.tseg label{display:flex;align-items:center;gap:6px;margin:6px 0;color:var(--ink);font-size:14px}.tseg input{width:auto}
[hidden]{display:none!important}
@media(max-width:600px){.tacc table th:nth-child(5),.tacc table td:nth-child(5){display:none}}
@media(max-width:600px){.tacc td.nowrap{white-space:normal}.tacc button.sm{display:block;margin:3px 0 3px auto}.tacc td,.tacc th{padding:8px 4px}}
/* accounts (rendered only when built with ACCOUNTS=1) */
.acctslot{position:relative;width:84px;display:flex;justify-content:flex-end;flex:0 0 auto}
.acctin{color:var(--ink);font-weight:600;font-size:14px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.acctin:hover{text-decoration:none;background:var(--card)}
.acctav{margin:0;width:36px;height:36px;padding:0;justify-content:center;border-radius:50%;background:var(--brand);color:#fff;font-weight:700}
.acctmenu{position:absolute;right:0;top:44px;min-width:180px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:6px;z-index:50}
.acctmenu a,.acctmenu button{display:block;width:100%;text-align:left;margin:0;padding:9px 12px;border-radius:10px;background:none;color:var(--ink);font-weight:500;font-size:14px}
.acctmenu a:hover,.acctmenu button:hover{background:var(--bg);text-decoration:none}.acctwho{margin:4px 12px 6px;font-size:12px;color:var(--mute)}
.acard{max-width:560px;margin:0 auto 22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px}.acard.center{text-align:center}
.acard label{display:block;font-weight:500;font-size:14px;margin:14px 0 4px}.acard input,.acard textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px}
.acard textarea{min-height:70px}.gbtn{width:100%;justify-content:center;box-sizing:border-box}.aor{text-align:center;color:var(--mute);margin:18px 0;font-size:13px}
.arow{display:flex;flex-wrap:wrap;gap:8px}.arow .btn{margin-top:8px}.small{font-size:13px}.info{color:var(--mute)}
.ok{color:var(--up);font-weight:600}.err{color:var(--dn);font-weight:600}
@media(max-width:900px){.acctslot{width:auto;margin-left:6px}}
.acsync{font-size:13px;color:var(--mute);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.acsync .btn{margin:0;padding:6px 12px;font-size:13px}
.kitf label{display:block;font-size:13px;color:#cfe3da;margin:0 0 10px}.kitf input,.kitf select{display:block;width:100%;box-sizing:border-box;margin-top:4px}
.kitr{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kitf .btn{width:100%;justify-content:center;background:var(--gold);color:#1b1404;margin-top:4px}
.kitn{font-size:12px;margin-top:10px!important}.kitn a{color:#f3d99a}
.legal{max-width:760px}.legal h2{margin-top:28px}.legal p{line-height:1.65}
/* language selector + i18n */
.lsel{position:relative;margin-left:6px}.lsel summary{list-style:none;display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--mute);font-weight:600;font-size:13px;padding:7px 9px;border-radius:10px;border:1px solid var(--line);white-space:nowrap}
.lsel summary::-webkit-details-marker{display:none}.lsel summary:hover,.lsel[open] summary{color:var(--ink);background:var(--card)}
.lmenu{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh),0 12px 32px rgba(0,0,0,.12);padding:6px;min-width:170px;z-index:40;display:grid}
.lmenu a{color:var(--ink);padding:8px 12px;border-radius:9px;font-size:14px;white-space:nowrap}.lmenu a:hover{background:var(--bg);text-decoration:none}.lmenu a[aria-current]{font-weight:700;color:var(--brand2)}
.i18n-note{flex-basis:100%;font-size:12px;color:var(--mute);margin:14px 0 0}.i18n-legal{background:var(--upbg);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}
body{overflow-wrap:break-word}:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(de) .k,:lang(de) label,:lang(fr) h1,:lang(vi) h1{hyphens:auto}
:lang(zh) body,body:lang(zh){font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","Source Han Sans SC",sans-serif}
:lang(ja) body,body:lang(ja){font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Meiryo","Noto Sans CJK JP","Noto Sans JP",sans-serif}
:lang(ko) body,body:lang(ko){font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR","Noto Sans KR",sans-serif}
:lang(hi) body,body:lang(hi){font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Kohinoor Devanagari","Nirmala UI","Mangal","Noto Sans Devanagari",sans-serif;line-height:1.7}
:lang(zh) h1,:lang(ja) h1,:lang(ko) h1{letter-spacing:0;line-height:1.25}:lang(hi) h1{line-height:1.35;letter-spacing:0}
@media(max-width:900px){.lsel{margin-left:auto}.lsel summary span{max-width:4.5em;overflow:hidden;text-overflow:ellipsis}}
:lang(ko) body,body:lang(ko){word-break:keep-all}
/* i18n + Sign in together: longer "Sign in" labels (Anmelden, साइन इन) get room; on phones the globe drops its label */
.acctslot{width:auto;min-width:84px}
@media(max-width:600px){.acctslot~.lsel summary span{display:none}.acctslot~.lsel summary{padding:7px}.acctin{padding:7px 10px}}
@media(max-width:420px){.acctin{font-size:13px;padding:6px 9px}.nav .logo{gap:8px}}
.aeo-who{margin:6px 0 14px;font-size:15px;color:var(--ink)}.aeo-faq{margin-top:28px}.aeo-upd{font-size:12px;color:var(--mute);margin:16px 0 0}

footer a.fh{color:inherit}footer .in a{display:inline-block;padding:3px 0}@media(max-width:700px){footer .in a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;margin:0 -4px}footer .fl>a{display:flex}footer .fl>a+br,footer .fl>b+br{display:none}footer .fd>b{display:block}footer .fd>b+br{display:none}footer .in>div>b>a.fh{min-height:44px}}
.aff-note{font-size:12px;color:var(--mute)}
.aff-top{font-size:12px;color:var(--mute);margin:4px 0 12px}

/* a11y: skip link, AA-contrast pill text (light + dark), dark-mode tag/kicker */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;font-weight:650;text-decoration:none}.skip:focus{top:10px}main:focus{outline:none}
.pill.up{color:#08734d}.pill.dn{color:#b4262c}
.pill.up{color:#2fd08f}.pill.dn{color:#ff8a8d}.tag{color:var(--gold)}.tdemo a{color:var(--brand2)}
/* Header: Sign in + language selector grouped top-right, 10px apart, same height (John 2026-10-21) */
.acctslot{min-width:0;width:auto;margin-left:6px}
.lsel{margin-left:4px}
.acctin,.lsel summary{box-sizing:border-box;height:36px;display:inline-flex;align-items:center;line-height:1}
@media(max-width:900px){.acctslot{margin-left:auto}.acctslot~.lsel{margin-left:4px}#mt{margin-left:4px}}
@media(max-width:420px){.acctin,.lsel summary{height:34px}}
/* Longer nav labels (Savings tracker / Mortgage rates / Costs by state): never wrap; tighter spacing on desktop */
.nav a.l,.nav .cta{white-space:nowrap}.nav .logo span{white-space:nowrap}@media(max-width:420px){.nav .logo span{white-space:normal}}
/* Translated labels need ~1360px for the full desktop row; below 1180px, or when app.js finds the row overflowing (.cmp), use the menu button */
@media(max-width:1180px){.nav a.l,.nav .cta{display:none}#mt{display:block;margin-left:4px}.nav.open{flex-wrap:wrap}.nav.open a.l{display:block;width:100%;padding:8px 10px;font-size:14px}.acctslot{margin-left:auto}.acctslot~.lsel{margin-left:4px}}
.nav.cmp a.l,.nav.cmp .cta{display:none}.nav.cmp #mt{display:block;margin-left:4px}.nav.cmp.open{flex-wrap:wrap}.nav.cmp.open a.l{display:block;width:100%;padding:8px 10px;font-size:14px}.nav.cmp .acctslot{margin-left:auto}.nav.cmp .acctslot~.lsel{margin-left:4px}
@media(min-width:1181px){.nav .lsel,.nav.cmp .acctslot~.lsel{margin-left:8px}.nav{gap:2px}.nav a.l{padding:8px 8px;font-size:13.5px}.nav .cta{margin-left:6px}}
/* Depth refresh (CSS only, 2026-10-21): layered soft shadows, raised cards, subtle gradients, gentle hover lift */
:root{--sh:0 1px 1px rgba(16,24,20,.04),0 2px 4px rgba(16,24,20,.04),0 10px 28px -6px rgba(16,24,20,.10);--sh2:0 2px 4px rgba(16,24,20,.05),0 8px 16px rgba(16,24,20,.06),0 22px 44px -10px rgba(16,24,20,.16)}
:root{--sh:0 1px 0 rgba(255,255,255,.04) inset,0 10px 28px -8px rgba(0,0,0,.55);--sh2:0 1px 0 rgba(255,255,255,.06) inset,0 20px 40px -10px rgba(0,0,0,.7)}
body{background:radial-gradient(1200px 600px at 50% -200px,color-mix(in srgb,var(--brand) 7%,transparent),transparent 70%),var(--bg)}
.card{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 100%,#fff 0%),color-mix(in srgb,var(--card) 96%,var(--bg)));border-color:color-mix(in srgb,var(--line) 85%,transparent)}
.card,.feat,.pop,.ri{transition:transform .18s ease,box-shadow .18s ease}
.feat:hover,.pop:hover,a.card:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.ri{border-radius:12px}.ri:hover{background:color-mix(in srgb,var(--card) 92%,var(--brand))}
.hero{position:relative;overflow:hidden;box-shadow:0 30px 60px -24px rgba(6,41,30,.55),0 1px 0 rgba(255,255,255,.08) inset;background:radial-gradient(900px 380px at 92% -12%,rgba(201,162,74,.38),transparent 65%),radial-gradient(700px 360px at -10% 120%,rgba(47,208,143,.18),transparent 60%),linear-gradient(135deg,#052419,#0b5d43 72%,#0e6b4c)}
.hero .rate{box-shadow:0 18px 40px -18px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.12) inset}
.btn{box-shadow:0 1px 2px rgba(16,24,20,.12),0 4px 12px -4px rgba(16,24,20,.18)}.btn:hover{text-decoration:none;filter:brightness(1.04)}
.acctin,.lsel summary{background:var(--card);box-shadow:0 1px 2px rgba(16,24,20,.06)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand2) 70%,transparent);outline-offset:2px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.card,.feat,.pop,.ri{transition:none}.feat:hover,.pop:hover,a.card:hover{transform:none}}

/* Homes: outbound Zillow search link (plain link, not affiliate) */
.zlw{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--brand2);font-weight:600;box-shadow:0 1px 2px rgba(16,24,20,.06)}.zlw:hover{text-decoration:none;background:color-mix(in srgb,var(--card) 90%,var(--brand))}@media(max-width:600px){.zlw{display:flex;justify-content:center;width:100%}}

.cmp tr.you td{font-weight:600;background:var(--upbg)}.cmp td{white-space:nowrap}.cmp td small{display:block;color:var(--mute);font-weight:400}@media(max-width:600px){.cmp table{font-size:13px}.cmp th,.cmp td{padding:8px 4px}.cmp th{font-size:10.5px;letter-spacing:.02em}.cmp .pill{display:none}.cmp td:nth-child(4){white-space:normal}}
/* Reserve the ticker row before /data/ fills it (was a 20px layout shift on every page, Oct 23, 2026) */
.ticker{min-height:42px;box-sizing:border-box}
/* site-wide mini helper owl */
.owlb{display:none;flex:none;width:40px;height:40px;margin-left:6px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.owlb img{width:40px;height:40px;display:block;object-fit:contain}
.owlb:focus-visible,.owlf:focus-visible{outline:3px solid #d4a73c;outline-offset:2px}
.owlf{display:none;position:fixed;right:16px;bottom:16px;width:88px;height:104px;z-index:30;border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(0 6px 14px rgba(6,41,30,.3))}
.owlf img{width:100%;height:100%;object-fit:contain}
@media(max-width:1459px){.owlb{display:block}}
@media(min-width:1460px){.owlf{display:block}}
html.chat-open .owlf{display:none}
@media print{.owlb,.owlf{display:none!important}}
/* help chip in the header owl button (always reserved, so no shift; emphasized while the tip is active) */
.owlb{width:auto;display:none;align-items:center;gap:4px;position:relative;padding:0 6px 0 0;border-radius:999px}
@media(max-width:1459px){.owlb{display:flex}}
.owlc{font:700 12px/1 Inter,system-ui,sans-serif;color:inherit;padding:5px 8px;border-radius:999px;border:1px solid currentColor;opacity:.85;white-space:nowrap;transition:background .3s,color .3s,opacity .3s}
.owlc:after{content:"Help?"}
html[lang^=es] .owlc:after{content:"\00BF Ayuda?"}html[lang^=fr] .owlc:after{content:"Aide\00A0?"}html[lang^=pt] .owlc:after{content:"Ajuda?"}html[lang^=de] .owlc:after{content:"Hilfe?"}
html[lang^=zh] .owlc:after{content:"\5E2E\52A9"}html[lang^=ja] .owlc:after{content:"\30D8\30EB\30D7"}html[lang^=ko] .owlc:after{content:"\B3C4\C6C0\B9D0"}html[lang^=vi] .owlc:after{content:"Tr\1EE3  gi\00FA p?"}html[lang^=hi] .owlc:after{content:"\092E\0926\0926?"}
html.owl-hi .owlc{background:#c9a24a;color:#1b1404;border-color:#c9a24a;opacity:1}
@media(max-width:430px){.nav .lsel summary span{display:none}}
/* floating-owl speech bubble: lives in the side gutter above the corner owl */
.owlt{position:fixed;right:12px;bottom:128px;width:112px;z-index:31;display:none;background:#0b1f17;color:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.25);padding:8px 22px 8px 10px;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.owlt:after{content:"";position:absolute;right:38px;bottom:-7px;border:7px solid transparent;border-top-color:#0b1f17;border-bottom:0}
.owltt{background:none;border:0;color:#fff;font:700 12.5px/1.3 Inter,system-ui,sans-serif;text-align:left;padding:0;cursor:pointer}
.owltx{position:absolute;top:2px;right:2px;background:none;border:0;color:#cfe0d8;font:700 15px/1 system-ui;width:22px;height:22px;cursor:pointer;border-radius:50%}
@media(min-width:1460px){.owlt{display:block}}
html.owl-hi .owlt{opacity:1;visibility:visible}
html.chat-open .owlt{display:none!important}
/* one-time pulse ring */
.owlb:before,.owlf:before{content:"";position:absolute;inset:-4px;border-radius:999px;box-shadow:0 0 0 0 rgba(201,162,74,.7);pointer-events:none}
.owlb:before{right:auto;width:48px}
@media(prefers-reduced-motion:no-preference){html.owl-pulse .owlb:before,html.owl-pulse .owlf:before{animation:owlp 1.6s ease-out 2}}
@keyframes owlp{to{box-shadow:0 0 0 14px rgba(201,162,74,0)}}
/* header: logo never wraps; icon-only helper button on small phones */
.top .logo,.top .logo span{white-space:nowrap}
/* phones (<=600px): globe + Sign in live inside the hamburger menu; header = logo, owl, menu */
@media(max-width:600px){
.top .nav{gap:6px}
.top .nav>.logo{order:-3;margin-right:auto}
.top .nav>.owlb{order:-2;margin-left:0}
.top .nav>#mt{order:-1;margin-left:2px}
.top .nav>.acctslot,.top .nav>.lsel{display:none}
.top .nav.open>.acctslot,.top .nav.open>.lsel{display:flex;order:0;width:100%;margin:8px 0 0;min-width:0;justify-content:flex-start}
.top .nav.open>.lsel{display:block}
.top .nav.open>.acctslot .acctin{height:40px;font-size:15px;padding:0 16px}
.top .nav.open>.lsel summary{height:40px;padding:0 14px;font-size:15px;width:max-content}
.top .nav.open>.lsel summary span{display:inline!important}
.top .nav.open>.lsel .lmenu{position:static;margin-top:6px;box-shadow:none}
.top .nav.open>.acctslot .acctmenu{left:0;right:auto}
.top .nav.open a.l{order:1}
}
@media(max-width:380px){.top .logo span{font-size:16px}.top .logo svg{width:24px;height:24px}.top .logo{gap:6px}}
@media(max-width:400px){.owlc{display:none!important}.owlb{padding:0!important}}
/* Header search: desktop icon; phone lives inside hamburger (with language). Keep owl + #mt outside. */
.srchb{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;margin-left:4px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ink);text-decoration:none;flex:none;-webkit-tap-highlight-color:transparent}
.srchb svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.srchb .srcht{display:none;font:600 14px Inter,system-ui,sans-serif}
.srchb:hover{background:var(--card);color:var(--brand2)}
.srchb:focus-visible{outline:3px solid #d4a73c;outline-offset:2px}
@media(max-width:600px){
.top .nav>.srchb{display:none}
.top .nav.open>.srchb{display:inline-flex;order:0;width:auto;height:40px;margin:8px 8px 0 0;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.top .nav.open>.srchb .srcht{display:inline}
}
@media(min-width:601px) and (max-width:1180px){.top .nav>.srchb{margin-left:4px}}

/* header swap: owl slot sits left of account/globe so its empty space merges into the logo gap */
@media(min-width:601px) and (max-width:1180px){.top .nav>.owlb{margin-left:auto}.top .nav>.owlb~.acctslot{margin-left:6px}}
@media(min-width:601px){.top .nav.cmp>.owlb{margin-left:auto}.top .nav.cmp>.owlb~.acctslot{margin-left:6px}}
/* ===== r19 (2026-10-27): design/usability polish — depth, contrast, CTA clarity; zero layout metrics change; owl untouched ===== */
:root{--mute:#a8b7af}
.card{
  border-color:color-mix(in srgb,var(--line) 78%,transparent);
  background:
    linear-gradient(165deg,color-mix(in srgb,var(--card) 92%,#1e3228) 0%,var(--card) 48%),
    var(--card);
  box-shadow:0 1px 0 rgba(255,255,255,.045) inset,0 14px 36px -18px rgba(0,0,0,.62);
}
a.card,a.feat,a.pop{color:var(--ink)}
a.card:hover,.feat:hover,.pop:hover,a.card.feat:hover,a.card.pop:hover{
  border-color:color-mix(in srgb,var(--gold) 42%,var(--line));
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 22px 44px -16px rgba(0,0,0,.72),0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent);
}
.feat .ic{
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 40%,var(--card)),var(--upbg));
  color:var(--brand2);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--brand2) 28%,transparent),0 8px 18px -10px rgba(47,208,143,.45);
}
.pill.up{background:color-mix(in srgb,var(--upbg) 85%,transparent)}
.pill.dn{background:color-mix(in srgb,var(--dnbg) 85%,transparent)}
.big{font-weight:800;font-variant-numeric:tabular-nums}
.lead{color:color-mix(in srgb,var(--ink) 78%,var(--mute))}
.btn:not(.ghost),button:not(.ghost),.nav .cta,.kitf .btn{
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 10px 22px -10px rgba(201,162,74,.5);
}
.btn.ghost,button.ghost{border-color:color-mix(in srgb,var(--brand2) 38%,var(--line))}
.btn.ghost:hover,button.ghost:hover{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:color-mix(in srgb,var(--brand2) 55%,var(--line))}
a.aff{color:var(--brand2);font-weight:700;text-decoration:none;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--brand2) 28%,transparent) 0)}
a.aff:hover{color:#b7f5d8;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand2) 55%,transparent)}
.nl{
  background:
    radial-gradient(640px 300px at 100% -10%,rgba(201,162,74,.32),transparent 62%),
    radial-gradient(480px 240px at 0% 110%,rgba(47,208,143,.16),transparent 55%),
    linear-gradient(135deg,#052419,#0b5d43 72%);
  box-shadow:0 24px 56px -28px rgba(6,41,30,.75),0 1px 0 rgba(255,255,255,.08) inset,0 0 0 1px color-mix(in srgb,var(--gold) 22%,transparent);
}
.nlf{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
th{background:color-mix(in srgb,var(--card) 88%,var(--bg))}
tbody tr:hover td{background:color-mix(in srgb,var(--brand) 10%,transparent)}
input,select{background:color-mix(in srgb,var(--bg) 85%,var(--card))}
input:focus,select:focus{background:var(--card)}
footer{background:color-mix(in srgb,var(--bg) 92%,#000);border-top-color:color-mix(in srgb,var(--line) 80%,transparent)}
footer .in a:hover{color:var(--brand2)}
.pop span{color:var(--brand2);font-weight:650}
.zlw{border-color:color-mix(in srgb,var(--brand2) 30%,var(--line))}
.tprivacy{background:color-mix(in srgb,var(--card) 94%,var(--brand))}
@media(prefers-reduced-motion:reduce){a.card:hover,.feat:hover,.pop:hover{box-shadow:0 1px 0 rgba(255,255,255,.045) inset,0 14px 36px -18px rgba(0,0,0,.62)}}

/* ===== uipass 2026-10-30: lighter nav (Explore) + ATF newsletter; owl size/pose untouched ===== */
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.xsel{position:relative;display:none;margin:0 2px;flex:0 0 auto}
.xsel summary{list-style:none;cursor:pointer;color:var(--mute);font-weight:500;font-size:13.5px;padding:8px 8px;border-radius:10px;white-space:nowrap}
.xsel summary::-webkit-details-marker{display:none}
.xsel summary:hover,.xsel[open] summary{color:var(--ink);background:var(--card);text-decoration:none}
.xsel summary:after{content:" ▾";font-size:10px;opacity:.7}
.xmenu{position:absolute;left:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh),0 12px 32px rgba(0,0,0,.12);padding:6px;min-width:180px;z-index:40;display:grid}
.xmenu a{color:var(--ink);padding:8px 12px;border-radius:9px;font-size:14px;white-space:nowrap;font-weight:500}
.xmenu a:hover{background:var(--bg);text-decoration:none;color:var(--ink)}
@media(min-width:1181px){
  .nav:not(.cmp) .xsel{display:inline-block}
  .nav:not(.cmp) a.l.xm{display:none!important}
}
@media(max-width:1180px){.xsel{display:none!important}}
.nav.cmp .xsel{display:none!important}
/* Collapse the invisible mini-owl header slot so no empty gap remains next to Sign in / language */
html:not(.owl-away) .top .owlb{width:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;flex:0 0 0!important}
/* Compact Kit signup (homepage ATF + blog posts) */
.nlatf{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:18px 0 10px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 32%,var(--card)),var(--card));box-shadow:0 1px 0 rgba(255,255,255,.04) inset;min-height:72px;box-sizing:border-box}
.nlatf-t{flex:1 1 180px;min-width:0}
.nlatf-t b{display:block;font-size:15px;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.nlatf-t span{display:block;font-size:13px;color:var(--mute);margin-top:3px;line-height:1.35}
.kitfc{display:flex;flex:1 1 240px;gap:8px;align-items:stretch;margin:0;min-width:0}
.kitfc input{margin:0;flex:1 1 auto;min-width:0;height:42px;box-sizing:border-box}
.kitfc .btn{margin:0;flex:0 0 auto;white-space:nowrap;height:42px;padding:0 16px;box-sizing:border-box}
@media(max-width:520px){.kitfc{flex-basis:100%}.nlatf{padding:12px 14px;min-height:0}.nlatf-t b{font-size:14.5px}}