/* KB_HOME_CSS_CONSOLIDATED_V1
   Canonical V17 homepage stylesheet. Keep component rules here; the separate
   home-multiplex-rails.css owns only the >=1760px advertising rails. */

/* === Foundation === */
:root{
  --brand:#2563eb;
  --brand-2:#60a5fa;
  --ink:#111827;
  --muted:#64748b;
  --paper:#f7f8fa;
  --surface:#ffffff;
  --line:rgba(15,23,42,.09);
  --header:rgba(255,255,255,.74);
  --hero-a:#101d2e;
  --hero-b:#172b43;
  --hero-c:#5b3a32;
  --season:#c56a32;
  --season-2:#e09a3e;
  --season-3:#743b46;
  --season-soft:#f5efe6;
  --season-rgb:197,106,50;
  --radius:28px;
  --shadow:0 24px 70px rgba(15,23,42,.10);
  --shadow-soft:0 14px 40px rgba(15,23,42,.07);
  --max:1240px;
}
html[data-season="spring"]{
  --hero-a:#102923;--hero-b:#17473d;--hero-c:#456e58;
  --season:#4f8f62;--season-2:#91bf77;--season-3:#d58ca0;--season-soft:#eef7ed;--season-rgb:79,143,98;
}
html[data-season="summer"]{
  --hero-a:#062a49;--hero-b:#0c5f89;--hero-c:#d5882f;
  --season:#e79b2f;--season-2:#59b9d8;--season-3:#f2c15d;--season-soft:#fff7e7;--season-rgb:231,155,47;
}
html[data-season="autumn"]{
  --hero-a:#101d2e;--hero-b:#172b43;--hero-c:#5b3a32;
  --season:#c56a32;--season-2:#e09a3e;--season-3:#743b46;--season-soft:#f5efe6;--season-rgb:197,106,50;
}
html[data-season="winter"]{
  --hero-a:#0a1730;--hero-b:#173252;--hero-c:#405875;
  --season:#7eb7df;--season-2:#c8e6f5;--season-3:#7a91be;--season-soft:#edf6fb;--season-rgb:126,183,223;
}
*{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;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.kb-header-wrap{position:fixed;z-index:100;top:18px;left:0;right:0;pointer-events:none}
.kb-header{pointer-events:auto;display:flex;align-items:center;gap:20px;min-height:62px;padding:9px 12px 9px 16px;border:1px solid rgba(255,255,255,.38);border-radius:22px;background:var(--header);backdrop-filter:blur(20px) saturate(135%);box-shadow:0 10px 35px rgba(15,23,42,.10);transition:.25s ease}
.kb-header.scrolled{background:rgba(255,255,255,.93);box-shadow:0 14px 42px rgba(15,23,42,.13)}
.logo{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:-.02em}
.logo-mark{width:34px;height:34px;flex:0 0 34px;background:url("https://kalkulatorbazis.hu/favicon/favicon-96x96.png") center/contain no-repeat;filter:drop-shadow(0 4px 8px rgba(11,102,242,.12))}
.logo-text{white-space:nowrap}
.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.nav a{padding:10px 12px;border-radius:12px;font-size:.93rem;font-weight:700;color:#334155;transition:.18s ease}
.nav a:hover{background:rgba(37,99,235,.08);color:var(--brand)}
.head-actions{display:flex;align-items:center;gap:8px}
.icon-btn,.season-btn{height:42px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.78);border-radius:13px;cursor:pointer;color:#243145;display:grid;place-items:center;transition:.18s ease}
.icon-btn{width:42px;font-size:1rem}.icon-btn:hover,.season-btn:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.25)}
.season-btn{display:flex;padding:0 12px;gap:7px;font-size:.86rem;font-weight:800}
.menu-btn{display:none}
.hero{position:relative;min-height:88vh;display:flex;align-items:center;isolation:isolate;overflow:hidden;color:white;background:linear-gradient(135deg,var(--hero-a) 0%,var(--hero-b) 48%,var(--hero-c) 100%);transition:background .55s ease}
.hero:before{content:"";position:absolute;inset:0;z-index:-5;background:radial-gradient(circle at 78% 24%,rgba(var(--season-rgb),.34),transparent 29%),radial-gradient(circle at 12% 78%,rgba(255,255,255,.08),transparent 32%),linear-gradient(to bottom,rgba(255,255,255,.03),transparent 40%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:70px;align-items:center;padding:142px 0 92px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.eyebrow{color:rgba(255,255,255,.80)}
.eyebrow-dot{width:9px;height:9px;border-radius:999px;background:var(--season-2);box-shadow:0 0 0 7px rgba(var(--season-rgb),.15)}
h1{font-size:clamp(3.6rem,6.2vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin:20px 0 24px;max-width:950px}
h1 .accent{display:block;background:linear-gradient(90deg,#fff 8%,var(--season-2) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:720px;margin:0 0 30px;color:rgba(255,255,255,.75);font-size:clamp(1.02rem,1.5vw,1.2rem)}
.hero-search{position:relative;max-width:720px}
.hero-search-row{display:flex;align-items:center;gap:12px;padding:8px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.55);border-radius:19px;box-shadow:0 22px 60px rgba(0,0,0,.16)}
.search-icon{margin-left:12px;color:#64748b;font-size:1.1rem}.hero-search input{width:100%;border:0;outline:0;background:transparent;color:#152033;font-size:1rem;padding:12px 4px}.hero-search input::placeholder{color:#8691a2}
.search-submit{border:0;border-radius:13px;background:var(--brand);color:white;font-weight:850;padding:12px 18px;cursor:pointer;white-space:nowrap}
.search-hints{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:rgba(255,255,255,.64);font-size:.86rem}.search-hints a{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.87);background:rgba(255,255,255,.05)}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:.86rem;color:rgba(255,255,255,.70)}.hero-proof span{display:flex;align-items:center;gap:7px}.check{width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.11);color:var(--season-2);font-weight:900}
.hero-visual{position:relative;min-height:510px;perspective:1100px}
.glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(var(--season-rgb),.40),transparent 68%);filter:blur(8px);right:-70px;top:20px;animation:breathe 8s ease-in-out infinite}
.demo-card{position:absolute;border:1px solid rgba(255,255,255,.20);background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.07));backdrop-filter:blur(22px);border-radius:28px;box-shadow:0 35px 90px rgba(0,0,0,.27);transform-style:preserve-3d}
.salary-card{right:30px;top:70px;width:min(100%,440px);padding:28px;animation:floatA 9s ease-in-out infinite}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.card-top span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.67);font-weight:800}.api-chip{font-size:.75rem;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.78)}
.salary-label{font-size:.86rem;color:rgba(255,255,255,.62)}.salary-value{font-size:clamp(2.4rem,4vw,4.2rem);font-weight:900;letter-spacing:-.055em;margin:3px 0 4px}.salary-sub{font-size:.9rem;color:rgba(255,255,255,.62)}
.mini-bars{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:6px;height:88px;margin-top:28px}.mini-bars i{display:block;border-radius:999px;background:linear-gradient(to top,rgba(var(--season-rgb),.52),var(--season-2));opacity:.88;animation:bars 5s ease-in-out infinite alternate}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:43%}.mini-bars i:nth-child(3){height:34%}.mini-bars i:nth-child(4){height:56%}.mini-bars i:nth-child(5){height:49%}.mini-bars i:nth-child(6){height:66%}.mini-bars i:nth-child(7){height:58%}.mini-bars i:nth-child(8){height:73%}.mini-bars i:nth-child(9){height:64%}.mini-bars i:nth-child(10){height:80%}.mini-bars i:nth-child(11){height:72%}.mini-bars i:nth-child(12){height:91%}
.metric{position:absolute;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.15);animation:floatB 10s ease-in-out infinite}.metric strong{display:block;font-size:1.15rem}.metric small{color:rgba(255,255,255,.58)}.metric-one{left:0;top:55px}.metric-two{left:34px;bottom:60px}.metric-three{right:8px;bottom:4px}
.season-particle{position:absolute;z-index:-1;opacity:.35;filter:blur(.1px);animation:drift 18s linear infinite;user-select:none}.p1{left:8%;top:18%;font-size:2rem;animation-delay:-3s}.p2{left:66%;top:11%;font-size:1.55rem;animation-delay:-9s}.p3{left:86%;top:69%;font-size:2.5rem;animation-delay:-13s}.p4{left:38%;top:74%;font-size:1.65rem;animation-delay:-6s}
@keyframes floatA{50%{transform:translate3d(0,-10px,0) rotateX(1deg) rotateY(-1deg)}}@keyframes floatB{50%{transform:translate3d(0,-8px,20px)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}@keyframes bars{to{filter:brightness(1.14)}}@keyframes drift{0%{transform:translate3d(0,-20px,0) rotate(0)}50%{transform:translate3d(24px,30px,0) rotate(120deg)}100%{transform:translate3d(-8px,70px,0) rotate(240deg)}}
.chat-strip-wrap{position:relative;margin-top:-34px;z-index:6}.chat-strip{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 22px;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.chat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}.chat-copy b{display:block;font-size:1rem}.chat-copy span{color:var(--muted);font-size:.9rem}.chat-link{font-weight:850;color:var(--brand);white-space:nowrap}
.section{padding:96px 0}.section.alt{background:#fff}.section-kicker{color:var(--season);margin-bottom:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.045em;margin:0}.section-head p{max-width:520px;margin:0;color:var(--muted)}
.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.calc-card{position:relative;min-height:250px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 10px 30px rgba(15,23,42,.045);overflow:hidden;transition:.24s ease}.calc-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(15,23,42,.10);border-color:rgba(37,99,235,.18)}.calc-card .tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.calc-card h3{font-size:1.38rem;margin:12px 0 6px;letter-spacing:-.025em}.calc-card p{color:var(--muted);font-size:.93rem;max-width:32ch}.calc-card .go{position:absolute;left:24px;bottom:22px;font-weight:850;color:var(--brand)}.mini-viz{position:absolute;width:145px;height:100px;right:-10px;bottom:6px;opacity:.90}.mini-viz svg{width:100%;height:100%}

/* === Sections and widgets === */
.category-stack{display:grid;gap:20px}.category-panel{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:390px;padding:54px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft)}.category-panel:nth-child(1){background:linear-gradient(135deg,#0e1b31,#183760);color:white}.category-panel:nth-child(2){background:linear-gradient(135deg,#edf4fb,#dbeafe);color:#10203a}.category-panel:nth-child(3){background:linear-gradient(135deg,#faf4e9,#efe2ce);color:#2d251d}.category-panel .section-kicker{color:var(--season-2)}.category-panel h3{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:10px 0 16px}.category-panel p{max-width:530px;opacity:.74}.category-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.category-links span{padding:8px 11px;border-radius:999px;border:1px solid currentColor;opacity:.68;font-size:.82rem}.category-cta{display:inline-flex;margin-top:26px;align-items:center;gap:8px;font-weight:900}.category-cta i{font-style:normal;transition:.18s ease}.category-panel:hover .category-cta i{transform:translateX(5px)}
.finance-viz,.auto-viz,.home-viz{position:relative;min-height:270px}.chart-plane{position:absolute;inset:10%;border-radius:28px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));transform:perspective(800px) rotateY(-8deg) rotateX(4deg);overflow:hidden}.chart-plane svg{position:absolute;inset:10%;width:80%;height:80%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.12))}.road{position:absolute;inset:0;overflow:hidden;border-radius:28px}.road:before,.road:after{content:"";position:absolute;left:50%;top:-20%;height:150%;border-radius:50%}.road:before{width:42%;background:linear-gradient(#9fb9d7,#7595b9);transform:translateX(-50%) rotate(18deg)}.road:after{width:3px;border-left:3px dashed rgba(255,255,255,.8);transform:translateX(-50%) rotate(18deg)}.speed{position:absolute;right:10%;bottom:12%;width:170px;height:90px;border-radius:170px 170px 12px 12px;background:rgba(255,255,255,.45);border:1px solid rgba(16,32,58,.12);display:grid;place-items:center;font-size:1.6rem;font-weight:900;box-shadow:0 18px 40px rgba(16,32,58,.12)}
.blueprint{position:absolute;inset:5%;border-radius:28px;background-color:#e5d5bd;background-image:linear-gradient(rgba(67,49,31,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(67,49,31,.10) 1px,transparent 1px);background-size:24px 24px;border:1px solid rgba(67,49,31,.12);transform:rotate(2deg)}.blueprint:before{content:"";position:absolute;inset:18% 15%;border:3px solid rgba(67,49,31,.45);border-left-width:10px}.blueprint:after{content:"120 m²";position:absolute;right:14%;bottom:12%;font-family:ui-monospace,monospace;font-weight:800;color:rgba(67,49,31,.6)}
.small-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.small-category{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(15,23,42,.045)}.small-category .icon{font-size:1.8rem}.small-category h3{margin:12px 0 6px}.small-category p{margin:0;color:var(--muted);font-size:.92rem}
.news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.news-main{padding:34px;border-radius:28px;background:linear-gradient(135deg,var(--season-soft),#fff);border:1px solid rgba(var(--season-rgb),.16)}.news-date{color:var(--season);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.news-main h3{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.035em;margin:14px 0}.news-main p{color:var(--muted)}.news-list{display:grid;gap:10px}.news-item{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:18px 4px;border-bottom:1px solid var(--line)}.news-item time{color:var(--muted);font-size:.82rem}.news-item b{line-height:1.28}
.api-section{position:relative;overflow:hidden;background:#0c1424;color:#fff}.api-section:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.28),transparent 32%),radial-gradient(circle at 20% 80%,rgba(var(--season-rgb),.20),transparent 30%)}.api-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.api-copy h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.055em;line-height:.96;margin:12px 0 20px}.api-copy p{color:rgba(255,255,255,.66);max-width:520px}.api-demo{padding:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.chat-bubble{max-width:84%;padding:16px 18px;border-radius:20px;margin-bottom:14px}.chat-bubble.user{margin-left:auto;background:#fff;color:#122033;border-bottom-right-radius:6px}.chat-bubble.bot{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);border-bottom-left-radius:6px}.bot-label{font-size:.75rem;color:rgba(255,255,255,.5);margin-bottom:5px}.answer{font-size:2rem;font-weight:900;letter-spacing:-.04em}.api-source{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.58);font-size:.82rem}.pulse{width:8px;height:8px;border-radius:50%;background:#38d996;box-shadow:0 0 0 6px rgba(56,217,150,.10);margin-right:8px;display:inline-block}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-card{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line)}.trust-card strong{display:block;margin:10px 0 6px}.trust-card p{margin:0;color:var(--muted);font-size:.9rem}.trust-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--season-soft);color:var(--season);font-weight:900}
footer{padding:60px 0 80px;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:30px}.footer-brand p{color:var(--muted);max-width:400px}.footer-col b{display:block;margin-bottom:10px}.footer-col a{display:block;padding:5px 0;color:var(--muted);font-size:.9rem}
.season-pop{position:fixed;z-index:130;top:90px;right:24px;width:260px;padding:14px;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(15,23,42,.19);border:1px solid var(--line);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.2s ease}.season-pop.open{opacity:1;transform:none;pointer-events:auto}.season-pop b{display:block;margin:3px 4px 10px}.season-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.season-options button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 8px;cursor:pointer;font-weight:750}.season-options button.active{border-color:rgba(var(--season-rgb),.40);background:var(--season-soft);color:var(--season)}.season-auto{margin-top:8px;width:100%;border:1px dashed var(--line);background:#f8fafc;border-radius:12px;padding:9px;cursor:pointer;font-weight:750;color:#475569}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav{display:none}.menu-btn{display:grid}.hero-grid{grid-template-columns:1fr;padding-top:135px;gap:30px}.hero-visual{min-height:430px}.salary-card{left:8%;right:8%;width:auto}.metric-one{left:3%}.metric-two{left:8%}.popular-grid{grid-template-columns:1fr 1fr}.category-panel{grid-template-columns:1fr;gap:25px}.category-panel:nth-child(even) .category-copy{order:0}.finance-viz,.auto-viz,.home-viz{min-height:220px}.small-categories{grid-template-columns:1fr 1fr}.news-grid,.api-layout{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.season-btn span:last-child{display:none}}
@media(max-width:680px){.container{width:min(calc(100% - 24px),var(--max))}.kb-header-wrap{top:10px}.kb-header{border-radius:18px;min-height:58px}.logo-text{font-size:.92rem}.logo-mark{width:31px;height:31px;flex-basis:31px}.icon-btn{display:none}.hero{min-height:auto}.hero-grid{padding:118px 0 65px}.hero-visual{min-height:335px}.salary-card{top:18px;left:0;right:0;padding:20px}.metric{transform:scale(.88)}.metric-one{top:0}.metric-two{bottom:4px;left:2%}.metric-three{bottom:-5px}.hero-search-row{padding:6px}.search-submit{display:none}.chat-strip-wrap{margin-top:-18px}.chat-strip{grid-template-columns:auto 1fr;padding:15px}.chat-link{grid-column:2}.section{padding:68px 0}.section-head{display:block}.section-head p{margin-top:12px}.popular-grid,.small-categories,.trust-grid,.footer-grid{grid-template-columns:1fr}.category-panel{padding:30px;min-height:0}.news-item{grid-template-columns:75px 1fr}.season-pop{right:12px;top:78px}.search-hints span{width:100%}h1{font-size:clamp(3rem,15vw,4.6rem)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
:root{--season-page:#f5efe6;--season-alt:#fffaf4;--season-glass:rgba(255,255,255,.86);--season-border:rgba(var(--season-rgb),.18)}
html[data-season="spring"]{--season-page:#eef7ed;--season-alt:#f8fcf6;--season-glass:rgba(248,253,247,.88)}
html[data-season="summer"]{--season-page:#fff6df;--season-alt:#fffaf0;--season-glass:rgba(255,251,238,.88)}
html[data-season="autumn"]{--season-page:#f5e8d8;--season-alt:#fff8ef;--season-glass:rgba(255,247,236,.88)}
html[data-season="winter"]{--season-page:#eaf3f9;--season-alt:#f5faff;--season-glass:rgba(245,251,255,.88)}
body{position:relative;background:linear-gradient(180deg,var(--season-page),var(--paper) 760px);transition:background .5s ease,color .35s ease}
body::before{content:"";position:fixed;inset:0;z-index:-20;pointer-events:none;opacity:.62;transition:.55s ease;background:radial-gradient(circle at 8% 28%,rgba(var(--season-rgb),.10),transparent 28%),radial-gradient(circle at 92% 70%,rgba(var(--season-rgb),.08),transparent 30%)}
.section.alt{background:linear-gradient(180deg,var(--season-alt),var(--surface))}
.chat-strip{background:var(--season-glass);border-color:rgba(255,255,255,.72)}
.calc-card,.small-category,.trust-card{box-shadow:0 14px 38px rgba(15,23,42,.045)}
.calc-card:hover,.small-category:hover,.trust-card:hover{border-color:var(--season-border)}
.hero{min-height:92vh}
.season-scene{position:absolute;inset:0;z-index:-4;pointer-events:none;overflow:hidden;transition:.55s ease}
.season-scene::before,.season-scene::after{content:"";position:absolute;transition:.55s ease}
.season-orb{position:absolute;width:clamp(190px,22vw,340px);aspect-ratio:1;border-radius:50%;right:6%;top:10%;filter:blur(.2px);opacity:.8;box-shadow:0 0 90px rgba(var(--season-rgb),.22);transition:.55s ease}
.season-horizon{position:absolute;left:-5%;right:-5%;bottom:-1px;height:28%;opacity:.82;transition:.55s ease}
.season-detail{position:absolute;inset:0;opacity:.75;transition:.55s ease}
html[data-season="spring"] .hero{background:linear-gradient(135deg,#103a31 0%,#2f725a 48%,#d99cb2 100%)}
html[data-season="spring"] .season-orb{background:radial-gradient(circle at 35% 35%,#fffbe3 0 18%,#f5d7a2 40%,rgba(245,215,162,.15) 68%,transparent 70%)}

/* === Themes and seasonal states === */
html[data-season="spring"] .season-horizon{background:radial-gradient(75% 100% at 18% 100%,#284f3d 0 58%,transparent 59%),radial-gradient(72% 105% at 62% 100%,#3d7352 0 62%,transparent 63%),linear-gradient(to top,#183e32 0 28%,transparent 29%)}
html[data-season="spring"] .season-detail{background:radial-gradient(circle at 18% 24%,rgba(255,210,225,.22) 0 2px,transparent 3px),radial-gradient(circle at 42% 18%,rgba(255,235,244,.20) 0 2px,transparent 3px),radial-gradient(circle at 72% 35%,rgba(255,215,229,.18) 0 2px,transparent 3px);background-size:110px 110px,140px 140px,125px 125px}
html[data-season="spring"] .season-particle{opacity:.62;filter:drop-shadow(0 4px 10px rgba(0,0,0,.08))}
html[data-season="summer"] .hero{background:linear-gradient(135deg,#04385f 0%,#087cab 46%,#eba44a 100%)}
html[data-season="summer"] .season-orb{right:7%;top:8%;background:radial-gradient(circle,#fff8cf 0 22%,#ffd56f 46%,rgba(255,204,80,.20) 69%,transparent 71%);box-shadow:0 0 130px rgba(255,205,90,.38)}
html[data-season="summer"] .season-horizon{height:25%;background:repeating-radial-gradient(ellipse at 50% 115%,rgba(255,255,255,.23) 0 3px,transparent 4px 18px),linear-gradient(to top,#075b80 0 45%,rgba(15,140,181,.62) 46% 100%)}
html[data-season="summer"] .season-detail{background:linear-gradient(115deg,transparent 0 54%,rgba(255,244,190,.12) 55% 56%,transparent 57% 100%)}
html[data-season="summer"] .season-particle{opacity:.48;text-shadow:0 0 18px rgba(255,229,135,.45)}
html[data-season="autumn"] .hero{background:linear-gradient(135deg,#24191d 0%,#603a31 46%,#b8652d 100%)}
html[data-season="autumn"] .season-orb{right:8%;top:13%;background:radial-gradient(circle,#ffd69b 0 17%,#d98a47 44%,rgba(206,104,48,.18) 69%,transparent 71%);box-shadow:0 0 130px rgba(219,124,57,.30)}
html[data-season="autumn"] .season-horizon{height:31%;background:radial-gradient(75% 120% at 15% 100%,#2a221f 0 55%,transparent 56%),radial-gradient(70% 120% at 56% 100%,#3c2821 0 58%,transparent 59%),linear-gradient(to top,#1b1718 0 28%,transparent 29%)}
html[data-season="autumn"] .season-detail{background:radial-gradient(circle at 12% 40%,rgba(225,138,58,.17),transparent 18%),radial-gradient(circle at 84% 30%,rgba(116,59,70,.28),transparent 20%),linear-gradient(165deg,transparent 0 68%,rgba(30,20,20,.22) 69% 70%,transparent 71%)}
html[data-season="autumn"] .season-particle{opacity:.72;filter:drop-shadow(0 6px 12px rgba(25,10,0,.25));animation-duration:13s}
html[data-season="winter"] .hero{background:linear-gradient(135deg,#061328 0%,#173b60 48%,#7b9fbd 100%)}
html[data-season="winter"] .season-orb{right:8%;top:10%;background:radial-gradient(circle,#ffffff 0 18%,#d8efff 42%,rgba(190,226,249,.17) 70%,transparent 72%);box-shadow:0 0 110px rgba(196,230,255,.24)}
html[data-season="winter"] .season-horizon{height:30%;background:radial-gradient(90% 100% at 18% 115%,#c9ddea 0 54%,transparent 55%),radial-gradient(85% 100% at 78% 120%,#e8f4fb 0 58%,transparent 59%),linear-gradient(to top,#b9d3e3 0 24%,transparent 25%)}
html[data-season="winter"] .season-detail{background:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 2px);background-size:58px 58px}
html[data-season="winter"] .season-particle{opacity:.78;text-shadow:0 0 12px rgba(255,255,255,.5);animation-duration:16s}
.season-particle.p5{left:18%;top:62%;font-size:1.35rem;animation-delay:-11s}.season-particle.p6{left:52%;top:28%;font-size:1.8rem;animation-delay:-2s}.season-particle.p7{left:76%;top:50%;font-size:1.25rem;animation-delay:-15s}.season-particle.p8{left:92%;top:20%;font-size:1.7rem;animation-delay:-7s}
.theme-btn{height:42px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.78);border-radius:13px;cursor:pointer;color:#243145;display:flex;align-items:center;gap:7px;padding:0 11px;font-size:.86rem;font-weight:800;transition:.18s ease}
.theme-btn:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.25)}
html[data-theme="dark"]{--ink:#edf4ff;--muted:#aebbd0;--paper:#08111d;--surface:#0f1b2a;--line:rgba(168,190,218,.15);--header:rgba(7,15,27,.78);--season-alt:#0b1624;--season-glass:rgba(10,20,34,.88);--shadow:0 24px 70px rgba(0,0,0,.28);--shadow-soft:0 14px 40px rgba(0,0,0,.22)}
html[data-theme="dark"] body{background:linear-gradient(180deg,#07101c,var(--paper) 760px)}
html[data-theme="dark"] body::before{opacity:.34}
html[data-theme="dark"] .kb-header{border-color:rgba(255,255,255,.10);background:var(--header)}
html[data-theme="dark"] .kb-header.scrolled{background:rgba(7,15,27,.95)}
html[data-theme="dark"] .logo,html[data-theme="dark"] .nav a{color:#e9f1ff}
html[data-theme="dark"] .nav a:hover{background:rgba(96,165,250,.12);color:#9cc7ff}
html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .season-btn,html[data-theme="dark"] .theme-btn{background:rgba(18,31,48,.88);border-color:rgba(255,255,255,.10);color:#e9f1ff}
html[data-theme="dark"] .section.alt{background:linear-gradient(180deg,#0b1726,#0f1b2a)}
html[data-theme="dark"] .chat-strip{background:rgba(11,22,37,.93);border-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .chat-copy b,html[data-theme="dark"] .chat-copy span{color:#e7eef9}
html[data-theme="dark"] .calc-card,html[data-theme="dark"] .small-category,html[data-theme="dark"] .trust-card{background:linear-gradient(180deg,#101e30,#0b1726);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .calc-card p,html[data-theme="dark"] .small-category p,html[data-theme="dark"] .trust-card p{color:var(--muted)}
html[data-theme="dark"] .news-main{background:linear-gradient(135deg,rgba(var(--season-rgb),.14),#101d2c)}
html[data-theme="dark"] .season-pop{background:rgba(8,17,29,.97);border-color:rgba(255,255,255,.12);color:var(--ink)}
html[data-theme="dark"] .drawer-close,html[data-theme="dark"] .display,html[data-theme="dark"] .keys button,html[data-theme="dark"] .season-options button,html[data-theme="dark"] .season-auto{background:#132236;color:#edf4ff;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .keys .op{background:#19304f}html[data-theme="dark"] .keys .danger{background:#3a2026;color:#ffd3d3}html[data-theme="dark"] .season-options button.active{background:rgba(var(--season-rgb),.18)}
html[data-theme="dark"] footer{background:#050b13;color:#dce7f5}
@media(max-width:680px){.theme-btn .theme-label{display:none}.theme-btn{width:42px;padding:0;justify-content:center}.season-orb{width:190px;right:-35px;top:8%}.season-horizon{height:22%}.season-particle.p7,.season-particle.p8{display:none}}
.season-swatch{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--season-2),var(--season-3));box-shadow:0 0 0 4px rgba(var(--season-rgb),.10),0 2px 8px rgba(var(--season-rgb),.25)}
.option-swatch{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.option-swatch.spring{background:linear-gradient(135deg,#7da97f,#e2a6b7)}.option-swatch.summer{background:linear-gradient(135deg,#1ca0c7,#f2b94b)}.option-swatch.autumn{background:linear-gradient(135deg,#8c402a,#dd8737)}.option-swatch.winter{background:linear-gradient(135deg,#476c93,#d8edf8)}
.season-options button{display:flex;align-items:center;justify-content:flex-start;gap:9px;text-align:left}
.hero{min-height:94vh;background:#101827}
.hero::before{opacity:.72;mix-blend-mode:screen}
.season-scene{z-index:-6}
.season-veil,.season-foreground{position:absolute;inset:0;pointer-events:none;transition:.65s ease}.season-veil{z-index:3}.season-foreground{z-index:4}.season-orb{z-index:1;filter:blur(.1px)}.season-horizon{z-index:2}.season-detail{z-index:2}
.season-particle{z-index:-1;font-size:0;width:18px;height:12px;opacity:.22;filter:none;animation:seasonFloat 18s linear infinite;transform-origin:center}.season-particle::before{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,.5);border-radius:70% 20% 70% 20%;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.p1{left:7%;top:17%}.p2{left:18%;top:52%}.p3{left:33%;top:23%}.p4{left:46%;top:72%}.p5{left:58%;top:16%}.p6{left:69%;top:42%}.p7{left:79%;top:24%}.p8{left:89%;top:62%}.p9{left:12%;top:76%;animation-delay:-14s}.p10{left:41%;top:10%;animation-delay:-8s}.p11{left:73%;top:78%;animation-delay:-4s}.p12{left:94%;top:32%;animation-delay:-11s}
@keyframes seasonFloat{0%{transform:translate3d(-10px,-40px,0) rotate(-25deg)}45%{transform:translate3d(25px,20px,0) rotate(120deg)}100%{transform:translate3d(-15px,100px,0) rotate(285deg)}}
html[data-season="spring"]{--season-page:#e8f1e8;--season-alt:#f4f8f2;--season:#4f7d61;--season-2:#d9a5b4;--season-3:#294c3c;--season-rgb:79,125,97}
html[data-season="spring"] .hero{background:linear-gradient(122deg,#0c2723 0%,#285a48 38%,#7f9580 68%,#d8aab6 100%)}
html[data-season="spring"] .season-orb{right:9%;top:9%;background:radial-gradient(circle,#fff9df 0 16%,#efd9b0 34%,rgba(239,217,176,.18) 61%,transparent 69%);box-shadow:0 0 160px rgba(245,218,171,.30)}
html[data-season="spring"] .season-horizon{height:35%;background:radial-gradient(75% 120% at 10% 112%,#1e4938 0 54%,transparent 55%),radial-gradient(75% 120% at 54% 116%,#315e46 0 59%,transparent 60%),radial-gradient(60% 100% at 92% 112%,#557762 0 54%,transparent 55%),linear-gradient(to top,#153a2e 0 24%,transparent 25%)}
html[data-season="spring"] .season-detail{background:radial-gradient(ellipse at 4% 8%,rgba(14,35,29,.72) 0 7%,transparent 8%),radial-gradient(ellipse at 17% 2%,rgba(23,57,42,.64) 0 9%,transparent 10%),radial-gradient(ellipse at 91% 0%,rgba(26,61,45,.48) 0 10%,transparent 11%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%)}
html[data-season="spring"] .season-veil{background:linear-gradient(180deg,transparent 50%,rgba(225,240,227,.10)),radial-gradient(circle at 78% 18%,rgba(255,224,233,.12),transparent 23%)}
html[data-season="spring"] .season-foreground{background:radial-gradient(ellipse at -4% 102%,rgba(5,27,21,.72) 0 28%,transparent 29%),radial-gradient(ellipse at 104% 108%,rgba(9,38,28,.55) 0 25%,transparent 26%)}
html[data-season="spring"] .season-particle{width:11px;height:17px;opacity:.34;animation-duration:21s}
html[data-season="spring"] .season-particle::before{background:linear-gradient(145deg,#fff2f5,#dca9b8);border-radius:80% 15% 80% 15%;box-shadow:0 5px 16px rgba(73,35,48,.10)}
html[data-season="summer"]{--season-page:#f8f3df;--season-alt:#fffaf0;--season:#cf8428;--season-2:#f1ca68;--season-3:#0e7597;--season-rgb:207,132,40}
html[data-season="summer"] .hero{background:linear-gradient(126deg,#042e4a 0%,#086f91 42%,#2fa2b6 65%,#eaa146 100%)}
html[data-season="summer"] .season-orb{right:8%;top:5%;background:radial-gradient(circle,#fffef0 0 18%,#ffe491 34%,rgba(255,218,116,.20) 62%,transparent 69%);box-shadow:0 0 190px rgba(255,220,114,.42)}
html[data-season="summer"] .season-horizon{height:31%;background:linear-gradient(to bottom,rgba(255,255,255,.10) 0 3%,transparent 4%),repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 2px,transparent 3px 14px),linear-gradient(to top,#034d70 0 48%,#0d7f9f 49% 100%)}

/* === Desktop refinements === */
/* V17 production final layer */
:root{--hero-photo:url('/images/redesign/season-autumn.avif');--season-action:#8d4c2f;--hero-accent:#ffd9a5}
html[data-season='spring']{--hero-photo:url('/images/redesign/season-spring.avif');--season-action:#35664e;--hero-accent:#e7d1d7;--season-page:#edf3eb}
html[data-season='summer']{--hero-photo:url('/images/redesign/season-summer.avif');--season-action:#0f6f8d;--hero-accent:#ffe0a0;--season-page:#f7f1df}
html[data-season='autumn']{--hero-photo:url('/images/redesign/season-autumn.avif');--season-action:#8d4c2f;--hero-accent:#ffd9a5;--season-page:#efe5d8}
html[data-season='winter']{--hero-photo:url('/images/redesign/season-winter.avif');--season-action:#345d7c;--hero-accent:#e6f3fb;--season-page:#edf3f8}
body{background:var(--season-page,#f7f8fa)}
.hero{min-height:94vh;background-image:linear-gradient(90deg,rgba(7,12,18,.88) 0%,rgba(8,14,22,.73) 37%,rgba(8,14,22,.38) 62%,rgba(8,14,22,.10) 100%),var(--hero-photo)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:#fff;box-shadow:inset 0 -110px 100px rgba(0,0,0,.22)}
.hero:before{display:none!important}.season-scene,.season-particle,.glow,.metric{display:none!important}
.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr);gap:clamp(34px,5vw,78px)}
.hero-copy h1{font-size:clamp(3.35rem,5.45vw,5.75rem)!important;line-height:1.07!important;letter-spacing:-.055em!important;margin-bottom:24px!important}
.hero-copy h1 .accent{margin-top:.08em;background:linear-gradient(90deg,#fff 0%,var(--hero-accent) 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{color:rgba(255,255,255,.86);text-shadow:0 2px 14px rgba(0,0,0,.26)}
.search-hints a{backdrop-filter:blur(8px)}
.kb-header-wrap{padding-inline:22px}.kb-header.container{width:100%;max-width:1680px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,2vw,34px);padding:10px 14px 10px 18px;background:rgba(9,16,28,.82);border-color:rgba(255,255,255,.12);color:#f5f7fb}.kb-header .logo,.kb-header .nav a{color:#f5f7fb}.kb-header .nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.7vw,30px)}.kb-header .nav a{white-space:nowrap}.kb-header .head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.icon-btn,.access-btn,.lang-btn,.theme-btn,.season-btn,.menu-btn{height:42px;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.07)!important;color:#f7f9fc!important;border-radius:13px;cursor:pointer}.access-btn,.lang-btn,.theme-btn,.season-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font-weight:800}.menu-btn{width:42px;place-items:center}
.hero-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;display:none;max-height:360px;overflow:auto;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.10);box-shadow:0 24px 65px rgba(0,0,0,.22);color:#172033;padding:8px}.hero-search-results.is-visible{display:block}.hero-search-results .search-result{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border-radius:12px}.hero-search-results .search-result:hover{background:#f2f6fb}.hero-search-results .search-result span{display:grid;gap:2px}.hero-search-results small{color:#64748b}.hero-search-results em{font-style:normal;font-size:.75rem;color:#64748b;white-space:nowrap}.hero-search-results .search-empty{padding:12px;margin:0;color:#64748b}
.categories-head-minimal{justify-content:flex-start!important;align-items:flex-start!important;margin-bottom:28px!important}.categories-head-minimal p{display:none!important}.category-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-tile{--card-image:none;position:relative;min-height:410px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.30)!important;color:#fff!important;background:#111!important;box-shadow:0 24px 58px rgba(15,23,42,.13);isolation:isolate;transition:transform .28s ease,box-shadow .28s ease}.category-tile::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--card-image);background-size:cover;background-position:center;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.8,.2,1);filter:saturate(.96) contrast(1.03)}.category-tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,10,16,.02) 0%,rgba(5,10,16,.14) 36%,rgba(5,10,16,.78) 73%,rgba(5,10,16,.95) 100%)}.category-tile:hover{transform:translateY(-6px);box-shadow:0 34px 78px rgba(15,23,42,.20)}.category-tile:hover::before{transform:scale(1.055)}.category-finance{--card-image:url('/images/redesign/category-finance.avif')}.category-home{--card-image:url('/images/redesign/category-home.avif')}.category-auto{--card-image:url('/images/redesign/category-auto.avif')}.category-health{--card-image:url('/images/redesign/category-health.avif')}.category-everyday{--card-image:url('/images/redesign/category-everyday.avif')}.category-convert{--card-image:url('/images/redesign/category-convert.avif')}.category-tile .tile-meta{position:absolute;top:20px;right:20px;z-index:2}.category-tile .tile-meta i{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);font-style:normal}.category-tile .section-kicker{color:rgba(255,255,255,.82);margin:0 0 8px}.category-tile h3{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 10px;color:#fff}.category-tile p{margin:0;color:rgba(255,255,255,.82);font-size:.94rem}.tile-meta-line{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.20);font-size:.82rem;font-weight:750;color:rgba(255,255,255,.78)}
.news-list-wrap{display:grid;gap:14px}.news-list{background:rgba(255,255,255,.82);padding:8px 22px;border-radius:28px;border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 54px rgba(15,23,42,.06)}.news-item{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:18px 4px;color:inherit}.news-item+.news-item{border-top:1px solid var(--line)}.news-item:hover{background:rgba(15,23,42,.025)}.news-more{display:inline-flex;align-items:center;gap:8px;padding:15px 18px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08);font-weight:850}
.api-section-v5{background:linear-gradient(180deg,#f5efe8,#fbfaf7);color:#111827}.api-layout-v5{grid-template-columns:.9fr 1.1fr;gap:34px}.api-copy-v5 h2{font-size:clamp(2.55rem,4.8vw,4.8rem);line-height:.96;letter-spacing:-.055em;color:#101828}.api-copy-v5 p{color:#596579}.api-primary-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:14px 18px;border-radius:16px;background:#101828;color:#fff;font-weight:850}.api-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.api-badges span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid rgba(16,24,40,.08);font-size:.83rem;font-weight:750;color:#475467}.api-stage{padding:26px;border-radius:32px;background:linear-gradient(180deg,#eef2ff,#f8fafc);border:1px solid rgba(99,102,241,.13);box-shadow:0 28px 80px rgba(15,23,42,.12)}.chat-question{max-width:520px;padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.08);margin-left:auto;font-weight:600;color:#243145}.api-stage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}.api-answer-card,.api-side-card{padding:22px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(16,24,40,.08)}.answer-v5{font-size:clamp(2.1rem,4vw,3.4rem);color:#111827}.answer-sub,.answer-meta{color:#667085}.answer-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid rgba(16,24,40,.08);font-size:.84rem}.api-side-card ul{color:#344054}.api-side-card a{font-weight:800}
.footer-grid-v3{display:grid;grid-template-columns:1.2fr repeat(4,minmax(130px,.7fr));gap:32px}.footer-legal{padding-left:18px;border-left:1px solid var(--line)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}
.language-law-banner{position:sticky;top:82px;z-index:96;background:#fff7df;border-top:1px solid #f1d48a;border-bottom:1px solid #f1d48a;color:#5f4300;box-shadow:0 8px 26px rgba(89,60,0,.08)}.language-law-banner .container{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.9rem}.language-law-banner strong{white-space:nowrap}.jurisdiction-note{padding:10px 12px;border-radius:12px;background:#fff4d1;color:#5f4300;font-size:.82rem;font-weight:700}.jurisdiction-note[hidden]{display:none!important}.jurisdiction-note.compact{margin-bottom:12px}.api-law-note{margin:0 0 16px}.lang-pop{position:fixed;z-index:130;top:90px;right:250px;width:190px;padding:10px;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 20px 60px rgba(15,23,42,.2);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.18s}.lang-pop.open{opacity:1;pointer-events:auto;transform:none}.lang-pop button{width:100%;padding:10px;border:0;background:transparent;text-align:left;border-radius:10px;font-weight:750}.lang-pop button:hover,.lang-pop button.active{background:#eef3f8}

/* === Small-screen refinements === */
.salary-live-card{position:absolute!important;right:30px!important;top:70px!important;width:min(100%,440px)!important;padding:22px 22px 18px!important;background:rgba(255,255,255,.045)!important;border:1.4px solid rgba(255,255,255,.34)!important;box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14)!important;backdrop-filter:blur(5px) saturate(110%)!important;-webkit-backdrop-filter:blur(5px) saturate(110%)!important;animation:none!important}.salary-live-card .card-top{margin-bottom:10px}.salary-try{display:inline-flex;margin-bottom:12px;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--hero-accent)}.salary-direction{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1.25px solid rgba(255,255,255,.27)}.salary-direction-btn{min-height:38px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.82);font-weight:850;cursor:pointer}.salary-direction-btn.active{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)}.salary-mini-form{display:grid;gap:9px}.salary-mini-label{font-size:.78rem;color:rgba(255,255,255,.76);font-weight:700}.salary-input-shell{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 13px;border:1.3px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(8,10,14,.055)}.salary-input-shell input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:1.12rem;font-weight:900}.salary-input-shell span{color:rgba(255,255,255,.72);font-weight:800}.salary-result{margin-top:14px;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.045);border:1.3px solid rgba(255,255,255,.26)}.salary-result-label{display:block;font-size:.74rem;color:rgba(255,255,255,.72);font-weight:750}.salary-result-value{display:block;color:#fff;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.05;letter-spacing:-.04em}.salary-widget-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:rgba(255,255,255,.72);font-size:.7rem;font-weight:700}.salary-live-card.is-calculating .salary-result-value{opacity:.65}
.kb-help-launcher{position:fixed!important;right:16px!important;bottom:16px!important;z-index:9998!important;display:inline-flex!important;align-items:center;gap:9px;min-height:50px;padding:0 17px;border:0;border-radius:999px;background:var(--season-action);color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(15,23,42,.24);cursor:pointer}.kb-help-launcher__icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.16)}.kb-help-backdrop{position:fixed;inset:0;z-index:9997;visibility:hidden;opacity:0;background:rgba(15,23,42,.46);backdrop-filter:blur(2px);pointer-events:none}.kb-help-backdrop[data-open='true']{visibility:visible;opacity:1;pointer-events:auto}.kb-help-panel{position:fixed;right:18px;bottom:80px;z-index:9999;width:min(420px,calc(100vw - 32px));max-height:75vh;overflow:auto;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.24);transform:translateY(15px);opacity:0;pointer-events:none;transition:.2s}.kb-help-panel[data-open='true']{transform:none;opacity:1;pointer-events:auto}.kb-help-panel__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-bottom:1px solid var(--line)}.kb-help-panel__body{padding:18px}.kb-help-close{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;cursor:pointer}.kb-help-action{display:block;width:100%;text-align:left;padding:14px;margin:8px 0;border:1px solid var(--line);background:#f8fafc;border-radius:14px;cursor:pointer}.kb-help-view[hidden]{display:none!important}.kb-help-back{border:0;background:transparent;color:var(--season-action);font-weight:800;cursor:pointer;margin-bottom:12px}.kb-help-form{display:grid;gap:12px}.kb-help-form label{display:grid;gap:6px;font-weight:750}.kb-help-form input,.kb-help-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#111827}.kb-help-form textarea{min-height:100px}.kb-help-submit{min-height:46px;border:0;border-radius:12px;background:var(--season-action);color:#fff;font-weight:800}.kb-help-status{padding:10px;border-radius:10px}.kb-help-honeypot{position:absolute!important;left:-9999px!important}
html[data-theme='dark'] body{background:#07111d;color:#e8eef8}html[data-theme='dark'] .section.alt,html[data-theme='dark'] .categories-v3,html[data-theme='dark'] footer{background:#08131f!important;color:#e8eef8}html[data-theme='dark'] .news-list,html[data-theme='dark'] .news-main,html[data-theme='dark'] .trust-card{background:#0f1d2c;color:#e8eef8;border-color:rgba(255,255,255,.10)}html[data-theme='dark'] .api-section-v5{background:linear-gradient(180deg,#0b1220,#111827);color:#fff}html[data-theme='dark'] .api-copy-v5 h2{color:#fff}html[data-theme='dark'] .api-copy-v5 p{color:#cbd5e1}html[data-theme='dark'] .api-stage{background:linear-gradient(180deg,#182133,#0f172a);border-color:rgba(148,163,184,.14)}html[data-theme='dark'] .chat-question,html[data-theme='dark'] .api-answer-card,html[data-theme='dark'] .api-side-card{background:rgba(15,23,42,.88);color:#fff;border-color:rgba(255,255,255,.10)}html[data-theme='dark'] .answer-v5{color:#fff}html[data-theme='dark'] .api-side-card ul,html[data-theme='dark'] .answer-sub,html[data-theme='dark'] .answer-meta{color:#cbd5e1}html[data-theme='dark'] .footer-col a{color:#b7c4d6}html[data-theme='dark'] .footer-bottom{color:#8ea0b7}html[data-theme='dark'] .kb-help-panel,html[data-theme='dark'] .kb-help-panel__header{background:#0c1726;color:#f3f7ff;border-color:rgba(255,255,255,.12)}html[data-theme='dark'] .kb-help-action,html[data-theme='dark'] .kb-help-form input,html[data-theme='dark'] .kb-help-form textarea,html[data-theme='dark'] .kb-help-close{background:#111f31;color:#f3f7ff;border-color:rgba(255,255,255,.12)}html[data-theme='dark'] .lang-pop{background:#0c1726;color:#fff;border:1px solid rgba(255,255,255,.10)}html[data-theme='dark'] .lang-pop button{color:#fff}html[data-theme='dark'] .lang-pop button:hover,html[data-theme='dark'] .lang-pop button.active{background:#15263b}html[data-theme='dark'] .language-law-banner{background:#3a2d08;color:#ffe9a4;border-color:#6f5512}
html[data-accessibility='on']{font-size:112%}html[data-accessibility='on'] :where(p,li,.hero-lead,.category-tile p,.news-main p,.trust-card p){line-height:1.75!important}html[data-accessibility='on'] :where(a,button,input,textarea):focus-visible{outline:4px solid #ffbf47!important;outline-offset:3px!important}html[data-accessibility='on'] .reveal{opacity:1!important;transform:none!important}html[data-accessibility='on'] .salary-live-card{background:rgba(255,255,255,.035)!important;border:2px solid rgba(255,255,255,.58)!important;backdrop-filter:blur(2px) saturate(105%)!important}html[data-accessibility='on'] .salary-direction,html[data-accessibility='on'] .salary-input-shell,html[data-accessibility='on'] .salary-result{border-width:1.7px!important;border-color:rgba(255,255,255,.46)!important;background:rgba(10,12,16,.08)!important}
@media(max-width:1180px){.kb-header.container{display:flex}.control-label{display:none}.lang-pop{right:80px}.kb-header .nav{gap:10px}}
@media(max-width:1100px){.kb-header-wrap{padding-inline:12px}.nav{display:none!important}.menu-btn{display:grid!important}.nav.mobile-open{display:flex!important;position:absolute;top:calc(100% + 8px);left:18px;right:18px;z-index:80;flex-direction:column;align-items:stretch;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(9,17,29,.96);box-shadow:0 22px 60px rgba(0,0,0,.28);backdrop-filter:blur(20px)}.nav.mobile-open a{padding:12px 14px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-visual{min-height:360px}.salary-live-card{position:relative!important;right:auto!important;top:auto!important;margin-left:auto}.category-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.api-layout-v5{grid-template-columns:1fr}.api-stage-grid{grid-template-columns:1fr}.footer-grid-v3{grid-template-columns:repeat(2,1fr)}.footer-legal{padding-left:0;border-left:0}}
@media(max-width:680px){.container{width:min(calc(100% - 24px),var(--max))}.hero-grid{padding-top:116px;padding-bottom:70px}.hero-copy h1{font-size:clamp(3rem,14vw,4.4rem)!important}.hero-visual{min-height:auto}.salary-live-card{width:100%!important;margin-top:10px}.category-grid-v3{grid-template-columns:1fr}.category-tile{min-height:360px}.news-grid{grid-template-columns:1fr}.news-item{grid-template-columns:70px 1fr}.footer-grid-v3{grid-template-columns:1fr}.footer-bottom{display:grid}.access-btn,.lang-btn,.theme-btn{width:42px;padding:0}.access-btn .control-label,.theme-btn .theme-label{display:none}.language-law-banner .container{padding:9px 12px;align-items:flex-start;flex-direction:column;gap:2px}.kb-help-panel{right:0;bottom:0;width:100%;max-height:85dvh;border-radius:22px 22px 0 0}}

/* === Visual assets === */
/* Photographic asset atlases for the approved homepage redesign. */
:root{
  --hero-atlas-position:0% 0%;
  --hero-atlas-mobile-position:20% 0%;
}
html[data-season='spring']{
  --hero-atlas-position:100% 0%;
  --hero-atlas-mobile-position:80% 0%;
}
html[data-season='summer']{
  --hero-atlas-position:0% 100%;
  --hero-atlas-mobile-position:20% 100%;
}
html[data-season='autumn']{
  --hero-atlas-position:0% 0%;
  --hero-atlas-mobile-position:20% 0%;
}
html[data-season='winter']{
  --hero-atlas-position:100% 100%;
  --hero-atlas-mobile-position:80% 100%;
}

.home-redesign-v17 .hero{
  background-image:
    linear-gradient(to bottom,rgba(7,12,18,.02) 0%,rgba(7,12,18,.08) 50%,rgba(7,12,18,.78) 100%),
    linear-gradient(90deg,rgba(7,12,18,.88) 0%,rgba(8,14,22,.73) 37%,rgba(8,14,22,.38) 62%,rgba(8,14,22,.10) 100%),
    url('/images/redesign/season-atlas.avif?v=20260923-4')!important;
  /* Keep each 1400x900 seasonal quadrant in its original aspect ratio.
     On desktop the atlas is sized by width; mobile switches to height-based
     sizing in the final mobile safety layer. */
  background-size:100% 100%,100% 100%,200% auto!important;
  background-position:center,center,var(--hero-atlas-position)!important;
  background-repeat:no-repeat!important;
}

.home-redesign-v17 .category-tile::before{
  background-image:url('/images/redesign/category-atlas.avif?v=20260923-3')!important;
  background-size:200% 300%!important;
  background-position:var(--category-atlas-position,0% 0%)!important;
  background-repeat:no-repeat!important;
}
.home-redesign-v17 .category-finance{--category-atlas-position:0% 0%}
.home-redesign-v17 .category-home{--category-atlas-position:100% 0%}
.home-redesign-v17 .category-auto{--category-atlas-position:0% 50%}
.home-redesign-v17 .category-health{--category-atlas-position:100% 50%}
.home-redesign-v17 .category-everyday{--category-atlas-position:0% 100%}
.home-redesign-v17 .category-convert{--category-atlas-position:100% 100%}

/* === Responsive layout === */
/* Responsive safety layer for the V17 homepage redesign.
   Loaded last so it can stabilize every production section without
   rewriting the visual design layers above it. */

html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea{max-width:100%}
.hero-copy,.hero-visual,.chat-copy,.section-head>*,.category-tile,.news-main,.news-list-wrap,.api-copy-v5,.api-stage,.footer-grid-v3>*,.trust-card{min-width:0}
.hero-search-row{position:relative}
.hero-search-results{max-width:100%;overscroll-behavior:contain}
.hero-search-results .search-result{min-width:0}
.hero-search-results .search-result span{min-width:0}
.hero-search-results .search-result span>*{overflow-wrap:anywhere}
.nav.mobile-open{max-height:min(70dvh,560px);overflow:auto;overscroll-behavior:contain}

@media (max-width:1180px){
  .kb-header.container{gap:12px}
  .kb-header .head-actions{gap:6px;margin-left:auto}
  .hero{min-height:auto}
  .hero-grid{padding-top:132px;padding-bottom:82px}
  .salary-live-card{max-width:440px!important}
  .api-layout-v5{align-items:start}
}

@media (max-width:1100px){
  .kb-header-wrap{padding-inline:12px}
  .kb-header.container{position:relative}
  .kb-header .nav.mobile-open{left:8px;right:8px;top:calc(100% + 10px)}
  .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .hero-copy{max-width:820px}
  .hero-visual{width:100%;min-height:0!important;display:flex;justify-content:flex-end}
  .salary-live-card{position:relative!important;inset:auto!important;width:min(100%,520px)!important;max-width:none!important;margin:0!important}
  .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-grid,.api-layout-v5{grid-template-columns:minmax(0,1fr)!important}
  .api-stage{width:100%}
  .api-stage-grid{grid-template-columns:minmax(0,1fr)!important}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:840px){
  .kb-header-wrap{top:10px}
  .kb-header.container{min-height:58px;padding:8px 10px 8px 12px;border-radius:18px}
  .logo{gap:8px}
  .logo-mark{width:31px;height:31px;flex-basis:31px}
  .logo-text{font-size:.9rem}
  .head-actions{gap:5px!important}
  .access-btn,.lang-btn,.theme-btn,.season-btn,.menu-btn,.icon-btn{min-width:42px;min-height:42px}
  .control-label,.theme-label,.season-btn>span:last-child{display:none!important}
  .access-btn,.theme-btn,.season-btn{width:42px;padding:0!important}
  .lang-btn{min-width:48px;padding-inline:8px!important}
  .hero-grid{padding-top:112px;padding-bottom:66px}
  .hero-copy h1{font-size:clamp(2.85rem,9.5vw,4.7rem)!important;line-height:1.02!important}
  .hero-lead{font-size:1rem}
  .hero-proof{gap:10px 14px}
  .section{padding:72px 0}
  .section-head{gap:18px;margin-bottom:26px}
  .category-tile{min-height:350px}
  .api-stage{padding:20px}
  .chat-question{max-width:90%}
  .language-law-banner{top:76px}
  .lang-pop,.season-pop{top:78px}
}

@media (max-width:680px){
  .container{width:min(calc(100% - 24px),var(--max))!important}
  .kb-header-wrap{padding-inline:8px}
  .kb-header.container{width:100%!important}
  .icon-btn:not(.menu-btn){display:none!important}
  .lang-btn{width:42px!important;min-width:42px!important;padding:0!important}
  .lang-btn>span:first-child{display:none}
  .kb-header .nav.mobile-open{left:0;right:0;border-radius:16px}

  .hero{min-height:auto!important;background-position:62% center!important}
  .hero-grid{padding-top:104px!important;padding-bottom:56px!important;gap:24px!important}
  .hero-copy h1{font-size:clamp(2.55rem,12.5vw,3.9rem)!important;line-height:1.02!important;margin:14px 0 18px!important}
  .hero-lead{margin-bottom:22px}
  .hero-search-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:6px!important}
  .search-icon{margin-left:8px}
  .hero-search input{min-width:0;padding:10px 2px}
  .search-submit{display:block!important;padding:11px 13px}
  .search-hints{gap:7px;margin-top:12px}
  .search-hints span{width:100%}
  .search-hints a{padding:6px 9px}
  .hero-proof{margin-top:20px}
  .hero-visual{justify-content:stretch}
  .salary-live-card{width:100%!important;padding:18px!important;border-radius:22px!important}
  .salary-direction{grid-template-columns:repeat(2,minmax(0,1fr))}
  .salary-direction-btn{min-width:0;padding-inline:8px;font-size:.82rem}
  .salary-input-shell{min-width:0}
  .salary-result-value{overflow-wrap:anywhere}
  .salary-widget-footer{flex-wrap:wrap;gap:6px 12px}

  .chat-strip-wrap{margin-top:-12px}
  .chat-strip{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
  .chat-icon{width:42px;height:42px}
  .chat-copy b,.chat-copy span{overflow-wrap:anywhere}
  .chat-link{grid-column:2!important;justify-self:start;white-space:normal!important}

  .section{padding:60px 0}
  .section-head{display:block!important}
  .section-head p{margin-top:10px!important}
  .popular-grid,.category-grid-v3,.small-categories,.trust-grid,.footer-grid-v3{grid-template-columns:minmax(0,1fr)!important}
  .calc-card{min-height:230px;padding:21px}
  .calc-card .go{left:21px;bottom:19px}
  .mini-viz{width:120px;right:-14px;opacity:.7}
  .category-tile{min-height:330px;padding:22px;border-radius:24px}
  .category-tile .tile-meta{top:16px;right:16px}
  .tile-meta-line{margin-top:12px;padding-top:11px}

  .news-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}
  .news-main{padding:24px}
  .news-list{padding:6px 16px;border-radius:22px}
  .news-item{grid-template-columns:72px minmax(0,1fr)!important;gap:12px;padding:16px 2px}
  .news-item>*{min-width:0;overflow-wrap:anywhere}
  .news-more{width:100%;justify-content:center;text-align:center}

  .api-copy-v5 h2{font-size:clamp(2.25rem,10vw,3.5rem)}
  .api-badges{gap:7px}
  .api-stage{padding:16px;border-radius:24px}
  .chat-question{max-width:100%;padding:15px 16px;margin-left:0}
  .api-stage-grid{gap:12px}
  .api-answer-card,.api-side-card{padding:18px;border-radius:20px;min-width:0}
  .answer-v5{font-size:clamp(1.9rem,9vw,2.8rem);overflow-wrap:anywhere}
  .answer-meta{display:grid;gap:6px}
  .api-side-card ul{padding-left:20px}

  .footer-grid-v3{gap:24px!important}
  .footer-bottom{display:grid!important;grid-template-columns:1fr;gap:8px!important;margin-top:28px}
  .footer-legal{padding-left:0!important;border-left:0!important}

  .language-law-banner .container{width:100%!important;padding:9px 12px!important;align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
  .language-law-banner strong{white-space:normal!important}
  .lang-pop,.season-pop{left:12px!important;right:12px!important;width:auto!important;max-width:none!important}

  .kb-help-launcher{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;min-height:48px;padding:0 15px}
  .kb-help-panel{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:min(86dvh,calc(100dvh - 12px))!important;border-radius:22px 22px 0 0!important;padding-bottom:env(safe-area-inset-bottom)}
  .kb-help-panel__body{padding-bottom:max(18px,env(safe-area-inset-bottom))}
}

@media (max-width:520px){
  .kb-header.container{gap:7px}
  .logo-text{font-size:.84rem}
  .head-actions{gap:4px!important}
  .access-btn,.lang-btn,.theme-btn,.season-btn,.menu-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .hero{background-position:68% center!important}
  .hero-grid{padding-top:96px!important}
  .hero-search-row{grid-template-columns:auto minmax(0,1fr)}
  .hero-search-row .search-submit{grid-column:1/-1;width:100%;min-height:44px}
  .hero-search-results{top:calc(100% + 8px)}
  .salary-direction{grid-template-columns:1fr}
  .salary-direction-btn{min-height:42px}
  .salary-result{padding:12px}
  .section{padding:52px 0}
  .section-head h2{font-size:clamp(1.85rem,10vw,2.65rem)}
  .calc-card{min-height:220px}
  .category-tile{min-height:300px;background-position:center}
  .news-main{padding:20px}
  .news-item{grid-template-columns:1fr!important;gap:4px}
  .news-item time{font-size:.78rem}
  .api-stage{padding:13px;border-radius:20px}
  .api-answer-card,.api-side-card{padding:15px}
  .api-primary-link{width:100%;justify-content:center;text-align:center}
  .api-badges span{max-width:100%;white-space:normal}
  .kb-help-launcher__label{display:none}
  .kb-help-launcher{width:50px;padding:0!important;justify-content:center}
}

@media (max-width:400px){
  .container{width:min(calc(100% - 18px),var(--max))!important}
  .kb-header-wrap{padding-inline:6px}
  .kb-header.container{padding-inline:8px}
  .logo-text{display:none}
  .head-actions{gap:3px!important}
  .access-btn,.lang-btn,.theme-btn,.season-btn,.menu-btn{width:39px!important;min-width:39px!important}
  .hero-copy h1{font-size:clamp(2.25rem,13vw,3rem)!important}
  .hero-lead{font-size:.94rem}
  .search-hints a{font-size:.79rem}
  .hero-proof{display:grid;gap:8px}
  .salary-live-card{padding:15px!important}
  .salary-input-shell{padding-inline:10px}
  .salary-result-value{font-size:1.7rem}
  .chat-strip{grid-template-columns:38px minmax(0,1fr)!important;padding:12px!important}
  .chat-icon{width:38px;height:38px;border-radius:12px}
  .calc-card{padding:18px}
  .calc-card .go{left:18px}
  .mini-viz{width:105px;opacity:.55}
  .category-tile{padding:19px;min-height:285px}
  .category-tile h3{font-size:1.55rem}
  .news-list{padding-inline:12px}
  .api-copy-v5 h2{font-size:2.15rem}
  .api-stage{margin-inline:-2px}
  .kb-help-panel__header,.kb-help-panel__body{padding:15px}
}

@media (max-width:340px){
  .access-btn{display:none!important}
  .hero-search-row{grid-template-columns:minmax(0,1fr)}
  .search-icon{display:none}
  .hero-search input{padding-inline:9px}
  .salary-live-card{border-radius:18px!important}
  .category-tile{min-height:270px}
}

@media (max-height:520px) and (orientation:landscape){
  .kb-header-wrap{top:6px}
  .hero-grid{padding-top:82px!important;padding-bottom:36px!important}
  .hero-copy h1{font-size:clamp(2.2rem,7vw,3.6rem)!important}
  .kb-help-panel{max-height:92dvh!important}
}

@media (prefers-reduced-motion:reduce){
  .category-tile:hover,.calc-card:hover{transform:none!important}
}

/* === Mobile hardening === */
/* Mobile hardening for the V17 homepage.
   Keep this file last in the V17 import chain. */

/* The global site header stylesheet also targets #header. The V17 header
   already lives inside a fixed wrapper, so a nested sticky header creates
   unnecessary stacking/compositing work (especially in iOS Safari). */
.home-redesign-v17 #header{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
}

.home-redesign-v17 .hero-copy,
.home-redesign-v17 .hero-copy h1,
.home-redesign-v17 .hero-copy h1 span{
  max-width:100%;
  min-width:0;
}

/* Language picker contrast must not inherit light/active text from unrelated
   button states. Keep the selected language readable in both themes. */
.home-redesign-v17 .lang-pop{
  color:#111827!important;
}
.home-redesign-v17 .lang-pop b,
.home-redesign-v17 .lang-pop button,
.home-redesign-v17 .lang-pop button.active{
  color:#111827!important;
  opacity:1!important;
}
.home-redesign-v17 .lang-pop button.active{
  background:#e7eef6!important;
}
html[data-theme="dark"] .home-redesign-v17 .lang-pop{
  background:#0f1b2a!important;
  color:#f8fafc!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .home-redesign-v17 .lang-pop b,
html[data-theme="dark"] .home-redesign-v17 .lang-pop button,
html[data-theme="dark"] .home-redesign-v17 .lang-pop button.active{
  color:#f8fafc!important;
}
html[data-theme="dark"] .home-redesign-v17 .lang-pop button:hover,
html[data-theme="dark"] .home-redesign-v17 .lang-pop button.active{
  background:#1e293b!important;
}

@media (max-width:680px){
  /* Stable, single-layer mobile header. Opaque surfaces intentionally avoid
     iOS Safari backdrop-filter ghosting during reload/scroll. */
  .home-redesign-v17 .kb-header-wrap{
    top:8px!important;
    padding-inline:8px!important;
    background:transparent!important;
  }
  .home-redesign-v17 .kb-header.container{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    width:100%!important;
    min-height:56px!important;
    padding:7px 8px!important;
    gap:6px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    background:#111827!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
    isolation:isolate;
  }
  .home-redesign-v17 .kb-header.container::before,
  .home-redesign-v17 .kb-header.container::after{
    content:none!important;
    display:none!important;
  }
  .home-redesign-v17 .kb-header .logo{
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:40px!important;
    padding:0 4px!important;
  }
  .home-redesign-v17 .kb-header .logo-mark{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  .home-redesign-v17 .kb-header .logo-text{
    display:none!important;
  }
  .home-redesign-v17 .kb-header .nav{
    display:none!important;
  }
  .home-redesign-v17 .kb-header .nav.mobile-open{
    display:flex!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    z-index:120!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    max-height:min(72dvh,560px)!important;
    overflow:auto!important;
    padding:10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:16px!important;
    background:#111827!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
  }
  .home-redesign-v17 .kb-header .nav.mobile-open a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:10px 12px!important;
    color:#f8fafc!important;
    white-space:normal!important;
  }
  .home-redesign-v17 .kb-header .head-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    gap:5px!important;
    background:transparent!important;
  }
  .home-redesign-v17 .kb-header .access-btn,
  .home-redesign-v17 .kb-header .season-btn{
    display:none!important;
  }
  .home-redesign-v17 .kb-header .icon-btn,
  .home-redesign-v17 .kb-header .lang-btn,
  .home-redesign-v17 .kb-header .theme-btn,
  .home-redesign-v17 .kb-header .menu-btn{
    display:grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:12px!important;
    background:#1f2937!important;
    color:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  .home-redesign-v17 .kb-header .lang-btn{
    display:flex!important;
    font-size:.76rem!important;
    font-weight:850!important;
  }
  .home-redesign-v17 .kb-header .lang-btn>span:first-child{
    display:none!important;
  }
  .home-redesign-v17 .kb-header .theme-label,
  .home-redesign-v17 .kb-header .control-label{
    display:none!important;
  }

  .home-redesign-v17 .hero-grid{
    padding-top:88px!important;
    padding-bottom:52px!important;
  }
  .home-redesign-v17 .eyebrow{
    max-width:100%;
    white-space:normal!important;
    line-height:1.35!important;
    letter-spacing:.055em!important;
    font-size:.72rem!important;
  }
  .home-redesign-v17 .hero-copy h1{
    font-size:clamp(2.35rem,10.8vw,3.15rem)!important;
    line-height:1.04!important;
    letter-spacing:-.05em!important;
    margin:14px 0 18px!important;
    overflow:visible!important;
  }
  .home-redesign-v17 .hero-copy h1 .accent{
    margin-top:.12em!important;
  }
  .home-redesign-v17 .hero-lead{
    max-width:38rem!important;
    font-size:.98rem!important;
    line-height:1.62!important;
    margin-bottom:22px!important;
  }

  .home-redesign-v17 .hero-search{
    max-width:100%!important;
  }
  .home-redesign-v17 .hero-search-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:6px!important;
    padding:6px!important;
    overflow:visible!important;
  }
  .home-redesign-v17 .hero-search input{
    width:100%!important;
    min-width:0!important;
    padding:10px 6px!important;
    font-size:.96rem!important;
  }
  .home-redesign-v17 .hero-search-row .search-submit{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:46px!important;
    padding:11px 14px!important;
  }
  .home-redesign-v17 .search-hints{
    max-width:100%!important;
    gap:7px!important;
    margin-top:12px!important;
  }
}

@media (max-width:520px){
  .home-redesign-v17 .hero-copy h1{
    font-size:clamp(2rem,10vw,2.7rem)!important;
    line-height:1.045!important;
  }
  .home-redesign-v17 .hero-copy h1 span{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .home-redesign-v17 .hero-lead{
    font-size:.95rem!important;
  }
  .home-redesign-v17 .hero-search-results{
    top:calc(100% + 8px)!important;
  }
}

@media (max-width:400px){
  .home-redesign-v17 .kb-header.container{
    padding-inline:7px!important;
    gap:4px!important;
  }
  .home-redesign-v17 .kb-header .icon-btn,
  .home-redesign-v17 .kb-header .lang-btn,
  .home-redesign-v17 .kb-header .theme-btn,
  .home-redesign-v17 .kb-header .menu-btn{
    flex-basis:39px!important;
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
  }
  .home-redesign-v17 .hero-grid{
    padding-top:82px!important;
  }
  .home-redesign-v17 .hero-copy h1{
    font-size:clamp(1.95rem,10vw,2.45rem)!important;
    letter-spacing:-.045em!important;
  }
  .home-redesign-v17 .eyebrow{
    font-size:.68rem!important;
  }
}

@media (max-width:350px){
  .home-redesign-v17 .kb-header .lang-btn{
    display:none!important;
  }
  .home-redesign-v17 .hero-copy h1{
    font-size:clamp(1.9rem,9.8vw,2.2rem)!important;
  }
}

/* === Hero crop === */
/* Preserve the seasonal photo aspect ratio once the hero becomes a tall,
   single-column layout. Loaded last so older responsive background-position
   rules cannot stretch or recenter the atlas unexpectedly. */
@media (max-width:1100px){
  .home-redesign-v17 .hero{
    background-size:100% 100%,100% 100%,auto 200%!important;
    background-position:center,center,var(--hero-atlas-mobile-position)!important;
    background-repeat:no-repeat!important;
  }
}

/* === Interactive controls === */
/* Scope homepage controls so shared calculator button colors cannot leak in. */
.home-redesign-v17 .hero-copy{container-type:inline-size}
.home-redesign-v17 .hero-copy h1{
 font-size:clamp(1.8rem,10.5cqw,5.25rem)!important;
 line-height:1.1!important;letter-spacing:-.045em!important;
 overflow:visible!important;
}
.home-redesign-v17 .hero-copy h1 span{
 display:block;max-width:100%;padding-right:.08em;
 overflow-wrap:anywhere!important;word-break:normal!important;
}
/* Extend the gradient paint box below the baseline for g, j, p, q and y. */
.home-redesign-v17 .hero-copy h1 .accent{
 padding-bottom:.2em;
 margin-bottom:-.2em;
}
.home-redesign-v17 :is(.lang-pop,.season-pop){
 width:min(260px,calc(100vw - 24px))!important;
 overflow:auto;z-index:140;
 background:#fff!important;color:#111827!important;
}
.home-redesign-v17 :is(.lang-pop,.season-pop)[hidden]{display:none!important}
.home-redesign-v17 :is(.lang-pop,.season-pop) b{color:inherit!important}
.home-redesign-v17 :is(.lang-options button,.season-options button,.season-auto){
 background:#f8fafc!important;color:#334155!important;
 border:1px solid #cbd5e1!important;box-shadow:none!important;
 opacity:1!important;transform:none;
 transition:background .18s,border-color .18s;
}
.home-redesign-v17 :is(.lang-options button,.season-options button,.season-auto):hover{
 background:#e2e8f0!important;border-color:#94a3b8!important;
}
.home-redesign-v17 :is(.lang-options button,.season-options button).active{
 background:#dbeafe!important;color:#1e40af!important;
 border-color:#2563eb!important;box-shadow:inset 0 0 0 1px #2563eb!important;
}
.home-redesign-v17 .salary-direction-btn{
 background:transparent!important;color:#fff!important;
 border:1px solid transparent!important;box-shadow:none!important;
}
.home-redesign-v17 .salary-direction-btn:hover{background:rgba(255,255,255,.14)!important}
.home-redesign-v17 .salary-direction-btn.active{
 background:rgba(255,255,255,.25)!important;
 border-color:rgba(255,255,255,.65)!important;
 box-shadow:inset 0 -3px 0 var(--hero-accent)!important;
}
.home-redesign-v17 .head-actions :is(button,.icon-btn):hover{
 background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.4)!important;
}
.home-redesign-v17 .head-actions button:is([aria-expanded="true"],[aria-pressed="true"]){
 background:rgba(255,255,255,.24)!important;border-color:var(--hero-accent)!important;
}
html[data-theme="dark"] .home-redesign-v17 :is(.lang-pop,.season-pop){
 background:#0f1b2a!important;color:#f8fafc!important;
}
html[data-theme="dark"] .home-redesign-v17 :is(.lang-options button,.season-options button,.season-auto){
 background:#162334!important;color:#e2e8f0!important;border-color:#475569!important;
}
html[data-theme="dark"] .home-redesign-v17 :is(.lang-options button,.season-options button,.season-auto):hover{
 background:#293b52!important;border-color:#94a3b8!important;
}
html[data-theme="dark"] .home-redesign-v17 :is(.lang-options button,.season-options button).active{
 background:#1e3a5f!important;color:#fff!important;border-color:#60a5fa!important;
 box-shadow:inset 0 0 0 1px #60a5fa!important;
}


/* The homepage's generic transition shorthand delays visibility on the shared
   help panel. Make an opened dialog immediately visible and focusable. */
.kb-help-panel[data-open="true"] {
  visibility: visible !important;
  transition: opacity .22s ease, transform .22s ease;
}

/* V17's own help widget must override the shared closed-panel visibility.
   Without this explicit state, the open dialog cannot receive keyboard focus. */
body.home-redesign-v17 .kb-help-panel[data-open="true"] {
  visibility: visible !important;
}
body.home-redesign-v17 .kb-help-panel:not([data-open="true"]) {
  visibility: hidden !important;
}

/* Salary API: accessible selectable 15% / 9% comparison. */
.salary-live-card .salary-rate-select{width:100%;min-height:42px;padding:9px 12px;border:1.3px solid rgba(255,255,255,.35);border-radius:12px;color:#fff;background:#14243e;font:inherit;font-weight:750;cursor:pointer}
.salary-live-card .salary-rate-select option{color:#14243e;background:#fff}
.salary-live-card .salary-rate-select:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.salary-live-card .salary-rate-note{font-size:.7rem;line-height:1.4;color:rgba(255,255,255,.76)}