@charset "UTF-8";

/* Isolated page. Every rule is scoped below #kpnh-root. */
html, body.kpnh-page { margin:0; min-width:320px; max-width:100%; overflow-x:hidden; background:#fff; color:#111827; }
body.kpnh-page { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
#kpnh-root, #kpnh-root * { box-sizing:border-box; }
#kpnh-root { --blue:#1768f2; --blue2:#0e59de; --ink:#111827; --muted:#667085; --line:#e1e7f0; --soft:#f7f9fd; --radius:13px; width:100%; max-width:100%; min-height:100vh; overflow-x:clip; background:#fff; font-size:16px; line-height:1.45; }
#kpnh-root a { color:inherit; text-decoration:none; }
#kpnh-root button, #kpnh-root input { font:inherit; }
#kpnh-root .kpnh-shell { width:100%; max-width:1880px; margin:0 auto; padding:0 clamp(26px,3vw,58px); }

#kpnh-root .kpnh-topbar { height:44px; border-bottom:1px solid #edf1f6; background:#fff; }
#kpnh-root .kpnh-topbar__inner { height:44px; display:flex; align-items:center; justify-content:space-between; }
#kpnh-root .kpnh-city { border:0; padding:0; background:transparent; color:#596579; font-size:14px; cursor:pointer; }
#kpnh-root .kpnh-city span { color:var(--blue); margin-right:6px; }
#kpnh-root .kpnh-toplinks { display:flex; align-items:center; gap:22px; color:#344054; font-size:13px; }
#kpnh-root .kpnh-social { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#f3f5f9; color:#101828; font-size:12px; font-weight:800; }

#kpnh-root .kpnh-header { height:90px; border-bottom:1px solid var(--line); background:#fff; }
#kpnh-root .kpnh-header__inner { height:90px; display:flex; align-items:center; gap:44px; }
#kpnh-root .kpnh-brand { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
#kpnh-root .kpnh-brand__mark { width:50px; height:50px; border-radius:8px; display:grid; place-items:center; background:linear-gradient(145deg,#4380fa,#1557dc); color:#fff; font-size:21px; font-weight:800; box-shadow:0 8px 20px rgba(23,104,242,.19); }
#kpnh-root .kpnh-brand b { display:block; color:#101828; font-size:20px; line-height:1.1; }
#kpnh-root .kpnh-brand small { display:block; margin-top:4px; color:#667085; font-size:12px; line-height:1.3; }
#kpnh-root .kpnh-nav { display:flex; align-items:center; justify-content:center; gap:clamp(20px,2.3vw,42px); flex:1; }
#kpnh-root .kpnh-nav a { padding:33px 0 30px; color:#344054; font-size:14px; font-weight:500; border-bottom:2px solid transparent; white-space:nowrap; }
#kpnh-root .kpnh-nav a.is-active { color:var(--blue); border-bottom-color:var(--blue); }
#kpnh-root .kpnh-auth { display:flex; align-items:center; gap:10px; }
#kpnh-root .kpnh-btn { min-height:40px; padding:0 20px; border:1px solid transparent; border-radius:7px; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:650; transition:.18s ease; }
#kpnh-root .kpnh-btn--primary { color:#fff; border-color:var(--blue); background:var(--blue); box-shadow:0 6px 14px rgba(23,104,242,.18); }
#kpnh-root .kpnh-btn--primary:hover { background:var(--blue2); transform:translateY(-1px); }
#kpnh-root .kpnh-btn--ghost { color:#344054; border-color:#d9e0eb; background:#fff; }
#kpnh-root .kpnh-btn--wide { width:100%; }
#kpnh-root .kpnh-menu { display:none; width:40px; height:40px; border:1px solid #dfe5ee; border-radius:8px; background:#fff; color:var(--blue); }

#kpnh-root .kpnh-main { padding:46px 0 26px; }
#kpnh-root .kpnh-hero { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:58px; align-items:start; }
#kpnh-root .kpnh-hero__main h1 { margin:8px 0 24px; color:#101828; font-size:clamp(37px,2.65vw,51px); line-height:1.15; letter-spacing:-.035em; }
#kpnh-root .kpnh-tabs { display:flex; gap:clamp(19px,2vw,34px); min-height:42px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }
#kpnh-root .kpnh-tabs a { flex:0 0 auto; padding:0 0 12px; color:#475467; font-size:13px; }
#kpnh-root .kpnh-tabs a.is-active { color:var(--blue); border-bottom:2px solid var(--blue); }
#kpnh-root .kpnh-search { display:grid; grid-template-columns:1fr 118px; gap:8px; margin-top:14px; padding:5px; border:1px solid #dce3ed; border-radius:10px; background:#fff; box-shadow:0 5px 20px rgba(31,50,81,.06); }
#kpnh-root .kpnh-search input { height:50px; padding:0 16px; border:0; outline:0; color:#344054; font-size:14px; }
#kpnh-root .kpnh-search input::placeholder { color:#98a2b3; }
#kpnh-root .kpnh-search button { border:0; border-radius:7px; background:var(--blue); color:#fff; font-size:14px; font-weight:700; cursor:pointer; }
#kpnh-root .kpnh-recent { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:14px; color:#667085; font-size:12px; }
#kpnh-root .kpnh-recent b { color:#344054; margin-right:2px; }
#kpnh-root .kpnh-recent a { padding:6px 11px; border:1px solid #dce2eb; border-radius:999px; background:#fff; }
#kpnh-root .kpnh-start { min-height:244px; padding:28px 26px 22px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 10px 28px rgba(31,50,81,.055); }
#kpnh-root .kpnh-start h2 { margin:0 0 16px; font-size:22px; }
#kpnh-root .kpnh-start p { margin:0 0 20px; color:#667085; font-size:14px; line-height:1.65; }
#kpnh-root .kpnh-start small { display:block; margin-top:17px; color:#667085; text-align:center; font-size:12px; }
#kpnh-root .kpnh-start small a { color:var(--blue); }

#kpnh-root .kpnh-section { margin-top:34px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:0 7px 22px rgba(31,50,81,.045); }
#kpnh-root .kpnh-section__head { min-height:48px; padding:14px 20px 8px; display:flex; align-items:center; justify-content:space-between; }
#kpnh-root .kpnh-section__head h2 { margin:0; font-size:16px; }
#kpnh-root .kpnh-section__head a, #kpnh-root .kpnh-more { color:var(--blue)!important; font-size:12px!important; font-weight:600!important; }
#kpnh-root .kpnh-catalog { padding-bottom:17px; }
#kpnh-root .kpnh-catalog__grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; padding:0 16px; }
#kpnh-root .kpnh-cat { min-width:0; min-height:66px; padding:10px; display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:9px; background:#fff; }
#kpnh-root .kpnh-cat:hover { border-color:#9dbdff; background:#f8fbff; }
#kpnh-root .kpnh-cat__icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:8px; background:#edf4ff; color:var(--blue); font-size:18px; font-weight:800; }
#kpnh-root .kpnh-cat b, #kpnh-root .kpnh-cat small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-cat b { font-size:12px; font-weight:650; }
#kpnh-root .kpnh-cat small { margin-top:3px; color:#101828; font-size:11px; }

#kpnh-root .kpnh-info-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:18px; }
#kpnh-root .kpnh-info { height:224px; padding:18px 20px 15px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:0 7px 22px rgba(31,50,81,.045); overflow:hidden; }
#kpnh-root .kpnh-info h2 { margin:0 0 11px; font-size:15px; }
#kpnh-root .kpnh-info > a:not(.kpnh-more) { min-height:28px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:#344054; font-size:12px; }
#kpnh-root .kpnh-info > a span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-info > a b { flex:0 0 auto; font-weight:500; }
#kpnh-root .kpnh-more { display:inline-block!important; margin-top:8px; }

#kpnh-root .kpnh-promo { position:relative; height:330px; margin-top:18px; display:grid; grid-template-columns:43% 57%; overflow:hidden; border-radius:14px; background:linear-gradient(105deg,#f1f6ff 0%,#fff 56%,#edf3ff 100%); }
#kpnh-root .kpnh-promo__copy { padding:58px 40px 42px clamp(80px,8vw,156px); z-index:2; }
#kpnh-root .kpnh-promo__copy h2 { margin:0 0 12px; color:#101828; font-size:clamp(27px,2vw,37px); line-height:1.15; letter-spacing:-.025em; }
#kpnh-root .kpnh-promo__copy ul { margin:0 0 17px; padding-left:15px; color:#475467; font-size:13px; line-height:1.75; }
#kpnh-root .kpnh-promo__copy li::marker { color:var(--blue); }
#kpnh-root .kpnh-promo__visual { position:relative; min-width:0; }
#kpnh-root .kpnh-laptop { position:absolute; width:min(520px,70%); height:250px; left:12%; bottom:23px; transform:perspective(900px) rotateY(-8deg) rotateX(2deg); }
#kpnh-root .kpnh-laptop__screen { height:222px; padding:20px; border:10px solid #1d2939; border-radius:12px 12px 7px 7px; background:#fff; box-shadow:0 24px 50px rgba(31,50,81,.18); }
#kpnh-root .kpnh-laptop__screen i { height:31px; margin-top:10px; display:block; border-radius:6px; background:linear-gradient(90deg,#eff4ff 0 22%,#f8fafc 22% 75%,#dbe8ff 75%); }
#kpnh-root .kpnh-laptop__bar { display:block; height:8px; border-radius:8px; background:linear-gradient(90deg,var(--blue) 0 28%,#e8eef8 28%); }
#kpnh-root .kpnh-laptop__base { width:116%; height:18px; margin-left:-8%; border-radius:2px 2px 14px 14px; background:linear-gradient(#cbd5e1,#94a3b8); box-shadow:0 10px 16px rgba(31,41,55,.18); }
#kpnh-root .kpnh-float { position:absolute; padding:9px 13px; border:1px solid #e3e8f1; border-radius:8px; background:#fff; color:#475467; font-size:11px; box-shadow:0 9px 24px rgba(31,50,81,.11); }
#kpnh-root .kpnh-float--a { left:1%; bottom:79px; color:#f97316; }
#kpnh-root .kpnh-float--b { right:6%; top:63px; color:#16a34a; }
#kpnh-root .kpnh-promo__arrow { position:absolute; z-index:5; left:20px; top:50%; width:46px; height:46px; transform:translateY(-50%); border:1px solid #e4e9f1; border-radius:50%; background:#fff; color:var(--blue); font-size:30px; cursor:pointer; box-shadow:0 7px 18px rgba(31,50,81,.08); }
#kpnh-root .kpnh-promo__arrow--next { left:auto; right:20px; }
#kpnh-root .kpnh-promo__counter { position:absolute; z-index:5; right:27px; top:20px; font-size:14px; font-weight:700; }

#kpnh-root .kpnh-onboard { min-height:198px; margin-top:20px; padding:28px; display:grid; grid-template-columns:42% 58%; align-items:center; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(31,50,81,.045); }
#kpnh-root .kpnh-onboard__copy h2 { margin:0 0 9px; font-size:26px; }
#kpnh-root .kpnh-onboard__copy p { max-width:660px; margin:0 0 17px; color:#667085; font-size:13px; line-height:1.55; }
#kpnh-root .kpnh-steps { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; }
#kpnh-root .kpnh-steps li { display:flex; flex-direction:column; align-items:center; text-align:center; }
#kpnh-root .kpnh-steps li > span { width:50px; height:50px; display:grid; place-items:center; border-radius:50%; background:#f4f7ff; color:var(--blue); font-size:25px; }
#kpnh-root .kpnh-steps b { margin-top:10px; font-size:19px; }
#kpnh-root .kpnh-steps small { color:#475467; font-size:11px; line-height:1.35; }

#kpnh-root .kpnh-quick { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; margin-top:20px; }
#kpnh-root .kpnh-quick__item { min-height:112px; padding:14px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 6px 18px rgba(31,50,81,.04); }
#kpnh-root .kpnh-quick__item > span { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; background:#eef4ff; color:var(--blue); }
#kpnh-root .kpnh-quick__item b { margin-top:7px; font-size:12px; }
#kpnh-root .kpnh-quick__item strong { margin-top:2px; color:#344054; font-size:11px; }
#kpnh-root .kpnh-quick__item small { margin-top:auto; color:var(--blue); font-size:10px; }

#kpnh-root .kpnh-materials { margin-top:28px; }
#kpnh-root .kpnh-materials > h2 { margin:0 0 14px; font-size:25px; }
#kpnh-root .kpnh-material-tabs { display:flex; gap:32px; min-height:39px; margin-bottom:16px; border-bottom:1px solid var(--line); overflow-x:auto; }
#kpnh-root .kpnh-material-tabs a { flex:0 0 auto; padding-bottom:11px; color:#475467; font-size:12px; }
#kpnh-root .kpnh-material-tabs a.is-active { color:var(--blue); border-bottom:2px solid var(--blue); }
#kpnh-root .kpnh-material-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
#kpnh-root .kpnh-card { min-width:0; height:430px; padding:14px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 7px 22px rgba(31,50,81,.045); }
#kpnh-root .kpnh-card__badges { height:23px; display:flex; gap:5px; overflow:hidden; }
#kpnh-root .kpnh-badge { padding:4px 7px; border-radius:999px; font-size:10px; font-weight:650; white-space:nowrap; }
#kpnh-root .kpnh-badge--blue { color:#1768f2; background:#eef4ff; } #kpnh-root .kpnh-badge--orange { color:#d97706; background:#fff7e8; } #kpnh-root .kpnh-badge--red { color:#dc2626; background:#fff0f0; } #kpnh-root .kpnh-badge--violet { color:#7c3aed; background:#f4efff; } #kpnh-root .kpnh-badge--cyan { color:#0369a1; background:#eefbff; } #kpnh-root .kpnh-badge--ok { color:#15803d; background:#edf9f1; }
#kpnh-root .kpnh-card__media { width:76px; height:76px; margin:8px 0 10px; display:grid; place-items:center; overflow:hidden; border-radius:10px; background:#f3f6fb; color:var(--blue); font-size:24px; font-weight:800; }
#kpnh-root .kpnh-card__media img { width:100%; height:100%; object-fit:contain; }
#kpnh-root .kpnh-card h3 { min-height:40px; margin:0 0 8px; display:-webkit-box; overflow:hidden; color:#101828; font-size:15px; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#kpnh-root .kpnh-card p { height:44px; margin:0 0 7px; display:-webkit-box; overflow:hidden; color:#667085; font-size:11px; line-height:1.55; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
#kpnh-root .kpnh-card__value { color:#101828; font-size:18px; }
#kpnh-root .kpnh-card__meta { margin-top:5px; color:#667085; font-size:11px; }
#kpnh-root .kpnh-card__owner { min-height:38px; margin-top:auto; padding-top:8px; display:flex; align-items:center; gap:7px; border-top:1px solid #edf1f6; }
#kpnh-root .kpnh-card__owner span { width:28px; height:28px; display:grid; place-items:center; border-radius:7px; background:#eef4ff; color:var(--blue); font-size:10px; font-weight:800; }
#kpnh-root .kpnh-card__owner b { max-width:calc(100% - 35px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#475467; font-size:10px; }
#kpnh-root .kpnh-card__action { min-height:34px; margin-top:9px; display:grid; place-items:center; border:1px solid #9ebeff; border-radius:6px; color:var(--blue); font-size:11px; font-weight:650; }
#kpnh-root .kpnh-show-more { width:360px; min-height:42px; margin:22px auto 10px; display:grid; place-items:center; border:1px solid #8db4ff; border-radius:7px; color:var(--blue)!important; font-size:12px; }
#kpnh-root .kpnh-materials__note { margin:0; color:#98a2b3; text-align:center; font-size:11px; }

#kpnh-root .kpnh-bottom-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:28px; }
#kpnh-root .kpnh-widget { height:300px; padding:18px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 7px 22px rgba(31,50,81,.045); }
#kpnh-root .kpnh-widget h2 { margin:0 0 12px; font-size:15px; }
#kpnh-root .kpnh-widget h2 small { float:right; color:#98a2b3; font-size:10px; font-weight:400; }
#kpnh-root .kpnh-widget > a:last-child { display:inline-block; margin-top:10px; color:var(--blue); font-size:11px; }
#kpnh-root .kpnh-rates p { margin:0; min-height:39px; display:grid; grid-template-columns:38px 1fr 55px 45px; align-items:center; gap:5px; color:#475467; font-size:11px; }
#kpnh-root .kpnh-rates p b { padding:4px; border-radius:5px; background:#f3f5f9; text-align:center; }
#kpnh-root .kpnh-rates p strong { color:#101828; text-align:right; }
#kpnh-root .kpnh-rates p em { color:#16a34a; font-style:normal; text-align:right; } #kpnh-root .kpnh-rates p em.down { color:#ef4444; }
#kpnh-root .kpnh-added { display:block; margin-bottom:10px; color:#16a34a; font-size:24px; } #kpnh-root .kpnh-added small { display:block; color:#98a2b3; font-size:10px; font-weight:400; }
#kpnh-root .kpnh-stat-row { margin:0; min-height:31px; display:grid; grid-template-columns:1fr auto 42px; align-items:center; color:#475467; font-size:11px; }
#kpnh-root .kpnh-stat-row em { color:#16a34a; font-style:normal; text-align:right; }
#kpnh-root .kpnh-widget-tabs { min-height:35px; margin:-6px -4px 10px; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); color:#98a2b3; font-size:11px; text-align:center; }
#kpnh-root .kpnh-widget-tabs b { color:var(--blue); border-bottom:2px solid var(--blue); }
#kpnh-root .kpnh-hot { min-height:48px; padding:7px 0; display:grid; grid-template-columns:48px 1fr; border-bottom:1px solid #edf1f6; }
#kpnh-root .kpnh-hot span { width:43px; padding:4px; align-self:start; border-radius:999px; background:#eef8f0; color:#15803d; font-size:9px; text-align:center; }
#kpnh-root .kpnh-hot b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
#kpnh-root .kpnh-hot small { grid-column:2; color:#98a2b3; font-size:9px; }
#kpnh-root .kpnh-newco { min-height:49px; display:flex; align-items:center; gap:8px; }
#kpnh-root .kpnh-newco > span { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#f3f5f9; color:#667085; font-size:10px; }
#kpnh-root .kpnh-newco b { font-size:11px; } #kpnh-root .kpnh-newco small { display:block; margin-top:2px; color:#98a2b3; font-size:9px; font-weight:400; }

#kpnh-root .kpnh-counter-strip { min-height:70px; margin-top:24px; display:grid; grid-template-columns:repeat(8,1fr); overflow:hidden; border:1px solid var(--line); border-radius:11px; background:#fafbfe; }
#kpnh-root .kpnh-counter-strip a { padding:14px; border-right:1px solid var(--line); }
#kpnh-root .kpnh-counter-strip span, #kpnh-root .kpnh-counter-strip b { display:block; }
#kpnh-root .kpnh-counter-strip span { color:#475467; font-size:10px; } #kpnh-root .kpnh-counter-strip b { margin-top:4px; color:var(--blue); font-size:14px; }

#kpnh-root .kpnh-footer { margin-top:0; padding:34px 0 0; border-top:1px solid var(--line); background:#fff; }
#kpnh-root .kpnh-footer__grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:80px; }
#kpnh-root .kpnh-footer__grid > div:first-child p { max-width:390px; margin:14px 0 17px; color:#667085; font-size:12px; line-height:1.6; }
#kpnh-root .kpnh-footer h3 { margin:0 0 12px; font-size:14px; }
#kpnh-root .kpnh-footer__grid > div:not(:first-child) > a { display:block; padding:5px 0; color:#667085; font-size:11px; }
#kpnh-root .kpnh-footer__socials { display:flex; gap:8px; margin-top:10px; }
#kpnh-root .kpnh-footer__socials a { width:29px; height:29px; display:grid!important; place-items:center; padding:0!important; border-radius:50%; background:#f3f5f9; color:#101828!important; font-weight:800; }
#kpnh-root .kpnh-footer__bottom { min-height:66px; margin-top:32px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:#98a2b3; font-size:10px; }

@media (max-width:1200px) {
  #kpnh-root .kpnh-nav { gap:16px; overflow-x:auto; justify-content:flex-start; }
  #kpnh-root .kpnh-nav a { font-size:12px; }
  #kpnh-root .kpnh-catalog__grid, #kpnh-root .kpnh-quick { grid-template-columns:repeat(4,1fr); }
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(3,1fr); }
  #kpnh-root .kpnh-bottom-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  #kpnh-root .kpnh-shell { padding:0 18px; }
  #kpnh-root .kpnh-toplinks > a:not(.kpnh-social) { display:none; }
  #kpnh-root .kpnh-nav { display:none; }
  #kpnh-root .kpnh-header__inner { justify-content:space-between; }
  #kpnh-root .kpnh-menu { display:block; }
  #kpnh-root .kpnh-hero { grid-template-columns:1fr; gap:18px; }
  #kpnh-root .kpnh-start { min-height:0; }
  #kpnh-root .kpnh-info-grid { grid-template-columns:repeat(2,1fr); }
  #kpnh-root .kpnh-promo { grid-template-columns:1fr; height:auto; }
  #kpnh-root .kpnh-promo__copy { padding:38px 58px; }
  #kpnh-root .kpnh-promo__visual { min-height:250px; }
  #kpnh-root .kpnh-onboard { grid-template-columns:1fr; gap:25px; }
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr 1fr; gap:40px; }
}

/* Compact ten-card materials showcase */
#kpnh-root .kpnh-materials {
  margin-top:34px;
  padding:24px;
  border:1px solid #dbe5f2;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,249,255,.96));
  box-shadow:0 14px 36px rgba(31,67,122,.07);
}
#kpnh-root .kpnh-materials__heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:10px;
}
#kpnh-root .kpnh-materials__heading div > span {
  display:block;
  margin-bottom:4px;
  color:#1768e8;
  font-size:13px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-materials__heading h2 {
  margin:0;
  color:#0f1f38;
  font-size:29px;
  line-height:1.16;
  letter-spacing:-.025em;
}
#kpnh-root .kpnh-materials__heading > strong {
  padding:8px 12px;
  border-radius:999px;
  background:#eaf2ff;
  color:#1768e8;
  font-size:13px;
  white-space:nowrap;
}
#kpnh-root .kpnh-material-tabs {
  min-height:45px;
  margin:0 0 18px;
  display:flex;
  gap:24px;
  border-bottom:1px solid #dfe7f2;
  overflow-x:auto;
  scrollbar-width:none;
}
#kpnh-root .kpnh-material-tabs::-webkit-scrollbar { display:none; }
#kpnh-root .kpnh-material-tabs button {
  position:relative;
  min-height:44px;
  padding:0 0 11px;
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#53647c;
  font:650 12px/1.2 Inter,Arial,sans-serif;
  cursor:pointer;
  transition:color .18s ease;
}
#kpnh-root .kpnh-material-tabs button::after {
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  border-radius:2px;
  background:#1768e8;
  transform:scaleX(0);
  transition:transform .18s ease;
}
#kpnh-root .kpnh-material-tabs button:hover,
#kpnh-root .kpnh-material-tabs button.is-active { color:#1768e8; }
#kpnh-root .kpnh-material-tabs button.is-active::after { transform:scaleX(1); }
#kpnh-root .kpnh-material-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
#kpnh-root .kpnh-card {
  min-width:0;
  min-height:430px;
  height:430px;
  padding:14px;
  border:1px solid #dce5f1;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:0 7px 20px rgba(35,62,104,.055);
}
#kpnh-root .kpnh-card[hidden] { display:none!important; }
#kpnh-root .kpnh-card::before { height:3px; }
#kpnh-root .kpnh-card--pink::before { background:#ec4899; }
#kpnh-root .kpnh-card--indigo::before { background:#6366f1; }
#kpnh-root .kpnh-card--sky::before { background:#0ea5e9; }
#kpnh-root .kpnh-card__badges { min-height:23px; height:23px; }
#kpnh-root .kpnh-badge {
  padding:4px 7px;
  font-size:11px;
  line-height:1;
}
#kpnh-root .kpnh-badge--pink { background:#fce7f3; color:#be185d; }
#kpnh-root .kpnh-badge--indigo { background:#eef2ff; color:#4f46e5; }
#kpnh-root .kpnh-badge--sky { background:#e0f2fe; color:#0369a1; }
#kpnh-root .kpnh-card__media,
#kpnh-root .kpnh-card--blue .kpnh-card__media {
  width:100%;
  height:92px;
  min-height:92px;
  margin:8px 0 10px;
  border-radius:11px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
#kpnh-root .kpnh-card--blue .kpnh-card__media { color:#1768e8; background:#edf4ff; }
#kpnh-root .kpnh-card--pink .kpnh-card__media { color:#db2777; background:#fdf2f8; }
#kpnh-root .kpnh-card--indigo .kpnh-card__media { color:#4f46e5; background:#eef2ff; }
#kpnh-root .kpnh-card--sky .kpnh-card__media { color:#0284c7; background:#f0f9ff; }
#kpnh-root .kpnh-card__media img {
  width:100%;
  height:100%;
  padding:0;
  object-fit:cover;
  transition:transform .28s ease;
}
#kpnh-root .kpnh-card:hover .kpnh-card__media img { transform:scale(1.04); }
#kpnh-root .kpnh-card h3 {
  min-height:40px;
  margin:0 0 7px;
  color:#13233c;
  font-size:16px;
  line-height:1.42;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-card p {
  height:48px;
  min-height:48px;
  margin:0 0 8px;
  color:#68778d;
  font-size:13px;
  line-height:1.45;
  -webkit-line-clamp:3;
}
#kpnh-root .kpnh-card__value {
  min-height:39px;
  margin:0;
  font-size:17px;
  line-height:1.28;
}
#kpnh-root .kpnh-card__value::before { margin-bottom:2px; font-size:11px; }
#kpnh-root .kpnh-card--pink .kpnh-card__value::before { content:"Публикация"; }
#kpnh-root .kpnh-card--indigo .kpnh-card__value::before { content:"Видео"; }
#kpnh-root .kpnh-card--sky .kpnh-card__value::before { content:"Раздел"; }
#kpnh-root .kpnh-card__meta {
  min-height:18px;
  margin-top:3px;
  font-size:12px;
}
#kpnh-root .kpnh-card__source {
  min-height:18px;
  margin-top:3px;
}
#kpnh-root .kpnh-card__source span { padding:3px 6px; font-size:10px; }
#kpnh-root .kpnh-card__owner {
  min-height:39px;
  margin-top:auto;
  padding-top:7px;
}
#kpnh-root .kpnh-card__owner span {
  width:26px;
  height:26px;
  flex-basis:26px;
  font-size:10px;
}
#kpnh-root .kpnh-card__owner b { font-size:11px; line-height:1.3; }
#kpnh-root .kpnh-card__action {
  min-height:36px;
  height:36px;
  margin-top:8px;
  flex:0 0 36px;
  justify-content:space-between;
  padding:0 12px;
  font-size:12px;
  font-weight:750;
}
#kpnh-root .kpnh-card__action i { font-style:normal; font-size:17px; }
#kpnh-root .kpnh-show-more {
  min-height:44px;
  margin:22px auto 10px;
  font-size:14px;
}
#kpnh-root .kpnh-materials__note { font-size:13px; }
@media (max-width:1180px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:920px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:680px) {
  #kpnh-root .kpnh-materials { padding:18px; }
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #kpnh-root .kpnh-materials__heading > strong { display:none; }
}
@media (max-width:430px) {
  #kpnh-root .kpnh-materials { padding:16px 12px; }
  #kpnh-root .kpnh-material-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-card { height:auto; min-height:420px; }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-topbar, #kpnh-root .kpnh-topbar__inner { height:36px; }
  #kpnh-root .kpnh-header, #kpnh-root .kpnh-header__inner { height:68px; }
  #kpnh-root .kpnh-brand__mark { width:40px; height:40px; font-size:17px; }
  #kpnh-root .kpnh-brand small { display:none; }
  #kpnh-root .kpnh-auth .kpnh-btn { display:none; }
  #kpnh-root .kpnh-main { padding-top:24px; }
  #kpnh-root .kpnh-hero,
  #kpnh-root .kpnh-hero__main,
  #kpnh-root .kpnh-tabs,
  #kpnh-root .kpnh-search,
  #kpnh-root .kpnh-recent { width:100%; min-width:0; max-width:100%; }
  #kpnh-root .kpnh-hero__main h1 { font-size:32px; }
  #kpnh-root .kpnh-hero__main h1 br { display:none; }
  #kpnh-root .kpnh-search { grid-template-columns:1fr; }
  #kpnh-root .kpnh-search button { height:44px; }
  #kpnh-root .kpnh-catalog__grid, #kpnh-root .kpnh-quick, #kpnh-root .kpnh-info-grid, #kpnh-root .kpnh-material-grid, #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-promo__copy { padding:35px 28px 20px; }
  #kpnh-root .kpnh-promo__visual { min-height:210px; }
  #kpnh-root .kpnh-laptop { left:12%; width:76%; height:190px; }
  #kpnh-root .kpnh-laptop__screen { height:165px; }
  #kpnh-root .kpnh-onboard { padding:20px; }
  #kpnh-root .kpnh-steps { grid-template-columns:1fr 1fr; gap:22px; }
  #kpnh-root .kpnh-card { height:390px; }
  #kpnh-root .kpnh-show-more { width:100%; }
  #kpnh-root .kpnh-counter-strip { grid-template-columns:repeat(2,1fr); }
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr; gap:28px; }
  #kpnh-root .kpnh-footer__bottom { align-items:flex-start; flex-direction:column; justify-content:center; gap:5px; }
}
@media (max-width:420px) {
  #kpnh-root .kpnh-catalog__grid, #kpnh-root .kpnh-quick, #kpnh-root .kpnh-info-grid, #kpnh-root .kpnh-material-grid, #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr; }
}

/* Task 1: isolated base scale, grid and visual system */
html { font-size:18px; }
body.kpnh-page {
  background:#f3f6fb;
  color:#0f172a;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#kpnh-root {
  --blue:#1768f2;
  --blue2:#0f56d9;
  --ink:#0f172a;
  --muted:#667085;
  --line:#dce4ef;
  --soft:#f3f6fb;
  --radius:14px;
  background:#f3f6fb;
  color:var(--ink);
  font-size:18px;
  line-height:1.5;
}
#kpnh-root .kpnh-sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#kpnh-root .kpnh-shell {
  width:100%;
  max-width:1360px;
  margin-inline:auto;
  padding-inline:24px;
}
#kpnh-root .kpnh-main { padding:42px 0 34px; }
#kpnh-root .kpnh-topbar,
#kpnh-root .kpnh-header,
#kpnh-root .kpnh-footer { background:#fff; }
#kpnh-root .kpnh-topbar { height:42px; }
#kpnh-root .kpnh-topbar__inner { height:42px; }
#kpnh-root .kpnh-city,
#kpnh-root .kpnh-toplinks { font-size:15px; }
#kpnh-root .kpnh-header,
#kpnh-root .kpnh-header__inner { height:88px; }
#kpnh-root .kpnh-brand b { font-size:20px; }
#kpnh-root .kpnh-brand small { font-size:14px; }
#kpnh-root .kpnh-nav { gap:clamp(18px,2vw,34px); }
#kpnh-root .kpnh-nav a { padding:31px 0 28px; font-size:16px; }

#kpnh-root .kpnh-hero { grid-template-columns:minmax(0,1fr) 330px; gap:42px; }
#kpnh-root .kpnh-hero__main h1 {
  margin:4px 0 24px;
  font-size:46px;
  line-height:1.12;
  letter-spacing:-.035em;
}
#kpnh-root .kpnh-tabs a,
#kpnh-root .kpnh-material-tabs a { font-size:15px; }
#kpnh-root .kpnh-search { border-radius:12px; }
#kpnh-root .kpnh-search input,
#kpnh-root .kpnh-search button { font-size:16px; }
#kpnh-root .kpnh-recent { font-size:14px; }
#kpnh-root .kpnh-start h2 { font-size:22px; }
#kpnh-root .kpnh-start p { font-size:16px; }
#kpnh-root .kpnh-start small { font-size:14px; }

#kpnh-root .kpnh-section,
#kpnh-root .kpnh-info,
#kpnh-root .kpnh-promo,
#kpnh-root .kpnh-onboard,
#kpnh-root .kpnh-quick__item,
#kpnh-root .kpnh-card,
#kpnh-root .kpnh-widget,
#kpnh-root .kpnh-start,
#kpnh-root .kpnh-counter-strip {
  border:1px solid var(--line);
  border-radius:14px;
  background-color:#fff;
  box-shadow:0 8px 24px rgba(27,45,75,.065);
}
#kpnh-root .kpnh-section { margin-top:28px; }
#kpnh-root .kpnh-section__head { min-height:58px; padding:16px 20px 10px; }
#kpnh-root .kpnh-section__head h2,
#kpnh-root .kpnh-info h2,
#kpnh-root .kpnh-widget h2 { font-size:20px; }
#kpnh-root .kpnh-section__head a,
#kpnh-root .kpnh-more { font-size:14px!important; }
#kpnh-root .kpnh-catalog__grid { gap:12px; padding:0 16px 18px; }
#kpnh-root .kpnh-cat { min-height:76px; padding:12px; border-radius:10px; }
#kpnh-root .kpnh-cat b { font-size:16px; }
#kpnh-root .kpnh-cat small { font-size:14px; color:var(--muted); }
#kpnh-root .kpnh-cat__icon,
#kpnh-root .kpnh-quick__item > span {
  border:1px solid #d8e6ff;
  background:#f1f6ff;
}

#kpnh-root .kpnh-info-grid { gap:16px; margin-top:18px; }
#kpnh-root .kpnh-info { height:268px; padding:20px; }
#kpnh-root .kpnh-info h2 { margin-bottom:12px; }
#kpnh-root .kpnh-info > a:not(.kpnh-more) { min-height:35px; font-size:15px; }
#kpnh-root .kpnh-promo { height:370px; }
#kpnh-root .kpnh-promo__copy h2 { font-size:30px; }
#kpnh-root .kpnh-promo__copy ul { font-size:16px; }
#kpnh-root .kpnh-float { font-size:14px; }
#kpnh-root .kpnh-promo__counter { font-size:15px; }

#kpnh-root .kpnh-onboard { min-height:220px; }
#kpnh-root .kpnh-onboard__copy h2,
#kpnh-root .kpnh-materials > h2 { font-size:28px; }
#kpnh-root .kpnh-onboard__copy p { font-size:16px; }
#kpnh-root .kpnh-steps small { font-size:14px; }
#kpnh-root .kpnh-quick { gap:12px; }
#kpnh-root .kpnh-quick__item { min-height:134px; padding:14px; }
#kpnh-root .kpnh-quick__item b { font-size:17px; }
#kpnh-root .kpnh-quick__item strong { font-size:15px; }
#kpnh-root .kpnh-quick__item small { font-size:14px; }

#kpnh-root .kpnh-material-grid { gap:16px; }
#kpnh-root .kpnh-card { height:500px; padding:16px; }
#kpnh-root .kpnh-badge { font-size:14px; }
#kpnh-root .kpnh-card__media { width:84px; height:84px; }
#kpnh-root .kpnh-card h3 { min-height:44px; font-size:18px; }
#kpnh-root .kpnh-card p { height:68px; font-size:16px; }
#kpnh-root .kpnh-card__value { font-size:20px; }
#kpnh-root .kpnh-card__meta,
#kpnh-root .kpnh-card__owner b { font-size:14px; }
#kpnh-root .kpnh-card__action { min-height:42px; font-size:15px; border-radius:8px; }
#kpnh-root .kpnh-show-more { min-height:44px; font-size:15px; border-radius:9px; }
#kpnh-root .kpnh-materials__note { font-size:14px; }

#kpnh-root .kpnh-bottom-grid { gap:16px; }
#kpnh-root .kpnh-widget { height:362px; padding:20px; }
#kpnh-root .kpnh-widget h2 small { font-size:14px; }
#kpnh-root .kpnh-widget > a:last-child { font-size:14px; }
#kpnh-root .kpnh-rates p,
#kpnh-root .kpnh-stat-row,
#kpnh-root .kpnh-widget-tabs { font-size:15px; }
#kpnh-root .kpnh-added small { font-size:14px; }
#kpnh-root .kpnh-hot { min-height:60px; grid-template-columns:62px 1fr; }
#kpnh-root .kpnh-hot span { width:56px; font-size:13px; }
#kpnh-root .kpnh-hot b { font-size:15px; }
#kpnh-root .kpnh-hot small { font-size:14px; }
#kpnh-root .kpnh-newco { min-height:61px; }
#kpnh-root .kpnh-newco b { font-size:15px; }
#kpnh-root .kpnh-newco small { font-size:14px; }
#kpnh-root .kpnh-counter-strip span { font-size:14px; }
#kpnh-root .kpnh-counter-strip b { font-size:17px; }

#kpnh-root .kpnh-footer { padding-top:40px; }
#kpnh-root .kpnh-footer__grid { gap:56px; }
#kpnh-root .kpnh-footer__grid > div:first-child p { font-size:16px; }
#kpnh-root .kpnh-footer h3 { font-size:20px; }
#kpnh-root .kpnh-footer__grid > div:not(:first-child) > a { font-size:15px; }
#kpnh-root .kpnh-footer__bottom { font-size:14px; }

#kpnh-root .kpnh-btn,
#kpnh-root .kpnh-search button,
#kpnh-root .kpnh-card__action,
#kpnh-root .kpnh-show-more {
  min-height:44px;
  border-radius:9px;
  font-size:16px;
  font-weight:600;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#kpnh-root .kpnh-btn { padding-inline:20px; }
#kpnh-root .kpnh-btn--primary,
#kpnh-root .kpnh-search button {
  color:#fff;
  border-color:var(--blue);
  background:var(--blue);
}
#kpnh-root .kpnh-btn--ghost,
#kpnh-root .kpnh-card__action,
#kpnh-root .kpnh-show-more {
  color:var(--blue);
  border-color:#94b8ff;
  background:#fff;
}
#kpnh-root .kpnh-btn:hover,
#kpnh-root .kpnh-search button:hover,
#kpnh-root .kpnh-card__action:hover,
#kpnh-root .kpnh-show-more:hover { transform:translateY(-1px); }
#kpnh-root .kpnh-btn--primary:hover,
#kpnh-root .kpnh-search button:hover { background:var(--blue2); }
#kpnh-root .kpnh-btn--ghost:hover,
#kpnh-root .kpnh-card__action:hover,
#kpnh-root .kpnh-show-more:hover { background:#f4f8ff; border-color:var(--blue); }
#kpnh-root .kpnh-btn:active,
#kpnh-root .kpnh-search button:active,
#kpnh-root .kpnh-card__action:active,
#kpnh-root .kpnh-show-more:active { transform:translateY(0); }
#kpnh-root :where(a,button,input):focus-visible {
  outline:3px solid rgba(23,104,242,.25);
  outline-offset:2px;
}

@media (max-width:900px) {
  #kpnh-root .kpnh-shell { padding-inline:18px; }
  #kpnh-root .kpnh-hero__main h1 { font-size:40px; }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-hero__main h1 { font-size:34px; }
  #kpnh-root .kpnh-card { height:470px; }
}

/* Task 2: service bar, primary header and search hero */
#kpnh-root .kpnh-topbar,
#kpnh-root .kpnh-topbar__inner {
  height:34px;
  min-height:34px;
}
#kpnh-root .kpnh-topbar {
  border-bottom:1px solid #e7edf5;
}
#kpnh-root .kpnh-city {
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:3px;
  color:#586579;
  font-size:14px;
  line-height:1;
}
#kpnh-root .kpnh-city span {
  display:inline-grid;
  place-items:center;
  margin-right:3px;
  color:var(--blue);
}
#kpnh-root .kpnh-toplinks {
  height:100%;
  gap:16px;
  color:#475467;
  font-size:14px;
}
#kpnh-root .kpnh-toplinks > a {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  white-space:nowrap;
}
#kpnh-root .kpnh-social {
  width:26px;
  height:26px;
  min-height:26px!important;
  flex:0 0 26px;
  border:1px solid #e5eaf1;
  background:#f7f9fc;
  font-size:12px;
}

#kpnh-root .kpnh-header,
#kpnh-root .kpnh-header__inner {
  height:74px;
  min-height:74px;
}
#kpnh-root .kpnh-header {
  border-bottom:1px solid #dce4ef;
  box-shadow:0 2px 10px rgba(30,50,80,.025);
}
#kpnh-root .kpnh-header__inner {
  gap:28px;
}
#kpnh-root .kpnh-brand {
  min-width:218px;
  gap:11px;
}
#kpnh-root .kpnh-brand__mark {
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:9px;
  font-size:19px;
  box-shadow:0 7px 18px rgba(23,104,242,.2);
}
#kpnh-root .kpnh-brand b {
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.015em;
}
#kpnh-root .kpnh-brand small {
  margin-top:3px;
  font-size:13px;
  line-height:1.28;
}
#kpnh-root .kpnh-nav {
  gap:clamp(18px,1.7vw,28px);
}
#kpnh-root .kpnh-nav a {
  height:74px;
  padding:0;
  display:inline-flex;
  align-items:center;
  border-bottom-width:2px;
  font-size:15px;
  font-weight:500;
}
#kpnh-root .kpnh-nav a:hover {
  color:var(--blue);
}
#kpnh-root .kpnh-auth {
  gap:10px;
}
#kpnh-root .kpnh-auth .kpnh-btn {
  min-height:42px;
  padding-inline:18px;
}
#kpnh-root .kpnh-bell { position:relative; z-index:80; }
#kpnh-root .kpnh-bell__button {
  position:relative;
  width:40px;
  height:40px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #d8e2ef;
  border-radius:9px;
  background:#fff;
  color:#33445e;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(31,59,103,.06);
  transition:border-color .16s ease,color .16s ease,background-color .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-header .kpnh-menu {
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  border-radius:9px;
  box-sizing:border-box;
}
#kpnh-root .kpnh-bell__button:hover,#kpnh-root .kpnh-bell.is-open .kpnh-bell__button { transform:translateY(-1px); border-color:#9cbbef; background:#f3f7ff; color:#1768e8; }
#kpnh-root .kpnh-bell__button > svg { width:20px; height:20px; }
#kpnh-root .kpnh-bell__button > span {
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
#kpnh-root .kpnh-bell__button > span[hidden] { display:none!important; }
#kpnh-root .kpnh-bell__panel {
  position:absolute;
  z-index:90;
  top:calc(100% + 12px);
  right:0;
  width:370px;
  overflow:hidden;
  border:1px solid #d6e1ef;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 58px rgba(23,53,98,.2);
  backdrop-filter:blur(14px);
  animation:kpnhNotificationIn .18s ease both;
}
#kpnh-root .kpnh-bell__panel[hidden] { display:none!important; }
@keyframes kpnhNotificationIn { from { opacity:0; transform:translateY(-6px) scale(.98); } to { opacity:1; transform:none; } }
#kpnh-root .kpnh-bell__head { min-height:54px; padding:11px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e7edf5; background:linear-gradient(135deg,#fff,#f4f8ff); }
#kpnh-root .kpnh-bell__head > div { display:flex; align-items:center; gap:8px; }
#kpnh-root .kpnh-bell__head svg { width:18px; height:18px; color:#1768e8; }
#kpnh-root .kpnh-bell__head b { color:#17263e; font-size:16px; }
#kpnh-root .kpnh-bell__head a { color:#1768e8; font-size:12px; font-weight:750; }
#kpnh-root .kpnh-bell__list { max-height:390px; overflow-y:auto; }
#kpnh-root .kpnh-bell__item {
  width:100%;
  min-height:78px;
  padding:11px 13px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:0;
  border-bottom:1px solid #edf1f6;
  background:#fff;
  text-align:left;
  cursor:pointer;
}
#kpnh-root .kpnh-bell__item:hover { background:#f6f9fe; }
#kpnh-root .kpnh-bell__avatar { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; overflow:hidden; border-radius:10px; background:#eaf2ff; color:#1768e8; }
#kpnh-root .kpnh-bell__avatar img { width:100%; height:100%; object-fit:cover; }
#kpnh-root .kpnh-bell__avatar svg { width:18px; height:18px; }
#kpnh-root .kpnh-bell__body { min-width:0; flex:1; display:block; }
#kpnh-root .kpnh-bell__body > b { display:block; overflow:hidden; color:#26354d; font-size:13px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-bell__body > span { margin-top:3px; display:-webkit-box; overflow:hidden; color:#64738a; font-size:11px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#kpnh-root .kpnh-bell__body small { margin-top:6px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#8a96a8; font-size:10px; }
#kpnh-root .kpnh-bell__body small i { padding:3px 6px; border-radius:999px; background:#eaf2ff; color:#1768e8; font-style:normal; font-weight:750; }
#kpnh-root .kpnh-bell__empty { min-height:130px; padding:24px; display:grid; place-items:center; color:#7d899b; font-size:13px; text-align:center; }
@media (max-width:620px) {
  #kpnh-root .kpnh-bell__button { width:40px; height:40px; }
  #kpnh-root .kpnh-bell__panel { position:fixed; top:112px; right:12px; left:12px; width:auto; }
}

#kpnh-root .kpnh-main {
  padding-top:34px;
}
#kpnh-root .kpnh-hero {
  grid-template-columns:minmax(0,1fr) 296px;
  gap:32px;
  align-items:stretch;
}
#kpnh-root .kpnh-hero__main {
  min-width:0;
  padding-top:1px;
}
#kpnh-root .kpnh-hero__main h1 {
  max-width:850px;
  margin:0 0 22px;
  font-size:48px;
  font-weight:750;
  line-height:1.1;
  letter-spacing:-.04em;
}
#kpnh-root .kpnh-tabs {
  min-height:44px;
  gap:clamp(18px,2vw,30px);
}
#kpnh-root .kpnh-tabs a {
  min-height:44px;
  padding:0 0 13px;
  display:inline-flex;
  align-items:flex-end;
  font-size:15px;
  font-weight:500;
}
#kpnh-root .kpnh-tabs a.is-active {
  border-bottom-width:2px;
  font-weight:600;
}
#kpnh-root .kpnh-search {
  height:56px;
  margin-top:14px;
  padding:4px;
  grid-template-columns:minmax(0,1fr) 124px;
  gap:6px;
  border-color:#d4deeb;
  border-radius:12px;
  box-shadow:0 6px 20px rgba(34,55,88,.07);
}
#kpnh-root .kpnh-search:focus-within {
  border-color:#8cb3ff;
  box-shadow:0 0 0 3px rgba(23,104,242,.11),0 7px 22px rgba(34,55,88,.08);
}
#kpnh-root .kpnh-search input {
  width:100%;
  height:46px;
  padding:0 16px;
  font-size:16px;
}
#kpnh-root .kpnh-search button {
  width:124px;
  min-height:46px;
  height:46px;
  border-radius:8px;
  font-size:16px;
}
#kpnh-root .kpnh-recent {
  min-height:32px;
  margin-top:12px;
  gap:7px;
  color:#667085;
  font-size:14px;
}
#kpnh-root .kpnh-recent b {
  margin-right:3px;
  color:#344054;
  font-weight:600;
}
#kpnh-root .kpnh-recent a {
  padding:6px 11px;
  border-color:#e0e6ee;
  background:#eef2f7;
  color:#526074;
  line-height:1.15;
}
#kpnh-root .kpnh-recent a:hover {
  border-color:#bfd2f5;
  background:#e8f0ff;
  color:var(--blue);
}
#kpnh-root .kpnh-start {
  width:296px;
  min-height:100%;
  padding:24px 23px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  border-radius:14px;
}
#kpnh-root .kpnh-start h2 {
  margin:0 0 13px;
  font-size:22px;
  line-height:1.25;
}
#kpnh-root .kpnh-start p {
  margin:0 0 18px;
  font-size:16px;
  line-height:1.55;
}
#kpnh-root .kpnh-start .kpnh-btn {
  width:100%;
  min-height:44px;
}
#kpnh-root .kpnh-start small {
  margin-top:14px;
  font-size:14px;
}

@media (max-width:1200px) {
  #kpnh-root .kpnh-header__inner { gap:20px; }
  #kpnh-root .kpnh-brand { min-width:190px; }
  #kpnh-root .kpnh-nav { gap:16px; }
  #kpnh-root .kpnh-nav a { font-size:14px; }
}
@media (max-width:900px) {
  #kpnh-root .kpnh-header,
  #kpnh-root .kpnh-header__inner { height:70px; min-height:70px; }
  #kpnh-root .kpnh-hero { grid-template-columns:1fr; gap:20px; }
  #kpnh-root .kpnh-start { width:100%; min-height:220px; }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-topbar,
  #kpnh-root .kpnh-topbar__inner { height:34px; min-height:34px; }
  #kpnh-root .kpnh-toplinks { gap:7px; }
  #kpnh-root .kpnh-social { width:24px; height:24px; flex-basis:24px; }
  #kpnh-root .kpnh-hero__main h1 { font-size:36px; line-height:1.12; }
  #kpnh-root .kpnh-search { height:auto; grid-template-columns:1fr; padding:5px; }
  #kpnh-root .kpnh-search button { width:100%; }
}

/* Task 3: catalog, information selections and feature slider */
#kpnh-root .kpnh-catalog { margin-top:30px; padding-bottom:0; overflow:hidden; }
#kpnh-root .kpnh-catalog .kpnh-section__head { min-height:60px; padding:17px 20px 11px; }
#kpnh-root .kpnh-catalog .kpnh-section__head h2 { font-size:21px; }
#kpnh-root .kpnh-catalog__grid {
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:12px;
  padding:0 16px 18px;
}
#kpnh-root .kpnh-cat {
  min-height:80px;
  height:80px;
  padding:12px;
  gap:10px;
  border-color:#dce4ef;
  border-radius:11px;
  box-shadow:0 3px 10px rgba(31,50,81,.025);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
#kpnh-root .kpnh-cat:hover {
  transform:translateY(-2px);
  border-color:#94b8ff;
  background:#fbfdff;
  box-shadow:0 8px 18px rgba(23,104,242,.1);
}
#kpnh-root .kpnh-cat:focus-visible { border-color:var(--blue); }
#kpnh-root .kpnh-cat__icon {
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:0;
  border-radius:10px;
  font-size:20px;
}
#kpnh-root .kpnh-cat:nth-child(1) .kpnh-cat__icon { color:#2563eb; background:#eaf2ff; }
#kpnh-root .kpnh-cat:nth-child(2) .kpnh-cat__icon { color:#ea580c; background:#fff1e8; }
#kpnh-root .kpnh-cat:nth-child(3) .kpnh-cat__icon { color:#7c3aed; background:#f2ebff; }
#kpnh-root .kpnh-cat:nth-child(4) .kpnh-cat__icon { color:#078273; background:#e8f8f4; }
#kpnh-root .kpnh-cat:nth-child(5) .kpnh-cat__icon { color:#db2777; background:#ffedf5; }
#kpnh-root .kpnh-cat:nth-child(6) .kpnh-cat__icon { color:#e11d48; background:#ffedf0; }
#kpnh-root .kpnh-cat:nth-child(7) .kpnh-cat__icon { color:#4f46e5; background:#eeefff; }
#kpnh-root .kpnh-cat:nth-child(8) .kpnh-cat__icon { color:#0284c7; background:#eaf7ff; }
#kpnh-root .kpnh-cat b { font-size:16px; line-height:1.2; }
#kpnh-root .kpnh-cat small { margin-top:4px; font-size:14px; line-height:1.2; }

#kpnh-root .kpnh-info-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
  align-items:stretch;
}
#kpnh-root .kpnh-info {
  height:250px;
  padding:20px;
  display:flex;
  flex-direction:column;
}
#kpnh-root .kpnh-info h2 { margin:0 0 10px; font-size:20px; line-height:1.25; }
#kpnh-root .kpnh-info > a:not(.kpnh-more) {
  min-height:34px;
  padding:2px 0;
  flex:0 0 auto;
  border-bottom:1px solid #edf1f6;
  font-size:15px;
  line-height:1.3;
}
#kpnh-root .kpnh-info > a:not(.kpnh-more):last-of-type { border-bottom:0; }
#kpnh-root .kpnh-info > a b {
  min-width:44px;
  color:#344054;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
#kpnh-root .kpnh-info .kpnh-more {
  margin-top:auto;
  padding-top:10px;
  font-size:14px!important;
}

#kpnh-root .kpnh-promo {
  position:relative;
  isolation:isolate;
  height:310px;
  min-height:310px;
  margin-top:20px;
  display:block;
  overflow:hidden;
  border:1px solid #d8e3f1;
  border-radius:16px;
  background:linear-gradient(105deg,#edf4ff 0%,#f8fbff 56%,#e9f1ff 100%);
  box-shadow:0 10px 28px rgba(31,60,110,.08);
}
#kpnh-root .kpnh-promo__image {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
#kpnh-root .kpnh-promo::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,#f3f7ff 0%,#f3f7ff 36%,rgba(243,247,255,.96) 43%,rgba(243,247,255,.42) 56%,rgba(243,247,255,0) 70%);
  pointer-events:none;
}
#kpnh-root .kpnh-promo__copy {
  position:relative;
  z-index:3;
  width:52%;
  height:100%;
  padding:45px 42px 42px 74px;
}
#kpnh-root .kpnh-promo__copy h2 { max-width:500px; margin:0 0 12px; font-size:32px; line-height:1.15; }
#kpnh-root .kpnh-promo__copy ul { margin-bottom:16px; font-size:15px; line-height:1.65; }
#kpnh-root .kpnh-promo__copy .kpnh-btn { min-height:42px; }
#kpnh-root .kpnh-promo__visual { display:none; }
#kpnh-root .kpnh-promo__arrow {
  z-index:5;
  left:18px;
  width:46px;
  height:46px;
  border-color:#d8e3f1;
  font-size:29px;
  box-shadow:0 7px 18px rgba(31,50,81,.1);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#kpnh-root .kpnh-promo__arrow:hover {
  transform:translateY(-50%) scale(1.04);
  border-color:#9fbdff;
  box-shadow:0 9px 22px rgba(23,104,242,.14);
}
#kpnh-root .kpnh-promo__arrow--next { right:18px; left:auto; }
#kpnh-root .kpnh-promo__counter {
  z-index:5;
  top:18px;
  right:24px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:#344054;
  font-size:14px;
  font-variant-numeric:tabular-nums;
  backdrop-filter:blur(5px);
}
#kpnh-root .kpnh-promo__dots {
  position:absolute;
  z-index:5;
  bottom:13px;
  left:50%;
  display:flex;
  align-items:center;
  gap:6px;
  transform:translateX(-50%);
}
#kpnh-root .kpnh-promo__dots i { width:6px; height:6px; border-radius:99px; background:#c5d3e8; }
#kpnh-root .kpnh-promo__dots i.is-active { width:18px; background:var(--blue); }

@media (max-width:1200px) {
  #kpnh-root .kpnh-catalog__grid { grid-template-columns:repeat(4,1fr); }
  #kpnh-root .kpnh-promo__copy { padding-left:66px; }
}
@media (max-width:900px) {
  #kpnh-root .kpnh-info-grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-promo { height:300px; min-height:300px; }
  #kpnh-root .kpnh-promo__copy { width:65%; padding:38px 58px; }
  #kpnh-root .kpnh-promo__copy h2 { font-size:29px; }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-catalog__grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-info-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-info { height:auto; min-height:250px; }
  #kpnh-root .kpnh-promo { height:410px; min-height:410px; }
  #kpnh-root .kpnh-promo__image { object-position:72% center; }
  #kpnh-root .kpnh-promo::after { background:linear-gradient(180deg,#f3f7ff 0%,rgba(243,247,255,.97) 52%,rgba(243,247,255,.22) 82%); }
  #kpnh-root .kpnh-promo__copy { width:100%; height:auto; padding:34px 34px 20px 52px; }
  #kpnh-root .kpnh-promo__copy h2 { font-size:27px; }
  #kpnh-root .kpnh-promo__copy ul { font-size:14px; }
}

/* Task 4: company onboarding and primary section shortcuts */
#kpnh-root .kpnh-onboard {
  min-height:220px;
  margin-top:22px;
  padding:28px 30px;
  grid-template-columns:minmax(0,42%) minmax(0,58%);
  gap:28px;
  align-items:center;
  border-radius:16px;
  border-color:#dce5f1;
  background:
    radial-gradient(circle at 82% 22%,rgba(76,132,255,.075),transparent 24%),
    linear-gradient(115deg,#fff 0%,#fff 55%,#f8fbff 100%);
  box-shadow:0 12px 30px rgba(31,61,108,.07);
}
#kpnh-root .kpnh-onboard__copy {
  min-width:0;
  align-self:center;
}
#kpnh-root .kpnh-onboard__copy h2 {
  margin:0 0 10px;
  font-size:29px;
  line-height:1.2;
  letter-spacing:-.025em;
}
#kpnh-root .kpnh-onboard__copy p {
  max-width:560px;
  margin:0 0 20px;
  font-size:16px;
  line-height:1.6;
}
#kpnh-root .kpnh-onboard__copy .kpnh-btn {
  min-height:44px;
  margin-right:8px;
  padding-inline:18px;
}
#kpnh-root .kpnh-steps {
  position:relative;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
#kpnh-root .kpnh-steps::before {
  content:"";
  position:absolute;
  z-index:0;
  top:23px;
  right:12%;
  left:12%;
  height:1px;
  background:linear-gradient(90deg,transparent,#c9dafa 15%,#c9dafa 85%,transparent);
}
#kpnh-root .kpnh-steps li {
  position:relative;
  z-index:1;
  min-width:0;
}
#kpnh-root .kpnh-steps li > span {
  position:relative;
  width:54px;
  height:54px;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
#kpnh-root .kpnh-steps li > span::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-7px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(63,121,255,.13),rgba(63,121,255,0) 68%);
  pointer-events:none;
}
#kpnh-root .kpnh-steps li:hover > span { transform:translateY(-4px) scale(1.05); }
#kpnh-root .kpnh-steps li > span svg { position:relative; z-index:1; width:31px; height:31px; display:block; }
#kpnh-root .kpnh-steps li:nth-child(2) > span,
#kpnh-root .kpnh-steps li:nth-child(3) > span,
#kpnh-root .kpnh-steps li:nth-child(4) > span { color:#3677f5; background:transparent; border-color:transparent; }
#kpnh-root .kpnh-steps b {
  margin-top:11px;
  color:#101828;
  font-size:20px;
  line-height:1;
}
#kpnh-root .kpnh-steps small {
  max-width:130px;
  margin-top:6px;
  color:#475467;
  font-size:13px;
  font-weight:550;
  line-height:1.42;
}

#kpnh-root .kpnh-quick {
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
#kpnh-root .kpnh-quick__item {
  position:relative;
  min-height:136px;
  height:136px;
  padding:14px 13px 12px;
  overflow:hidden;
  border-color:#dfe6f0;
  border-radius:13px;
  background:linear-gradient(150deg,#fff 35%,#fbfdff 100%);
  box-shadow:0 7px 20px rgba(31,50,81,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-quick__item:hover {
  transform:translateY(-4px);
  border-color:#a6c1f5;
  box-shadow:0 11px 24px rgba(23,104,242,.11);
}
#kpnh-root .kpnh-quick__item > span {
  width:44px;
  height:44px;
  border:0;
  border-radius:11px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
  transition:transform .2s ease;
}
#kpnh-root .kpnh-quick__item:hover > span { transform:rotate(-3deg) scale(1.06); }
#kpnh-root .kpnh-quick__item > span svg { width:23px; height:23px; display:block; }
#kpnh-root .kpnh-quick__item:nth-child(1) > span { color:#2563eb; background:#eaf2ff; }
#kpnh-root .kpnh-quick__item:nth-child(2) > span { color:#ea580c; background:#fff1e8; }
#kpnh-root .kpnh-quick__item:nth-child(3) > span { color:#7c3aed; background:#f2ebff; }
#kpnh-root .kpnh-quick__item:nth-child(4) > span { color:#078273; background:#e8f8f4; }
#kpnh-root .kpnh-quick__item:nth-child(5) > span { color:#db2777; background:#ffedf5; }
#kpnh-root .kpnh-quick__item:nth-child(6) > span { color:#e11d48; background:#ffedf0; }
#kpnh-root .kpnh-quick__item:nth-child(7) > span { color:#4f46e5; background:#eeefff; }
#kpnh-root .kpnh-quick__item:nth-child(8) > span { color:#0284c7; background:#eaf7ff; }
#kpnh-root .kpnh-quick__item b {
  min-height:19px;
  margin-top:8px;
  color:#101828;
  font-size:15px;
  font-weight:750;
  line-height:1.2;
}
#kpnh-root .kpnh-quick__item strong {
  min-height:28px;
  margin-top:2px;
  color:#6b778c;
  font-size:12px;
  font-weight:550;
  line-height:1.3;
}
#kpnh-root .kpnh-quick__item small {
  margin-top:auto;
  color:var(--blue);
  display:flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}
#kpnh-root .kpnh-quick__item small i { font-style:normal; transition:transform .18s ease; }
#kpnh-root .kpnh-quick__item:hover small i { transform:translateX(3px); }

@media (max-width:1200px) {
  #kpnh-root .kpnh-onboard { grid-template-columns:1fr; gap:26px; }
  #kpnh-root .kpnh-quick { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-onboard { padding:24px 20px; }
  #kpnh-root .kpnh-onboard__copy h2 { font-size:26px; }
  #kpnh-root .kpnh-onboard__copy .kpnh-btn { width:100%; margin:0 0 9px; }
  #kpnh-root .kpnh-steps { grid-template-columns:1fr 1fr; gap:24px 14px; }
  #kpnh-root .kpnh-steps::before { display:none; }
  #kpnh-root .kpnh-steps small { max-width:145px; }
  #kpnh-root .kpnh-quick { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-quick__item { height:136px; }
}
@media (max-width:420px) {
  #kpnh-root .kpnh-quick { grid-template-columns:1fr; }
  #kpnh-root .kpnh-quick__item { height:136px; }
}

/* Task 5: actual materials feed and unified material cards */
#kpnh-root .kpnh-materials { margin-top:30px; }
#kpnh-root .kpnh-materials > h2 {
  margin:0 0 16px;
  font-size:30px;
  line-height:1.2;
  letter-spacing:-.025em;
}
#kpnh-root .kpnh-material-tabs {
  min-height:46px;
  margin-bottom:18px;
  gap:clamp(22px,2.5vw,38px);
}
#kpnh-root .kpnh-material-tabs a {
  min-height:46px;
  padding:0 0 13px;
  display:inline-flex;
  align-items:flex-end;
  font-size:15px;
  font-weight:500;
}
#kpnh-root .kpnh-material-tabs a.is-active { border-bottom-width:2px; font-weight:650; }
#kpnh-root .kpnh-material-grid {
  grid-template-columns:repeat(5,minmax(230px,1fr));
  gap:16px;
  align-items:stretch;
}
#kpnh-root .kpnh-card {
  position:relative;
  height:auto;
  min-height:560px;
  padding:16px;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(31,50,81,.065);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#kpnh-root .kpnh-card:hover {
  transform:translateY(-3px);
  border-color:#b4c9ed;
  box-shadow:0 13px 30px rgba(31,70,130,.12);
}
#kpnh-root .kpnh-card::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:#4f7ff0;
}
#kpnh-root .kpnh-card--orange::before { background:#f59e0b; }
#kpnh-root .kpnh-card--red::before { background:#f06464; }
#kpnh-root .kpnh-card--violet::before { background:#7c5ce7; }
#kpnh-root .kpnh-card--cyan::before { background:#0ea5b7; }
#kpnh-root .kpnh-card__badges {
  height:28px;
  min-height:28px;
  gap:6px;
  align-items:center;
}
#kpnh-root .kpnh-badge { padding:5px 8px; font-size:13px; line-height:1; }
#kpnh-root .kpnh-card__media {
  width:100%;
  height:150px;
  min-height:150px;
  margin:9px 0 13px;
  border:1px solid #e7edf5;
  border-radius:12px;
  background:linear-gradient(145deg,#f7f9fc,#edf2f8);
  font-size:34px;
}
#kpnh-root .kpnh-card__media img { width:100%; height:100%; padding:8px; object-fit:contain; }
#kpnh-root .kpnh-card--blue .kpnh-card__media {
  width:92px;
  height:92px;
  min-height:92px;
  margin-bottom:14px;
  border-radius:14px;
  color:#2563eb;
  background:#edf4ff;
}
#kpnh-root .kpnh-card--orange .kpnh-card__media { background:linear-gradient(145deg,#fffaf0,#fff2d9); }
#kpnh-root .kpnh-card--red .kpnh-card__media { color:#e55353; background:#fff2f2; }
#kpnh-root .kpnh-card--violet .kpnh-card__media { color:#6d4ed8; background:#f4f1ff; }
#kpnh-root .kpnh-card--cyan .kpnh-card__media { color:#078b99; background:#eefbfd; }
#kpnh-root .kpnh-card h3 {
  min-height:47px;
  margin:0 0 9px;
  font-size:18px;
  font-weight:700;
  line-height:1.42;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-card p {
  height:61px;
  min-height:61px;
  margin:0 0 11px;
  color:#667085;
  font-size:15px;
  line-height:1.55;
  -webkit-line-clamp:3;
}
#kpnh-root .kpnh-card__value::before {
  content:"О компании";
  display:block;
  margin-bottom:3px;
  color:#98a2b3;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.045em;
}
#kpnh-root .kpnh-card--orange .kpnh-card__value::before { content:"Цена"; }
#kpnh-root .kpnh-card--red .kpnh-card__value::before { content:"Бюджет"; }
#kpnh-root .kpnh-card--violet .kpnh-card__value::before { content:"НМЦК"; }
#kpnh-root .kpnh-card--cyan .kpnh-card__value::before { content:"Зарплата"; }
#kpnh-root .kpnh-card__value {
  display:block;
  min-height:45px;
  margin-top:2px;
  color:#101828;
  font-size:20px;
  line-height:1.35;
}
#kpnh-root .kpnh-card--orange .kpnh-card__value { color:#b45309; }
#kpnh-root .kpnh-card--red .kpnh-card__value { color:#c2413b; }
#kpnh-root .kpnh-card--violet .kpnh-card__value { color:#5b3cc4; }
#kpnh-root .kpnh-card--cyan .kpnh-card__value { color:#087d8a; }
#kpnh-root .kpnh-card__meta {
  min-height:21px;
  margin-top:5px;
  display:flex;
  align-items:center;
  color:#667085;
  font-size:14px;
  line-height:1.35;
}
#kpnh-root .kpnh-card__source {
  min-height:24px;
  margin-top:6px;
  display:flex;
  gap:6px;
}
#kpnh-root .kpnh-card__source span {
  padding:4px 7px;
  border-radius:999px;
  background:#f1edff;
  color:#6747cc;
  font-size:12px;
  font-weight:650;
}
#kpnh-root .kpnh-card__owner {
  min-height:48px;
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid #e9eef5;
}
#kpnh-root .kpnh-card__owner span {
  width:30px;
  height:30px;
  flex:0 0 30px;
  font-size:11px;
}
#kpnh-root .kpnh-card__owner b {
  display:-webkit-box;
  max-width:none;
  overflow:hidden;
  white-space:normal;
  font-size:13px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-card__action {
  min-height:42px;
  height:42px;
  margin-top:11px;
  flex:0 0 42px;
  border-radius:9px;
  font-size:15px;
}
#kpnh-root .kpnh-card--red .kpnh-card__action {
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
  box-shadow:0 6px 15px rgba(23,104,242,.16);
}
#kpnh-root .kpnh-card--red .kpnh-card__action:hover { background:var(--blue2); }
#kpnh-root .kpnh-show-more {
  width:min(100%,420px);
  min-height:48px;
  margin:26px auto 12px;
  border-width:1px;
  border-radius:10px;
  font-size:16px;
  font-weight:650;
}
#kpnh-root .kpnh-show-more:hover { box-shadow:0 7px 18px rgba(23,104,242,.11); }
#kpnh-root .kpnh-show-more.is-loading,
#kpnh-root .kpnh-show-more[aria-busy="true"] {
  pointer-events:none;
  opacity:.72;
  cursor:wait;
}
#kpnh-root .kpnh-show-more.is-loading::after,
#kpnh-root .kpnh-show-more[aria-busy="true"]::after {
  content:"";
  width:15px;
  height:15px;
  margin-left:9px;
  border:2px solid #b9cdf5;
  border-top-color:var(--blue);
  border-radius:50%;
  animation:kpnh-spin .8s linear infinite;
}
#kpnh-root .kpnh-show-more.is-disabled,
#kpnh-root .kpnh-show-more[aria-disabled="true"],
#kpnh-root .kpnh-show-more.is-empty {
  pointer-events:none;
  border-color:#d7dee8;
  background:#f2f4f7;
  color:#98a2b3!important;
}
#kpnh-root .kpnh-materials__note {
  max-width:780px;
  margin:0 auto;
  color:#7a8799;
  font-size:15px;
  line-height:1.5;
}
@keyframes kpnh-spin { to { transform:rotate(360deg); } }

@media (max-width:1280px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(4,minmax(230px,1fr)); }
}
@media (max-width:1000px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(3,minmax(220px,1fr)); }
}
@media (max-width:760px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:1fr 1fr; }
}

@media (min-width:761px) and (max-width:1100px) {
  #kpnh-root .kpnh-hero h1 {
    max-width:760px!important;
    font-size:clamp(36px,4.3vw,44px)!important;
    line-height:1.13!important;
    letter-spacing:-.035em!important;
    text-wrap:balance;
  }
  #kpnh-root .kpnh-hero h1 br { display:none!important; }
}
@media (max-width:520px) {
  #kpnh-root .kpnh-materials > h2 { font-size:27px; }
  #kpnh-root .kpnh-material-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-card { height:auto; min-height:550px; }
}

/* Task 6: lower information area, footer and final responsive pass */
#kpnh-root .kpnh-bottom-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:32px;
  align-items:stretch;
}
#kpnh-root .kpnh-widget {
  height:370px;
  min-height:370px;
  padding:20px;
  display:flex;
  flex-direction:column;
  border-radius:14px;
}
#kpnh-root .kpnh-widget h2 {
  margin:0 0 14px;
  font-size:20px;
  line-height:1.3;
}
#kpnh-root .kpnh-widget h2 small {
  max-width:110px;
  font-size:13px;
  line-height:1.35;
  text-align:right;
}
#kpnh-root .kpnh-widget > a:last-child {
  margin-top:auto;
  padding-top:10px;
  font-size:14px;
  font-weight:600;
}
#kpnh-root .kpnh-rates p {
  min-height:50px;
  grid-template-columns:40px minmax(0,1fr) 62px 49px;
  gap:7px;
  border-bottom:1px solid #edf1f6;
  font-size:14px;
}
#kpnh-root .kpnh-rates p b {
  padding:5px;
  color:#344054;
  font-size:13px;
}
#kpnh-root .kpnh-rates p strong,
#kpnh-root .kpnh-rates p em {
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#kpnh-root .kpnh-rates p em { font-weight:600; }
#kpnh-root .kpnh-added {
  margin:0 0 13px;
  padding:14px 15px;
  border-radius:11px;
  background:linear-gradient(135deg,#edf9f1,#f5fcf7);
  color:#159447;
  font-size:28px;
  line-height:1.05;
}
#kpnh-root .kpnh-added small {
  margin-top:5px;
  color:#667085;
  font-size:13px;
  line-height:1.35;
}
#kpnh-root .kpnh-stat-row {
  min-height:37px;
  grid-template-columns:minmax(0,1fr) 68px 42px;
  border-bottom:1px solid #edf1f6;
  font-size:14px;
}
#kpnh-root .kpnh-stat-row b,
#kpnh-root .kpnh-stat-row em {
  font-variant-numeric:tabular-nums;
  text-align:right;
}
#kpnh-root .kpnh-widget-tabs {
  min-height:43px;
  margin:-4px 0 10px;
  align-items:end;
  font-size:14px;
}
#kpnh-root .kpnh-widget-tabs > * {
  height:43px;
  display:grid;
  place-items:center;
}
#kpnh-root .kpnh-widget-tabs b {
  border-radius:8px 8px 0 0;
  background:#f2f6ff;
  font-weight:650;
}
#kpnh-root .kpnh-hot {
  min-height:61px;
  padding:8px 0;
  grid-template-columns:62px minmax(0,1fr);
  align-items:center;
}
#kpnh-root .kpnh-hot span {
  width:56px;
  padding:5px 4px;
  font-size:12px;
  font-weight:600;
}
#kpnh-root .kpnh-hot b {
  font-size:14px;
  line-height:1.35;
}
#kpnh-root .kpnh-hot small {
  font-size:13px;
  line-height:1.25;
}
#kpnh-root .kpnh-newco {
  min-height:63px;
  gap:10px;
  border-bottom:1px solid #edf1f6;
}
#kpnh-root .kpnh-newco > span {
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid #e1e8f1;
  background:#f4f7fb;
  font-size:12px;
  font-weight:700;
}
#kpnh-root .kpnh-newco b {
  min-width:0;
  font-size:15px;
  line-height:1.3;
}
#kpnh-root .kpnh-newco small {
  margin-top:3px;
  font-size:13px;
  line-height:1.3;
}

#kpnh-root .kpnh-counter-strip {
  min-height:84px;
  margin-top:26px;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 20px rgba(31,50,81,.05);
}
#kpnh-root .kpnh-counter-strip a {
  min-width:0;
  padding:16px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:background-color .18s ease,color .18s ease;
}
#kpnh-root .kpnh-counter-strip a:hover { background:#f2f6ff; }
#kpnh-root .kpnh-counter-strip span { font-size:14px; }
#kpnh-root .kpnh-counter-strip b { margin-top:5px; font-size:18px; }

#kpnh-root .kpnh-footer {
  margin-top:0;
  padding:46px 0 0;
  border-top:1px solid #dce4ef;
}
#kpnh-root .kpnh-footer__grid {
  grid-template-columns:1.35fr .8fr 1fr .9fr;
  gap:56px;
  align-items:start;
}
#kpnh-root .kpnh-footer .kpnh-brand { min-width:0; }
#kpnh-root .kpnh-footer .kpnh-brand__mark {
  width:48px;
  height:48px;
  flex-basis:48px;
  font-size:20px;
}
#kpnh-root .kpnh-footer .kpnh-brand b { font-size:22px; }
#kpnh-root .kpnh-footer__grid > div:first-child p {
  max-width:380px;
  margin:16px 0 20px;
  font-size:16px;
  line-height:1.65;
}
#kpnh-root .kpnh-footer h3 {
  margin:0 0 14px;
  font-size:19px;
  line-height:1.3;
}
#kpnh-root .kpnh-footer__grid > div:not(:first-child) > a {
  padding:6px 0;
  font-size:15px;
  line-height:1.35;
}
#kpnh-root .kpnh-footer__grid > div:not(:first-child) > a:hover { color:var(--blue); }
#kpnh-root .kpnh-footer__socials { gap:9px; margin-top:12px; }
#kpnh-root .kpnh-footer__socials a {
  width:34px;
  height:34px;
  border:1px solid #e1e7f0;
  font-size:13px;
}
#kpnh-root .kpnh-footer__bottom {
  min-height:76px;
  margin-top:38px;
  font-size:14px;
  line-height:1.45;
}

@media (max-width:1280px) {
  #kpnh-root .kpnh-footer__grid { gap:36px; }
}
@media (max-width:1100px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:repeat(3,minmax(220px,1fr)); }
  #kpnh-root .kpnh-info-grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-footer__grid > div:last-child { grid-column:auto; }
}
@media (max-width:900px) {
  #kpnh-root .kpnh-header { position:relative; z-index:20; }
  #kpnh-root .kpnh-header__inner { position:relative; }
  #kpnh-root .kpnh-auth .kpnh-btn { display:none; }
  #kpnh-root .kpnh-menu {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:10px;
    font-size:22px;
  }
  #kpnh-root.is-menu-open .kpnh-menu {
    border-color:#9fbdff;
    background:#eff5ff;
  }
  #kpnh-root.is-menu-open .kpnh-nav {
    position:absolute;
    z-index:30;
    top:calc(100% + 1px);
    right:18px;
    left:18px;
    max-height:calc(100vh - 120px);
    padding:10px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    overflow-y:auto;
    border:1px solid #dce4ef;
    border-radius:12px;
    background:#fff;
    box-shadow:0 14px 34px rgba(31,50,81,.16);
  }
  #kpnh-root.is-menu-open .kpnh-nav a {
    width:100%;
    height:44px;
    min-height:44px;
    padding:0 12px;
    border:0;
    border-radius:8px;
    font-size:16px;
  }
  #kpnh-root.is-menu-open .kpnh-nav a.is-active { background:#eff5ff; }
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr 1fr; gap:34px; }
  #kpnh-root .kpnh-footer__grid > div:last-child { grid-column:auto; }
}
@media (max-width:800px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-counter-strip { grid-template-columns:repeat(4,1fr); }
  #kpnh-root .kpnh-counter-strip a { border-bottom:1px solid var(--line); }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-shell { padding-inline:16px; }
  #kpnh-root .kpnh-main { padding-top:26px; }
  #kpnh-root .kpnh-brand { min-width:0; }
  #kpnh-root .kpnh-brand b { font-size:19px; }
  #kpnh-root .kpnh-material-tabs,
  #kpnh-root .kpnh-tabs { scroll-snap-type:x proximity; }
  #kpnh-root .kpnh-material-tabs a,
  #kpnh-root .kpnh-tabs a { scroll-snap-align:start; }
  #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-widget { height:auto; min-height:360px; }
  #kpnh-root .kpnh-footer { padding-top:40px; }
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr; gap:30px; }
  #kpnh-root .kpnh-footer__bottom {
    min-height:110px;
    margin-top:30px;
    padding:18px 0;
    gap:8px;
  }
}

/* Delay layout and paint work for sections below the initial viewport. */
@supports (content-visibility:auto) {
  #kpnh-root .kpnh-catalog,
  #kpnh-root .kpnh-info-grid,
  #kpnh-root .kpnh-proc-showcase,
  #kpnh-root .kpnh-business,
  #kpnh-root .kpnh-mobile-app,
  #kpnh-root .kpnh-materials,
  #kpnh-root .kpnh-bottom-grid,
  #kpnh-root .kpnh-counter-strip,
  #kpnh-root .kpnh-footer {
    content-visibility:auto;
    contain-intrinsic-size:auto 760px;
  }
}

/* WCAG AA contrast for secondary labels on translucent cards. */
#kpnh-root .kpnh-start--ad .kp-ad-label,
#kpnh-root .kpnh-catalog .kpnh-section__head p,
#kpnh-root .kpnh-footer__email > span small,
#kpnh-root .kpnh-footer__bottom,
#kpnh-root .kpnh-footer__legal small {
  color:#52627a;
}
#kpnh-root .kpnh-section__count,
#kpnh-root .kpnh-materials__heading > strong {
  color:#0759d6;
}
@media (max-width:520px) {
  #kpnh-root .kpnh-material-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-card { height:594px; min-height:594px; }
  #kpnh-root .kpnh-counter-strip { grid-template-columns:1fr 1fr; }
}

/* Header correction: reference composition and real interface icons */
#kpnh-root .kpnh-topbar,
#kpnh-root .kpnh-topbar__inner {
  height:38px;
  min-height:38px;
}
#kpnh-root .kpnh-city {
  position:relative;
  gap:6px;
  font-size:14px;
}
#kpnh-root .kpnh-city > span {
  display:none;
}
#kpnh-root .kpnh-city::before {
  content:"";
  width:16px;
  height:16px;
  flex:0 0 16px;
  background-color:#246df4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-toplinks {
  margin-left:auto;
  gap:12px;
}
#kpnh-root .kpnh-toplinks > a:not(.kpnh-social) {
  gap:6px;
  color:#344054;
}
#kpnh-root .kpnh-toplinks > a:first-of-type::before {
  content:"";
  width:16px;
  height:16px;
  flex:0 0 16px;
  background-color:#111827;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M18 19c0 1.1-.9 2-2 2h-3'/%3E%3Crect x='3' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17' y='13' width='4' height='6' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M18 19c0 1.1-.9 2-2 2h-3'/%3E%3Crect x='3' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17' y='13' width='4' height='6' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-toplinks > a:first-of-type { font-size:0; }
#kpnh-root .kpnh-toplinks > a:first-of-type::after {
  content:"Поддержка";
  font-size:14px;
}
#kpnh-root .kpnh-toplinks > a[href^="mailto:"]::before {
  content:"";
  width:15px;
  height:15px;
  flex:0 0 15px;
  background-color:#27364b;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-social {
  width:22px;
  height:28px;
  min-height:28px!important;
  flex-basis:22px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#080b10;
  font-size:0;
}
#kpnh-root .kpnh-social::before {
  content:"";
  width:16px;
  height:16px;
  display:block;
  margin:auto;
  background:#080b10 center/contain no-repeat;
}
#kpnh-root .kpnh-social[href*="vk.com"]::before {
  content:"VK";
  width:22px;
  height:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  color:#080b10;
  font-size:12px;
  font-weight:900;
  line-height:16px;
  letter-spacing:-.8px;
}
#kpnh-root .kpnh-social[href*="t.me"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.6 18.8 19c-.2 1-1 1.2-1.8.7l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-8c.4-.3-.1-.5-.6-.2L6.6 12.8 2 11.3c-1-.3-1-1 .2-1.5L20.3 3c.8-.3 1.8.2 1.6 1.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.6 18.8 19c-.2 1-1 1.2-1.8.7l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-8c.4-.3-.1-.5-.6-.2L6.6 12.8 2 11.3c-1-.3-1-1 .2-1.5L20.3 3c.8-.3 1.8.2 1.6 1.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-social[href*="youtube.com"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-topauth {
  order:20;
  height:38px;
  margin-left:10px;
  display:flex;
  align-items:center;
  gap:8px;
}
#kpnh-root .kpnh-topauth__button {
  width:118px;
  min-width:118px;
  flex:0 0 118px;
  height:32px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d9e2ee;
  border-radius:8px;
  background:#fff;
  color:#344054!important;
  font-size:14px;
  font-weight:600;
}
#kpnh-root .kpnh-topauth__button--primary {
  width:118px;
  min-width:118px;
  border-color:var(--blue);
  background:var(--blue);
  color:#fff!important;
  box-shadow:0 5px 13px rgba(23,104,242,.16);
}
#kpnh-root .kpnh-header,
#kpnh-root .kpnh-header__inner {
  height:72px;
  min-height:72px;
}
#kpnh-root .kpnh-header__inner { gap:34px; }
#kpnh-root .kpnh-header .kpnh-auth .kpnh-btn { display:none; }
#kpnh-root .kpnh-header .kpnh-menu {
  width:40px;
  min-width:40px;
  height:40px;
  display:grid;
  place-items:center;
  font-size:0;
  border-radius:9px;
  box-sizing:border-box;
}
#kpnh-root .kpnh-header .kpnh-menu::before {
  content:"";
  width:18px;
  height:14px;
  display:block;
  background:linear-gradient(#1768f2 0 0) top/100% 2px no-repeat,
             linear-gradient(#1768f2 0 0) center/100% 2px no-repeat,
             linear-gradient(#1768f2 0 0) bottom/100% 2px no-repeat;
}

@media (max-width:900px) {
  #kpnh-root .kpnh-topauth { display:none; }
  #kpnh-root .kpnh-header__inner { gap:18px; }
}

/* Functional city selector and copyable support email */
#kpnh-root .kpnh-city { display:none; }
#kpnh-root .k-city-strip {
  position:relative;
  z-index:60;
  height:38px;
  display:flex;
  align-items:center;
  color:#596579;
  font-size:14px;
}
#kpnh-root .k-city-strip__main {
  height:38px;
  display:flex;
  align-items:center;
  gap:4px;
}
#kpnh-root .k-city-strip__cap {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  font-size:12px;
  line-height:18px;
}
#kpnh-root .k-city-strip__cap::after { content:":"; }
#kpnh-root .k-city-strip__btn {
  min-height:30px;
  padding:0 18px 0 20px;
  position:relative;
  display:inline-flex;
  align-items:center;
  border:0;
  background:transparent;
  color:#344054;
  font:600 12px/18px Inter,sans-serif;
  cursor:pointer;
}
#kpnh-root .k-city-strip__btn span {
  display:inline-flex;
  align-items:center;
  min-height:18px;
  line-height:18px;
}
#kpnh-root .k-city-strip__btn i { display:none; }
#kpnh-root .k-city-strip__btn::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:15px;
  height:15px;
  background:#246df4;
  transform:translateY(-50%);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .k-city-strip__btn::after {
  content:"";
  position:absolute;
  right:2px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1.5px solid #8491a4;
  border-bottom:1.5px solid #8491a4;
  transform:translateY(-70%) rotate(45deg);
}
#kpnh-root .k-city-strip__form {
  position:absolute;
  z-index:100;
  top:36px;
  left:0;
  width:360px;
  padding:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  border:1px solid #dce4ef;
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 34px rgba(31,50,81,.17);
}
#kpnh-root .k-city-strip__form[hidden] { display:none; }
#kpnh-root .k-city-strip__form input {
  width:100%;
  height:40px;
  padding:0 12px;
  border:1px solid #d7e0ec;
  border-radius:8px;
  outline:0;
  font-size:15px;
}
#kpnh-root .k-city-strip__form input:focus {
  border-color:#8fb4ff;
  box-shadow:0 0 0 3px rgba(23,104,242,.11);
}
#kpnh-root .k-city-strip__apply,
#kpnh-root .k-city-strip__all {
  min-height:40px;
  padding:0 13px;
  border:1px solid var(--blue);
  border-radius:8px;
  background:var(--blue);
  color:#fff;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
#kpnh-root .k-city-strip__all {
  grid-column:1/-1;
  border-color:#b7caf0;
  background:#f3f7ff;
  color:var(--blue);
}
#kpnh-root .k-city-strip__drop {
  position:absolute;
  z-index:5;
  top:58px;
  left:12px;
  width:245px;
  max-height:230px;
  overflow:auto;
  border:1px solid #dce4ef;
  border-radius:8px;
  background:#fff;
  box-shadow:0 10px 24px rgba(31,50,81,.14);
}
#kpnh-root .k-city-strip__drop button {
  width:100%;
  min-height:36px;
  padding:7px 11px;
  display:block;
  border:0;
  border-bottom:1px solid #eef2f6;
  background:#fff;
  color:#344054;
  text-align:left;
  cursor:pointer;
}
#kpnh-root .k-city-strip__drop button:hover { background:#f1f6ff; color:var(--blue); }

#kpnh-root .kpnh-toplinks > a[href^="mailto:"] { position:relative; }
#kpnh-root .kpnh-toplinks > a[href^="mailto:"]::after {
  content:attr(data-copy-label);
  position:absolute;
  z-index:80;
  top:calc(100% + 5px);
  left:50%;
  padding:6px 8px;
  border-radius:6px;
  background:#111827;
  color:#fff;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-3px);
  transition:opacity .15s ease,transform .15s ease;
}
#kpnh-root .kpnh-toplinks > a[href^="mailto:"]:hover::after,
#kpnh-root .kpnh-toplinks > a[href^="mailto:"]:focus-visible::after {
  opacity:1;
  transform:translate(-50%,0);
}
#kpnh-root .kpnh-social[href*="vk.com"]::before {
  content:"";
  width:19px;
  height:19px;
  display:block;
  background:url("/assets/images/icons/vk.svg") center/contain no-repeat;
}
@media (max-width:900px) {
  #kpnh-root .k-city-strip__cap { display:none; }
}
@media (max-width:420px) {
  #kpnh-root .k-city-strip__form { width:min(340px,calc(100vw - 32px)); }
}

/* Unified social icon containers */
#kpnh-root .kpnh-social {
  width:30px;
  height:30px;
  min-height:30px!important;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #dce3ed;
  border-radius:9px;
  background:#fff;
  box-shadow:0 2px 6px rgba(31,50,81,.035);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-social:hover {
  transform:translateY(-1px);
  border-color:#aebdd1;
  background:#f8fafc;
  box-shadow:0 5px 12px rgba(31,50,81,.09);
}
#kpnh-root .kpnh-social::before {
  width:16px;
  height:16px;
  margin:0;
}
#kpnh-root .kpnh-social[href*="vk.com"]::before {
  width:16px;
  height:16px;
  background-size:16px 16px;
}
#kpnh-root .kpnh-social::before {
  display:none!important;
}
#kpnh-root .kpnh-social img {
  width:16px;
  height:16px;
  display:block;
  object-fit:contain;
}
#kpnh-root .kpnh-social,
#kpnh-root .kpnh-social:hover {
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

/* Support contacts popover */
#kpnh-root .kpnh-support-menu {
  position:relative;
  height:38px;
  display:flex;
  align-items:center;
}
#kpnh-root .kpnh-support-trigger {
  min-height:32px;
  padding:0 10px 0 30px;
  position:relative;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#344054;
  font:500 12px/1 Inter,sans-serif;
  cursor:pointer;
  transition:color .16s ease,background-color .16s ease;
}
#kpnh-root .kpnh-support-trigger::before {
  content:"";
  position:absolute;
  left:9px;
  top:8px;
  width:16px;
  height:16px;
  background:#111827;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M18 19c0 1.1-.9 2-2 2h-3'/%3E%3Crect x='3' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17' y='13' width='4' height='6' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M18 19c0 1.1-.9 2-2 2h-3'/%3E%3Crect x='3' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17' y='13' width='4' height='6' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-support-trigger:hover,
#kpnh-root .kpnh-support-menu.is-open .kpnh-support-trigger {
  background:#eef4ff;
  color:var(--blue);
}
#kpnh-root .kpnh-support-menu.is-open .kpnh-support-trigger::before { background:var(--blue); }
#kpnh-root .kpnh-support-popover {
  position:absolute;
  z-index:150;
  top:37px;
  right:0;
  width:410px;
  padding:18px;
  border:1px solid #dce4ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 44px rgba(24,42,72,.18);
  animation:kpnh-pop-in .16s ease-out;
}
#kpnh-root .kpnh-support-popover[hidden] { display:none; }
#kpnh-root .kpnh-support-popover__head {
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#101828;
  font-size:19px;
  font-weight:700;
}
#kpnh-root .kpnh-support-close {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:#f2f4f7;
  color:#667085;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
#kpnh-root .kpnh-support-close:hover { background:#e9eef6; color:#101828; }
#kpnh-root .kpnh-support-row {
  min-height:70px;
  padding:11px 0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  border-top:1px solid #edf1f6;
}
#kpnh-root .kpnh-support-row__icon {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#edf4ff;
}
#kpnh-root .kpnh-support-row__icon::before {
  content:"";
  width:19px;
  height:19px;
  background:var(--blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17' y='13' width='4' height='6' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13' width='4' height='6' rx='2'/%3E%3Crect x='17' y='13' width='4' height='6' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-support-row__icon--finance { background:#fff5e8; }
#kpnh-root .kpnh-support-row__icon--finance::before {
  background:#e98316;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 2h12l2 4-2 16H6L4 6l2-4Z'/%3E%3Cpath d='M8 10h8M9 14h6M10 18h4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 2h12l2 4-2 16H6L4 6l2-4Z'/%3E%3Cpath d='M8 10h8M9 14h6M10 18h4'/%3E%3C/svg%3E") center/contain no-repeat;
}
#kpnh-root .kpnh-support-row__contact {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
#kpnh-root .kpnh-support-row__contact b { color:#344054; font-size:15px; }
#kpnh-root .kpnh-support-row__contact a { color:var(--blue); font-size:14px; }
#kpnh-root .kpnh-support-copy {
  min-height:34px;
  padding:0 10px;
  border:1px solid #cbd8ed;
  border-radius:8px;
  background:#fff;
  color:#3863a8;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
#kpnh-root .kpnh-support-copy:hover { border-color:#8eb1f6; background:#f3f7ff; }
#kpnh-root .kpnh-support-copy.is-copied { border-color:#9bd4aa; background:#effaf2; color:#18843a; }
#kpnh-root .kpnh-support-socials {
  padding:13px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #edf1f6;
}
#kpnh-root .kpnh-support-socials > span { color:#667085; font-size:14px; }
#kpnh-root .kpnh-support-socials > div { display:flex; align-items:center; gap:9px; }
#kpnh-root .kpnh-support-socials a {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f6f8fb;
  transition:transform .16s ease,background-color .16s ease;
}
#kpnh-root .kpnh-support-socials a:hover { transform:translateY(-2px); background:#edf3fc; }
#kpnh-root .kpnh-support-socials img { width:17px; height:17px; object-fit:contain; }
#kpnh-root .kpnh-support-faq {
  min-height:38px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px;
  background:#edf4ff;
  color:var(--blue)!important;
  font-size:14px!important;
  font-weight:650!important;
}
#kpnh-root .kpnh-support-faq:hover { background:#e1ecff; }

/* Navigation and menu interaction polish */
#kpnh-root .kpnh-nav a {
  position:relative;
  border-bottom-color:transparent!important;
  transition:color .18s ease,background-color .18s ease,transform .18s ease;
}
#kpnh-root .kpnh-nav a::after {
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  border-radius:2px;
  background:var(--blue);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
#kpnh-root .kpnh-nav a:hover { color:var(--blue); transform:translateY(-1px); }
#kpnh-root .kpnh-nav a:hover::after,
#kpnh-root .kpnh-nav a.is-active::after { transform:scaleX(1); }
#kpnh-root .kpnh-topauth__button:hover {
  transform:translateY(-1px);
  border-color:#a9bee2;
  background:#f7faff;
  box-shadow:0 5px 13px rgba(31,50,81,.08);
}
#kpnh-root .kpnh-topauth__button--primary:hover {
  border-color:var(--blue2);
  background:var(--blue2);
  box-shadow:0 7px 17px rgba(23,104,242,.22);
}
#kpnh-root .kpnh-header .kpnh-menu {
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-header .kpnh-menu:hover {
  transform:translateY(-1px);
  border-color:#9ebcff;
  background:#eef4ff;
  box-shadow:0 6px 14px rgba(23,104,242,.12);
}
#kpnh-root .kpnh-header .kpnh-menu:active { transform:translateY(0) scale(.96); }
#kpnh-root.is-menu-open .kpnh-header .kpnh-menu { border-color:var(--blue); background:#e8f1ff; }
@keyframes kpnh-pop-in {
  from { opacity:0; transform:translateY(-5px) scale(.985); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-support-popover {
    position:fixed;
    top:48px;
    right:16px;
    left:16px;
    width:auto;
  }
}

/* iOS-style brand mark */
#kpnh-root .kpnh-brand__mark {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.55);
  border-radius:13px;
  background:linear-gradient(145deg,#4f8cff 0%,#2870f3 48%,#1557d8 100%);
  color:#fff;
  font-weight:800;
  letter-spacing:-.04em;
  text-shadow:0 1px 2px rgba(0,31,96,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),
             inset 0 -1px 0 rgba(0,35,110,.16),
             0 7px 16px rgba(23,104,242,.24);
}
#kpnh-root .kpnh-brand__mark::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:-55%;
  right:-24%;
  width:115%;
  height:105%;
  border-radius:50%;
  background:rgba(255,255,255,.2);
  transform:rotate(-16deg);
}
#kpnh-root .kpnh-brand__mark::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:2px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  pointer-events:none;
}

/* Animated menu glyph */
#kpnh-root .kpnh-header .kpnh-menu::before,
#kpnh-root .kpnh-header .kpnh-menu::after {
  content:"";
  position:absolute;
  width:18px;
  height:2px;
  border-radius:3px;
  background:var(--blue);
  transition:transform .2s ease,box-shadow .2s ease,top .2s ease;
}
#kpnh-root .kpnh-header .kpnh-menu { position:relative; }
#kpnh-root .kpnh-header .kpnh-menu::before {
  top:12px;
  box-shadow:0 6px 0 var(--blue);
}
#kpnh-root .kpnh-header .kpnh-menu::after { top:24px; }
#kpnh-root.is-menu-open .kpnh-header .kpnh-menu::before {
  top:18px;
  box-shadow:none;
  transform:rotate(45deg);
}
#kpnh-root.is-menu-open .kpnh-header .kpnh-menu::after {
  top:18px;
  transform:rotate(-45deg);
}

/* Desktop platform menu */
#kpnh-root .kpnh-header { position:relative; z-index:40; overflow:visible; }
#kpnh-root .kpnh-header-menu {
  position:absolute;
  z-index:120;
  top:calc(100% + 1px);
  left:50%;
  width:calc(100% - 48px);
  max-width:1312px;
  padding:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border:1px solid #dce4ef;
  border-radius:0 0 16px 16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 44px rgba(24,42,72,.16);
  transform:translateX(-50%);
  animation:kpnh-menu-in .18s ease-out;
  backdrop-filter:blur(12px);
}
#kpnh-root .kpnh-header-menu[hidden] { display:none; }
#kpnh-root .kpnh-header-menu__title {
  display:block;
  margin-bottom:10px;
  color:#667085;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-header-menu__links {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
#kpnh-root .kpnh-header-menu__links a {
  min-height:66px;
  padding:10px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:10px;
  border:1px solid transparent;
  border-radius:11px;
  color:#344054;
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
#kpnh-root .kpnh-header-menu__links a::before {
  content:"";
  width:40px;
  height:40px;
  grid-row:1/3;
  border-radius:10px;
  background-color:#edf4ff;
  background-position:center;
  background-repeat:no-repeat;
  background-size:19px 19px;
}
#kpnh-root .kpnh-header-menu__links a:nth-child(1)::before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232568e8' stroke-width='1.8'%3E%3Cpath d='M4 21V6l8-3 8 3v15M8 9h2m4 0h2M8 13h2m4 0h2M8 17h2m4 0h2'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(2)::before {
  background-color:#fff2e8;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e76d18' stroke-width='1.8'%3E%3Cpath d='M4 7h16v12H4zM7 4h10v3M8 11h8m-8 4h5'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(3)::before {
  background-color:#f2edff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23734fd4' stroke-width='1.8'%3E%3Cpath d='M5 4h14v16H5zM8 8h8m-8 4h8m-8 4h5'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(4)::before {
  background-color:#eaf8f5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23088476' stroke-width='1.8'%3E%3Cpath d='M7 3h10v4h4v14H3V7h4zM8 12h8m-8 4h5'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(5)::before {
  background-color:#ffedf5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d62976' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c.8-5 3.5-7 8-7s7.2 2 8 7'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(6)::before {
  background-color:#fff0f1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='1.8'%3E%3Cpath d='M5 4h14v16H5zM8 8h8m-8 4h8m-8 4h5'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(7)::before {
  background-color:#eef0ff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b63d3' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:nth-child(8)::before {
  background-color:#eaf6ff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b85c7' stroke-width='1.8'%3E%3Cpath d='M4 5h16v14H4zM7 9h10M7 13h10M7 17h6'/%3E%3C/svg%3E");
}
#kpnh-root .kpnh-header-menu__links a:hover {
  transform:translateY(-2px);
  border-color:#cbdaf3;
  background:#f8fbff;
  box-shadow:0 7px 16px rgba(31,70,130,.08);
}
#kpnh-root .kpnh-header-menu__links b { font-size:15px; line-height:1.25; }
#kpnh-root .kpnh-header-menu__links small { color:#7a8799; font-size:13px; line-height:1.25; }
@keyframes kpnh-menu-in {
  from { opacity:0; transform:translate(-50%,-6px); }
  to { opacity:1; transform:translate(-50%,0); }
}
@media (max-width:900px) {
  #kpnh-root .kpnh-header-menu { display:none!important; }
  #kpnh-root .kpnh-header .kpnh-menu::before { top:12px; }
  #kpnh-root .kpnh-header .kpnh-menu::after { top:24px; }
  #kpnh-root.is-menu-open .kpnh-header .kpnh-menu::before,
  #kpnh-root.is-menu-open .kpnh-header .kpnh-menu::after { top:18px; }
}

/* Refined catalog and editorial selections */
#kpnh-root .kpnh-catalog {
  border-color:#dbe4f0;
  border-radius:16px;
  box-shadow:0 14px 36px rgba(30,58,105,.07);
}
#kpnh-root .kpnh-catalog .kpnh-section__head {
  min-height:76px;
  padding:20px 22px 14px;
}
#kpnh-root .kpnh-catalog .kpnh-section__head h2 {
  font-size:23px;
  line-height:1.2;
  letter-spacing:-.02em;
}
#kpnh-root .kpnh-catalog .kpnh-section__head p {
  margin:5px 0 0;
  color:#748196;
  font-size:14px;
}
#kpnh-root .kpnh-section__count {
  padding:7px 11px;
  border-radius:999px;
  background:#eef4ff;
  color:#1768f2;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
#kpnh-root .kpnh-catalog__grid {
  gap:12px;
  padding:0 18px 20px;
}
#kpnh-root .kpnh-cat {
  position:relative;
  height:126px;
  min-height:126px;
  padding:14px 10px;
  align-items:flex-start;
  gap:8px;
  border:1px solid #e0e7f1;
  border-radius:13px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff 20%,#fbfdff 100%);
  box-shadow:0 4px 12px rgba(29,55,95,.035);
}
#kpnh-root .kpnh-cat::after {
  content:"";
  position:absolute;
  right:-24px;
  bottom:-34px;
  width:76px;
  height:76px;
  border-radius:50%;
  background:var(--cat-glow,#eaf2ff);
  opacity:.56;
  transform:scale(.8);
  transition:transform .22s ease,opacity .22s ease;
}
#kpnh-root .kpnh-cat:hover {
  transform:translateY(-4px);
  border-color:#afc8f5;
  background:#fff;
  box-shadow:0 13px 28px rgba(28,75,146,.12);
}
#kpnh-root .kpnh-cat:hover::after { transform:scale(1.15); opacity:.9; }
#kpnh-root .kpnh-cat__icon {
  position:relative;
  z-index:1;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
  transition:transform .2s ease;
}
#kpnh-root .kpnh-cat:hover .kpnh-cat__icon { transform:translateY(-1px) rotate(-3deg) scale(1.05); }
#kpnh-root .kpnh-cat__icon svg { width:21px; height:21px; display:block; }
#kpnh-root .kpnh-cat__content {
  position:relative;
  z-index:1;
  min-width:0;
  height:100%;
  max-width:calc(100% - 48px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#kpnh-root .kpnh-cat b,
#kpnh-root .kpnh-cat small {
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}
#kpnh-root .kpnh-cat b {
  width:100%;
  min-height:32px;
  display:-webkit-box;
  overflow:hidden;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#13213a;
  font-size:15px;
  font-weight:750;
  line-height:1.25;
}
#kpnh-root .kpnh-cat small {
  width:100%;
  min-height:28px;
  margin-top:3px;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#6b778c;
  font-size:13px;
  line-height:1.25;
}
#kpnh-root .kpnh-cat em {
  width:100%;
  min-height:28px;
  margin-top:auto;
  padding-top:7px;
  display:flex;
  align-items:flex-end;
  gap:5px;
  color:var(--blue);
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:1.2;
}
#kpnh-root .kpnh-cat em i { font-style:normal; transition:transform .18s ease; }
#kpnh-root .kpnh-cat:hover em i { transform:translateX(3px); }
#kpnh-root .kpnh-cat:nth-child(1) { --cat-glow:#dceaff; }
#kpnh-root .kpnh-cat:nth-child(2) { --cat-glow:#ffe4d3; }
#kpnh-root .kpnh-cat:nth-child(3) { --cat-glow:#e8ddff; }
#kpnh-root .kpnh-cat:nth-child(4) { --cat-glow:#d8f4ed; }
#kpnh-root .kpnh-cat:nth-child(5) { --cat-glow:#ffe0ed; }
#kpnh-root .kpnh-cat:nth-child(6) { --cat-glow:#ffdde3; }
#kpnh-root .kpnh-cat:nth-child(7) { --cat-glow:#e0e2ff; }
#kpnh-root .kpnh-cat:nth-child(8) { --cat-glow:#d8effc; }

#kpnh-root .kpnh-info-grid { gap:18px; margin-top:20px; }
#kpnh-root .kpnh-info {
  position:relative;
  min-height:292px;
  height:auto;
  padding:22px 20px 18px;
  border-color:#dce4ef;
  border-radius:15px;
  box-shadow:0 10px 27px rgba(30,58,105,.065);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#kpnh-root .kpnh-info:hover {
  transform:translateY(-3px);
  border-color:#bfd0ea;
  box-shadow:0 15px 34px rgba(30,69,128,.1);
}
#kpnh-root .kpnh-info h2 {
  min-height:34px;
  margin:0 0 10px;
  padding-left:43px;
  display:flex;
  align-items:center;
  color:#14213a;
  font-size:20px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:-.015em;
}
#kpnh-root .kpnh-info h2::before {
  content:"";
  position:absolute;
  left:20px;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#edf4ff center/18px 18px no-repeat;
}
#kpnh-root .kpnh-info--industries h2::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232568e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V9l6 3V7l8 4v10M8 17h.01M12 17h.01M16 17h.01'/%3E%3C/svg%3E"); }
#kpnh-root .kpnh-info--geo h2::before { background-color:#eaf8f5; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23088476' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
#kpnh-root .kpnh-info--salary h2::before { background-color:#fff2e8; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e76d18' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h7a4 4 0 0 1 0 8H7M7 4v16M5 12h10M5 16h8'/%3E%3C/svg%3E"); }
#kpnh-root .kpnh-info--updates h2::before { background-color:#f1edff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23734fd4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v4l3 2M3.05 11a9 9 0 1 0 .5-3M3 4v5h5'/%3E%3C/svg%3E"); }
#kpnh-root .kpnh-info--updates > a:not(.kpnh-more) {
  min-height:48px;
  padding:8px 7px;
  align-items:flex-start;
  gap:10px;
}
#kpnh-root .kpnh-info--updates > a:not(.kpnh-more) span {
  display:block;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
  -webkit-line-clamp:unset;
}
#kpnh-root .kpnh-info--updates > a:not(.kpnh-more) b {
  min-width:76px;
  margin-top:1px;
  padding:5px 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd5fb;
  border-radius:7px;
  background:#f3efff;
  color:#6748c7;
  font-size:12px;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
}
#kpnh-root .kpnh-info > a:not(.kpnh-more) {
  min-height:38px;
  padding:7px 8px;
  border-bottom:1px solid #edf1f6;
  border-radius:7px;
  color:#344054;
  font-size:14px;
  line-height:1.35;
  transition:color .16s ease,background-color .16s ease,padding-left .16s ease;
}
#kpnh-root .kpnh-info > a:not(.kpnh-more):hover {
  padding-left:11px;
  background:#f5f8fd;
  color:var(--blue);
}
#kpnh-root .kpnh-info > a span {
  display:-webkit-box;
  overflow:hidden;
  white-space:normal;
  text-overflow:clip;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-info > a b { min-width:64px; font-size:13px; }
#kpnh-root .kpnh-info .kpnh-more {
  position:relative;
  margin-top:auto;
  padding-top:13px;
  color:var(--blue)!important;
  font-size:14px!important;
  font-weight:700!important;
}
#kpnh-root .kpnh-info .kpnh-more:hover { text-decoration:underline; text-underline-offset:3px; }
#kpnh-root .kpnh-info__empty,
#kpnh-root .kpnh-feed-empty {
  margin:auto 0;
  color:#7a8799;
  font-size:14px;
  text-align:center;
}
#kpnh-root .kpnh-feed-widget { overflow:hidden; }
#kpnh-root .kpnh-widget-tabs button {
  min-height:38px;
  padding:0 10px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#7a8799;
  font:inherit;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease;
}
#kpnh-root .kpnh-widget-tabs button:hover { color:var(--blue); background:#f6f9ff; }
#kpnh-root .kpnh-widget-tabs button.is-active {
  border-bottom-color:var(--blue);
  color:var(--blue);
}
#kpnh-root .kpnh-feed-panel[hidden] { display:none!important; }
#kpnh-root .kpnh-feed-panel.is-active { animation:kpnh-feed-in .18s ease-out; }
@keyframes kpnh-feed-in {
  from { opacity:0; transform:translateY(4px); }
  to { opacity:1; transform:translateY(0); }
}

@media (max-width:1200px) {
  #kpnh-root .kpnh-catalog__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-catalog .kpnh-section__head { align-items:flex-start; }
  #kpnh-root .kpnh-section__count { display:none; }
  #kpnh-root .kpnh-catalog__grid { grid-template-columns:1fr 1fr; gap:10px; padding:0 12px 14px; }
  #kpnh-root .kpnh-cat { height:126px; min-height:126px; }
}
@media (max-width:390px) {
  #kpnh-root .kpnh-catalog__grid { grid-template-columns:1fr; }
}

/* Platform presentation */
#kpnh-root .kpnh-platform {
  margin-top:24px;
  overflow:hidden;
  border:1px solid #dbe4f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 40px rgba(28,58,105,.075);
}
#kpnh-root .kpnh-platform__hero {
  padding:34px 36px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:44px;
  align-items:center;
  background:
    radial-gradient(circle at 88% 20%,rgba(73,127,255,.13),transparent 29%),
    linear-gradient(115deg,#fff 0%,#f8fbff 100%);
}
#kpnh-root .kpnh-platform__eyebrow,
#kpnh-root .kpnh-platform__heading > span {
  display:block;
  margin-bottom:8px;
  color:var(--blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-platform__copy h2 {
  max-width:650px;
  margin:0 0 13px;
  color:#101828;
  font-size:32px;
  line-height:1.16;
  letter-spacing:-.03em;
}
#kpnh-root .kpnh-platform__copy > p {
  max-width:690px;
  margin:0;
  color:#5c687c;
  font-size:16px;
  line-height:1.65;
}
#kpnh-root .kpnh-platform__actions {
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
#kpnh-root .kpnh-platform__actions > span {
  display:flex;
  align-items:center;
  gap:7px;
  color:#397151;
  font-size:14px;
  font-weight:650;
}
#kpnh-root .kpnh-platform__actions > span svg { width:18px; height:18px; color:#20a164; }
#kpnh-root .kpnh-platform__start {
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  list-style:none;
}
#kpnh-root .kpnh-platform__start li {
  min-height:74px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
  border:1px solid rgba(211,224,245,.9);
  border-radius:13px;
  background:rgba(255,255,255,.88);
  box-shadow:0 7px 18px rgba(31,67,124,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-platform__start li:hover {
  transform:translateX(-4px);
  border-color:#aac5f5;
  box-shadow:0 11px 24px rgba(31,76,145,.1);
}
#kpnh-root .kpnh-platform__start li > span {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#edf4ff;
  color:var(--blue);
}
#kpnh-root .kpnh-platform__start li:nth-child(2) > span { background:#f1edff; color:#704bd2; }
#kpnh-root .kpnh-platform__start li:nth-child(3) > span { background:#e8f8f4; color:#088476; }
#kpnh-root .kpnh-platform__start svg { width:23px; height:23px; }
#kpnh-root .kpnh-platform__start b {
  display:block;
  color:#18243a;
  font-size:15px;
  line-height:1.3;
}
#kpnh-root .kpnh-platform__start small {
  display:block;
  margin-top:3px;
  color:#6d788b;
  font-size:13px;
  line-height:1.4;
}
#kpnh-root .kpnh-platform__body {
  padding:32px 36px 36px;
  border-top:1px solid #e4ebf4;
}
#kpnh-root .kpnh-platform__heading {
  max-width:760px;
  margin-bottom:22px;
}
#kpnh-root .kpnh-platform__heading h3 {
  margin:0;
  color:#101828;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.025em;
}
#kpnh-root .kpnh-platform__heading p {
  margin:9px 0 0;
  color:#667085;
  font-size:15px;
  line-height:1.6;
}
#kpnh-root .kpnh-capabilities {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
#kpnh-root .kpnh-capabilities > a {
  min-height:128px;
  padding:17px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-items:start;
  border:1px solid #e0e7f1;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-capabilities > a:hover {
  transform:translateY(-3px);
  border-color:#a9c3f3;
  box-shadow:0 12px 27px rgba(30,72,138,.1);
}
#kpnh-root .kpnh-capabilities > a > span {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#edf4ff;
  color:#286cf0;
}
#kpnh-root .kpnh-capabilities > a:nth-child(3n+2) > span { background:#fff1e8; color:#e66a17; }
#kpnh-root .kpnh-capabilities > a:nth-child(3n) > span { background:#f1edff; color:#714cd4; }
#kpnh-root .kpnh-capabilities svg { width:22px; height:22px; }
#kpnh-root .kpnh-capabilities b {
  display:block;
  color:#17233a;
  font-size:16px;
  line-height:1.3;
}
#kpnh-root .kpnh-capabilities p {
  margin:6px 0 0;
  color:#68758a;
  font-size:13px;
  line-height:1.52;
}
#kpnh-root .kpnh-benefits {
  padding:20px 24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid #e4ebf4;
  background:#f7faff;
}
#kpnh-root .kpnh-benefits article {
  min-width:0;
  padding:7px 18px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  align-items:center;
  border-right:1px solid #dde7f5;
}
#kpnh-root .kpnh-benefits article:last-child { border-right:0; }
#kpnh-root .kpnh-benefits article > span {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#e9f2ff;
  color:var(--blue);
  font-size:16px;
  font-weight:800;
}
#kpnh-root .kpnh-benefits article:nth-child(2) > span { background:#e9f8f1; color:#168654; }
#kpnh-root .kpnh-benefits article:nth-child(3) > span { background:#f1edff; color:#714cd4; }
#kpnh-root .kpnh-benefits article:nth-child(4) > span { background:#fff1e8; color:#dd681a; }
#kpnh-root .kpnh-benefits svg { width:21px; height:21px; }
#kpnh-root .kpnh-benefits b {
  display:block;
  color:#19263c;
  font-size:14px;
  line-height:1.3;
}
#kpnh-root .kpnh-benefits p {
  margin:3px 0 0;
  color:#6e7a8e;
  font-size:12px;
  line-height:1.4;
}
@media (max-width:1100px) {
  #kpnh-root .kpnh-platform__hero { grid-template-columns:1fr; gap:26px; }
  #kpnh-root .kpnh-platform__start { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #kpnh-root .kpnh-platform__start li { grid-template-columns:40px minmax(0,1fr); }
  #kpnh-root .kpnh-benefits { grid-template-columns:1fr 1fr; gap:15px 0; }
  #kpnh-root .kpnh-benefits article:nth-child(2) { border-right:0; }
}
@media (max-width:760px) {
  #kpnh-root .kpnh-platform__hero,
  #kpnh-root .kpnh-platform__body { padding:26px 20px; }
  #kpnh-root .kpnh-platform__copy h2 { font-size:28px; }
  #kpnh-root .kpnh-platform__start,
  #kpnh-root .kpnh-capabilities { grid-template-columns:1fr; }
  #kpnh-root .kpnh-capabilities > a { min-height:112px; }
  #kpnh-root .kpnh-benefits { grid-template-columns:1fr; padding:15px 18px; }
  #kpnh-root .kpnh-benefits article,
  #kpnh-root .kpnh-benefits article:nth-child(2) { padding:12px 4px; border-right:0; border-bottom:1px solid #dde7f5; }
  #kpnh-root .kpnh-benefits article:last-child { border-bottom:0; }
}
@media (max-width:420px) {
  #kpnh-root .kpnh-platform__actions .kpnh-btn { width:100%; }
}

/* Platform presentation polish */
#kpnh-root .kpnh-platform {
  position:relative;
  border-color:#d6e1f0;
  box-shadow:0 24px 65px rgba(23,54,102,.105);
}
#kpnh-root .kpnh-platform::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-170px;
  right:-120px;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(43,105,242,.12),rgba(43,105,242,0) 68%);
  pointer-events:none;
}
#kpnh-root .kpnh-platform__hero,
#kpnh-root .kpnh-platform__body,
#kpnh-root .kpnh-benefits { position:relative; z-index:1; }
#kpnh-root .kpnh-platform__hero {
  min-height:330px;
  padding:42px 44px;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:58px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.74)),
    radial-gradient(circle at 79% 18%,#dbe9ff,transparent 31%),
    linear-gradient(135deg,#fff 15%,#f2f7ff 100%);
}
#kpnh-root .kpnh-platform__eyebrow {
  width:max-content;
  margin-bottom:13px;
  padding:7px 11px;
  border:1px solid #cfe0ff;
  border-radius:999px;
  background:#f1f6ff;
  letter-spacing:.065em;
}
#kpnh-root .kpnh-platform__copy h2 {
  max-width:720px;
  margin-bottom:16px;
  font-size:clamp(33px,2.5vw,41px);
  line-height:1.1;
  letter-spacing:-.042em;
}
#kpnh-root .kpnh-platform__copy > p {
  max-width:730px;
  color:#536177;
  font-size:17px;
  line-height:1.7;
}
#kpnh-root .kpnh-platform__actions { margin-top:26px; gap:18px; }
#kpnh-root .kpnh-platform__actions .kpnh-btn {
  min-height:48px;
  padding-inline:24px;
  border-radius:11px;
  font-size:15px;
  box-shadow:0 12px 26px rgba(23,104,242,.25);
}
#kpnh-root .kpnh-platform__actions .kpnh-btn:hover {
  transform:translateY(-3px);
  box-shadow:0 17px 32px rgba(23,104,242,.32);
}
#kpnh-root .kpnh-platform__start {
  position:relative;
  gap:12px;
}
#kpnh-root .kpnh-platform__start::before {
  content:"";
  position:absolute;
  z-index:0;
  top:48px;
  bottom:48px;
  left:35px;
  width:2px;
  background:linear-gradient(#b9d0fb,#d8e5f8);
}
#kpnh-root .kpnh-platform__start li {
  position:relative;
  z-index:1;
  min-height:78px;
  padding:13px 16px 13px 13px;
  grid-template-columns:46px minmax(0,1fr);
  border-color:rgba(208,221,242,.88);
  border-radius:15px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 28px rgba(31,65,118,.075);
}
#kpnh-root .kpnh-platform__start li:hover {
  transform:translateX(-6px);
  border-color:#9ebdf4;
  box-shadow:0 16px 34px rgba(25,72,145,.14);
}
#kpnh-root .kpnh-platform__start li > span {
  width:46px;
  height:46px;
  border:1px solid rgba(197,216,249,.9);
  box-shadow:0 6px 15px rgba(38,101,218,.1);
}
#kpnh-root .kpnh-platform__start b { font-size:16px; font-weight:750; }
#kpnh-root .kpnh-platform__start small { max-width:360px; font-size:13px; line-height:1.48; }
#kpnh-root .kpnh-platform__body {
  padding:38px 44px 44px;
  background:linear-gradient(180deg,#fff,#fcfdff);
}
#kpnh-root .kpnh-platform__heading { max-width:820px; margin-bottom:26px; }
#kpnh-root .kpnh-platform__heading > span { margin-bottom:10px; }
#kpnh-root .kpnh-platform__heading h3 {
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.035em;
}
#kpnh-root .kpnh-platform__heading p { max-width:760px; margin-top:11px; font-size:16px; }
#kpnh-root .kpnh-capabilities {
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
#kpnh-root .kpnh-capabilities > a {
  position:relative;
  grid-column:span 4;
  min-height:142px;
  padding:19px;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  overflow:hidden;
  border-color:#dce5f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 19px rgba(34,61,103,.045);
}
#kpnh-root .kpnh-capabilities > a::after {
  content:"";
  position:absolute;
  right:-34px;
  bottom:-42px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:var(--feature-glow,#e8f1ff);
  opacity:.55;
  transform:scale(.72);
  transition:transform .25s ease,opacity .25s ease;
}
#kpnh-root .kpnh-capabilities > a:hover::after { transform:scale(1.1); opacity:.9; }
#kpnh-root .kpnh-capabilities > a:nth-child(4) {
  grid-column:span 8;
  grid-template-columns:52px minmax(0,1fr);
  min-height:150px;
  border-color:#286de9;
  background:
    radial-gradient(circle at 84% 10%,rgba(255,255,255,.2),transparent 29%),
    linear-gradient(135deg,#1263ed,#2456c7);
  box-shadow:0 17px 34px rgba(25,86,199,.22);
}
#kpnh-root .kpnh-capabilities > a:nth-child(4)::before {
  content:"CRM";
  position:absolute;
  right:22px;
  top:12px;
  color:rgba(255,255,255,.09);
  font-size:74px;
  font-weight:850;
  letter-spacing:-.08em;
}
#kpnh-root .kpnh-capabilities > a:nth-child(4)::after { background:rgba(255,255,255,.18); }
#kpnh-root .kpnh-capabilities > a:nth-child(4) > span {
  width:52px;
  height:52px;
  background:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
#kpnh-root .kpnh-capabilities > a:nth-child(4) b { color:#fff; font-size:19px; }
#kpnh-root .kpnh-capabilities > a:nth-child(4) p { max-width:570px; color:rgba(255,255,255,.83); font-size:14px; }
#kpnh-root .kpnh-capabilities > a:nth-child(5) { grid-column:span 4; }
#kpnh-root .kpnh-capabilities > a:nth-child(n+6) { grid-column:span 3; }
#kpnh-root .kpnh-capabilities > a:nth-child(3n+1) { --feature-glow:#dceaff; }
#kpnh-root .kpnh-capabilities > a:nth-child(3n+2) { --feature-glow:#ffe6d7; }
#kpnh-root .kpnh-capabilities > a:nth-child(3n) { --feature-glow:#e9e0ff; }
#kpnh-root .kpnh-capabilities > a > span {
  width:46px;
  height:46px;
  border-radius:13px;
  transition:transform .2s ease;
}
#kpnh-root .kpnh-capabilities > a:hover > span { transform:rotate(-4deg) scale(1.06); }
#kpnh-root .kpnh-capabilities svg { width:24px; height:24px; }
#kpnh-root .kpnh-capabilities b {
  position:relative;
  z-index:1;
  font-size:17px;
  font-weight:760;
  letter-spacing:-.01em;
}
#kpnh-root .kpnh-capabilities p {
  position:relative;
  z-index:1;
  margin-top:7px;
  font-size:14px;
  line-height:1.55;
}
#kpnh-root .kpnh-benefits {
  padding:24px 28px;
  background:linear-gradient(100deg,#f4f8ff,#f8fbff 55%,#f3f7ff);
}
#kpnh-root .kpnh-benefits article { padding:9px 20px; grid-template-columns:46px minmax(0,1fr); }
#kpnh-root .kpnh-benefits article > span {
  width:46px;
  height:46px;
  border-radius:14px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
}
#kpnh-root .kpnh-benefits b { font-size:15px; font-weight:760; }
#kpnh-root .kpnh-benefits p { margin-top:4px; font-size:13px; line-height:1.45; }
@media (max-width:1100px) {
  #kpnh-root .kpnh-platform__hero { grid-template-columns:1fr; padding:36px; gap:30px; }
  #kpnh-root .kpnh-platform__start { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #kpnh-root .kpnh-platform__start::before { display:none; }
  #kpnh-root .kpnh-capabilities > a,
  #kpnh-root .kpnh-capabilities > a:nth-child(4),
  #kpnh-root .kpnh-capabilities > a:nth-child(5),
  #kpnh-root .kpnh-capabilities > a:nth-child(n+6) { grid-column:span 6; }
}
@media (max-width:760px) {
  #kpnh-root .kpnh-platform__hero,
  #kpnh-root .kpnh-platform__body { padding:27px 20px; }
  #kpnh-root .kpnh-platform__copy h2 { font-size:31px; }
  #kpnh-root .kpnh-platform__copy > p { font-size:16px; }
  #kpnh-root .kpnh-platform__start { grid-template-columns:1fr; }
  #kpnh-root .kpnh-capabilities > a,
  #kpnh-root .kpnh-capabilities > a:nth-child(4),
  #kpnh-root .kpnh-capabilities > a:nth-child(5),
  #kpnh-root .kpnh-capabilities > a:nth-child(n+6) { grid-column:1/-1; min-height:126px; }
  #kpnh-root .kpnh-capabilities > a:nth-child(4)::before { font-size:56px; }
  #kpnh-root .kpnh-benefits { padding:15px 18px; }
}

/* Mission and section rhythm */
#kpnh-root .kpnh-platform__heading {
  max-width:none;
  margin-bottom:22px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  gap:54px;
  align-items:end;
}
#kpnh-root .kpnh-platform__heading > div > span {
  display:block;
  margin-bottom:9px;
  color:var(--blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-platform__heading h3 { max-width:570px; }
#kpnh-root .kpnh-platform__heading > p {
  max-width:610px;
  margin:0 0 2px;
  padding-left:22px;
  border-left:2px solid #c7d9fa;
  color:#647187;
}
#kpnh-root .kpnh-mission {
  position:relative;
  margin-bottom:22px;
  padding:25px 27px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:38px;
  align-items:center;
  overflow:hidden;
  border:1px solid #d6e3f7;
  border-radius:17px;
  background:
    radial-gradient(circle at 88% 15%,rgba(76,129,242,.14),transparent 28%),
    linear-gradient(120deg,#eef5ff 0%,#f8fbff 52%,#f3f7ff 100%);
}
#kpnh-root .kpnh-mission::after {
  content:"";
  position:absolute;
  right:-55px;
  bottom:-95px;
  width:220px;
  height:220px;
  border:34px solid rgba(40,104,230,.045);
  border-radius:50%;
  pointer-events:none;
}
#kpnh-root .kpnh-mission__copy,
#kpnh-root .kpnh-mission__audience { position:relative; z-index:1; }
#kpnh-root .kpnh-mission__copy > span {
  display:block;
  margin-bottom:8px;
  color:#2467df;
  font-size:12px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-mission__copy h4 {
  max-width:660px;
  margin:0;
  color:#15233b;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.025em;
}
#kpnh-root .kpnh-mission__copy p {
  max-width:720px;
  margin:10px 0 0;
  color:#5d6b81;
  font-size:14px;
  line-height:1.65;
}
#kpnh-root .kpnh-mission__audience {
  padding-left:28px;
  border-left:1px solid #ccdaf0;
}
#kpnh-root .kpnh-mission__audience > b {
  display:block;
  margin-bottom:10px;
  color:#22314a;
  font-size:14px;
}
#kpnh-root .kpnh-mission__audience > div {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
#kpnh-root .kpnh-mission__audience span {
  min-height:38px;
  padding:7px 9px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(197,214,239,.9);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  color:#34435b;
  font-size:12px;
  font-weight:650;
}
#kpnh-root .kpnh-mission__audience span svg { width:17px; height:17px; flex:0 0 17px; color:var(--blue); }
#kpnh-root .kpnh-mission__audience > small {
  display:block;
  margin-top:10px;
  color:#6b7890;
  font-size:11px;
  line-height:1.45;
}
@media (max-width:1050px) {
  #kpnh-root .kpnh-platform__heading,
  #kpnh-root .kpnh-mission { grid-template-columns:1fr; gap:20px; }
  #kpnh-root .kpnh-platform__heading > p { max-width:760px; }
  #kpnh-root .kpnh-mission__audience { padding:20px 0 0; border-top:1px solid #ccdaf0; border-left:0; }
}
@media (max-width:600px) {
  #kpnh-root .kpnh-platform__heading > p { min-width:0; padding-left:15px; }
  #kpnh-root .kpnh-mission { padding:22px 18px; }
  #kpnh-root .kpnh-mission { min-height:0; }
  #kpnh-root .kpnh-mission__copy h4 { font-size:22px; }
  #kpnh-root .kpnh-mission__audience > div { grid-template-columns:1fr; }
}

/* Data-rich lower dashboard */
#kpnh-root .kpnh-bottom-grid {
  gap:16px;
  margin-top:38px;
}
#kpnh-root .kpnh-widget {
  position:relative;
  height:560px;
  min-height:560px;
  padding:19px;
  overflow:hidden;
  border:1px solid #dce5f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 32px rgba(30,58,105,.07);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#kpnh-root .kpnh-widget:hover {
  transform:translateY(-4px);
  border-color:#b9ccec;
  box-shadow:0 18px 40px rgba(28,69,132,.11);
}
#kpnh-root .kpnh-widget::after {
  content:"";
  position:absolute;
  right:-55px;
  top:-65px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:var(--widget-glow,#e8f1ff);
  opacity:.42;
  pointer-events:none;
}
#kpnh-root .kpnh-widget--rates { --widget-glow:#e7ecff; }
#kpnh-root .kpnh-widget--stats { --widget-glow:#d9f5e7; }
#kpnh-root .kpnh-widget--feed { --widget-glow:#e5edff; }
#kpnh-root .kpnh-widget--companies { --widget-glow:#e7f5ff; }
#kpnh-root .kpnh-feed-heading {
  min-height:46px;
  margin-bottom:10px;
}
#kpnh-root .kpnh-widget > header {
  position:relative;
  z-index:1;
  min-height:46px;
  margin-bottom:12px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
#kpnh-root .kpnh-widget > header > div {
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
#kpnh-root .kpnh-widget__icon {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#edf3ff;
  color:#286ae9;
  font-size:18px;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
#kpnh-root .kpnh-widget--stats .kpnh-widget__icon { background:#e7f8ef; color:#168956; }
#kpnh-root .kpnh-widget--companies .kpnh-widget__icon { background:#eaf6ff; color:#1680c6; }
#kpnh-root .kpnh-widget__icon svg { width:20px; height:20px; }
#kpnh-root .kpnh-widget h2 {
  min-width:0;
  margin:0;
  color:#17233a;
  font-size:18px;
  font-weight:760;
  line-height:1.2;
  letter-spacing:-.015em;
}
#kpnh-root .kpnh-widget h2 small {
  max-width:none;
  margin-top:4px;
  display:block;
  color:#7b8798;
  font-size:11px;
  font-weight:500;
  line-height:1.3;
  text-align:left;
}
#kpnh-root .kpnh-widget__live {
  position:relative;
  z-index:1;
  padding:5px 8px 5px 17px;
  border-radius:999px;
  background:#eef9f3;
  color:#258157;
  font-size:10px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}
#kpnh-root .kpnh-widget__live::before {
  content:"";
  position:absolute;
  left:7px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#24b26b;
  box-shadow:0 0 0 3px rgba(36,178,107,.12);
  transform:translateY(-50%);
}
#kpnh-root .kpnh-rates { position:relative; z-index:1; }
#kpnh-root .kpnh-rates p {
  min-height:62px;
  margin:0;
  padding:8px 3px;
  grid-template-columns:32px minmax(0,1fr) 74px;
  grid-template-rows:1fr 1fr;
  column-gap:7px;
  row-gap:1px;
  border-bottom:1px solid #edf1f6;
  font-size:12px;
  transition:padding-left .16s ease,background-color .16s ease;
}
#kpnh-root .kpnh-rates p:hover { padding-left:7px; border-radius:8px; background:#f7f9fd; }
#kpnh-root .kpnh-rates p b {
  width:32px;
  padding:5px 3px;
  border-radius:7px;
  background:#f0f3fa;
  color:#34445f;
  font-size:11px;
  text-align:center;
}
#kpnh-root .kpnh-rates p > b {
  grid-column:1;
  grid-row:1/3;
  align-self:center;
}
#kpnh-root .kpnh-rates p span {
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  min-width:0;
  color:#536077;
  line-height:1.3;
  white-space:normal;
  overflow-wrap:normal;
}
#kpnh-root .kpnh-rates p strong {
  grid-column:3;
  grid-row:1;
  align-self:end;
  color:#1264df;
  font-size:13px;
  font-weight:800;
  text-align:right;
}
#kpnh-root .kpnh-rates p em {
  grid-column:3;
  grid-row:2;
  align-self:start;
  white-space:nowrap;
}
#kpnh-root .kpnh-rates p em { font-size:11px; text-align:right; }
#kpnh-root .kpnh-rates p em.up { color:#17945a; }
#kpnh-root .kpnh-rates p em.down { color:#dd4b5d; }
#kpnh-root .kpnh-rates p em.flat { color:#7b8798; }
#kpnh-root .kpnh-widget__more {
  position:relative;
  z-index:2;
  min-height:34px;
  margin-top:auto!important;
  padding:9px 2px 0!important;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--blue)!important;
  font-size:12px!important;
  font-weight:750!important;
}
#kpnh-root .kpnh-widget__more span { transition:transform .18s ease; }
#kpnh-root .kpnh-widget__more:hover span { transform:translateX(4px); }
#kpnh-root .kpnh-widget__empty { margin:auto; color:#7a8799; font-size:13px; text-align:center; }

#kpnh-root .kpnh-stats-hero {
  position:relative;
  z-index:1;
  min-height:104px;
  margin-bottom:9px;
  padding:14px 15px;
  overflow:hidden;
  border-radius:13px;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,255,255,.28),transparent 31%),
    linear-gradient(135deg,#1268ed,#214eb8);
  color:#fff;
  box-shadow:0 12px 26px rgba(24,91,206,.2);
}
#kpnh-root .kpnh-stats-hero > span { display:block; color:rgba(255,255,255,.72); font-size:11px; }
#kpnh-root .kpnh-stats-hero > strong { margin-top:3px; display:block; font-size:29px; line-height:1; letter-spacing:-.03em; }
#kpnh-root .kpnh-stats-hero > small { margin-top:9px; display:block; color:rgba(255,255,255,.75); font-size:11px; }
#kpnh-root .kpnh-stats-hero > small b { margin-right:3px; color:#8cf0b7; font-size:13px; }
#kpnh-root .kpnh-stats-list { position:relative; z-index:1; }
#kpnh-root .kpnh-widget--stats .kpnh-stats-list {
  display:flex;
  flex-direction:column;
}
#kpnh-root .kpnh-stat-row {
  min-height:42px;
  margin:0;
  padding:6px 3px;
  grid-template-columns:minmax(0,1fr) 78px 44px;
  border-bottom:1px solid #edf1f6;
  font-size:12px;
}
#kpnh-root .kpnh-stat-row:last-child { border-bottom:0; }
#kpnh-root .kpnh-stat-row span { color:#536077; }
#kpnh-root .kpnh-stat-row b { color:#17233a; font-size:12px; }
#kpnh-root .kpnh-stat-row em {
  padding:3px 4px;
  border-radius:6px;
  background:#eaf8f0;
  color:#17945a;
  font-size:10px;
  font-weight:700;
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row b {
  color:#0d63e5;
  font-size:15px;
  font-weight:800;
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row em {
  padding:5px 6px;
  background:#eaf2ff;
  color:#0d63e5;
  font-size:12px;
  font-weight:800;
  text-align:center;
}

#kpnh-root .kpnh-widget-tabs {
  position:relative;
  z-index:1;
  min-height:46px;
  margin:-3px 0 12px;
  padding:3px;
  align-items:center;
  border:1px solid #e1e8f2;
  border-radius:11px;
  background:#f5f7fb;
}
#kpnh-root .kpnh-feed-widget .kpnh-widget-tabs {
  min-height:42px;
  margin:0 0 10px;
}
#kpnh-root .kpnh-feed-widget .kpnh-widget-tabs button {
  height:34px;
  min-height:34px;
}
#kpnh-root .kpnh-widget-tabs button {
  height:38px;
  min-height:38px;
  padding:0 6px;
  border:0;
  border-radius:8px;
  font-size:12px;
}
#kpnh-root .kpnh-widget-tabs button.is-active {
  border:0;
  background:#fff;
  box-shadow:0 4px 12px rgba(31,61,109,.09);
}
#kpnh-root .kpnh-feed-panel { position:relative; z-index:1; }
#kpnh-root .kpnh-hot {
  position:relative;
  min-height:69px;
  padding:8px 7px;
  display:grid;
  grid-template-columns:57px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:3px 7px;
  border-bottom:1px solid #edf1f6;
  border-radius:9px;
  transition:background-color .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-hot:hover { background:#f5f8fd; transform:translateX(3px); }
#kpnh-root .kpnh-hot span {
  width:53px;
  align-self:start;
  grid-row:1/3;
  padding:5px 4px;
  border-radius:7px;
  background:#eaf3ff;
  color:#2868df;
  font-size:10px;
}
#kpnh-root .kpnh-hot:nth-child(2n) span { background:#eef9f3; color:#258157; }
#kpnh-root .kpnh-hot b {
  display:-webkit-box;
  overflow:hidden;
  color:#25334b;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-hot small {
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#8490a2;
  font-size:10px;
}
#kpnh-root .kpnh-hot small i { color:var(--blue); font-size:12px; font-style:normal; }

#kpnh-root .kpnh-newco-list { position:relative; z-index:1; }
#kpnh-root .kpnh-newco {
  position:relative;
  min-height:69px;
  padding:7px 5px;
  display:grid;
  grid-template-columns:43px minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;
  border-bottom:1px solid #edf1f6;
  border-radius:9px;
  transition:background-color .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-newco:hover { background:#f5f8fd; transform:translateX(3px); }
#kpnh-root .kpnh-newco > .kpnh-newco__avatar {
  width:43px;
  height:43px;
  flex:0 0 43px;
  overflow:hidden;
  border:1px solid #dfe7f1;
  border-radius:12px;
  background:linear-gradient(145deg,#f4f7fc,#e9f0fa);
  color:#315c9b;
  font-size:12px;
}
#kpnh-root .kpnh-newco__avatar > img { width:100%; height:100%; display:block; border-radius:11px; object-fit:contain; }
#kpnh-root .kpnh-newco__avatar b { font-size:12px; }
#kpnh-root .kpnh-widget--companies { z-index:12; overflow:visible; }
#kpnh-root .kpnh-newco-list { z-index:13; }
#kpnh-root .kpnh-newco > .kpnh-newco__avatar.has-logo { position:relative; overflow:visible; cursor:zoom-in; }
#kpnh-root .kpnh-newco__zoom {
  position:absolute;
  z-index:50;
  top:50%;
  right:calc(100% + 16px);
  width:400px!important;
  height:400px!important;
  padding:14px;
  display:block!important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  border:1px solid #cddbf0;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 26px 70px rgba(18,48,91,.24);
  transform:translate(12px,-50%) scale(.94);
  transform-origin:right center;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
#kpnh-root .kpnh-newco__zoom::after {
  content:"";
  position:absolute;
  top:50%;
  right:-7px;
  width:14px;
  height:14px;
  border-top:1px solid #cddbf0;
  border-right:1px solid #cddbf0;
  background:#fff;
  transform:translateY(-50%) rotate(45deg);
}
#kpnh-root .kpnh-newco__zoom img {
  width:100%!important;
  height:100%!important;
  display:block;
  border-radius:12px;
  background:#fff;
  object-fit:contain;
}
#kpnh-root .kpnh-newco__avatar.has-logo:hover .kpnh-newco__zoom {
  visibility:visible;
  opacity:1;
  transform:translate(0,-50%) scale(1);
}
@media (max-width:900px) {
  #kpnh-root .kpnh-newco__zoom { display:none!important; }
}
#kpnh-root .kpnh-newco__body { min-width:0; display:block; }
#kpnh-root .kpnh-newco__body > b {
  display:-webkit-box;
  overflow:hidden;
  color:#25334b;
  font-size:12px;
  line-height:1.32;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-newco__body small {
  margin-top:4px;
  display:block;
  overflow:hidden;
  color:#8591a2;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#kpnh-root .kpnh-newco__body small i { margin:0 3px; color:#c3cad5; font-style:normal; }
#kpnh-root .kpnh-newco__body em {
  max-width:100%;
  margin-top:4px;
  padding:3px 7px;
  display:block;
  border-radius:6px;
  background:#f2f6fc;
  color:#50617b;
  font-size:11px;
  font-style:normal;
  font-weight:650;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
#kpnh-root .kpnh-newco > .kpnh-newco__verified {
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#e6f8ee;
  color:#19965b;
  font-size:11px;
}

#kpnh-root .kpnh-counter-strip {
  min-height:92px;
  margin-top:20px;
  overflow:hidden;
  border:1px solid #dce5f0;
  border-radius:15px;
  box-shadow:0 10px 28px rgba(30,58,105,.065);
}
#kpnh-root .kpnh-counter-strip a {
  position:relative;
  min-width:0;
  padding:14px 10px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:9px;
  border-right:1px solid #e6ebf3;
}
#kpnh-root .kpnh-counter-strip a:last-child { border-right:0; }
#kpnh-root .kpnh-counter-strip a:hover { z-index:1; background:#f1f6ff; box-shadow:inset 0 0 0 1px #b8cdf5; }
#kpnh-root .kpnh-counter-strip i {
  width:32px;
  height:32px;
  grid-row:1/3;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf4ff;
  color:var(--blue);
  font-style:normal;
}
#kpnh-root .kpnh-counter-strip i svg { width:17px; height:17px; }
#kpnh-root .kpnh-counter-strip span { font-size:11px; line-height:1.2; }
#kpnh-root .kpnh-counter-strip b { margin-top:3px; color:var(--blue); font-size:14px; line-height:1.2; }
@media (max-width:1100px) {
  #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-counter-strip { grid-template-columns:repeat(4,1fr); }
  #kpnh-root .kpnh-counter-strip a:nth-child(4) { border-right:0; }
  #kpnh-root .kpnh-counter-strip a:nth-child(-n+4) { border-bottom:1px solid #e6ebf3; }
}
@media (max-width:640px) {
  #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-widget { height:auto; min-height:430px; }
  #kpnh-root .kpnh-counter-strip { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-counter-strip a { min-height:76px; border-bottom:1px solid #e6ebf3; }
  #kpnh-root .kpnh-counter-strip a:nth-child(2n) { border-right:0; }
}

/* Widget alignment and readable wrapping */
@media (min-width:1101px) {
  #kpnh-root .kpnh-bottom-grid {
    grid-template-columns:minmax(0,.9fr) minmax(0,.94fr) minmax(0,1.12fr) minmax(0,1.3fr);
  }
}
#kpnh-root .kpnh-widget-tabs button { font-size:13px; font-weight:700; }
#kpnh-root .kpnh-feed-panel {
  min-height:230px;
  display:flex;
  flex-direction:column;
}
#kpnh-root .kpnh-feed-panel[hidden] { display:none!important; }
#kpnh-root .kpnh-hot {
  min-height:70px;
  padding:8px 9px;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:22px minmax(34px,auto);
  gap:4px 10px;
  align-items:start;
}
#kpnh-root .kpnh-hot span {
  width:max-content;
  max-width:100%;
  grid-column:1;
  grid-row:1;
  align-self:start;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
}
#kpnh-root .kpnh-hot b {
  grid-column:1/-1;
  grid-row:2;
  display:-webkit-box;
  overflow:hidden;
  color:#25334b;
  font-size:13px;
  font-weight:680;
  line-height:1.38;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-hot small {
  min-width:0;
  grid-column:2;
  grid-row:1;
  align-self:center;
  display:flex;
  gap:7px;
  color:#7d899c;
  font-size:10px;
  white-space:nowrap;
}
#kpnh-root .kpnh-hot small i { flex:0 0 auto; }

#kpnh-root .kpnh-newco-list {
  min-height:286px;
  display:flex;
  flex-direction:column;
}
#kpnh-root .kpnh-newco {
  min-height:73px;
  padding:8px 9px;
  grid-template-columns:48px minmax(0,1fr) 20px;
  gap:13px;
}
#kpnh-root .kpnh-newco > .kpnh-newco__avatar {
  width:48px;
  height:48px;
  flex-basis:48px;
  border-radius:13px;
}
#kpnh-root .kpnh-newco__avatar b { font-size:13px; letter-spacing:.02em; }
#kpnh-root .kpnh-newco > span.kpnh-newco__body {
  width:100%;
  height:auto;
  min-width:0;
  padding-right:2px;
  display:block;
  place-items:initial;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
}
#kpnh-root .kpnh-newco__body > b {
  width:100%;
  display:-webkit-box;
  overflow:hidden;
  color:#26344c;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-newco__body small {
  width:100%;
  margin-top:4px;
  font-size:11px;
  line-height:1.3;
}
#kpnh-root .kpnh-rates p { font-size:13px; }
#kpnh-root .kpnh-rates p strong { font-size:13px; }
#kpnh-root .kpnh-rates p em { font-size:11px; }
#kpnh-root .kpnh-stat-row { font-size:13px; }
#kpnh-root .kpnh-stat-row b { font-size:13px; }
@media (max-width:1100px) {
  #kpnh-root .kpnh-hot b,
  #kpnh-root .kpnh-newco__body > b { font-size:14px; }
}

/* Finished layout for the materials widget */
#kpnh-root .kpnh-feed-widget {
  display:flex;
  flex-direction:column;
}
#kpnh-root .kpnh-feed-widget .kpnh-feed-heading {
  min-height:48px;
  margin:0 0 10px;
  flex:0 0 48px;
}
#kpnh-root .kpnh-feed-widget .kpnh-widget__icon {
  background:linear-gradient(145deg,#e9f2ff,#dfeaff);
  color:#1768e8;
}
#kpnh-root .kpnh-feed-widget .kpnh-widget-tabs {
  min-height:42px;
  margin:0 0 10px;
  flex:0 0 42px;
}
#kpnh-root .kpnh-feed-widget .kpnh-feed-panel {
  min-height:340px;
  height:auto;
  flex:0 0 auto;
  overflow:visible;
}
#kpnh-root .kpnh-feed-sort-note {
  height:24px;
  margin:0;
  padding:2px 9px 6px;
  flex:0 0 24px;
  overflow:hidden;
  color:#77849a;
  font-size:10px;
  font-weight:600;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot {
  min-height:79px;
  height:auto;
  padding:9px;
  flex:0 0 auto;
  grid-template-rows:19px auto;
  gap:3px 10px;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot span {
  padding:3px 8px;
  font-size:10px;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot b {
  display:block;
  overflow:visible;
  font-size:13px;
  line-height:1.34;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-line-clamp:unset;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot small {
  font-size:10px;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot small .kpnh-eye {
  width:13px;
  height:13px;
  margin-right:4px;
  display:inline-grid;
  place-items:center;
  color:#0d63e5;
  font-style:normal;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot small .kpnh-eye svg {
  width:13px;
  height:13px;
  display:block;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot small .kpnh-hot__arrow {
  margin-left:auto;
  color:var(--blue);
  font-size:12px;
  font-style:normal;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot small {
  color:#0d63e5;
  font-weight:750;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot small .kpnh-hot__metric {
  display:inline-flex;
  align-items:center;
  gap:3px;
  white-space:nowrap;
}

/* Polished platform statistics */
#kpnh-root .kpnh-widget--stats .kpnh-stats-list {
  gap:5px;
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row {
  min-height:48px;
  margin:0;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:9px;
  align-items:center;
  border:1px solid #edf2f7;
  border-radius:10px;
  background:linear-gradient(90deg,#fbfcfe,#f7faff);
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease;
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row:hover {
  z-index:1;
  border-color:#cddcf3;
  background:#f4f8ff;
  transform:translateX(3px);
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row span {
  min-width:0;
  color:#526079;
  font-size:12px;
  font-weight:650;
  line-height:1.25;
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row b {
  min-width:max-content;
  color:#0d63e5;
  font-size:14px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
#kpnh-root .kpnh-widget--stats .kpnh-stat-row em {
  min-width:35px;
  padding:5px 6px;
  border-radius:8px;
  background:#e9f8ef;
  color:#168f55;
  font-size:11px;
  font-weight:850;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

/* Centered section counters */
#kpnh-root .kpnh-counter-strip {
  min-height:118px;
}
#kpnh-root .kpnh-counter-strip a {
  min-height:118px;
  padding:13px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
}
#kpnh-root .kpnh-counter-strip i {
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:11px;
}
#kpnh-root .kpnh-counter-strip i svg { width:20px; height:20px; }
#kpnh-root .kpnh-counter-strip span {
  font-size:12px;
  font-weight:650;
  line-height:1.2;
}
#kpnh-root .kpnh-counter-strip b {
  margin:0;
  color:#0d63e5;
  font-size:16px;
  font-weight:850;
  line-height:1;
}

/* Finished footer */
#kpnh-root .kpnh-footer {
  padding-top:48px;
  background:#fff;
}
#kpnh-root .kpnh-footer__grid {
  grid-template-columns:minmax(250px,1.35fr) minmax(125px,.72fr) minmax(190px,1fr) minmax(145px,.75fr) minmax(210px,.95fr);
  gap:34px;
}
#kpnh-root .kpnh-footer h3 {
  position:relative;
  margin:0 0 15px;
  padding-bottom:9px;
  color:#17233a;
  font-size:18px;
  font-weight:800;
}
#kpnh-root .kpnh-footer h3::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  border-radius:2px;
  background:#2470ed;
}
#kpnh-root .kpnh-footer__grid > div:not(:first-child) > a {
  padding:6px 0;
  color:#526079;
  font-size:15px;
  line-height:1.35;
  transition:color .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-footer__grid > div:not(:first-child) > a:hover {
  color:#1264df;
  transform:translateX(3px);
}
#kpnh-root .kpnh-footer__email {
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid #e0e7f1;
  border-radius:11px;
  background:#f8faff;
}
#kpnh-root .kpnh-footer__support {
  align-self:start;
  padding:18px;
  border:1px solid rgba(163,190,235,.65);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0,rgba(68,134,245,.12),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,246,255,.68));
  box-shadow:0 14px 34px rgba(31,70,130,.09),inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(12px);
}
#kpnh-root .kpnh-footer__support h3 { margin-bottom:14px; }
#kpnh-root .kpnh-footer__email + .kpnh-footer__email { margin-top:9px; }
#kpnh-root .kpnh-footer__email > span { min-width:0; display:block; }
#kpnh-root .kpnh-footer__email > span small {
  display:block;
  color:#7c899c;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
}
#kpnh-root .kpnh-footer__email > span a {
  margin-top:4px;
  display:block;
  min-width:0;
  overflow:hidden;
  color:#25334b;
  font-size:14px;
  font-weight:700;
  text-overflow:ellipsis;
}
#kpnh-root .kpnh-footer__email > button {
  min-height:30px;
  padding:0 9px;
  border:1px solid #cbdaf3;
  border-radius:8px;
  background:#fff;
  color:#1767df;
  font:700 10px/1 Inter,Arial,sans-serif;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
#kpnh-root .kpnh-footer__email > button.kpnh-footer__copy {
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:9px;
}
#kpnh-root .kpnh-footer__copy svg { width:17px; height:17px; }
#kpnh-root .kpnh-footer__copy > span:not([aria-hidden]) {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
#kpnh-root .kpnh-footer__email > button:hover { border-color:#8eb1f6; background:#eef4ff; }
#kpnh-root .kpnh-footer__email > button.is-copied { border-color:#91d4a8; background:#eaf9ef; color:#16834a; }
#kpnh-root .kpnh-footer__socials {
  margin-top:15px;
  display:flex;
  align-items:center;
  gap:13px;
}
#kpnh-root .kpnh-footer__socials a {
  width:24px;
  height:24px;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:0;
  border-radius:0;
  background:transparent;
  transition:transform .16s ease,opacity .16s ease;
}
#kpnh-root .kpnh-footer__socials a:hover { transform:translateY(-2px) scale(1.06); opacity:.82; }
#kpnh-root .kpnh-footer__socials img {
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
}
#kpnh-root .kpnh-footer__bottom {
  min-height:82px;
  margin-top:42px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
  align-items:center;
  color:#7a8799;
  font-size:14px;
}
#kpnh-root .kpnh-footer__bottom a { color:#1767df; font-weight:700; }
#kpnh-root .kpnh-footer__legal {
  grid-column:2;
  color:#526079;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  white-space:nowrap;
}
#kpnh-root .kpnh-footer__legal small {
  margin-left:6px;
  color:#8a96a8;
  font-size:13px;
  font-weight:500;
}
#kpnh-root .kpnh-footer__bottom-left {
  grid-column:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  white-space:nowrap;
}
#kpnh-root .kpnh-footer__copyright {
  grid-column:3;
  justify-self:end;
  text-align:right;
  white-space:nowrap;
}
#kpnh-root .kpnh-footer__sitemap {
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
#kpnh-root .kpnh-footer__sitemap svg { width:17px; height:17px; }
@media (max-width:1180px) {
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1.2fr repeat(2,1fr); }
  #kpnh-root .kpnh-footer__bottom { grid-template-columns:1fr; gap:10px; padding:18px 0; }
  #kpnh-root .kpnh-footer__bottom-left,
  #kpnh-root .kpnh-footer__legal,
  #kpnh-root .kpnh-footer__copyright { grid-column:1; justify-self:center; text-align:center; }
}
@media (max-width:700px) {
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr 1fr; gap:30px 22px; }
  #kpnh-root .kpnh-footer__grid > div:first-child,
  #kpnh-root .kpnh-footer__support { grid-column:1/-1; }
  #kpnh-root .kpnh-footer__bottom { grid-template-columns:1fr; gap:9px; padding:20px 0; }
  #kpnh-root .kpnh-footer__bottom-left { flex-wrap:wrap; justify-content:center; white-space:normal; }
  #kpnh-root .kpnh-footer__legal { white-space:normal; }
  #kpnh-root .kpnh-footer__legal small { margin-left:0; }
}
@media (max-width:430px) {
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-footer__grid > div { grid-column:1!important; }
}

/* Self-contained bug icon: the shared widget must not depend on Font Awesome */
.bug-fab > i { display:none!important; }
.bug-fab::before {
  content:"";
  width:22px;
  height:22px;
  display:block;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6.2a4 4 0 0 1 8 0M7 9h10v5a5 5 0 0 1-10 0V9Z'/%3E%3Cpath d='M12 9v10M4 13h3M17 13h3M5 7l2.5 2M19 7l-2.5 2M5 19l3-2M19 19l-3-2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6.2a4 4 0 0 1 8 0M7 9h10v5a5 5 0 0 1-10 0V9Z'/%3E%3Cpath d='M12 9v10M4 13h3M17 13h3M5 7l2.5 2M19 7l-2.5 2M5 19l3-2M19 19l-3-2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

/* Floating bookmark and sharing widget */
#kpnh-root .kpnh-share-widget { position:fixed; z-index:9996; right:24px; bottom:92px; }
#kpnh-root .kpnh-share-fab {
  width:48px;
  height:48px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:linear-gradient(145deg,#397dff,#145de2);
  color:#fff;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(20,83,194,.3);
  transition:transform .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-share-fab:hover,#kpnh-root .kpnh-share-widget.is-open .kpnh-share-fab { transform:translateY(-2px) scale(1.04); box-shadow:0 16px 34px rgba(20,83,194,.38); }
#kpnh-root .kpnh-share-fab svg { width:21px; height:21px; stroke-width:2; }
#kpnh-root .kpnh-share-panel {
  position:absolute;
  right:0;
  bottom:64px;
  width:310px;
  padding:16px;
  border:1px solid rgba(167,190,229,.8);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(243,247,255,.95));
  box-shadow:0 24px 60px rgba(22,52,98,.22);
  backdrop-filter:blur(16px);
  animation:kpnhShareIn .2s ease both;
}
#kpnh-root .kpnh-share-panel[hidden] { display:none!important; }
@keyframes kpnhShareIn { from { opacity:0; transform:translateY(8px) scale(.97); } to { opacity:1; transform:none; } }
#kpnh-root .kpnh-share-panel__head { padding-bottom:12px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border-bottom:1px solid #e5ebf4; }
#kpnh-root .kpnh-share-panel__head b { display:block; color:#17263f; font-size:16px; }
#kpnh-root .kpnh-share-panel__head small { margin-top:3px; display:block; color:#7a879a; font-size:11px; }
#kpnh-root .kpnh-share-panel__head > button { width:27px; height:27px; padding:0; border:0; border-radius:8px; background:#edf3fc; color:#68768a; font-size:20px; cursor:pointer; }
#kpnh-root .kpnh-share-bookmark {
  width:100%;
  min-height:60px;
  margin-top:12px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  border:1px solid #d8e4f5;
  border-radius:12px;
  background:#fff;
  color:#1768e8;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-share-bookmark:hover { transform:translateY(-1px); border-color:#a9c5f2; background:#f8fbff; }
#kpnh-root .kpnh-share-bookmark > svg { width:21px; height:21px; justify-self:center; }
#kpnh-root .kpnh-share-bookmark span b { display:block; color:#25344c; font-size:12px; }
#kpnh-root .kpnh-share-bookmark span small { margin-top:3px; display:block; color:#8491a3; font-size:10px; }
#kpnh-root .kpnh-share-bookmark kbd { padding:4px 6px; border:1px solid #d5dfed; border-bottom-width:2px; border-radius:6px; background:#f6f8fb; color:#637086; font:700 8px/1 Inter,Arial,sans-serif; white-space:nowrap; }
#kpnh-root .kpnh-share-socials { margin-top:13px; }
#kpnh-root .kpnh-share-socials > span { color:#69778b; font-size:11px; font-weight:650; }
#kpnh-root .kpnh-share-socials > div { margin-top:8px; display:flex; align-items:center; gap:8px; }
#kpnh-root .kpnh-share-socials a,#kpnh-root .kpnh-share-socials button {
  width:36px;
  height:36px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #dce5f1;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease;
}
#kpnh-root .kpnh-share-socials a:hover,#kpnh-root .kpnh-share-socials button:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(31,67,119,.12); }
#kpnh-root .kpnh-share-socials img { width:22px; height:22px; display:block; object-fit:contain; }
#kpnh-root .kpnh-share-socials button { color:#1768e8; }
#kpnh-root .kpnh-share-socials button svg { width:18px; height:18px; }
#kpnh-root .kpnh-share-hint { margin:11px 0 0; padding:8px 9px; border-radius:8px; background:#eaf3ff; color:#255fae; font-size:11px; line-height:1.35; }
#kpnh-root .kpnh-share-hint[hidden] { display:none!important; }
@media (max-width:600px) {
  #kpnh-root .kpnh-share-widget { right:16px; bottom:82px; }
  #kpnh-root .kpnh-share-fab { width:48px; height:48px; }
  #kpnh-root .kpnh-share-panel { width:min(300px,calc(100vw - 32px)); bottom:58px; }
}

/* Hero advertising slot */
#kpnh-root .kpnh-start--ad {
  min-height:286px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid #dce6f3;
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0,rgba(54,121,241,.12),transparent 42%),
    linear-gradient(145deg,#fff,#f5f8fd);
  box-shadow:0 12px 30px rgba(31,67,126,.08);
}
#kpnh-root .kpnh-hero-ad-slot--tablet { display:none; }
#kpnh-root .kpnh-hero-ad-slot {
  width:100%;
  align-items:center;
  justify-content:center;
}
#kpnh-root .kpnh-start--ad .kpnh-hero-ad {
  width:100%;
  max-width:270px;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
#kpnh-root .kpnh-start--ad .kp-ad-label {
  align-self:flex-start;
  padding:4px 8px;
  display:inline-flex;
  border-radius:999px;
  background:#edf3ff;
  color:#68778e;
  font-size:11px;
  font-weight:750;
  letter-spacing:.06em;
  line-height:1;
  text-transform:uppercase;
}
#kpnh-root .kpnh-start--ad .kp-ad-frame,
#kpnh-root .kpnh-start--ad .kp-ad-frame a {
  width:250px;
  height:250px;
  max-width:100%;
  display:block;
  overflow:hidden;
  border-radius:13px;
  background:#fff;
  line-height:0;
}
#kpnh-root .kpnh-start--ad .kp-ad-frame img {
  width:250px;
  height:250px;
  max-width:100%;
  display:block;
  object-fit:cover;
  border:0;
  border-radius:13px;
  box-shadow:none;
}
@media (max-width:900px) {
  #kpnh-root .kpnh-start--ad { width:min(100%,320px); justify-self:center; }
}
@media (min-width:761px) and (max-width:1100px) {
  #kpnh-root .kpnh-mobile-app { display:none!important; }
  #kpnh-root .kpnh-start--ad {
    width:100%;
    min-height:128px;
    padding:12px 16px;
    justify-self:stretch;
  }
  #kpnh-root .kpnh-hero-ad-slot--square { display:none; }
  #kpnh-root .kpnh-hero-ad-slot--tablet { display:flex; }
  #kpnh-root .kpnh-start--ad .kpnh-hero-ad--tablet {
    width:100%;
    max-width:728px;
    gap:6px;
  }
  #kpnh-root .kpnh-start--ad .kpnh-hero-ad--tablet .kp-ad-frame,
  #kpnh-root .kpnh-start--ad .kpnh-hero-ad--tablet .kp-ad-frame a {
    width:100%;
    height:auto;
    min-height:0;
    border-radius:12px;
  }
  #kpnh-root .kpnh-start--ad .kpnh-hero-ad--tablet .kp-ad-frame img {
    width:100%;
    height:auto;
    max-height:90px;
    object-fit:contain;
    border-radius:12px;
  }
}

/* Functional search transferred from the production homepage */
#kpnh-root .kpnh-tabs button {
  flex:0 0 auto;
  padding:0 0 12px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#475467;
  font:500 13px/1.2 Inter,Arial,sans-serif;
  cursor:pointer;
  white-space:nowrap;
  transition:color .16s ease,border-color .16s ease;
}
#kpnh-root .kpnh-tabs__label {
  flex:0 0 auto;
  padding:0 2px 12px 0;
  display:inline-flex;
  align-items:center;
  color:#26364f;
  font-size:14px;
  font-weight:750;
  white-space:nowrap;
}
#kpnh-root .kpnh-tabs button:hover { color:#1768e8; }
#kpnh-root .kpnh-tabs button.is-active { border-bottom-color:#1768e8; color:#1768e8; }
#kpnh-root .kpnh-search {
  width:100%;
  height:60px;
  grid-template-columns:minmax(260px,1fr) minmax(190px,235px) 118px;
  gap:0;
  padding:5px;
  overflow:visible;
  box-sizing:border-box;
}
#kpnh-root .kpnh-search:focus-within {
  border-color:#9bbaf0;
  box-shadow:0 0 0 2px rgba(23,104,242,.09),0 7px 22px rgba(34,55,88,.08);
}
#kpnh-root .kpnh-search label {
  position:relative;
  min-width:0;
  height:50px;
  display:flex;
  align-items:center;
}
#kpnh-root .kpnh-search label > svg {
  width:18px;
  height:18px;
  margin-left:13px;
  flex:0 0 18px;
  color:#7f8ca0;
}
#kpnh-root .kpnh-search label input {
  width:100%;
  min-width:0;
  height:50px;
  padding:0 12px;
}
#kpnh-root .kpnh-search input:focus,
#kpnh-root .kpnh-search input:focus-visible { outline:0!important; box-shadow:none!important; }
#kpnh-root .kpnh-search__query { border-right:1px solid #e1e7f0; }
#kpnh-root .kpnh-search__city { z-index:8; }
#kpnh-root .kpnh-search__city-drop {
  position:absolute;
  z-index:30;
  top:calc(100% + 8px);
  right:0;
  left:0;
  max-height:270px;
  padding:6px;
  overflow-y:auto;
  border:1px solid #d8e2f0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 40px rgba(24,54,102,.16);
}
#kpnh-root .kpnh-search__city-drop[hidden] { display:none!important; }
#kpnh-root .kpnh-search__city-drop button {
  width:100%;
  min-height:36px;
  padding:7px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#344054;
  font:500 11px/1.3 Inter,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}
#kpnh-root .kpnh-search__city-drop button:hover,
#kpnh-root .kpnh-search__city-drop button.is-active { background:#edf4ff; color:#1768e8; }
#kpnh-root .kpnh-search > button {
  width:100%;
  max-width:100%;
  min-height:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-sizing:border-box;
}
#kpnh-root .kpnh-search > button svg { width:17px; height:17px; }
#kpnh-root .kpnh-recent {
  max-height:96px;
  align-content:flex-start;
  overflow:hidden;
  gap:6px;
}
#kpnh-root .kpnh-recent b { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
#kpnh-root .kpnh-recent b svg { width:14px; height:14px; color:#f28a23; }
#kpnh-root .kpnh-recent a {
  padding:6px 10px;
  background:#f8fafc;
  font-size:13px;
  font-weight:550;
  line-height:1.2;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease;
}
#kpnh-root .kpnh-recent a:hover { border-color:#a9c6f8; background:#edf4ff; color:#1768e8; }
@media (max-width:760px) {
  #kpnh-root .kpnh-search { height:auto; grid-template-columns:1fr; gap:0; padding:6px; }
  #kpnh-root .kpnh-search__query { border-right:0; border-bottom:1px solid #e1e7f0; }
  #kpnh-root .kpnh-search > button { height:46px; margin-top:5px; }
  #kpnh-root .kpnh-search__city-drop { right:6px; left:6px; }
  #kpnh-root .kpnh-recent { max-height:116px; }
}

/* Commercial procedures showcase */
#kpnh-root .kpnh-proc-showcase {
  position:relative;
  height:456px;
  min-height:456px;
  margin-top:22px;
  overflow:hidden;
  border:1px solid #cdddf5;
  border-radius:20px;
  background:
    radial-gradient(circle at 87% 18%,rgba(78,140,255,.18),transparent 28%),
    linear-gradient(135deg,#f7faff 0%,#eef5ff 52%,#f9fbff 100%);
  box-shadow:0 18px 42px rgba(35,80,151,.1);
}
#kpnh-root .kpnh-proc-showcase::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(45,100,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,100,190,.035) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,transparent,#000 65%,#000);
}
#kpnh-root .kpnh-proc-showcase__head {
  position:relative;
  z-index:4;
  min-height:68px;
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(190,209,238,.8);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
}
#kpnh-root .kpnh-proc-showcase__head > div { display:flex; align-items:center; gap:12px; }
#kpnh-root .kpnh-proc-showcase__mark {
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#1b70ef,#1456c7);
  color:#fff;
  box-shadow:0 8px 18px rgba(21,94,210,.23);
}
#kpnh-root .kpnh-proc-showcase__mark svg { width:21px; height:21px; }
#kpnh-root .kpnh-proc-showcase__head b { display:block; color:#15233b; font-size:18px; line-height:1.2; }
#kpnh-root .kpnh-proc-showcase__head small { margin-top:3px; display:block; color:#6f7d91; font-size:13px; }
#kpnh-root .kpnh-proc-showcase__live {
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #cdebd9;
  border-radius:999px;
  background:#edf9f2;
  color:#168952;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#kpnh-root .kpnh-proc-showcase__live i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#25b46b;
  box-shadow:0 0 0 4px rgba(37,180,107,.12);
}
#kpnh-root .kpnh-proc-showcase__track { position:relative; z-index:2; }
#kpnh-root .kpnh-proc-slide {
  height:387px;
  min-height:387px;
  padding:32px 82px 52px;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);
  gap:42px;
  align-items:center;
}
#kpnh-root .kpnh-proc-slide[hidden] { display:none!important; }
#kpnh-root .kpnh-proc-slide__copy { min-width:0; }
#kpnh-root .kpnh-proc-slide__eyebrow,
#kpnh-root .kpnh-proc-slide__badges span,
#kpnh-root .kpnh-proc-slide__badges em {
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  display:inline-flex;
  border-radius:999px;
  background:#e7f0ff;
  color:#1766df;
  font-size:12px;
  font-style:normal;
  font-weight:800;
  line-height:1;
}
#kpnh-root .kpnh-proc-slide__badges { display:flex; flex-wrap:wrap; gap:7px; }
#kpnh-root .kpnh-proc-slide__badges em { background:#e8f8ef; color:#168952; }
#kpnh-root .kpnh-proc-slide__copy h2 {
  max-width:720px;
  margin:13px 0 12px;
  color:#101e36;
  font-size:clamp(27px,2.15vw,36px);
  font-weight:850;
  line-height:1.12;
  letter-spacing:-.035em;
}
#kpnh-root .kpnh-proc-slide:not(.kpnh-proc-slide--intro) .kpnh-proc-slide__copy h2 {
  display:-webkit-box;
  overflow:hidden;
  font-size:clamp(25px,1.85vw,32px);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-proc-slide__copy > p {
  max-width:680px;
  margin:0;
  display:-webkit-box;
  overflow:hidden;
  color:#53627a;
  font-size:15px;
  line-height:1.58;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
#kpnh-root .kpnh-proc-slide__actions { margin-top:19px; display:flex; flex-wrap:wrap; gap:10px; }
#kpnh-root .kpnh-proc-slide__actions .kpnh-btn { min-width:156px; min-height:42px; }
#kpnh-root .kpnh-proc-slide__meta { margin-top:15px; display:flex; flex-wrap:wrap; gap:8px 16px; }
#kpnh-root .kpnh-proc-slide__meta span { display:inline-flex; align-items:center; gap:6px; color:#65738a; font-size:12px; }
#kpnh-root .kpnh-proc-slide__meta svg { width:15px; height:15px; color:#2670e8; }
#kpnh-root .kpnh-proc-metrics {
  max-width:700px;
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
#kpnh-root .kpnh-proc-metrics span {
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(199,215,239,.9);
  border-radius:11px;
  background:rgba(255,255,255,.78);
  box-shadow:0 6px 15px rgba(36,76,137,.045);
}
#kpnh-root .kpnh-proc-metrics small { display:block; color:#7b889b; font-size:11px; }
#kpnh-root .kpnh-proc-metrics strong { margin-top:4px; display:block; overflow:hidden; color:#1264df; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-proc-funnel,
#kpnh-root .kpnh-proc-card {
  padding:19px;
  border:1px solid rgba(190,208,236,.95);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 34px rgba(29,68,128,.1);
}
#kpnh-root .kpnh-proc-funnel__title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#kpnh-root .kpnh-proc-funnel__title span { color:#17243b; font-size:17px; font-weight:850; }
#kpnh-root .kpnh-proc-funnel__title b { max-width:160px; color:#178a53; font-size:10px; line-height:1.35; text-align:right; }
#kpnh-root .kpnh-proc-funnel ol { margin:15px 0 13px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; list-style:none; }
#kpnh-root .kpnh-proc-funnel li { min-width:0; padding:10px 8px; border-radius:10px; background:#f4f7fc; text-align:center; }
#kpnh-root .kpnh-proc-funnel li > i {
  width:25px;height:25px;margin:0 auto 7px;display:grid;place-items:center;border-radius:8px;background:#e3edff;color:#1765df;font-size:12px;font-style:normal;font-weight:850;
}
#kpnh-root .kpnh-proc-funnel li b { display:block; color:#26344b; font-size:11px; line-height:1.25; }
#kpnh-root .kpnh-proc-funnel li small { margin-top:4px; display:block; color:#7b8799; font-size:9px; line-height:1.3; }
#kpnh-root .kpnh-proc-chart p { margin:7px 0 4px; display:flex; justify-content:space-between; color:#637188; font-size:10px; }
#kpnh-root .kpnh-proc-chart p b { color:#1a2a43; font-size:11px; }
#kpnh-root .kpnh-proc-chart > i { height:6px; display:block; overflow:hidden; border-radius:99px; background:#e9eef6; }
#kpnh-root .kpnh-proc-chart > i u { height:100%; display:block; border-radius:99px; background:linear-gradient(90deg,#1768e8,#52a0ff); text-decoration:none; }
#kpnh-root .kpnh-proc-card__label { padding:5px 8px; display:inline-flex; border-radius:7px; background:#e8f1ff; color:#1765dd; font-size:10px; font-weight:800; }
#kpnh-root .kpnh-proc-card__budget { margin-top:14px; padding-bottom:13px; border-bottom:1px solid #e8eef6; }
#kpnh-root .kpnh-proc-card__budget small { display:block; color:#7a8799; font-size:11px; }
#kpnh-root .kpnh-proc-card__budget strong { margin-top:4px; display:block; color:#13223b; font-size:27px; line-height:1; letter-spacing:-.025em; }
#kpnh-root .kpnh-proc-card__stats { margin-top:13px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
#kpnh-root .kpnh-proc-card__stats span { min-width:0; padding:9px 7px; display:grid; grid-template-columns:17px 1fr; gap:2px 5px; border-radius:9px; background:#f5f8fc; }
#kpnh-root .kpnh-proc-card__stats svg { width:16px; height:16px; grid-row:1/3; color:#2670e8; }
#kpnh-root .kpnh-proc-card__stats small { color:#7b8799; font-size:9px; }
#kpnh-root .kpnh-proc-card__stats b { color:#20304a; font-size:12px; }
#kpnh-root .kpnh-proc-card__deadline { margin-top:13px; display:flex; align-items:center; justify-content:space-between; color:#708097; font-size:11px; }
#kpnh-root .kpnh-proc-card__deadline b { color:#17253d; font-size:13px; }
#kpnh-root .kpnh-proc-card__progress { height:7px; margin-top:7px; overflow:hidden; border-radius:99px; background:#e8edf5; }
#kpnh-root .kpnh-proc-card__progress i { height:100%; display:block; border-radius:99px; background:linear-gradient(90deg,#20af6b,#65d69b); }
#kpnh-root .kpnh-proc-card__hint { margin-top:10px; display:block; color:#8692a3; font-size:10px; line-height:1.35; }
#kpnh-root .kpnh-proc-showcase__arrow {
  position:absolute;
  z-index:6;
  top:56%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #d5e0ef;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#1768e8;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(25,63,120,.1);
  transition:transform .16s ease,box-shadow .16s ease;
}
#kpnh-root .kpnh-proc-showcase__arrow:hover { transform:scale(1.06); box-shadow:0 11px 24px rgba(25,63,120,.16); }
#kpnh-root .kpnh-proc-showcase__arrow--prev { left:18px; }
#kpnh-root .kpnh-proc-showcase__arrow--next { right:18px; }
#kpnh-root .kpnh-proc-showcase__nav {
  position:absolute;
  z-index:6;
  right:25px;
  bottom:17px;
  left:25px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#kpnh-root .kpnh-proc-showcase__nav > span { position:absolute; right:0; color:#7a8799; font-size:12px; }
#kpnh-root .kpnh-proc-showcase__nav > span b { color:#1768e8; font-size:14px; }
#kpnh-root .kpnh-proc-showcase__dots { display:flex; align-items:center; gap:6px; }
#kpnh-root .kpnh-proc-showcase__dots button { width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#becde2;cursor:pointer;transition:width .16s ease,background-color .16s ease; }
#kpnh-root .kpnh-proc-showcase__dots button.is-active { width:21px; background:#1768e8; }
@media (max-width:980px) {
  #kpnh-root .kpnh-proc-showcase { height:auto; min-height:690px; }
  #kpnh-root .kpnh-proc-slide { height:auto; min-height:620px; padding:28px 58px 55px; grid-template-columns:1fr; gap:24px; }
  #kpnh-root .kpnh-proc-funnel,#kpnh-root .kpnh-proc-card { width:100%; max-width:620px; justify-self:center; }
}
@media (max-width:620px) {
  #kpnh-root .kpnh-proc-showcase { min-height:760px; border-radius:15px; }
  #kpnh-root .kpnh-proc-showcase__head { padding:12px 15px; }
  #kpnh-root .kpnh-proc-showcase__head small { display:none; }
  #kpnh-root .kpnh-proc-showcase__live { padding:6px 8px; font-size:10px; }
  #kpnh-root .kpnh-proc-slide { min-height:690px; padding:25px 25px 55px; }
  #kpnh-root .kpnh-proc-slide__copy h2 { font-size:26px; }
  #kpnh-root .kpnh-proc-metrics { grid-template-columns:1fr 1fr; }
  #kpnh-root .kpnh-proc-funnel ol { grid-template-columns:1fr; }
  #kpnh-root .kpnh-proc-showcase__arrow { top:auto; bottom:11px; width:34px; height:34px; }
  #kpnh-root .kpnh-proc-showcase__nav { bottom:19px; right:60px; left:60px; }
}

/* Procedures: fixed presentation + independent live rail */
#kpnh-root .kpnh-proc-showcase {
  height:auto;
  min-height:0;
  background:
    radial-gradient(circle at 12% 100%,rgba(32,112,255,.14),transparent 38%),
    radial-gradient(circle at 94% 7%,rgba(89,158,255,.2),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#edf5ff 52%,#f7faff 100%);
}
#kpnh-root .kpnh-proc-showcase__statuses { display:flex; align-items:center; gap:8px; }
#kpnh-root .kpnh-proc-showcase__archive {
  min-height:30px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #d6def0;
  border-radius:999px;
  background:linear-gradient(135deg,#f7f5ff,#eef2ff);
  color:#606f88;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#kpnh-root .kpnh-proc-showcase__archive svg { width:14px; height:14px; color:#6f6de8; }
#kpnh-root .kpnh-proc-showcase__archive b { min-width:20px; height:20px; padding:0 6px; display:grid; place-items:center; border-radius:999px; background:#fff; color:#5553cf; font-size:11px; box-shadow:0 3px 9px rgba(86,83,205,.12); }
#kpnh-root .kpnh-proc-showcase__body {
  position:relative;
  z-index:2;
  min-height:414px;
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr);
  gap:24px;
}
#kpnh-root .kpnh-proc-intro {
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);
  gap:22px;
  align-items:stretch;
  min-height:372px;
}
#kpnh-root .kpnh-proc-intro__copy {
  min-width:0;
  padding:8px 2px 4px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
}
#kpnh-root .kpnh-proc-intro__copy h2 {
  margin:14px 0 12px;
  color:#10203a;
  font-size:clamp(31px,2.35vw,41px);
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.045em;
}
#kpnh-root .kpnh-proc-intro__copy h2 span {
  color:#1768e8;
  background:linear-gradient(90deg,#1263e2,#378cff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
#kpnh-root .kpnh-proc-intro__copy > p {
  max-width:600px;
  margin:0;
  color:#53637a;
  font-size:15px;
  line-height:1.65;
}
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics {
  max-width:500px;
  margin-top:auto;
  padding-top:20px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics span {
  min-height:72px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.82);
  text-align:center;
}
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics small { font-size:12px; font-weight:650; }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics strong { margin-top:6px; font-size:24px; line-height:1; }
#kpnh-root .kpnh-proc-analytics {
  min-width:0;
  min-height:372px;
  height:100%;
  padding:18px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(191,210,240,.9);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 38px rgba(36,78,145,.1);
  backdrop-filter:blur(10px);
}
#kpnh-root .kpnh-proc-analytics__head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#kpnh-root .kpnh-proc-analytics__head span { color:#192943; font-size:16px; font-weight:850; }
#kpnh-root .kpnh-proc-analytics__head small { color:#7b899d; font-size:11px; white-space:nowrap; }
#kpnh-root .kpnh-proc-google-chart { width:100%; min-height:255px; flex:1; margin-top:2px; }
#kpnh-root .kpnh-proc-flow { display:flex; align-items:center; justify-content:space-between; gap:7px; }
#kpnh-root .kpnh-proc-flow span { display:flex; align-items:center; gap:6px; color:#56657b; font-size:11px; font-weight:750; white-space:nowrap; }
#kpnh-root .kpnh-proc-flow span i { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#e8f1ff; color:#1768e8; font-size:11px; font-style:normal; font-weight:850; }
#kpnh-root .kpnh-proc-flow .kpnh-proc-connector { height:1px; flex:1; background:linear-gradient(90deg,#c5d8f6,#8eb9fa); }
#kpnh-root .kpnh-proc-rail {
  min-width:0;
  min-height:372px;
  height:100%;
  padding:17px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #bdd3f5;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 44px rgba(29,71,137,.14);
}
#kpnh-root .kpnh-proc-rail__head { padding:0 2px 13px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e5edf8; }
#kpnh-root .kpnh-proc-rail__head > div { min-width:0; }
#kpnh-root .kpnh-proc-rail__head > div b { display:block; color:#16253e; font-size:16px; line-height:1.25; }
#kpnh-root .kpnh-proc-rail__head > div small { margin-top:3px; display:block; color:#7b899c; font-size:11px; }
#kpnh-root .kpnh-proc-rail__head > span { flex:0 0 auto; color:#8a97a9; font-size:12px; font-weight:700; }
#kpnh-root .kpnh-proc-rail__head > span b { color:#1768e8; font-size:16px; }
#kpnh-root .kpnh-proc-rail__track { position:relative; min-height:268px; flex:1; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card {
  min-height:268px;
  padding:14px 2px 7px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  animation:kpnhProcedureIn .34s ease both;
}
@keyframes kpnhProcedureIn {
  from { opacity:0; transform:translateX(12px); }
  to { opacity:1; transform:translateX(0); }
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card[hidden] { display:none!important; }
#kpnh-root .kpnh-proc-card__top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#kpnh-root .kpnh-proc-card__date { color:#8995a6; font-size:11px; white-space:nowrap; }
#kpnh-root .kpnh-proc-card__title {
  margin-top:11px;
  display:block;
  color:#13223b;
  font-size:18px;
  font-weight:800;
  line-height:1.32;
  letter-spacing:-.018em;
  text-decoration:none;
  overflow-wrap:anywhere;
}
#kpnh-root .kpnh-proc-card__title:hover { color:#1768e8; }
#kpnh-root .kpnh-proc-card__customer {
  min-width:0;
  margin-top:7px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#66758a;
  font-size:12px;
}
#kpnh-root .kpnh-proc-card__customer svg { width:14px; height:14px; flex:0 0 14px; color:#3078e7; }
#kpnh-root .kpnh-proc-card__customer span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-proc-card__location { min-width:0; margin-top:5px; display:flex; align-items:center; gap:6px; color:#758399; font-size:12px; }
#kpnh-root .kpnh-proc-card__location svg { width:14px; height:14px; flex:0 0 14px; color:#3078e7; }
#kpnh-root .kpnh-proc-card__location span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget { margin-top:10px; padding:10px 12px; border:1px solid #dce8f8; border-radius:12px; background:linear-gradient(135deg,#f8fbff,#eef5ff); }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget small { font-size:11px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget strong { margin-top:4px; overflow:hidden; color:#1163df; font-size:23px; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats { margin-top:8px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats span { padding:7px 6px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__deadline { margin-top:7px; padding:0 2px; }
#kpnh-root .kpnh-proc-card__action {
  min-height:38px;
  margin-top:8px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:10px;
  background:#1768e8;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(23,104,232,.2);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-proc-card__action:hover { transform:translateY(-1px); background:#0f5cd4; box-shadow:0 11px 23px rgba(23,104,232,.27); }
#kpnh-root .kpnh-proc-card__action span { font-size:18px; }
#kpnh-root .kpnh-proc-rail__controls { min-height:34px; padding-top:10px; display:grid; grid-template-columns:34px minmax(0,1fr) 34px; align-items:center; gap:8px; border-top:1px solid #e8eef7; }
#kpnh-root .kpnh-proc-rail__controls > button {
  width:32px;
  height:32px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #d4e1f3;
  border-radius:10px;
  background:#f7faff;
  color:#1768e8;
  font-size:17px;
  cursor:pointer;
  transition:background-color .18s ease,transform .18s ease;
}
#kpnh-root .kpnh-proc-rail__controls > button:hover { transform:translateY(-1px); background:#eaf2ff; }
#kpnh-root .kpnh-proc-rail__controls .kpnh-proc-showcase__dots { min-width:0; justify-content:center; overflow:hidden; }
#kpnh-root .kpnh-proc-rail__controls .kpnh-proc-showcase__dots button { flex:0 0 6px; width:6px; height:6px; }
#kpnh-root .kpnh-proc-rail__controls .kpnh-proc-showcase__dots button.is-active { flex-basis:18px; width:18px; }
#kpnh-root .kpnh-proc-rail__empty { min-height:270px; display:grid; place-items:center; color:#74839a; font-size:14px; }
@media (max-width:1120px) {
  #kpnh-root .kpnh-proc-showcase__body { grid-template-columns:1fr; }
  #kpnh-root .kpnh-proc-rail { width:100%; max-width:680px; justify-self:center; }
}
@media (max-width:760px) {
  #kpnh-root .kpnh-proc-showcase__head { align-items:flex-start; }
  #kpnh-root .kpnh-proc-showcase__statuses { align-items:flex-end; flex-direction:column; gap:5px; }
  #kpnh-root .kpnh-proc-showcase__archive,#kpnh-root .kpnh-proc-showcase__live { min-height:25px; padding:5px 8px; }
  #kpnh-root .kpnh-proc-showcase__body { padding:18px; }
  #kpnh-root .kpnh-proc-intro { grid-template-columns:1fr; }
  #kpnh-root .kpnh-proc-intro__copy { padding:4px 0; }
  #kpnh-root .kpnh-proc-intro__copy h2 { font-size:32px; }
}
@media (max-width:480px) {
  #kpnh-root .kpnh-proc-showcase__head small { display:none; }
  #kpnh-root .kpnh-proc-showcase__statuses { display:none; }
  #kpnh-root .kpnh-proc-showcase__body { padding:14px; gap:17px; }
  #kpnh-root .kpnh-proc-intro__copy h2 { font-size:29px; }
  #kpnh-root .kpnh-proc-intro .kpnh-proc-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #kpnh-root .kpnh-proc-intro .kpnh-proc-metrics span { padding:9px 8px; }
  #kpnh-root .kpnh-proc-intro .kpnh-proc-metrics strong { font-size:16px; }
  #kpnh-root .kpnh-proc-analytics { min-height:285px; padding:14px; }
  #kpnh-root .kpnh-proc-google-chart { height:185px; }
  #kpnh-root .kpnh-proc-rail { padding:14px; }
  #kpnh-root .kpnh-proc-card__title { font-size:17px; }
}
/* Premium procedures visual pass */
#kpnh-root .kpnh-proc-showcase { border-radius:22px; background:#f5f9ff; }
#kpnh-root .kpnh-proc-showcase__head { min-height:92px; padding:18px 24px; border-bottom:0; background:rgba(255,255,255,.9); }
#kpnh-root .kpnh-proc-showcase__mark { width:54px; height:54px; flex-basis:54px; border-radius:16px; }
#kpnh-root .kpnh-proc-showcase__mark svg { width:27px; height:27px; }
#kpnh-root .kpnh-proc-showcase__head b { font-size:22px; }
#kpnh-root .kpnh-proc-showcase__head small { margin-top:5px; font-size:13px; }
#kpnh-root .kpnh-proc-showcase__live,#kpnh-root .kpnh-proc-showcase__archive { min-height:44px; padding:9px 16px; font-size:13px; }
#kpnh-root .kpnh-proc-showcase__statuses { display:grid; grid-template-columns:132px 132px; gap:10px; }
#kpnh-root .kpnh-proc-showcase__live,#kpnh-root .kpnh-proc-showcase__archive {
  width:132px;
  height:44px;
  min-height:44px;
  padding:0 14px;
  justify-content:flex-start;
  gap:7px;
  border-radius:14px;
  box-sizing:border-box;
}
#kpnh-root .kpnh-proc-showcase__live > span,#kpnh-root .kpnh-proc-showcase__archive > span { flex:1; text-align:left; }
#kpnh-root .kpnh-proc-showcase__live b,#kpnh-root .kpnh-proc-showcase__archive b {
  width:24px;
  min-width:24px;
  height:24px;
  margin-left:auto;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  font-size:13px;
  line-height:1;
  box-shadow:0 3px 9px rgba(27,60,108,.1);
}
#kpnh-root .kpnh-proc-showcase__live b { color:#168952; }
#kpnh-root .kpnh-proc-showcase__archive b { color:#5553cf; }
#kpnh-root .kpnh-proc-showcase__body { padding:18px; gap:18px; }
#kpnh-root .kpnh-proc-intro { gap:18px; }
#kpnh-root .kpnh-proc-intro__copy {
  padding:28px;
  overflow:hidden;
  border:1px solid #e2eaf6;
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 100%,rgba(62,132,240,.1),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,255,.94));
  box-shadow:0 16px 36px rgba(39,75,128,.07);
}
#kpnh-root .kpnh-proc-slide__eyebrow { padding:7px 11px; }
#kpnh-root .kpnh-proc-intro__copy h2 { font-size:clamp(32px,2.4vw,42px); }
#kpnh-root .kpnh-proc-intro__copy > p { font-size:15px; line-height:1.7; }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics {
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  gap:10px;
}
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics span {
  position:relative;
  min-height:84px;
  padding:12px 10px 11px 48px;
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  align-items:initial;
  justify-content:initial;
  border:1px solid #e0e9f6;
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 22px rgba(43,78,132,.07);
  text-align:left;
}
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics span + span { border-left:1px solid #e0e9f6; }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics i {
  position:absolute;
  top:13px;
  left:11px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(145deg,#287cff,#1764df);
  color:#fff;
  font-style:normal;
}
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics span:nth-child(2) i { background:linear-gradient(145deg,#8b79ff,#6659df); }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics span:nth-child(3) i { background:linear-gradient(145deg,#6ed37f,#35ad58); }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics svg { width:16px; height:16px; }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics small { align-self:end; font-size:11px; }
#kpnh-root .kpnh-proc-intro .kpnh-proc-metrics strong { align-self:start; font-size:25px; }
#kpnh-root .kpnh-proc-analytics {
  overflow:hidden;
  border-color:#203f65;
  border-radius:20px;
  background:radial-gradient(circle at 84% 8%,rgba(53,188,255,.18),transparent 31%),linear-gradient(145deg,#10223e,#132c4c 58%,#0d2039);
  box-shadow:0 22px 45px rgba(16,44,82,.22);
}
#kpnh-root .kpnh-proc-analytics__head { align-items:flex-start; }
#kpnh-root .kpnh-proc-analytics__head > div:first-child small { display:block; color:#63daf5; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
#kpnh-root .kpnh-proc-analytics__head > div:first-child span { margin-top:6px; display:block; color:#fff; font-size:18px; font-weight:800; }
#kpnh-root .kpnh-proc-analytics__total { display:flex; align-items:baseline; gap:5px; white-space:nowrap; }
#kpnh-root .kpnh-proc-analytics__total strong { color:#fff; font-size:29px; line-height:1; letter-spacing:-.04em; }
#kpnh-root .kpnh-proc-analytics__total small { color:#91a8c7; font-size:11px; }
#kpnh-root .kpnh-proc-analytics__summary {
  width:max-content;
  max-width:100%;
  margin-top:17px;
  padding:11px 13px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(103,156,224,.18);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
#kpnh-root .kpnh-proc-analytics__summary > span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:rgba(52,128,255,.16); color:#56a2ff; }
#kpnh-root .kpnh-proc-analytics__summary svg { width:18px; height:18px; }
#kpnh-root .kpnh-proc-analytics__summary div small { display:block; color:#9cb0cb; font-size:10px; }
#kpnh-root .kpnh-proc-analytics__summary div strong { margin-top:3px; display:block; color:#fff; font-size:22px; line-height:1; }
#kpnh-root .kpnh-proc-analytics__summary > b { padding-left:12px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(117,162,219,.2); white-space:nowrap; }
#kpnh-root .kpnh-proc-analytics__summary > b strong { color:#49d67d; font-size:22px; line-height:1; }
#kpnh-root .kpnh-proc-analytics__summary > b small { margin-top:3px; color:#8fb9a0; font-size:10px; font-weight:700; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-google-chart { min-height:205px; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow { min-height:42px; padding-top:10px; border-top:1px solid rgba(124,164,211,.2); }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow span { color:#dce8f8; font-size:11px; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow span i { background:rgba(255,255,255,.1); color:#fff; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow .kpnh-proc-connector { background:#405b7d; }
#kpnh-root .kpnh-proc-analytics__foot { min-height:34px; padding-top:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid rgba(124,164,211,.22); }
#kpnh-root .kpnh-proc-analytics__foot span { display:flex; align-items:center; gap:7px; color:#91a8c7; font-size:10px; }
#kpnh-root .kpnh-proc-analytics__foot span i { width:6px; height:6px; border-radius:50%; background:#52e5ae; box-shadow:0 0 0 4px rgba(82,229,174,.1); }
#kpnh-root .kpnh-proc-analytics__foot b { color:#5be5ff; font-size:12px; white-space:nowrap; }
#kpnh-root .kpnh-proc-rail { border-color:#c5d7ee; border-radius:20px; box-shadow:0 22px 46px rgba(29,71,137,.13); }
#kpnh-root .kpnh-proc-rail__head { min-height:58px; }
#kpnh-root .kpnh-proc-rail__head > div b { font-size:18px; }
#kpnh-root .kpnh-proc-rail__head > span b { font-size:22px; }
#kpnh-root .kpnh-proc-card__label { padding:6px 9px; background:#e6f0ff; }
#kpnh-root .kpnh-proc-card__label { display:inline-flex; align-items:center; gap:6px; font-size:11px; }
#kpnh-root .kpnh-proc-card__label svg { width:14px; height:14px; }
#kpnh-root .kpnh-proc-card__title { margin-top:15px; font-size:19px; line-height:1.34; }
#kpnh-root .kpnh-proc-rail__track { display:flex; align-items:center; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card { width:100%; min-height:0; padding:18px 2px; }
#kpnh-root .kpnh-proc-card__top { min-height:30px; }
#kpnh-root .kpnh-proc-card__title { font-size:20px; line-height:1.38; }
#kpnh-root .kpnh-proc-card__identity { min-width:0; margin-top:9px; display:flex; align-items:center; gap:13px; }
#kpnh-root .kpnh-proc-card__identity span { min-width:0; display:flex; align-items:center; gap:6px; color:#718096; font-size:12px; }
#kpnh-root .kpnh-proc-card__identity svg { width:13px; height:13px; flex:0 0 13px; color:#347ae5; }
#kpnh-root .kpnh-proc-card__identity b { overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
#kpnh-root .kpnh-proc-card__identity span { flex:1 1 50%; }
#kpnh-root .kpnh-proc-card__identity span + span { padding-left:11px; border-left:1px solid #dce6f3; }
#kpnh-root .kpnh-proc-card__identity svg { width:22px; height:22px; padding:4px; box-sizing:content-box; border-radius:9px; background:#eef5ff; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget {
  position:relative;
  overflow:hidden;
  min-height:76px;
  padding:15px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-color:#c9dbf3;
  background:radial-gradient(circle at 88% 120%,rgba(91,148,240,.15),transparent 35%),linear-gradient(135deg,#f8fbff,#edf5ff);
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget small { font-size:12px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget strong { font-size:28px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats { gap:0; overflow:hidden; border-top:1px solid #e6edf6; border-bottom:1px solid #e6edf6; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats { border:0; gap:7px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats span {
  min-height:76px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid #e1e9f5;
  border-radius:11px;
  background:#f9fbfe;
  text-align:center;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats svg { width:22px; height:22px; margin-bottom:2px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats small { font-size:11px; line-height:1.1; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats b { font-size:17px; line-height:1.05; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats span + span { border-left:1px solid #e1e9f5; }
#kpnh-root .kpnh-proc-card__cta-row { min-height:76px; margin-top:10px; padding:8px; display:grid; grid-template-columns:minmax(140px,.85fr) minmax(0,1.4fr); align-items:stretch; gap:8px; border:1px solid #dbe6f4; border-radius:12px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__deadline { min-width:0; margin:0; padding:5px 7px; display:flex; align-items:center; justify-content:center; gap:8px; text-align:center; }
#kpnh-root .kpnh-proc-card__deadline svg { width:23px; height:23px; flex:0 0 23px; color:#1768e8; }
#kpnh-root .kpnh-proc-card__deadline span { min-width:0; color:#7a8799; font-size:11px; line-height:1.2; }
#kpnh-root .kpnh-proc-card__deadline b { margin-top:4px; display:block; color:#14233c; font-size:16px; line-height:1; }
#kpnh-root .kpnh-proc-card__cta-row .kpnh-proc-card__action { min-width:0; margin:0; }
#kpnh-root .kpnh-proc-card__cta-row .kpnh-proc-card__action { min-height:58px; height:100%; padding:0 16px; font-size:14px; }
@media (max-width:480px) {
  #kpnh-root .kpnh-proc-analytics__foot span { max-width:150px; line-height:1.3; }
  #kpnh-root .kpnh-proc-card__identity { align-items:flex-start; flex-direction:column; gap:5px; }
}
#kpnh-root .kpnh-feed-widget > .kpnh-widget__more {
  min-height:31px;
  margin-top:auto!important;
  padding-top:8px!important;
  flex:0 0 31px;
  background:#fff;
}

/* Android application */
#kpnh-root .kpnh-mobile-app {
  position:relative;
  z-index:1;
  min-height:390px;
  padding:42px 46px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);
  gap:46px;
  overflow:hidden;
  border-top:1px solid #183c84;
  background:
    radial-gradient(circle at 85% 12%,rgba(69,142,255,.42),transparent 26%),
    radial-gradient(circle at 58% 105%,rgba(86,77,226,.25),transparent 32%),
    linear-gradient(135deg,#071a3b 0%,#0d2d67 55%,#123e8b 100%);
  color:#fff;
}
#kpnh-root .kpnh-mobile-app::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
  pointer-events:none;
}
#kpnh-root .kpnh-mobile-app__copy { position:relative; z-index:2; align-self:center; }
#kpnh-root .kpnh-mobile-app__label {
  width:max-content;
  margin-bottom:15px;
  padding:7px 11px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#dce9ff;
  font-size:13px;
  font-weight:750;
  letter-spacing:.035em;
}
#kpnh-root .kpnh-mobile-app__label svg { width:16px; height:16px; }
#kpnh-root .kpnh-mobile-app__copy h3 {
  max-width:660px;
  margin:0;
  font-size:34px;
  line-height:1.13;
  letter-spacing:-.035em;
}
#kpnh-root .kpnh-mobile-app__copy > p {
  max-width:720px;
  margin:14px 0 20px;
  color:rgba(232,241,255,.79);
  font-size:16px;
  line-height:1.65;
}
#kpnh-root .kpnh-mobile-app__copy ul {
  max-width:720px;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 22px;
  list-style:none;
}
#kpnh-root .kpnh-mobile-app__copy li {
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
#kpnh-root .kpnh-mobile-app__copy li > svg {
  width:34px;
  height:34px;
  padding:8px;
  border-radius:10px;
  background:rgba(255,255,255,.1);
  color:#82b0ff;
}
#kpnh-root .kpnh-mobile-app__copy li b {
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.3;
}
#kpnh-root .kpnh-mobile-app__copy li small {
  display:block;
  margin-top:2px;
  color:rgba(222,234,254,.62);
  font-size:12px;
  line-height:1.35;
}
#kpnh-root .kpnh-mobile-app__actions {
  margin-top:24px;
  display:flex;
  align-items:center;
  gap:15px;
}
#kpnh-root .kpnh-mobile-app__actions > a {
  min-width:202px;
  min-height:54px;
  padding:8px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(255,255,255,.26);
  border-radius:12px;
  background:#fff;
  color:#17233a;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
  transition:transform .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-mobile-app__actions > a:hover { transform:translateY(-3px); box-shadow:0 19px 36px rgba(0,0,0,.28); }
#kpnh-root .kpnh-mobile-app__actions > a span { color:#42679e; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.1em; }
#kpnh-root .kpnh-mobile-app__actions > a b { margin-top:1px; font-size:15px; }
#kpnh-root .kpnh-mobile-app__actions > small { color:rgba(226,237,255,.65); font-size:12px; }
#kpnh-root .kpnh-mobile-app__actions > a.kpnh-mobile-app__qr {
  min-width:220px;
  min-height:92px;
  padding:8px 12px 8px 8px;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:11px;
  align-items:center;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.1);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(10px);
}
#kpnh-root .kpnh-mobile-app__actions > a.kpnh-mobile-app__qr:hover {
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.15);
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
#kpnh-root .kpnh-mobile-app__qr img {
  width:76px;
  height:76px;
  padding:5px;
  display:block;
  border-radius:9px;
  background:#fff;
  image-rendering:pixelated;
}
#kpnh-root .kpnh-mobile-app__actions > a.kpnh-mobile-app__qr > span {
  color:#fff;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:normal;
  text-transform:none;
}
#kpnh-root .kpnh-mobile-app__qr b { display:block; color:#fff; font-size:13px!important; line-height:1.3; }
#kpnh-root .kpnh-mobile-app__qr small { display:block; margin-top:4px; color:rgba(226,237,255,.65); font-size:11px; line-height:1.35; }
#kpnh-root .kpnh-mobile-app__visual {
  position:relative;
  min-height:310px;
  align-self:end;
}
#kpnh-root .kpnh-phone {
  position:absolute;
  z-index:2;
  right:58px;
  bottom:-76px;
  width:226px;
  height:440px;
  padding:17px 14px;
  overflow:hidden;
  border:8px solid #101827;
  border-radius:34px;
  background:#f5f8fd;
  color:#17233a;
  box-shadow:0 34px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.16);
  transform:rotate(4deg);
  transition:transform .3s ease;
}
#kpnh-root .kpnh-mobile-app:hover .kpnh-phone { transform:rotate(1deg) translateY(-5px); }
#kpnh-root .kpnh-phone::before {
  content:"";
  position:absolute;
  top:6px;
  left:50%;
  width:62px;
  height:17px;
  border-radius:0 0 12px 12px;
  background:#101827;
  transform:translateX(-50%);
}
#kpnh-root .kpnh-phone__top {
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
}
#kpnh-root .kpnh-phone__top > i { width:24px; height:24px; border-radius:7px; background:linear-gradient(145deg,#4083ff,#1558dc); }
#kpnh-root .kpnh-phone__top b { font-size:13px; }
#kpnh-root .kpnh-phone__search {
  height:35px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #dce5f2;
  border-radius:9px;
  background:#fff;
  color:#7c899c;
  font-size:11px;
}
#kpnh-root .kpnh-phone__search i { color:var(--blue); font-size:16px; font-style:normal; }
#kpnh-root .kpnh-phone__stats { margin:9px 0; display:grid; grid-template-columns:1fr 1fr; gap:6px; }
#kpnh-root .kpnh-phone__stats span { padding:7px; border-radius:8px; background:#eaf2ff; color:#6c7c94; font-size:9px; }
#kpnh-root .kpnh-phone__stats b { display:block; color:#175fdd; font-size:13px; }
#kpnh-root .kpnh-phone__card {
  margin-top:7px;
  padding:10px;
  border:1px solid #e1e7f0;
  border-radius:9px;
  background:#fff;
  box-shadow:0 4px 12px rgba(31,56,98,.05);
}
#kpnh-root .kpnh-phone__card span { padding:2px 5px; border-radius:4px; background:#edf3ff; color:#2667df; font-size:9px; font-weight:700; }
#kpnh-root .kpnh-phone__card b { margin:6px 0 7px; display:block; font-size:11px; line-height:1.35; }
#kpnh-root .kpnh-phone__card small { color:#77859a; font-size:9px; }
#kpnh-root .kpnh-phone__nav {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:space-around;
  border-top:1px solid #e1e7f0;
  background:#fff;
  color:#6a7b93;
}
#kpnh-root .kpnh-phone__nav i { font-size:15px; font-style:normal; }
#kpnh-root .kpnh-mobile-app__float {
  position:absolute;
  z-index:3;
  min-height:40px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:11px;
  background:rgba(255,255,255,.93);
  color:#18315d;
  font-size:12px;
  font-weight:750;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}
#kpnh-root .kpnh-mobile-app__float svg { width:18px; height:18px; color:var(--blue); }
#kpnh-root .kpnh-mobile-app__float--crm { left:5px; top:66px; }
#kpnh-root .kpnh-mobile-app__float--message { right:0; bottom:75px; }
@media (max-width:980px) {
  #kpnh-root .kpnh-mobile-app { grid-template-columns:1fr; padding-bottom:0; }
  #kpnh-root .kpnh-mobile-app__visual { min-height:350px; }
  #kpnh-root .kpnh-phone { right:50%; transform:translateX(50%) rotate(3deg); }
  #kpnh-root .kpnh-mobile-app:hover .kpnh-phone { transform:translateX(50%) rotate(1deg) translateY(-5px); }
  #kpnh-root .kpnh-mobile-app__float--crm { left:calc(50% - 210px); }
  #kpnh-root .kpnh-mobile-app__float--message { right:calc(50% - 225px); }
}
@media (max-width:600px) {
  #kpnh-root .kpnh-mobile-app { padding:30px 20px 0; }
  #kpnh-root .kpnh-mobile-app__copy h3 { font-size:29px; }
  #kpnh-root .kpnh-mobile-app__copy ul { grid-template-columns:1fr; }
  #kpnh-root .kpnh-mobile-app__actions { align-items:flex-start; flex-direction:column; }
  #kpnh-root .kpnh-mobile-app__actions > a { width:100%; }
  #kpnh-root .kpnh-mobile-app__actions > a.kpnh-mobile-app__qr { width:100%; min-width:0; }
  #kpnh-root .kpnh-mobile-app__float { display:none; }
}

/* Real mobile application gallery */
#kpnh-root .kpnh-mobile-app {
  min-height:650px;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:54px;
  align-items:center;
}
#kpnh-root .kpnh-mobile-app__visual {
  min-height:570px;
  align-self:center;
}
#kpnh-root .kpnh-app-gallery {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
#kpnh-root .kpnh-app-gallery figure {
  position:absolute;
  inset:0;
  margin:0;
  display:grid;
  place-items:center;
}
#kpnh-root .kpnh-app-gallery figure[hidden] { display:none!important; }
#kpnh-root .kpnh-app-gallery figure.is-active { animation:kpnh-app-slide-in .35s ease-out; }
#kpnh-root .kpnh-app-gallery img {
  width:auto;
  height:550px;
  max-width:100%;
  display:block;
  border:1px solid rgba(255,255,255,.18);
  border-radius:25px;
  object-fit:contain;
  box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 45px rgba(27,185,220,.14);
}
#kpnh-root .kpnh-app-gallery__arrow {
  position:absolute;
  z-index:5;
  top:50%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(5,20,46,.74);
  color:#fff;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 9px 24px rgba(0,0,0,.26);
  backdrop-filter:blur(8px);
  transform:translateY(-50%);
  transition:background-color .16s ease,transform .16s ease;
}
#kpnh-root .kpnh-app-gallery__arrow:hover { background:#1768f2; transform:translateY(-50%) scale(1.08); }
#kpnh-root .kpnh-app-gallery__arrow--prev { left:-14px; }
#kpnh-root .kpnh-app-gallery__arrow--next { right:-14px; }
#kpnh-root .kpnh-app-gallery__dots {
  position:absolute;
  z-index:6;
  right:0;
  bottom:-2px;
  left:0;
  display:flex;
  justify-content:center;
  gap:7px;
}
#kpnh-root .kpnh-app-gallery__dots button {
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.35);
  cursor:pointer;
  transition:width .18s ease,background-color .18s ease;
}
#kpnh-root .kpnh-app-gallery__dots button.is-active { width:24px; background:#4ee0d0; }
@keyframes kpnh-app-slide-in {
  from { opacity:0; transform:translateX(14px) scale(.985); }
  to { opacity:1; transform:translateX(0) scale(1); }
}
@media (prefers-reduced-motion:reduce) {
  #kpnh-root .kpnh-app-gallery figure.is-active { animation:none; }
}
@media (max-width:980px) {
  #kpnh-root .kpnh-mobile-app { grid-template-columns:1fr; min-height:0; padding-bottom:38px; }
  #kpnh-root .kpnh-mobile-app__visual { width:min(390px,100%); min-height:580px; margin:10px auto 0; }
}
@media (max-width:480px) {
  #kpnh-root .kpnh-mobile-app__visual { min-height:510px; }
  #kpnh-root .kpnh-app-gallery img { height:485px; border-radius:20px; }
  #kpnh-root .kpnh-app-gallery__arrow--prev { left:2px; }
  #kpnh-root .kpnh-app-gallery__arrow--next { right:2px; }
}

/* Completed Android product presentation */
#kpnh-root .kpnh-mobile-app {
  min-height:800px;
  padding:48px 50px;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:58px;
}
#kpnh-root .kpnh-mobile-app__copy h3 {
  max-width:760px;
  font-size:38px;
  line-height:1.08;
}
#kpnh-root .kpnh-mobile-app__copy > p {
  max-width:790px;
  margin:16px 0 24px;
  font-size:16px;
  line-height:1.7;
}
#kpnh-root .kpnh-mobile-app__copy ul {
  max-width:820px;
  gap:13px 22px;
}
#kpnh-root .kpnh-mobile-app__copy li {
  min-height:50px;
  grid-template-columns:40px minmax(0,1fr);
  gap:11px;
}
#kpnh-root .kpnh-mobile-app__copy li > svg {
  width:40px;
  height:40px;
  padding:9px;
  border:1px solid rgba(118,174,255,.18);
  border-radius:12px;
}
#kpnh-root .kpnh-mobile-app__copy li b { font-size:15px; }
#kpnh-root .kpnh-mobile-app__copy li small { font-size:12px; line-height:1.42; }
#kpnh-root .kpnh-mobile-app__audience {
  max-width:820px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.13);
}
#kpnh-root .kpnh-mobile-app__audience > b {
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-size:14px;
}
#kpnh-root .kpnh-mobile-app__audience > div { display:flex; flex-wrap:wrap; gap:7px; }
#kpnh-root .kpnh-mobile-app__audience span {
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(229,239,255,.78);
  font-size:11px;
}
#kpnh-root .kpnh-mobile-app__install {
  position:relative;
  max-width:820px;
  min-height:174px;
  margin-top:22px;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 15px 35px rgba(0,0,0,.12);
  backdrop-filter:blur(14px);
}
#kpnh-root .kpnh-mobile-app__store > span {
  color:#6fe4d4;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-mobile-app__store h4 {
  margin:5px 0 5px;
  color:#fff;
  font-size:19px;
  line-height:1.25;
}
#kpnh-root .kpnh-mobile-app__store p {
  max-width:390px;
  margin:0 0 12px;
  color:rgba(225,237,255,.68);
  font-size:12px;
  line-height:1.45;
}
#kpnh-root .kpnh-mobile-app__store > a {
  width:max-content;
  min-width:190px;
  min-height:48px;
  padding:7px 17px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:11px;
  background:#fff;
  color:#15233c;
  box-shadow:0 12px 25px rgba(0,0,0,.2);
  transition:transform .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-mobile-app__store > a:hover { transform:translateY(-3px); box-shadow:0 17px 31px rgba(0,0,0,.27); }
#kpnh-root .kpnh-mobile-app__store > a span { color:#42689f; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#kpnh-root .kpnh-mobile-app__store > a b { margin-top:1px; font-size:14px; }
#kpnh-root .kpnh-mobile-app__store > small { display:block; margin-top:8px; color:rgba(225,237,255,.52); font-size:10px; }
#kpnh-root a.kpnh-mobile-app__qr {
  position:relative;
  z-index:5;
  min-width:0;
  min-height:142px;
  padding:5px 9px 5px 5px;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:rgba(3,16,39,.38);
  color:#fff;
  transform-origin:right center;
  transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease;
}
#kpnh-root a.kpnh-mobile-app__qr:hover,
#kpnh-root a.kpnh-mobile-app__qr:focus-visible {
  z-index:10;
  background:#0a214b;
  box-shadow:0 22px 48px rgba(0,0,0,.38);
  transform:scale(1.28);
}
#kpnh-root .kpnh-mobile-app__qr img {
  width:132px;
  height:132px;
  padding:7px;
  display:block;
  border-radius:10px;
  background:#fff;
  object-fit:contain;
  aspect-ratio:1/1;
  image-rendering:pixelated;
}
#kpnh-root .kpnh-mobile-app__qr > span {
  color:#fff;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:normal;
  text-transform:none;
}
#kpnh-root .kpnh-mobile-app__qr b { display:block; color:#fff; font-size:12px!important; line-height:1.35; }
#kpnh-root .kpnh-mobile-app__qr small { display:block; margin-top:5px; color:rgba(225,237,255,.58); font-size:10px; line-height:1.4; }
#kpnh-root .kpnh-mobile-app__visual { min-height:690px; }
#kpnh-root .kpnh-app-gallery img { height:665px; border-radius:29px; }
@media (max-width:1180px) {
  #kpnh-root .kpnh-mobile-app { grid-template-columns:1fr; min-height:0; padding-bottom:42px; }
  #kpnh-root .kpnh-mobile-app__visual { width:min(430px,100%); min-height:700px; margin:16px auto 0; }
}
@media (max-width:760px) {
  #kpnh-root .kpnh-mobile-app { padding:32px 20px 34px; }
  #kpnh-root .kpnh-mobile-app__copy h3 { font-size:31px; }
  #kpnh-root .kpnh-mobile-app__copy ul { grid-template-columns:1fr; }
  #kpnh-root .kpnh-mobile-app__install { grid-template-columns:1fr; }
  #kpnh-root a.kpnh-mobile-app__qr { width:100%; grid-template-columns:132px minmax(0,1fr); transform-origin:center; }
  #kpnh-root a.kpnh-mobile-app__qr:hover,
  #kpnh-root a.kpnh-mobile-app__qr:focus-visible { transform:scale(1.04); }
}
@media (max-width:480px) {
  #kpnh-root .kpnh-mobile-app__visual { min-height:540px; }
  #kpnh-root .kpnh-app-gallery img { height:515px; }
  #kpnh-root a.kpnh-mobile-app__qr { grid-template-columns:112px minmax(0,1fr); }
  #kpnh-root .kpnh-mobile-app__qr img { width:112px; height:112px; }
}

/* Final specificity guard for the compact materials grid */
#kpnh-root .kpnh-materials .kpnh-material-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
#kpnh-root .kpnh-materials .kpnh-card { min-height:430px; height:430px; padding:14px; }
#kpnh-root .kpnh-materials .kpnh-card__media,
#kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media {
  width:100%; height:92px; min-height:92px; margin:8px 0 10px;
}
#kpnh-root .kpnh-materials .kpnh-card h3 { min-height:40px; margin-bottom:7px; font-size:16px; line-height:1.42; }
#kpnh-root .kpnh-materials .kpnh-card p { height:48px; min-height:48px; margin-bottom:8px; font-size:13px; line-height:1.45; }
#kpnh-root .kpnh-materials .kpnh-card__value { min-height:39px; font-size:17px; }
#kpnh-root .kpnh-materials .kpnh-card__meta { min-height:18px; margin-top:3px; font-size:12px; }
#kpnh-root .kpnh-materials .kpnh-card__owner { min-height:39px; padding-top:7px; }
#kpnh-root .kpnh-materials .kpnh-card__action { min-height:36px; height:36px; margin-top:8px; flex-basis:36px; font-size:12px; }
@media (max-width:1180px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:920px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:680px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:430px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-materials .kpnh-card { height:auto; min-height:420px; }
}

/* Unified card rhythm, organisation statuses and premium treatment */
#kpnh-root .kpnh-materials .kpnh-card {
  min-height:462px;
  height:462px;
  padding:15px;
  border-color:#d7e2f0;
  box-shadow:0 8px 22px rgba(26,54,96,.065);
}
#kpnh-root .kpnh-materials .kpnh-card.is-premium {
  border-color:#e7c875;
  background:linear-gradient(155deg,#fffdf5 0,#fff 38%);
  box-shadow:0 10px 28px rgba(177,128,23,.14);
}
#kpnh-root .kpnh-materials .kpnh-card.is-premium::before {
  height:4px;
  background:linear-gradient(90deg,#d99916,#ffd66b,#d99916);
}
#kpnh-root .kpnh-card__premium {
  position:absolute;
  z-index:3;
  top:10px;
  right:10px;
  padding:5px 8px;
  border:1px solid rgba(193,137,16,.22);
  border-radius:999px;
  background:linear-gradient(135deg,#fff5c7,#ffe18a);
  color:#805500;
  font-size:10px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 4px 10px rgba(169,116,0,.12);
}
#kpnh-root .kpnh-materials .kpnh-card__badges {
  width:calc(100% - 2px);
  min-height:35px;
  height:35px;
  padding-right:0;
  display:flex;
  align-items:flex-start;
  gap:5px;
  overflow:hidden;
}
#kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges { padding-right:62px; }
#kpnh-root .kpnh-materials .kpnh-badge {
  min-height:20px;
  padding:5px 7px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  font-size:10px;
  font-weight:750;
  line-height:1.1;
  white-space:nowrap;
}
#kpnh-root .kpnh-materials .kpnh-badge svg { width:11px; height:11px; stroke-width:1.8; }
#kpnh-root .kpnh-badge--government { background:#e9f1ff; color:#245aa7; }
#kpnh-root .kpnh-badge--active { background:#f0f3f8; color:#64748b; }
#kpnh-root .kpnh-materials .kpnh-card__media,
#kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media {
  position:relative;
  height:104px;
  min-height:104px;
  margin:4px 0 11px;
  border-color:#dce6f3;
  background:linear-gradient(145deg,#f3f7fd,#eaf1fb);
}
#kpnh-root .kpnh-card__placeholder {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:inherit;
}
#kpnh-root .kpnh-card__placeholder svg { width:38px; height:38px; stroke-width:1.45; }
#kpnh-root .kpnh-materials .kpnh-card__media img {
  position:absolute;
  z-index:1;
  inset:0;
  background:#fff;
}
#kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media img,
#kpnh-root .kpnh-materials .kpnh-card.is-government .kpnh-card__media img { object-fit:contain; padding:10px; }
#kpnh-root .kpnh-materials .kpnh-card h3 {
  height:42px;
  min-height:42px;
  margin:0 0 7px;
  font-size:16px;
  font-weight:760;
  line-height:1.45;
  letter-spacing:-.01em;
}
#kpnh-root .kpnh-materials .kpnh-card p {
  height:48px;
  min-height:48px;
  margin:0 0 9px;
  font-size:12.5px;
  line-height:1.52;
  -webkit-line-clamp:3;
}
#kpnh-root .kpnh-materials .kpnh-card__value {
  min-height:40px;
  font-size:17px;
  line-height:1.35;
}
#kpnh-root .kpnh-materials .kpnh-card__meta {
  min-height:18px;
  margin-top:2px;
  color:#63728a;
  font-size:12px;
}
#kpnh-root .kpnh-materials .kpnh-card__owner {
  min-height:48px;
  padding-top:8px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
}
#kpnh-root .kpnh-materials .kpnh-card__owner > span {
  grid-row:1/3;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#edf4ff;
  color:#1768e8;
}
#kpnh-root .kpnh-materials .kpnh-card__owner > span svg { width:15px; height:15px; stroke-width:1.7; }
#kpnh-root .kpnh-materials .kpnh-card__owner b {
  min-width:0;
  font-size:11px;
  line-height:1.25;
  -webkit-line-clamp:1;
}
#kpnh-root .kpnh-materials .kpnh-card__owner small {
  display:flex;
  align-items:center;
  gap:4px;
  color:#7a899e;
  font-size:10px;
  line-height:1.15;
}
#kpnh-root .kpnh-materials .kpnh-card__owner small svg { width:11px; height:11px; }
#kpnh-root .kpnh-materials .kpnh-card__action {
  min-height:38px;
  height:38px;
  flex-basis:38px;
  border-radius:9px;
  font-size:12px;
}
@media (max-width:430px) {
  #kpnh-root .kpnh-materials .kpnh-card { min-height:462px; height:462px; }
}

/* Material card controls, readable actions and organisation identity */
#kpnh-root .kpnh-materials .kpnh-card { min-height:510px; height:510px; padding:15px; }
#kpnh-root .kpnh-card__tools {
  min-height:31px;
  height:31px;
  margin-bottom:5px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}
#kpnh-root .kpnh-card__tools .kpnh-card__premium {
  position:static;
  min-height:26px;
  margin-right:auto;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:8px;
  font-size:10px;
  letter-spacing:.07em;
}
#kpnh-root .kpnh-card__tool {
  width:29px;
  height:29px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #d7e2f0;
  border-radius:8px;
  background:#fff;
  color:#57708f;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,color .16s ease,background-color .16s ease;
}
#kpnh-root .kpnh-card__tool:hover {
  transform:translateY(-1px);
  border-color:#9ebcff;
  background:#edf4ff;
  color:#1768e8;
}
#kpnh-root .kpnh-card__tool svg { width:15px; height:15px; stroke-width:1.8; }
#kpnh-root .kpnh-card__tool.is-active,
#kpnh-root .kpnh-card__tool.active { border-color:#f2a9b8; background:#fff0f3; color:#e43b61; }
#kpnh-root .kpnh-materials .kpnh-card__badges,
#kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges {
  min-height:40px;
  height:40px;
  padding-right:0;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:5px;
}
#kpnh-root .kpnh-badge--commercial { background:#eef4fb; color:#395d89; }
#kpnh-root .kpnh-badge--verified {
  width:auto;
  padding:5px 8px!important;
  justify-content:center;
  background:#eaf9f0;
  color:#168047;
}
#kpnh-root .kpnh-materials .kpnh-badge--commercial,
#kpnh-root .kpnh-materials .kpnh-badge--government { font-size:9.5px; }
#kpnh-root .kpnh-materials .kpnh-card__media,
#kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media {
  height:108px;
  min-height:108px;
  margin:3px 0 11px;
}
#kpnh-root .kpnh-materials .kpnh-card h3 {
  height:60px;
  min-height:60px;
  font-size:16px;
  line-height:1.43;
  -webkit-line-clamp:3;
}
#kpnh-root .kpnh-materials .kpnh-card p {
  height:48px;
  min-height:48px;
  -webkit-line-clamp:3;
}
#kpnh-root .kpnh-materials .kpnh-card__owner { min-height:52px; }
#kpnh-root .kpnh-materials .kpnh-card__owner > span { overflow:hidden; background:#fff; border:1px solid #dce6f3; }
#kpnh-root .kpnh-materials .kpnh-card__owner > span img {
  width:100%;
  height:100%;
  padding:2px;
  display:block;
  object-fit:contain;
  background:#fff;
}
#kpnh-root .kpnh-materials .kpnh-card__owner b {
  font-size:11.5px;
  line-height:1.3;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-materials .kpnh-card__owner small { color:#526987; font-size:10.5px; }
#kpnh-root .kpnh-materials .kpnh-card__action {
  min-height:43px;
  height:43px;
  flex-basis:43px;
  padding:0 14px;
  border-width:1.5px;
  border-radius:10px;
  justify-content:center;
  gap:9px;
  font-size:13px;
  font-weight:780;
}
#kpnh-root .kpnh-materials .kpnh-card__action i { margin-left:auto; }
@media (max-width:430px) {
  #kpnh-root .kpnh-materials .kpnh-card { min-height:510px; height:510px; }
}

/* Final material-card typography and actions */
#kpnh-root .kpnh-materials .kpnh-card { min-height:590px; height:auto; }
#kpnh-root .kpnh-card__tool { width:34px; height:34px; border-radius:10px; }
#kpnh-root .kpnh-card__tool svg { width:17px; height:17px; }
#kpnh-root .kpnh-card__tools { min-height:36px; height:36px; margin-bottom:7px; }
#kpnh-root .kpnh-card__tools .kpnh-card__premium { min-height:30px; padding:0 12px; font-size:11px; }
#kpnh-root .kpnh-materials .kpnh-badge { min-height:22px; padding:5px 8px; font-size:10.5px; }
#kpnh-root .kpnh-materials .kpnh-badge--commercial,
#kpnh-root .kpnh-materials .kpnh-badge--government { font-size:10px; }
#kpnh-root .kpnh-materials .kpnh-card__badges,
#kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges {
  height:52px;
  min-height:52px;
  overflow:visible;
  align-content:flex-start;
}
#kpnh-root .kpnh-materials .kpnh-card h3 {
  height:auto;
  min-height:86px;
  max-height:none;
  overflow:visible;
  display:block;
  font-size:17.5px;
  line-height:1.38;
  -webkit-line-clamp:unset;
}
#kpnh-root .kpnh-materials .kpnh-badge {
  min-height:25px;
  padding:6px 9px;
  font-size:12px;
  line-height:1.05;
}
#kpnh-root .kpnh-materials .kpnh-badge--commercial,
#kpnh-root .kpnh-materials .kpnh-badge--government,
#kpnh-root .kpnh-materials .kpnh-badge--verified { font-size:11px; }
#kpnh-root .kpnh-materials .kpnh-card__badges,
#kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges {
  height:60px;
  min-height:60px;
}
#kpnh-root .kpnh-materials .kpnh-card p {
  height:144px;
  min-height:144px;
  max-height:144px;
  overflow:hidden;
  display:block;
  font-size:14px;
  line-height:1.5;
  -webkit-line-clamp:unset;
}
#kpnh-root .kpnh-materials .kpnh-card p { height:55px; min-height:55px; font-size:14px; line-height:1.5; }
#kpnh-root .kpnh-materials .kpnh-card__value { font-size:18px; }
#kpnh-root .kpnh-materials .kpnh-card__meta { font-size:13px; }
#kpnh-root .kpnh-materials .kpnh-card__owner b { font-size:12.5px; }
#kpnh-root .kpnh-materials .kpnh-card__owner small { font-size:11.5px; }

@media (min-width:921px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:start;
  }
  #kpnh-root .kpnh-materials .kpnh-card {
    min-height:0;
    height:auto;
    align-self:start;
  }
  #kpnh-root .kpnh-materials .kpnh-card__badges,
  #kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges {
    height:auto;
    min-height:36px;
    flex-wrap:wrap;
  }
  #kpnh-root .kpnh-materials .kpnh-card__media,
  #kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media {
    height:96px;
    min-height:96px;
  }
  #kpnh-root .kpnh-materials .kpnh-card h3 {
    height:auto;
    min-height:0;
    margin-bottom:9px;
  }
  #kpnh-root .kpnh-materials .kpnh-card > p {
    min-height:0;
    margin-bottom:11px;
  }
  #kpnh-root .kpnh-materials .kpnh-card__value,
  #kpnh-root .kpnh-materials .kpnh-card__meta,
  #kpnh-root .kpnh-materials .kpnh-card__taxonomy,
  #kpnh-root .kpnh-materials .kpnh-card__owner {
    min-height:0;
  }
  #kpnh-root .kpnh-materials .kpnh-card__taxonomy {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #kpnh-root .kpnh-materials .kpnh-card__action {
    margin-top:12px;
  }
}

/* Lightweight native chart: replaces the Google Charts runtime. */
#kpnh-root .kpnh-proc-native-chart {
  position:relative;
  min-height:245px;
  flex:1;
  margin-top:8px;
  padding:34px 4px 0;
}
#kpnh-root .kpnh-proc-native-chart__legend {
  position:absolute;
  top:0;
  right:3px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#a8bdd8;
  font-size:9px;
}
#kpnh-root .kpnh-proc-native-chart__legend span {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
#kpnh-root .kpnh-proc-native-chart__legend span::before {
  content:"";
  width:14px;
  height:7px;
  border-radius:2px;
  background:#3b8cff;
}
#kpnh-root .kpnh-proc-native-chart__legend span + span::before { background:#58d7af; }
#kpnh-root .kpnh-proc-native-chart__plot {
  height:190px;
  padding:0 4px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:5px;
  align-items:end;
  border-bottom:1px solid #38547b;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#294665 25%);
}
#kpnh-root .kpnh-proc-native-chart__month {
  position:relative;
  height:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  cursor:help;
}
#kpnh-root .kpnh-proc-native-chart__bars {
  height:calc(100% - 24px);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
}
#kpnh-root .kpnh-proc-native-chart__bars i {
  width:min(8px,42%);
  min-height:0;
  display:block;
  border-radius:3px 3px 0 0;
  background:linear-gradient(180deg,#5aa0ff,#2f7deb);
  box-shadow:0 0 10px rgba(59,140,255,.16);
}
#kpnh-root .kpnh-proc-native-chart__bars i + i {
  background:linear-gradient(180deg,#70e1bd,#3dc99e);
  box-shadow:0 0 10px rgba(88,215,175,.12);
}
#kpnh-root .kpnh-proc-native-chart__month small {
  height:20px;
  padding-top:6px;
  overflow:hidden;
  color:#91a8c7;
  font-size:8px;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

@media (min-width:921px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
#kpnh-root .kpnh-materials .kpnh-card__action {
  position:relative;
  min-height:46px;
  height:46px;
  flex:0 0 46px;
  padding:0 38px 0 16px;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap;
  line-height:1;
  font-size:15px;
  font-weight:800;
}
#kpnh-root .kpnh-materials .kpnh-card__action i {
  position:absolute;
  right:15px;
  top:50%;
  margin:0;
  transform:translateY(-50%);
  font-size:19px;
  line-height:1;
}

/* 350x350 logo preview */
.kpnh-logo-zoom {
  position:fixed;
  z-index:12000;
  width:350px;
  height:350px;
  padding:18px;
  display:grid;
  place-items:center;
  pointer-events:none;
  border:1px solid #cbdcf3;
  border-radius:22px;
  background:rgba(255,255,255,.98);
  box-shadow:0 28px 80px rgba(17,42,80,.26);
  opacity:0;
  transform:translateY(8px) scale(.97);
  transition:opacity .15s ease,transform .15s ease;
}
.kpnh-logo-zoom.is-visible { opacity:1; transform:translateY(0) scale(1); }
.kpnh-logo-zoom img { max-width:100%; max-height:100%; object-fit:contain; }
#kpnh-root .kpnh-materials .kpnh-card__media img,
#kpnh-root .kpnh-materials .kpnh-card__owner img { cursor:zoom-in; }
#kpnh-root .kpnh-materials .kpnh-card__city {
  display:flex;
  align-items:center;
  gap:6px;
  min-height:20px;
  margin-top:7px;
  color:#52657f;
  font-size:15px;
  font-weight:650;
  line-height:1.35;
}
#kpnh-root .kpnh-materials .kpnh-card__city svg {
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:#1768e8;
}

/* Материалы: читаемый масштаб +2px для всей текстовой системы карточек */
#kpnh-root .kpnh-materials .kpnh-card { min-height:640px; }
#kpnh-root .kpnh-materials .kpnh-card__tools .kpnh-card__premium { font-size:13px; }
#kpnh-root .kpnh-materials .kpnh-badge,
#kpnh-root .kpnh-materials .kpnh-badge--commercial,
#kpnh-root .kpnh-materials .kpnh-badge--government,
#kpnh-root .kpnh-materials .kpnh-badge--verified { font-size:13px; }
#kpnh-root .kpnh-materials .kpnh-card h3 { font-size:19.5px; }
#kpnh-root .kpnh-materials .kpnh-card p {
  height:70px;
  min-height:70px;
  font-size:16px;
}
#kpnh-root .kpnh-materials .kpnh-card__value { font-size:20px; }
#kpnh-root .kpnh-materials .kpnh-card__city { font-size:17px; }
#kpnh-root .kpnh-materials .kpnh-card__meta { font-size:15px; }
#kpnh-root .kpnh-materials .kpnh-card__taxonomy {
  min-height:112px;
  gap:7px;
}
#kpnh-root .kpnh-materials .kpnh-card__taxonomy > span {
  min-height:50px;
  padding:7px 9px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
#kpnh-root .kpnh-materials .kpnh-card__taxonomy b {
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}
#kpnh-root .kpnh-materials .kpnh-card__taxonomy em {
  width:100%;
  font-size:13px;
  line-height:1.35;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:auto;
}
#kpnh-root .kpnh-materials .kpnh-card__owner { min-height:58px; }
#kpnh-root .kpnh-materials .kpnh-card__owner b { font-size:14.5px; }
#kpnh-root .kpnh-materials .kpnh-card__owner small { font-size:13.5px; }
#kpnh-root .kpnh-materials .kpnh-card__action { font-size:17px; }

/* Share dialog from the classic live feed, adapted to the new page */
.k-share-modal[hidden] { display:none!important; }
.k-share-modal { position:fixed; inset:0; z-index:12050; display:grid; place-items:center; padding:18px; background:rgba(15,31,55,.56); backdrop-filter:blur(7px); }
.k-share-dialog { width:min(560px,100%); overflow:hidden; border:1px solid #dce6f3; border-radius:24px; background:#fff; box-shadow:0 32px 90px rgba(15,31,55,.3); }
.k-share-head { padding:20px 22px; display:flex; gap:14px; align-items:flex-start; background:linear-gradient(145deg,#f4f8ff,#fff); border-bottom:1px solid #e8eef7; }
.k-share-ico { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:14px; background:#1768e8; color:#fff; font-size:24px; box-shadow:0 10px 24px rgba(23,104,232,.22); }
.k-share-title { margin:0; color:#10213b; font-size:23px; font-weight:850; line-height:1.2; }
.k-share-sub { margin:5px 0 0; color:#65758d; font-size:15px; line-height:1.45; }
.k-share-x { margin-left:auto; width:36px; height:36px; border:1px solid #dce6f3; border-radius:11px; background:#fff; color:#61728a; font-size:24px; cursor:pointer; }
.k-share-body { padding:20px 22px 22px; }
.k-share-card { margin-bottom:14px; padding:14px; border:1px solid #dce6f3; border-radius:16px; background:#f6f9fe; }
.k-share-card__type { color:#1768e8; font-size:13px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.k-share-card__title { margin-top:5px; color:#12223a; font-size:17px; font-weight:780; line-height:1.4; }
.k-share-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:15px; }
.k-share-social { min-height:46px; display:flex; align-items:center; justify-content:center; border:1px solid #cfe0f8; border-radius:12px; background:#eef5ff; color:#1768e8; font:750 13px/1 Inter,Arial,sans-serif; text-decoration:none; cursor:pointer; }
.k-share-social--copy { background:#fff; color:#304867; }
.k-share-form { display:grid; gap:9px; }
.k-share-form label { color:#445873; font-size:14px; font-weight:750; }
.k-share-form input,.k-share-form textarea { width:100%; box-sizing:border-box; padding:12px 13px; border:1px solid #cbd8ea; border-radius:11px; background:#fff; color:#13233c; font:14px Inter,Arial,sans-serif; outline:0; }
.k-share-form input:focus,.k-share-form textarea:focus { border-color:#1768e8; box-shadow:0 0 0 3px rgba(23,104,232,.12); }
.k-share-form textarea { min-height:78px; resize:vertical; }
.k-share-hp { position:absolute!important; left:-9999px!important; opacity:0!important; }
.k-share-submit { min-height:46px; border:0; border-radius:12px; background:#1768e8; color:#fff; font:800 14px Inter,Arial,sans-serif; cursor:pointer; }
.k-share-status { min-height:18px; color:#67778e; font-size:14px; font-weight:700; }
.k-share-status.is-ok { color:#168047; }.k-share-status.is-err { color:#c23636; }
.k-share-guest { padding:15px; border:1px solid #dce6f3; border-radius:12px; background:#f6f9fe; color:#51647e; font-size:15px; line-height:1.55; }
.k-share-guest a { color:#1768e8; font-weight:800; }
@media (max-width:640px) { .k-share-actions{grid-template-columns:1fr}.k-share-head,.k-share-body{padding-left:16px;padding-right:16px}.kpnh-logo-zoom{display:none} }

/* Mobile experience: final cohesive layer */
@media (max-width:760px) {
  html,body { max-width:100%; overflow-x:hidden; }
  #kpnh-root {
    --mobile-pad:14px;
    width:100%;
    overflow:clip;
    background:#f3f7fc;
  }
  #kpnh-root * { min-width:0; }
  #kpnh-root .kpnh-shell {
    width:100%;
    max-width:none;
    padding-left:var(--mobile-pad);
    padding-right:var(--mobile-pad);
  }
  #kpnh-root .kpnh-topbar { min-height:38px; }
  #kpnh-root .kpnh-topbar__inner { min-height:38px; gap:8px; }
  #kpnh-root .kpnh-topauth { display:none; }
  #kpnh-root .kpnh-support-trigger {
    min-height:32px;
    padding:0 10px;
    font-size:14px;
  }
  #kpnh-root .k-city-strip__btn { max-width:190px; font-size:14px; }
  #kpnh-root .k-city-strip__form {
    left:0;
    right:auto;
    width:min(360px,calc(100vw - 28px));
  }
  #kpnh-root .kpnh-header { position:sticky; top:0; z-index:100; }
  #kpnh-root .kpnh-header__inner { min-height:68px; gap:10px; }
  #kpnh-root .kpnh-brand { gap:9px; }
  #kpnh-root .kpnh-brand__mark {
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:12px;
    font-size:19px;
  }
  #kpnh-root .kpnh-brand b { font-size:20px; }
  #kpnh-root .kpnh-brand small { display:none; }
  #kpnh-root .kpnh-auth { margin-left:auto; gap:7px; }
  #kpnh-root .kpnh-auth > .kpnh-btn { display:none; }
  #kpnh-root .kpnh-bell__button,
  #kpnh-root .kpnh-menu {
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:12px;
  }
  #kpnh-root .kpnh-header-menu {
    max-height:calc(100dvh - 108px);
    padding:12px 14px 18px;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,39,76,.14);
  }
  #kpnh-root .kpnh-header-menu__links { grid-template-columns:1fr; gap:8px; }
  #kpnh-root .kpnh-header-menu__links a { min-height:62px; padding:11px 13px; }

  #kpnh-root .kpnh-main { padding-top:18px; }
  #kpnh-root .kpnh-main .kpnh-shell { display:grid; gap:16px; }
  #kpnh-root section { scroll-margin-top:82px; }
  #kpnh-root .kpnh-hero {
    grid-template-columns:1fr;
    gap:14px;
    margin:0;
  }
  #kpnh-root .kpnh-hero__main {
    padding:20px 16px 17px;
    border:1px solid #dbe6f4;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 30px rgba(28,63,110,.07);
  }
  #kpnh-root .kpnh-hero h1 {
    margin:0 0 18px;
    font-size:clamp(29px,8vw,36px);
    line-height:1.12;
    letter-spacing:-.035em;
  }
  #kpnh-root .kpnh-hero h1 br { display:none; }
  #kpnh-root .kpnh-tabs {
    margin:0 -16px 13px;
    padding:0 16px 7px;
    display:flex;
    gap:6px;
    overflow-x:auto;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  #kpnh-root .kpnh-tabs::-webkit-scrollbar { display:none; }
  #kpnh-root .kpnh-tabs__label {
    position:sticky;
    left:0;
    z-index:2;
    flex:0 0 auto;
    padding:9px 10px 9px 0;
    background:#fff;
    font-size:13px;
  }
  #kpnh-root .kpnh-tabs button {
    flex:0 0 auto;
    min-height:38px;
    padding:0 12px;
    border:1px solid #dce6f3;
    border-radius:999px;
    background:#f7f9fd;
    scroll-snap-align:start;
    font-size:14px;
  }
  #kpnh-root .kpnh-tabs button.is-active {
    border-color:#1768e8;
    background:#1768e8;
    color:#fff;
    box-shadow:0 6px 15px rgba(23,104,232,.2);
  }
  #kpnh-root .kpnh-search {
    grid-template-columns:1fr;
    gap:9px;
    padding:0;
    border:0;
    box-shadow:none;
    background:transparent;
  }
  #kpnh-root .kpnh-search__query,
  #kpnh-root .kpnh-search__city {
    min-height:52px;
    border:1px solid #d4dfed;
    border-radius:14px;
    background:#f9fbfe;
  }
  #kpnh-root .kpnh-search input { font-size:18px; }
  #kpnh-root .kpnh-search > button {
    width:100%;
    min-height:50px;
    border-radius:14px;
    font-size:17px;
  }
  #kpnh-root .kpnh-recent {
    max-height:112px;
    margin-top:14px;
    gap:7px;
    overflow:hidden;
  }
  #kpnh-root .kpnh-recent b { width:100%; font-size:14px; }
  #kpnh-root .kpnh-recent a { padding:7px 10px; font-size:14px; }
  #kpnh-root .kpnh-start--ad { display:none; }

  #kpnh-root .kpnh-section,
  #kpnh-root .kpnh-info,
  #kpnh-root .kpnh-platform,
  #kpnh-root .kpnh-materials,
  #kpnh-root .kpnh-widget {
    border-radius:18px;
  }
  #kpnh-root .kpnh-section { padding:18px 14px; }
  #kpnh-root .kpnh-section__head {
    align-items:flex-start;
    gap:10px;
  }
  #kpnh-root .kpnh-section__head h2,
  #kpnh-root .kpnh-materials__heading h2 { font-size:25px; }
  #kpnh-root .kpnh-section__count { padding:7px 9px; font-size:12px; }
  #kpnh-root .kpnh-catalog__grid {
    margin:0 -14px;
    padding:4px 14px 8px;
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  #kpnh-root .kpnh-catalog__grid::-webkit-scrollbar { display:none; }
  #kpnh-root .kpnh-cat {
    width:220px;
    min-width:220px;
    min-height:118px;
    padding:14px;
    scroll-snap-align:start;
    border-radius:15px;
  }
  #kpnh-root .kpnh-cat__icon { width:44px; height:44px; flex-basis:44px; }
  #kpnh-root .kpnh-cat__content b { font-size:17px; }
  #kpnh-root .kpnh-cat__content small,
  #kpnh-root .kpnh-cat__content em { font-size:13px; }
  #kpnh-root .kpnh-info-grid { grid-template-columns:1fr; gap:12px; }
  #kpnh-root .kpnh-info { min-height:0; padding:18px 16px; }
  #kpnh-root .kpnh-info h2 { margin-bottom:11px; font-size:21px; }
  #kpnh-root .kpnh-info > a:not(.kpnh-more) { min-height:42px; font-size:15px; }
  #kpnh-root .kpnh-info .kpnh-more { margin-top:12px; font-size:15px; }

  #kpnh-root .kpnh-proc-showcase {
    min-height:0;
    height:auto;
    border-radius:20px;
  }
  #kpnh-root .kpnh-proc-showcase__head {
    min-height:72px;
    padding:13px 14px;
  }
  #kpnh-root .kpnh-proc-showcase__mark {
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:13px;
  }
  #kpnh-root .kpnh-proc-showcase__head b { font-size:17px; }
  #kpnh-root .kpnh-proc-showcase__body { padding:13px; gap:14px; }
  #kpnh-root .kpnh-proc-intro {
    grid-template-columns:1fr;
    gap:14px;
    padding:0;
    background:transparent;
  }
  #kpnh-root .kpnh-proc-intro__copy,
  #kpnh-root .kpnh-proc-analytics,
  #kpnh-root .kpnh-proc-rail {
    padding:17px 15px;
    border-radius:17px;
  }
  #kpnh-root .kpnh-proc-intro h2 { font-size:32px; line-height:1.08; }
  #kpnh-root .kpnh-proc-intro p { font-size:16px; line-height:1.55; }
  #kpnh-root .kpnh-proc-slide__actions { grid-template-columns:1fr; gap:9px; }
  #kpnh-root .kpnh-proc-slide__actions .kpnh-btn { width:100%; min-height:48px; }
  #kpnh-root .kpnh-proc-metrics { grid-template-columns:repeat(3,1fr); gap:7px; }
  #kpnh-root .kpnh-proc-metrics > span { min-height:92px; padding:11px 6px; text-align:center; }
  #kpnh-root .kpnh-proc-metrics small { font-size:12px; }
  #kpnh-root .kpnh-proc-metrics strong { font-size:23px; }
  #kpnh-root .kpnh-proc-analytics__head { align-items:center; }
  #kpnh-root .kpnh-proc-analytics__summary { padding:12px; }
  #kpnh-root .kpnh-proc-google-chart { height:250px; margin:5px -7px 0; }
  #kpnh-root .kpnh-proc-flow b { font-size:12px; }
  #kpnh-root .kpnh-proc-rail { min-height:0; }
  #kpnh-root .kpnh-proc-rail__head { padding-bottom:13px; }
  #kpnh-root .kpnh-proc-card__top { align-items:flex-start; gap:8px; }
  #kpnh-root .kpnh-proc-card__label,
  #kpnh-root .kpnh-proc-card__date { font-size:12px; }
  #kpnh-root .kpnh-proc-card__title {
    margin-top:14px;
    font-size:20px;
    line-height:1.35;
  }
  #kpnh-root .kpnh-proc-card__identity { grid-template-columns:1fr; gap:8px; }
  #kpnh-root .kpnh-proc-card__budget { padding:14px; }
  #kpnh-root .kpnh-proc-card__budget strong { font-size:24px; }
  #kpnh-root .kpnh-proc-card__stats { gap:7px; }
  #kpnh-root .kpnh-proc-card__stats > span { min-height:76px; padding:9px 5px; }
  #kpnh-root .kpnh-proc-card__cta-row { grid-template-columns:1fr; gap:8px; }
  #kpnh-root .kpnh-proc-card__deadline,
  #kpnh-root .kpnh-proc-card__action { min-height:52px; }
  #kpnh-root .kpnh-proc-rail__controls { margin-top:14px; }

  #kpnh-root .kpnh-platform { overflow:hidden; }
  #kpnh-root .kpnh-platform__hero,
  #kpnh-root .kpnh-platform__body { padding:22px 15px; }
  #kpnh-root .kpnh-platform__copy h2 { font-size:31px; line-height:1.12; }
  #kpnh-root .kpnh-platform__copy > p { font-size:16px; line-height:1.6; }
  #kpnh-root .kpnh-platform__actions { align-items:stretch; flex-direction:column; gap:12px; }
  #kpnh-root .kpnh-platform__actions .kpnh-btn { width:100%; min-height:50px; }
  #kpnh-root .kpnh-platform__start { grid-template-columns:1fr; gap:9px; }
  #kpnh-root .kpnh-platform__start li { min-height:86px; padding:13px; }
  #kpnh-root .kpnh-platform__heading { margin-bottom:18px; }
  #kpnh-root .kpnh-platform__heading h3 { font-size:27px; line-height:1.18; }
  #kpnh-root .kpnh-platform__heading > p { padding-left:12px; font-size:15px; }
  #kpnh-root .kpnh-mission { grid-template-columns:1fr; gap:13px; padding:16px; }
  #kpnh-root .kpnh-mission h4 { font-size:23px; }
  #kpnh-root .kpnh-capabilities { grid-template-columns:1fr; gap:9px; }
  #kpnh-root .kpnh-capabilities a { min-height:94px; padding:14px; }
  #kpnh-root .kpnh-mobile-app { padding:24px 15px 26px; border-radius:18px; }
  #kpnh-root .kpnh-mobile-app__copy h3 { font-size:29px; line-height:1.12; }
  #kpnh-root .kpnh-mobile-app__copy > p { font-size:15px; line-height:1.6; }
  #kpnh-root .kpnh-mobile-app__copy ul { grid-template-columns:1fr; gap:8px; }
  #kpnh-root .kpnh-mobile-app__copy li { min-height:66px; padding:11px; }
  #kpnh-root .kpnh-mobile-app__install { grid-template-columns:1fr; gap:11px; }
  #kpnh-root a.kpnh-mobile-app__qr { grid-template-columns:96px 1fr; }
  #kpnh-root .kpnh-mobile-app__qr img { width:96px; height:96px; }
  #kpnh-root .kpnh-mobile-app__visual { min-height:500px; margin-top:12px; }
  #kpnh-root .kpnh-app-gallery { width:min(300px,100%); }

  #kpnh-root .kpnh-materials { padding:20px 14px; }
  #kpnh-root .kpnh-materials__heading { align-items:flex-start; gap:8px; }
  #kpnh-root .kpnh-materials__heading strong { padding:7px 9px; font-size:12px; }
  #kpnh-root .kpnh-materials__grid { grid-template-columns:1fr; gap:13px; }
  #kpnh-root .kpnh-materials .kpnh-card {
    min-height:0;
    height:auto;
    padding:16px;
    border-radius:17px;
  }
  #kpnh-root .kpnh-materials .kpnh-card__badges,
  #kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges {
    min-height:0;
    height:auto;
    margin-bottom:11px;
  }
  #kpnh-root .kpnh-materials .kpnh-card__media,
  #kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media {
    height:190px;
    min-height:190px;
    margin:4px 0 14px;
  }
  #kpnh-root .kpnh-materials .kpnh-card h3 {
    min-height:0;
    margin-bottom:10px;
    font-size:21px;
    line-height:1.35;
  }
  #kpnh-root .kpnh-materials .kpnh-card p {
    height:auto;
    min-height:0;
    max-height:none;
    margin-bottom:12px;
    font-size:16px;
    line-height:1.55;
  }
  #kpnh-root .kpnh-materials .kpnh-card__taxonomy { min-height:0; }
  #kpnh-root .kpnh-materials .kpnh-card__owner { min-height:58px; }
  #kpnh-root .kpnh-materials .kpnh-card__action {
    min-height:50px;
    height:50px;
    flex-basis:50px;
    font-size:17px;
  }

  #kpnh-root .kpnh-bottom-grid { grid-template-columns:1fr; gap:12px; }
  #kpnh-root .kpnh-widget { min-height:0; padding:17px 15px; }
  #kpnh-root .kpnh-widget header h2 { font-size:20px; }
  #kpnh-root .kpnh-widget-tabs { gap:5px; }
  #kpnh-root .kpnh-widget-tabs button { min-height:40px; padding:0 10px; font-size:13px; }
  #kpnh-root .kpnh-counter-strip {
    margin:0 -14px;
    padding:0 14px 8px;
    display:flex;
    overflow-x:auto;
    border:0;
    border-radius:0;
    background:transparent;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
  }
  #kpnh-root .kpnh-counter-strip::-webkit-scrollbar { display:none; }
  #kpnh-root .kpnh-counter-strip a {
    width:155px;
    min-width:155px;
    min-height:78px;
    flex:0 0 155px;
    scroll-snap-align:start;
    border:1px solid #dbe5f2!important;
    border-radius:14px;
    background:#fff;
  }
  #kpnh-root .kpnh-footer { padding-top:28px; }
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr; gap:24px; }
  #kpnh-root .kpnh-footer__grid > div { grid-column:1!important; }
  #kpnh-root .kpnh-footer__bottom {
    min-height:0;
    padding:20px 0 26px;
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    font-size:14px;
  }
  #kpnh-root .kpnh-footer__legal { text-align:left; }
  #kpnh-root .kpnh-support-popover {
    position:fixed;
    top:48px;
    right:14px;
    left:14px;
    width:auto;
    max-height:calc(100dvh - 64px);
    overflow:auto;
  }
  #kpnh-root .kpnh-share-widget { right:14px; bottom:82px; }
  #kpnh-root .kpnh-share-panel {
    position:fixed;
    right:14px;
    bottom:140px;
    left:14px;
    width:auto;
    max-height:calc(100dvh - 170px);
    overflow:auto;
  }
  #kpnh-root .kpnh-share-fab,
  .bug-fab { width:50px!important; height:50px!important; }
  .bug-fab { right:14px!important; bottom:18px!important; }
  .k-share-dialog { max-height:calc(100dvh - 24px); overflow:auto; border-radius:18px; }
}

@media (max-width:390px) {
  #kpnh-root { --mobile-pad:12px; }
  #kpnh-root .kpnh-brand b { font-size:19px; }
  #kpnh-root .kpnh-hero__main { padding:18px 14px 15px; }
  #kpnh-root .kpnh-tabs { margin-left:-14px; margin-right:-14px; padding-left:14px; padding-right:14px; }
  #kpnh-root .kpnh-hero h1 { font-size:29px; }
  #kpnh-root .kpnh-proc-intro h2 { font-size:29px; }
  #kpnh-root .kpnh-proc-metrics { gap:5px; }
  #kpnh-root .kpnh-proc-metrics > span { padding-left:3px; padding-right:3px; }
  #kpnh-root .kpnh-proc-card__stats > span { font-size:12px; }
  #kpnh-root .kpnh-platform__copy h2,
  #kpnh-root .kpnh-mobile-app__copy h3 { font-size:27px; }
  #kpnh-root .kpnh-materials .kpnh-card__media,
  #kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media { height:170px; min-height:170px; }
}

@media (hover:none) and (pointer:coarse) {
  #kpnh-root a:hover,
  #kpnh-root button:hover { transform:none!important; }
  #kpnh-root .kpnh-cat,
  #kpnh-root .kpnh-card,
  #kpnh-root .kpnh-capabilities a { transition:none; }
}

/* Favorites/messages helper modal must stay out of document flow until opened */
.msg-modal-overlay { display:none; position:fixed; inset:0; z-index:12060; align-items:center; justify-content:center; padding:18px; background:rgba(15,31,55,.52); backdrop-filter:blur(6px); }
.msg-modal-overlay.open { display:flex; }
.msg-modal { width:min(520px,100%); overflow:hidden; border:1px solid #dce6f3; border-radius:18px; background:#fff; box-shadow:0 28px 80px rgba(15,31,55,.28); }
.msg-modal-hd { padding:19px 22px; display:flex; align-items:center; justify-content:space-between; background:#1768e8; color:#fff; }
.msg-modal-hd h3 { margin:0; font-size:20px; }
.msg-modal-close { width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:9px; background:rgba(255,255,255,.16); color:#fff; cursor:pointer; }
.msg-modal-body { padding:22px; }
.msg-modal-to { margin-bottom:14px; display:flex; gap:7px; color:#63738a; font-size:15px; }
.msg-modal-to strong { color:#14243c; }
.msg-modal textarea { width:100%; min-height:120px; box-sizing:border-box; padding:13px 14px; border:1px solid #cbd8ea; border-radius:11px; font:14px Inter,Arial,sans-serif; resize:vertical; outline:0; }
.msg-modal textarea:focus { border-color:#1768e8; box-shadow:0 0 0 3px rgba(23,104,232,.12); }
.msg-modal-chars { margin-top:5px; color:#8b98aa; font-size:14px; text-align:right; }
.msg-modal-ft { padding:15px 22px; display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #e5ecf5; background:#f7f9fc; }
.msg-modal-ft button { min-height:42px; padding:0 18px; border-radius:10px; font-weight:750; cursor:pointer; }
.msg-modal-ft .btn-cancel { border:1px solid #cfdbea; background:#fff; color:#465a74; }
.msg-modal-ft .btn-send { border:0; background:#1768e8; color:#fff; }

#kpnh-root .kpnh-card__taxonomy {
  min-height:66px;
  margin:8px 0 4px;
  display:grid;
  gap:5px;
}
#kpnh-root .kpnh-card__taxonomy > span {
  min-width:0;
  padding:6px 8px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:start;
  gap:6px;
  border:1px solid #e2eaf4;
  border-radius:8px;
  background:#f7f9fc;
}
#kpnh-root .kpnh-card__taxonomy b {
  color:#1768e8;
  font-size:10px;
  font-weight:850;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.04em;
}
#kpnh-root .kpnh-card__taxonomy em {
  min-width:0;
  overflow:visible;
  color:#53657d;
  font-size:11px;
  font-style:normal;
  font-weight:650;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
  text-overflow:clip;
}

/* Mobile alignment hotfix: keep this as the final layer */
@media (max-width:900px) {
  #kpnh-root .kpnh-info-grid {
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  #kpnh-root .kpnh-info-grid > .kpnh-info {
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
  }
}

@media (max-width:760px) {
  #kpnh-root .kpnh-proc-showcase__head {
    width:100%!important;
    display:flex!important;
    align-items:stretch!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  #kpnh-root .kpnh-proc-showcase__head > div:first-child {
    width:100%!important;
  }
  #kpnh-root .kpnh-proc-showcase__statuses {
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  #kpnh-root .kpnh-proc-showcase__live,
  #kpnh-root .kpnh-proc-showcase__archive {
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    padding:7px 9px!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  #kpnh-root .kpnh-proc-showcase__live > span,
  #kpnh-root .kpnh-proc-showcase__archive > span {
    flex:0 1 auto!important;
    overflow:hidden!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  #kpnh-root .kpnh-proc-showcase__live b,
  #kpnh-root .kpnh-proc-showcase__archive b {
    min-width:24px!important;
    height:24px!important;
    flex:0 0 auto!important;
  }
  #kpnh-root .kpnh-proc-slide__actions {
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  #kpnh-root .kpnh-proc-slide__actions .kpnh-btn {
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:16px!important;
    line-height:1.2!important;
  }
  #kpnh-root .kpnh-proc-metrics {
    width:100%!important;
    align-items:stretch!important;
  }
  #kpnh-root .kpnh-proc-metrics > span {
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  #kpnh-root .kpnh-proc-card__stats {
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #kpnh-root .kpnh-proc-card__stats > span {
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    text-align:center!important;
  }
  #kpnh-root .kpnh-proc-card__cta-row {
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  #kpnh-root .kpnh-proc-card__deadline,
  #kpnh-root .kpnh-proc-card__action {
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    height:54px!important;
    margin:0!important;
    border-radius:13px!important;
  }

  #kpnh-root .kpnh-footer__grid {
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  #kpnh-root .kpnh-footer__grid > div {
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:17px 15px!important;
    border:1px solid #dce6f3!important;
    border-radius:16px!important;
    background:#f8faff!important;
  }
  #kpnh-root .kpnh-footer__grid > div:first-child {
    padding:18px 15px!important;
  }
  #kpnh-root .kpnh-footer__grid > div:first-child p {
    max-width:none!important;
    margin:13px 0 15px!important;
    font-size:15px!important;
    line-height:1.6!important;
  }
  #kpnh-root .kpnh-footer h3 {
    min-height:30px!important;
    margin:0 0 10px!important;
    display:flex!important;
    align-items:center!important;
    font-size:19px!important;
  }
  #kpnh-root .kpnh-footer__grid > div:not(:first-child) > a {
    min-height:36px!important;
    padding:8px 0!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px solid #e6edf6!important;
    font-size:15px!important;
    line-height:1.4!important;
  }
  #kpnh-root .kpnh-footer__grid > div:not(:first-child) > a:last-child {
    border-bottom:0!important;
  }
  #kpnh-root .kpnh-footer__grid > div:first-child > .kpnh-btn {
    width:100%!important;
    min-height:46px!important;
    margin:8px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #kpnh-root .kpnh-share-widget {
    position:fixed!important;
    right:14px!important;
    bottom:80px!important;
    width:52px!important;
    height:52px!important;
  }
  #kpnh-root .kpnh-share-fab,
  .bug-fab {
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    transform:none!important;
  }
  #kpnh-root .kpnh-share-fab { position:absolute!important; inset:0!important; }
  .bug-fab {
    position:fixed!important;
    right:14px!important;
    bottom:16px!important;
  }
  #kpnh-root .kpnh-share-fab svg { width:22px!important; height:22px!important; }
  .bug-fab::before { margin:0!important; line-height:1!important; }
}

@media (max-width:390px) {
  #kpnh-root .kpnh-proc-showcase__live,
  #kpnh-root .kpnh-proc-showcase__archive {
    padding-left:6px!important;
    padding-right:6px!important;
    font-size:11px!important;
  }
  #kpnh-root .kpnh-proc-showcase__live svg,
  #kpnh-root .kpnh-proc-showcase__archive svg { width:13px!important; height:13px!important; }
  #kpnh-root .kpnh-proc-card__stats small { font-size:11px!important; }
  #kpnh-root .kpnh-proc-card__stats b { font-size:15px!important; }
}

/* Compact mobile homepage: search → business tools → materials → footer */
@media (max-width:760px) {
  #kpnh-root .kpnh-catalog,
  #kpnh-root .kpnh-info-grid,
  #kpnh-root .kpnh-proc-showcase,
  #kpnh-root .kpnh-mobile-app,
  #kpnh-root .kpnh-bottom-grid,
  #kpnh-root .kpnh-counter-strip {
    display:none!important;
  }
  #kpnh-root .kpnh-main .kpnh-shell { gap:18px!important; }

  #kpnh-root .kpnh-recent {
    position:relative;
    width:100%!important;
    max-height:126px!important;
    margin:15px 0 0!important;
    padding:13px 0 0!important;
    display:flex!important;
    align-items:center!important;
    align-content:flex-start!important;
    gap:7px!important;
    overflow:hidden!important;
    border-top:1px solid #e1e9f4;
  }
  #kpnh-root .kpnh-recent::after {
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:18px;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
  }
  #kpnh-root .kpnh-recent b {
    width:100%!important;
    margin:0 0 2px!important;
    color:#31435d!important;
    font-size:14px!important;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  #kpnh-root .kpnh-recent a {
    min-height:34px!important;
    margin:0!important;
    padding:7px 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid #d7e3f2!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fff,#f5f8fd)!important;
    color:#435a78!important;
    box-shadow:0 3px 9px rgba(30,67,115,.05);
    font-size:14px!important;
    font-weight:650!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #kpnh-root .kpnh-platform { margin-top:0!important; }
  #kpnh-root .kpnh-materials { margin-top:0!important; }
  #kpnh-root .kpnh-show-more {
    width:100%!important;
    min-height:52px!important;
    margin:16px 0 0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #1768e8!important;
    border-radius:14px!important;
    background:#1768e8!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(23,104,232,.22)!important;
    font-size:16px!important;
    font-weight:800!important;
    text-align:center!important;
  }
  #kpnh-root .kpnh-show-more[aria-busy="true"] {
    opacity:.7!important;
    pointer-events:none!important;
  }

  #kpnh-root .kpnh-footer__bottom {
    width:calc(100% - 24px)!important;
    min-height:0!important;
    margin:18px 12px 0!important;
    padding:16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    border:1px solid #dce6f3!important;
    border-radius:16px 16px 0 0!important;
    background:#f8faff!important;
    text-align:center!important;
  }
  #kpnh-root .kpnh-footer__legal {
    order:1!important;
    width:100%!important;
    padding:0 0 13px!important;
    display:flex!important;
    align-items:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border-bottom:1px solid #e1e9f3!important;
    color:#263b59!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.45!important;
    text-align:center!important;
    white-space:normal!important;
  }
  #kpnh-root .kpnh-footer__legal small {
    margin:0!important;
    color:#6b7b91!important;
    font-size:13px!important;
    font-weight:650!important;
  }
  #kpnh-root .kpnh-footer__bottom-left {
    order:2!important;
    width:100%!important;
    padding:13px 0!important;
    display:flex!important;
    align-items:center!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:10px!important;
    border-bottom:1px solid #e1e9f3!important;
    font-size:14px!important;
    text-align:center!important;
    white-space:normal!important;
  }
  #kpnh-root .kpnh-footer__sitemap {
    display:none!important;
  }
  #kpnh-root .kpnh-footer__copyright {
    order:3!important;
    width:100%!important;
    padding:13px 0 0!important;
    color:#7a899e!important;
    font-size:13px!important;
    line-height:1.45!important;
    text-align:center!important;
  }
}

/* Targeted compactness after the readable +2px type adjustment. */
@media (min-width:761px) {
  #kpnh-root .kpnh-cat__icon {
    width:34px;
    height:34px;
    flex:0 0 34px;
  }
  #kpnh-root .kpnh-cat__icon svg { width:18px; height:18px; }
  #kpnh-root .kpnh-cat { gap:6px; }
  #kpnh-root .kpnh-cat__content { max-width:calc(100% - 40px); }
}

#kpnh-root .kpnh-cat b,
#kpnh-root .kpnh-cat small {
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
#kpnh-root .kpnh-cat b {
  font-size:14px;
  line-height:1.2;
}

#kpnh-root .kpnh-materials .kpnh-card__owner {
  height:auto;
  min-height:64px;
}
#kpnh-root .kpnh-materials .kpnh-card__owner b {
  max-width:none;
  display:block;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-line-clamp:unset;
}

#kpnh-root .kpnh-materials .kpnh-card__action {
  min-height:42px;
  height:42px;
  flex:0 0 42px;
  padding:0 32px 0 12px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px;
  line-height:1.15;
  text-align:center;
  white-space:normal;
}
#kpnh-root .kpnh-materials .kpnh-card__action i {
  right:12px;
}

#kpnh-root .kpnh-feed-widget .kpnh-widget-tabs {
  min-height:38px;
  margin-bottom:7px;
  flex-basis:38px;
}
#kpnh-root .kpnh-feed-widget .kpnh-widget-tabs button {
  height:32px;
  min-height:32px;
  padding:0 5px;
}
#kpnh-root .kpnh-feed-sort-note {
  height:21px;
  padding:1px 6px 3px;
  flex-basis:21px;
  line-height:17px;
}
#kpnh-root .kpnh-feed-widget .kpnh-feed-panel {
  min-height:0;
  overflow:hidden;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot {
  min-height:66px;
  padding:6px 7px;
  gap:2px 8px;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot b {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#kpnh-root .kpnh-feed-widget > .kpnh-widget__more {
  min-height:28px;
  padding-top:5px!important;
  flex-basis:28px;
}

/* Evenly filled lower widgets: five feed rows and four company rows. */
#kpnh-root .kpnh-feed-widget .kpnh-feed-panel.is-active {
  min-height:0;
  display:grid;
  grid-template-rows:21px repeat(5,minmax(0,1fr));
  flex:1 1 auto;
  overflow:hidden;
}
#kpnh-root .kpnh-feed-widget .kpnh-hot {
  min-height:0;
  height:auto;
  padding:6px 7px;
  align-content:center;
}
#kpnh-root .kpnh-widget--companies {
  display:flex;
  flex-direction:column;
}
#kpnh-root .kpnh-widget--companies .kpnh-newco-list {
  min-height:0;
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
  flex:1 1 auto;
  gap:5px;
}
#kpnh-root .kpnh-widget--companies .kpnh-newco {
  min-height:0;
  height:auto;
  padding:9px;
  align-content:center;
}

@media (min-width:1101px) {
  #kpnh-root .kpnh-bottom-grid > .kpnh-widget {
    height:720px;
    min-height:720px;
    display:flex;
    flex-direction:column;
  }
  #kpnh-root .kpnh-widget--rates .kpnh-rates,
  #kpnh-root .kpnh-widget--stats .kpnh-stats-list {
    min-height:0;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
  }
  #kpnh-root .kpnh-widget--rates .kpnh-rates > p,
  #kpnh-root .kpnh-widget--stats .kpnh-stat-row {
    min-height:0;
    flex:1 1 0;
  }
  #kpnh-root .kpnh-feed-widget .kpnh-feed-panel.is-active {
    grid-template-rows:21px repeat(5,minmax(0,1fr));
    overflow:visible;
  }
  #kpnh-root .kpnh-feed-widget .kpnh-hot b {
    display:block;
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
    -webkit-line-clamp:unset;
  }
  #kpnh-root .kpnh-widget--companies .kpnh-newco {
    align-content:start;
    align-items:start;
    padding:14px 9px;
  }
  #kpnh-root .kpnh-widget--companies .kpnh-newco__avatar {
    margin-top:1px;
  }
  #kpnh-root .kpnh-widget--companies .kpnh-newco__body > b {
    line-height:1.3;
  }
  #kpnh-root .kpnh-widget > header h2 {
    font-size:17px;
    white-space:nowrap;
  }
  #kpnh-root .kpnh-widget > header > div {
    gap:6px;
  }
  #kpnh-root .kpnh-widget > header .kpnh-widget__icon {
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  #kpnh-root .kpnh-widget--rates > header {
    min-height:58px;
  }
  #kpnh-root .kpnh-widget--rates > header .kpnh-widget__live {
    position:absolute;
    top:39px;
    right:0;
  }
  #kpnh-root .kpnh-widget--rates > header h2 small {
    padding-right:82px;
  }
}

/* Material descriptions must show the complete first sentence. */
#kpnh-root .kpnh-materials .kpnh-card > p {
  height:auto;
  min-height:70px;
  max-height:none;
  overflow:visible;
  display:block;
  -webkit-line-clamp:unset;
}

/* Material cards: compact all textual content by 2px; controls stay unchanged. */
#kpnh-root .kpnh-materials .kpnh-card__tools .kpnh-card__premium,
#kpnh-root .kpnh-materials .kpnh-badge,
#kpnh-root .kpnh-materials .kpnh-badge--commercial,
#kpnh-root .kpnh-materials .kpnh-badge--government,
#kpnh-root .kpnh-materials .kpnh-badge--verified {
  font-size:11px;
}
#kpnh-root .kpnh-materials .kpnh-card h3 { font-size:17.5px; }
#kpnh-root .kpnh-materials .kpnh-card > p { font-size:14px; }
#kpnh-root .kpnh-materials .kpnh-card__value { font-size:18px; }
#kpnh-root .kpnh-materials .kpnh-card__value::before { font-size:11px; }
#kpnh-root .kpnh-materials .kpnh-card__city { font-size:15px; }
#kpnh-root .kpnh-materials .kpnh-card__meta { font-size:13px; }
#kpnh-root .kpnh-materials .kpnh-card__taxonomy b { font-size:10px; }
#kpnh-root .kpnh-materials .kpnh-card__taxonomy em { font-size:11px; }
#kpnh-root .kpnh-materials .kpnh-card__owner b { font-size:12.5px; }
#kpnh-root .kpnh-materials .kpnh-card__owner small { font-size:11.5px; }

/* Four-column desktop cards without artificial vertical whitespace. */
@media (min-width:921px) {
  #kpnh-root .kpnh-materials .kpnh-material-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
  }
  #kpnh-root .kpnh-materials .kpnh-card {
    min-height:0;
    height:100%;
    align-self:stretch;
  }
  #kpnh-root .kpnh-materials .kpnh-card__badges,
  #kpnh-root .kpnh-materials .kpnh-card.is-premium .kpnh-card__badges {
    height:auto;
    min-height:36px;
    flex-wrap:wrap;
  }
  #kpnh-root .kpnh-materials .kpnh-card__media,
  #kpnh-root .kpnh-materials .kpnh-card--blue .kpnh-card__media {
    height:96px;
    min-height:96px;
  }
  #kpnh-root .kpnh-materials .kpnh-card h3 {
    height:auto;
    min-height:0;
    margin-bottom:9px;
  }
  #kpnh-root .kpnh-materials .kpnh-card > p {
    min-height:0;
    margin-bottom:11px;
  }
  #kpnh-root .kpnh-materials .kpnh-card__value,
  #kpnh-root .kpnh-materials .kpnh-card__meta,
  #kpnh-root .kpnh-materials .kpnh-card__taxonomy,
  #kpnh-root .kpnh-materials .kpnh-card__owner {
    min-height:0;
  }
  #kpnh-root .kpnh-materials .kpnh-card__taxonomy {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #kpnh-root .kpnh-materials .kpnh-card__action {
    margin-top:12px;
  }
}

/* Readable utility bar labels. */
#kpnh-root .kpnh-city {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:16px;
  line-height:1;
}
#kpnh-root .kpnh-city::before { align-self:center; }
#kpnh-root .kpnh-city > .kpnh-city__label,
#kpnh-root .kpnh-city b {
  display:inline-flex;
  align-items:center;
  line-height:1;
}
#kpnh-root .kpnh-city b {
  margin:0;
  font-weight:400;
}
#kpnh-root .kpnh-city::after {
  content:"";
  width:8px;
  height:8px;
  margin:0 2px 0 0;
  flex:0 0 8px;
  border-right:1.5px solid #8a99ad;
  border-bottom:1.5px solid #8a99ad;
  transform:rotate(45deg);
}
#kpnh-root .kpnh-support-trigger { font-size:14px; }

@media (min-width:761px) {
  #kpnh-root .kpnh-proc-slide__actions .kpnh-btn {
    width:213px;
    min-width:213px;
    height:42px;
    min-height:42px;
    flex:0 0 213px;
  }
}

@media (min-width:901px) {
  #kpnh-root .kpnh-info-grid > .kpnh-info {
    height:560px;
    min-height:560px;
  }
  #kpnh-root .kpnh-info > a:not(.kpnh-more) {
    min-height:44px;
    flex:1 0 auto;
  }
  #kpnh-root .kpnh-info--updates > a:not(.kpnh-more) {
    min-height:90px;
    flex:1 0 auto;
  }
}

/* Final alignment for the city selector and vertical card taxonomy. */
#kpnh-root .k-city-strip__main {
  display:flex;
  align-items:center;
}
#kpnh-root .k-city-strip__cap,
#kpnh-root .k-city-strip__btn {
  min-height:30px;
  font-size:14px;
  line-height:20px;
}
#kpnh-root .k-city-strip__cap,
#kpnh-root .k-city-strip__btn span {
  display:inline-flex;
  align-items:center;
}
#kpnh-root .k-city-strip__btn span {
  min-height:20px;
  line-height:20px;
}
#kpnh-root .k-city-strip__btn::before,
#kpnh-root .k-city-strip__btn::after {
  top:50%;
}
#kpnh-root .k-city-strip__btn::before {
  transform:translateY(-50%);
}
#kpnh-root .k-city-strip__btn::after {
  transform:translateY(-70%) rotate(45deg);
}
#kpnh-root .kpnh-materials .kpnh-card__taxonomy {
  grid-template-columns:1fr;
}

/* Company logos often contain large baked-in white margins. */
#kpnh-root .kpnh-card[data-material-type="Компания"] .kpnh-card__media {
  background:#f5f8fc;
}
#kpnh-root .kpnh-card[data-material-type="Компания"] .kpnh-card__media img {
  max-width:100%;
  max-height:100%;
  padding:6px;
  object-fit:contain;
  transform:none;
  mix-blend-mode:multiply;
}
#kpnh-root .kpnh-card[data-material-type="Компания"]:hover .kpnh-card__media img {
  transform:scale(1.03);
}
#kpnh-root .kpnh-card[data-material-type="Компания"] .kpnh-card__owner span {
  overflow:hidden;
}
#kpnh-root .kpnh-card[data-material-type="Компания"] .kpnh-card__owner img {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  transform:none;
  mix-blend-mode:multiply;
}

/* Unified platform section: consistent rhythm, type scale and card grid. */
#kpnh-root .kpnh-platform {
  overflow:hidden;
  border:1px solid #d8e3f2;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 50px rgba(30,58,105,.07);
}
#kpnh-root .kpnh-platform__hero {
  min-height:0;
  padding:46px 48px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:64px;
  align-items:center;
  border-bottom:1px solid #e2e9f3;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
}
#kpnh-root .kpnh-platform__eyebrow {
  display:inline-flex;
  margin:0 0 14px;
  padding:7px 11px;
  border:1px solid #c9dcff;
  border-radius:999px;
  background:#f4f8ff;
  color:#1768e8;
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#kpnh-root .kpnh-platform__copy h2 {
  max-width:590px;
  margin:0 0 14px;
  color:#10213b;
  font-size:38px;
  font-weight:820;
  line-height:1.12;
  letter-spacing:-.035em;
}
#kpnh-root .kpnh-platform__copy > p {
  max-width:670px;
  margin:0 0 22px;
  color:#607088;
  font-size:16px;
  line-height:1.65;
}
#kpnh-root .kpnh-platform__actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:13px 18px;
}
#kpnh-root .kpnh-platform__actions .kpnh-btn {
  min-height:46px;
  padding:0 22px;
  border-radius:11px;
  font-size:14px;
}
#kpnh-root .kpnh-platform__actions > span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#347254;
  font-size:12.5px;
  font-weight:650;
  line-height:1.4;
}
#kpnh-root .kpnh-platform__actions > span svg {
  width:17px;
  height:17px;
  flex:0 0 17px;
}
#kpnh-root .kpnh-platform__start {
  position:relative;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
  list-style:none;
}
#kpnh-root .kpnh-platform__start::before {
  left:22px;
  top:40px;
  bottom:40px;
  width:2px;
  height:auto;
  background:#d9e6fa;
}
#kpnh-root .kpnh-platform__start li {
  position:relative;
  z-index:1;
  min-height:74px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  align-items:center;
  border:1px solid #d5e1f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(30,58,105,.055);
}
#kpnh-root .kpnh-platform__start li > span {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
}
#kpnh-root .kpnh-platform__start li > span svg { width:21px; height:21px; }
#kpnh-root .kpnh-platform__start b {
  display:block;
  margin-bottom:3px;
  color:#172942;
  font-size:15px;
  font-weight:760;
  line-height:1.3;
}
#kpnh-root .kpnh-platform__start small {
  display:block;
  max-width:none;
  color:#718096;
  font-size:12.5px;
  line-height:1.45;
}
#kpnh-root .kpnh-platform__body {
  padding:42px 48px 48px;
  background:#fff;
}
#kpnh-root .kpnh-platform__heading {
  margin:0 0 32px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:48px;
  align-items:center;
}
#kpnh-root .kpnh-platform__heading > div > span {
  margin-bottom:10px;
  font-size:13px;
  line-height:1.2;
}
#kpnh-root .kpnh-platform__heading h3 {
  max-width:580px;
  margin:0;
  color:#10213b;
  font-size:32px;
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.025em;
}
#kpnh-root .kpnh-platform__heading > p {
  max-width:none;
  margin:0;
  padding-left:20px;
  border-left:2px solid #bfd4f8;
  color:#64748b;
  font-size:15.5px;
  line-height:1.65;
}
#kpnh-root .kpnh-mission {
  margin:0 0 20px;
  min-height:228px;
  padding:34px 36px;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:42px;
  border-radius:16px;
  background:linear-gradient(125deg,#f3f7ff 0%,#f8fbff 100%);
}
#kpnh-root .kpnh-mission::after { opacity:.55; }
#kpnh-root .kpnh-mission__copy > span { margin-bottom:10px; font-size:12px; }
#kpnh-root .kpnh-mission__copy h4 {
  max-width:620px;
  font-size:25px;
  line-height:1.3;
}
#kpnh-root .kpnh-mission__copy p {
  margin-top:12px;
  font-size:14.5px;
  line-height:1.7;
}
#kpnh-root .kpnh-mission__audience { padding-left:32px; }
#kpnh-root .kpnh-mission__audience > b { margin-bottom:12px; font-size:14px; }
#kpnh-root .kpnh-mission__audience > div { gap:10px; }
#kpnh-root .kpnh-mission__audience span {
  min-height:46px;
  padding:9px 11px;
  border-radius:9px;
  font-size:12.5px;
}
#kpnh-root .kpnh-mission__audience > small {
  margin-top:12px;
  font-size:12px;
  line-height:1.55;
}
#kpnh-root .kpnh-capabilities {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
#kpnh-root .kpnh-capabilities > a,
#kpnh-root .kpnh-capabilities > a:nth-child(4),
#kpnh-root .kpnh-capabilities > a:nth-child(5),
#kpnh-root .kpnh-capabilities > a:nth-child(n+6) {
  grid-column:auto;
  min-height:126px;
  padding:17px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:start;
  border-radius:14px;
}
#kpnh-root .kpnh-capabilities > a > span,
#kpnh-root .kpnh-capabilities > a:nth-child(4) > span {
  width:44px;
  height:44px;
  border-radius:12px;
}
#kpnh-root .kpnh-capabilities svg { width:21px; height:21px; }
#kpnh-root .kpnh-capabilities b,
#kpnh-root .kpnh-capabilities > a:nth-child(4) b {
  display:block;
  color:#172942;
  font-size:15px;
  font-weight:760;
  line-height:1.35;
}
#kpnh-root .kpnh-capabilities p,
#kpnh-root .kpnh-capabilities > a:nth-child(4) p {
  max-width:none;
  margin-top:5px;
  color:#68778d;
  font-size:12.5px;
  line-height:1.5;
}
#kpnh-root .kpnh-capabilities > a:nth-child(4) {
  border-color:#286de9;
  background:linear-gradient(135deg,#1768ea,#2859c8);
  box-shadow:0 12px 28px rgba(25,86,199,.18);
}
#kpnh-root .kpnh-capabilities > a:nth-child(4)::before {
  right:15px;
  top:8px;
  font-size:54px;
}
#kpnh-root .kpnh-capabilities > a:nth-child(4) b { color:#fff; }
#kpnh-root .kpnh-capabilities > a:nth-child(4) p { color:rgba(255,255,255,.82); }

@media (max-width:1100px) {
  #kpnh-root .kpnh-platform__hero {
    padding:38px;
    grid-template-columns:1fr;
    gap:28px;
  }
  #kpnh-root .kpnh-platform__start { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #kpnh-root .kpnh-platform__start::before { display:none; }
  #kpnh-root .kpnh-platform__start li {
    min-height:126px;
    grid-template-columns:1fr;
    align-content:start;
  }
  #kpnh-root .kpnh-platform__body { padding:36px 38px 40px; }
  #kpnh-root .kpnh-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  #kpnh-root .kpnh-platform { border-radius:18px; }
  #kpnh-root .kpnh-platform__hero,
  #kpnh-root .kpnh-platform__body { padding:26px 20px; }
  #kpnh-root .kpnh-platform__copy h2 { font-size:30px; }
  #kpnh-root .kpnh-platform__copy > p { font-size:15px; }
  #kpnh-root .kpnh-platform__actions { align-items:stretch; }
  #kpnh-root .kpnh-platform__actions .kpnh-btn { width:100%; }
  #kpnh-root .kpnh-platform__start { grid-template-columns:1fr; }
  #kpnh-root .kpnh-platform__start li {
    min-height:0;
    grid-template-columns:44px minmax(0,1fr);
  }
  #kpnh-root .kpnh-platform__heading,
  #kpnh-root .kpnh-mission { grid-template-columns:1fr; gap:18px; }
  #kpnh-root .kpnh-platform__heading > p { padding-left:14px; }
  #kpnh-root .kpnh-mission { padding:22px 18px; }
  #kpnh-root .kpnh-mission__audience {
    padding:18px 0 0;
    border-top:1px solid #ccdaf0;
    border-left:0;
  }
  #kpnh-root .kpnh-capabilities { grid-template-columns:1fr; }
  #kpnh-root .kpnh-capabilities > a,
  #kpnh-root .kpnh-capabilities > a:nth-child(4),
  #kpnh-root .kpnh-capabilities > a:nth-child(5),
  #kpnh-root .kpnh-capabilities > a:nth-child(n+6) { min-height:112px; }
}

/* Refined latest-procedures rail with fully readable content. */
#kpnh-root .kpnh-proc-rail {
  padding:20px;
  border-color:#cbdcf2;
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 16px 38px rgba(29,71,137,.1);
}
#kpnh-root .kpnh-proc-rail__head {
  min-height:62px;
  padding:0 0 15px;
  align-items:flex-start;
}
#kpnh-root .kpnh-proc-rail__head > div b {
  position:relative;
  padding-left:12px;
  font-size:17px;
  font-weight:800;
  line-height:1.3;
}
#kpnh-root .kpnh-proc-rail__head > div b::before {
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:4px;
  border-radius:99px;
  background:#1768e8;
}
#kpnh-root .kpnh-proc-rail__head > div small {
  margin:5px 0 0 12px;
  font-size:11.5px;
  line-height:1.4;
}
#kpnh-root .kpnh-proc-rail__head > span {
  min-height:34px;
  padding:6px 9px;
  display:inline-flex;
  align-items:baseline;
  gap:3px;
  border:1px solid #d7e4f5;
  border-radius:10px;
  background:#f5f9ff;
  font-size:11px;
}
#kpnh-root .kpnh-proc-rail__head > span b {
  font-size:18px;
  line-height:1;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card {
  padding:16px 0;
}
#kpnh-root .kpnh-proc-card__label {
  padding:6px 9px;
  border-radius:8px;
  font-size:10.5px;
}
#kpnh-root .kpnh-proc-card__date { font-size:10.5px; }
#kpnh-root .kpnh-proc-card__title {
  margin-top:13px;
  padding-left:12px;
  display:block;
  overflow:visible;
  border-left:3px solid #d7e6fb;
  color:#14253f;
  font-size:17px;
  font-weight:770;
  line-height:1.43;
  letter-spacing:-.012em;
  white-space:normal;
  text-overflow:clip;
  -webkit-line-clamp:unset;
}
#kpnh-root .kpnh-proc-card__identity {
  margin-top:11px;
  align-items:center;
  gap:10px;
}
#kpnh-root .kpnh-proc-card__identity span {
  align-items:center;
  font-size:11.5px;
  line-height:1.4;
}
#kpnh-root .kpnh-proc-card__identity b,
#kpnh-root .kpnh-proc-card__customer span,
#kpnh-root .kpnh-proc-card__location span {
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#kpnh-root .kpnh-proc-card__identity svg {
  width:20px;
  height:20px;
  padding:4px;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget {
  min-height:70px;
  margin-top:12px;
  padding:13px 15px;
  border-radius:12px;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget small { font-size:11px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__budget strong {
  overflow:visible;
  font-size:24px;
  line-height:1.15;
  white-space:normal;
  text-overflow:clip;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats { margin-top:9px; gap:7px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats span {
  min-height:68px;
  padding:8px 6px;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats svg {
  width:19px;
  height:19px;
  margin-bottom:1px;
}
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats small { font-size:10.5px; }
#kpnh-root .kpnh-proc-rail .kpnh-proc-card__stats b { font-size:15px; }
#kpnh-root .kpnh-proc-card__cta-row {
  min-height:70px;
  margin-top:9px;
  padding:7px;
}
#kpnh-root .kpnh-proc-card__deadline svg {
  width:20px;
  height:20px;
  flex-basis:20px;
}
#kpnh-root .kpnh-proc-card__deadline span { font-size:10.5px; }
#kpnh-root .kpnh-proc-card__deadline b { font-size:14px; }
#kpnh-root .kpnh-proc-card__cta-row .kpnh-proc-card__action {
  min-height:54px;
  padding:0 14px;
  font-size:13px;
  line-height:1.3;
}
#kpnh-root .kpnh-proc-rail__controls {
  min-height:38px;
  padding-top:12px;
}

@media (max-width:480px) {
  #kpnh-root .kpnh-proc-rail { padding:16px; }
  #kpnh-root .kpnh-proc-card__title { font-size:16.5px; }
  #kpnh-root .kpnh-proc-card__identity {
    align-items:stretch;
    flex-direction:column;
  }
  #kpnh-root .kpnh-proc-card__identity span + span {
    padding:0;
    border-left:0;
  }
}

/* Fully visible footer contacts. */
#kpnh-root .kpnh-footer__grid {
  grid-template-columns:minmax(240px,1.25fr) minmax(115px,.65fr) minmax(180px,.9fr) minmax(135px,.68fr) minmax(260px,1.12fr);
  gap:30px;
}
#kpnh-root .kpnh-footer__email > span {
  flex:1 1 auto;
  min-width:0;
}
#kpnh-root .kpnh-footer__email > span a {
  overflow:visible;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
  text-overflow:clip;
}
@media (max-width:1180px) {
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1.2fr repeat(2,1fr); }
}
@media (max-width:700px) {
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:430px) {
  #kpnh-root .kpnh-footer__grid { grid-template-columns:1fr; }
  #kpnh-root .kpnh-footer__email > span a {
    font-size:12.5px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* A little breathing room above the service header. */
#kpnh-root .kpnh-topbar {
  height:46px;
  min-height:46px;
  padding-top:8px;
  box-sizing:border-box;
}
#kpnh-root .kpnh-topbar__inner {
  height:38px;
  min-height:38px;
}
@media (max-width:640px) {
  #kpnh-root .kpnh-topbar {
    height:44px;
    min-height:44px;
    padding-top:6px;
  }
}

/* Yandex site quality badge beside the copyright. */
#kpnh-root .kpnh-footer__copyright {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
#kpnh-root .kpnh-footer__yaiks {
  width:88px;
  height:31px;
  flex:0 0 88px;
  display:block;
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(15,31,55,.1);
  transition:transform .18s ease,box-shadow .18s ease;
}
#kpnh-root .kpnh-footer__yaiks:hover {
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(15,31,55,.16);
}
#kpnh-root .kpnh-footer__yaiks img {
  width:88px;
  height:31px;
  display:block;
  border-radius:8px;
}
@media (max-width:1180px) {
  #kpnh-root .kpnh-footer__copyright {
    justify-content:center;
    flex-wrap:wrap;
  }
}

/* Light analytics card. */
#kpnh-root .kpnh-proc-analytics {
  border-color:#cbdcf2;
  background:radial-gradient(circle at 84% 8%,rgba(74,144,226,.12),transparent 31%),linear-gradient(145deg,#ffffff,#f6faff 58%,#edf5ff);
  box-shadow:0 18px 42px rgba(29,71,137,.13);
}
#kpnh-root .kpnh-proc-analytics__head > div:first-child small { color:#1768e8; }
#kpnh-root .kpnh-proc-analytics__head > div:first-child span,
#kpnh-root .kpnh-proc-analytics__total strong,
#kpnh-root .kpnh-proc-analytics__summary div strong { color:#14253f; }
#kpnh-root .kpnh-proc-analytics__total small,
#kpnh-root .kpnh-proc-analytics__summary div small { color:#718096; }
#kpnh-root .kpnh-proc-analytics__summary {
  border-color:#d2e1f4;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 20px rgba(29,71,137,.07);
}
#kpnh-root .kpnh-proc-analytics__summary > span { background:#e8f1ff; color:#347fe9; }
#kpnh-root .kpnh-proc-analytics__summary > b { border-left-color:#d6e2f1; }
#kpnh-root .kpnh-proc-analytics__summary > b small { color:#4f8967; }
#kpnh-root .kpnh-proc-native-chart__legend { color:#60738d; }
#kpnh-root .kpnh-proc-native-chart__plot {
  border-bottom-color:#b9cbe2;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#dbe6f3 25%);
}
#kpnh-root .kpnh-proc-native-chart__month small { color:#718096; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow { border-top-color:#cfdeef; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow span { color:#344b69; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow span i { background:#e4edf8; color:#27415f; }
#kpnh-root .kpnh-proc-analytics .kpnh-proc-flow u { background:#b9cbe2; }