/* Homepage composition only. The established Konza theme remains in site.css. */
html body.kh-refined #main { text-align:center; }
html body.kh-refined #main #hero p { text-align:center!important; }
html body.kh-refined #hero { position:relative; isolation:isolate; overflow:hidden; padding:54px 24px 58px; color:#1F3F0C; background:radial-gradient(ellipse at 0% 80%,rgba(144,200,56,.22),transparent 48%),radial-gradient(ellipse at 100% 10%,rgba(227,82,42,.14),transparent 48%),#F7F5E8; }
html body.kh-refined #hero::before,html body.kh-refined #hero::after { content:""; position:absolute; pointer-events:none; z-index:-1; width:290px; height:290px; border:1px solid rgba(78,125,30,.16); border-radius:75% 5% 75% 5%; background:linear-gradient(145deg,rgba(144,200,56,.14),rgba(144,200,56,.025)); }
html body.kh-refined #hero::before { left:-145px; bottom:-100px; transform:rotate(-28deg); box-shadow:55px -60px 0 -12px rgba(144,200,56,.07),100px -130px 0 -40px rgba(144,200,56,.06); }
html body.kh-refined #hero::after { right:-155px; top:28px; transform:rotate(155deg); border-color:rgba(227,82,42,.14); background:linear-gradient(145deg,rgba(227,82,42,.10),rgba(227,82,42,.015)); box-shadow:60px -60px 0 -16px rgba(227,82,42,.055); }
html body.kh-refined #hero .kh-hero-inner { position:relative; max-width:1000px; margin:auto; }
html body.kh-refined #hero .eyebrow { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:7px 16px; margin:0 0 22px; border:1px solid rgba(227,82,42,.24); border-radius:999px; background:rgba(255,255,255,.62); color:#A9351A; font-size:.88rem; font-weight:650; letter-spacing:.02em; }
html body.kh-refined #hero .eyebrow::before { content:""; width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,#E3522A,#90C838); box-shadow:0 0 0 3px rgba(144,200,56,.2); }
html body.kh-refined #hero h1 { font-family:var(--ff-display)!important; font-weight:800!important; font-size:clamp(2.2rem,4.5vw,4.15rem); line-height:1.13; letter-spacing:-.035em; color:#1F3F0C; text-align:center; max-width:24ch; margin:0 auto 22px; text-wrap:balance; }
html body.kh-refined #hero h1 span { font:inherit; color:#C8401B; }
html body.kh-refined #hero .kh-intro { font-size:clamp(1.02rem,1.5vw,1.2rem); line-height:1.7; color:#465039; max-width:67ch; margin:0 auto 27px; text-wrap:pretty; }
html body.kh-refined .kh-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
html body.kh-refined #hero .btn { min-height:48px; }
html body.kh-refined #hero .btn-outline { color:#2F5A14!important; border-color:#2F5A14!important; background:rgba(255,255,255,.42)!important; }
html body.kh-refined #hero .btn-outline:hover { color:#fff!important; background:#2F5A14!important; }
html body.kh-refined #main > section { scroll-margin-top:170px; }
html body.kh-refined #offerings { padding-top:48px; }
html body.kh-refined #offerings .sec-head { gap:10px; margin-bottom:22px; }
html body.kh-refined #offerings .sec-head h2 { font-size:clamp(1.9rem,3.2vw,2.8rem); }
html body.kh-refined #offerings .sec-head .lead { max-width:58ch; }
html body.kh-refined .kt-catalog-filters { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin:0 auto 30px; }
html body.kh-refined .kt-catalog-filters button { font:650 .96rem var(--ff-display); cursor:pointer; min-height:44px; padding:9px 19px; border:1px solid #B8C9A7; border-radius:999px 999px 999px 7px; background:#F5F9EC; color:#2F5A14; }
html body.kh-refined .kt-catalog-filters button[aria-pressed="true"] { background:#2F5A14; color:#fff; border-color:#2F5A14; }
html body.kh-refined #offerings .prods { gap:26px; }
html body.kh-refined #offerings .prod { --kh-tint:#F0F7E6; --kh-title:#2F5A14; border:1px solid #DDE5CE!important; border-radius:36px 9px 36px 9px!important; box-shadow:0 12px 28px rgba(31,63,12,.09)!important; background:linear-gradient(180deg,#fff 70%,var(--kh-tint))!important; }
html body.kh-refined #offerings .prod:nth-child(even) { --kh-tint:#FFF2E9; --kh-title:#A9351A; border-radius:9px 36px 9px 36px!important; border-color:#ECDACF!important; }
html body.kh-refined #offerings .prod > h3 { display:flex; align-items:center; justify-content:center; margin:0; padding:24px 15px 21px; min-height:80px; background:var(--kh-tint); color:var(--kh-title)!important; font-size:1.4rem; line-height:1.25; text-align:center!important; text-transform:none!important; letter-spacing:-.02em!important; }
html body.kh-refined #offerings .prod > picture { display:block; margin:0 14px; border-radius:24px 7px 24px 7px; overflow:hidden; }
html body.kh-refined #offerings .prod:nth-child(even) > picture { border-radius:7px 24px 7px 24px; }
html body.kh-refined #offerings .prod img { width:100%; aspect-ratio:3/2!important; height:auto; object-fit:cover; }
html body.kh-refined #offerings .prod .body { padding:20px 24px 26px; align-items:center; gap:10px; }
html body.kh-refined #offerings .prod .body,html body.kh-refined #offerings .prod .body p { text-align:center!important; }
html body.kh-refined #offerings .prod .body p { margin:0; font-size:1rem; line-height:1.6; color:#465039; }
html body.kh-refined #offerings .prod .more { display:inline-flex; align-items:center; justify-content:center; gap:10px; color:var(--kh-title)!important; padding-top:5px; text-align:center; }
html body.kh-refined .kh-arrow { width:17px; height:17px; display:inline-block; flex:0 0 17px; vertical-align:middle; }
html body.kh-refined .kh-arrow svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html body.kh-refined #main :is(.sec-head,.sec-head > *, .body,.body p,.body h3,.qpanel,.qpanel h3,.qpanel li,.partner,.partner p,.post .body,.post .body h3,.post .body p,.card,.card p,.related > a,figcaption,.seq-h,.news,.news p,.faq summary,.faq p) { text-align:center!important; }
html body.kh-refined #main .qpanel .qico { margin-inline:auto; }
html body.kh-refined #main .qpanel ul { display:grid; gap:5px; }
html body.kh-refined #main .qpanel li { padding:0!important; margin:4px 0!important; }
html body.kh-refined #main .qpanel li::before { display:none!important; }
html body.kh-refined #main .konza-paths article { align-items:center!important; text-align:center!important; }
html body.kh-refined #main .konza-paths article :is(h3,p,.eyebrow) { text-align:center!important; justify-content:center!important; }
html body.kh-refined #main .konza-paths article .btn { align-self:center!important; }
html body.kh-refined #main .divs .div .body { align-items:center!important; }
html body.kh-refined #main .partner { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:20px; }
html body.kh-refined #main .partner .plogo { margin-inline:auto; }
html body.kh-refined #main .partner .eyebrow { justify-content:center; }
html body.kh-refined #main .related > a { justify-content:center; }
html body.kh-refined #main .news { display:flex; flex-direction:column; align-items:center; gap:24px; }
html body.kh-refined #main .news > div { max-width:700px; }
html body.kh-refined #newsletter { max-width:760px; width:100%; justify-content:center; }
html body.kh-refined #newsletter .consent { text-align:center; justify-content:center; }
html body.kh-refined #main .contact .card { align-items:center; }
html body.kh-refined #main .contact a { overflow-wrap:anywhere; }
html body.kh-refined #main .sec-head .lead { text-wrap:pretty; }
html body.kh-refined :focus-visible { outline:3px solid #A9351A; outline-offset:4px; }
@media(max-width:700px) {
  html body.kh-refined #hero { padding:35px 20px 42px; }
  html body.kh-refined #hero h1 { font-size:clamp(2rem,7.6vw,3.05rem); }
  html body.kh-refined #hero .kh-intro { max-width:40ch; }
  html body.kh-refined #hero::before,html body.kh-refined #hero::after { opacity:.6; }
  html body.kh-refined #main > section { scroll-margin-top:125px; }
  html body.kh-refined #offerings { padding-top:36px; }
  html body.kh-refined #offerings .prods { gap:22px; }
  html body.kh-refined #offerings .prod > h3 { min-height:72px; padding:21px 15px; }
  html body.kh-refined #main .qpanels { grid-template-columns:1fr; }
  html body.kh-refined .kh-actions .btn { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { html body.kh-refined #main .prod,html body.kh-refined #main .prod img { transition:none!important; } }