.kkb-page { --kkb-blue:#0f5f8f; --kkb-dark:#102535; --kkb-soft:#eef8fc; --kkb-border:#dbeaf1; color:#183243; }
.kkb-page * { box-sizing:border-box; }
.kkb-hero { border-radius:28px; padding:54px 42px; margin:24px 0 32px; background:linear-gradient(135deg,#e9f8ff 0%,#ffffff 48%,#f3fbff 100%); border:1px solid var(--kkb-border); box-shadow:0 18px 50px rgba(16,37,53,.08); position:relative; overflow:hidden; }
.kkb-hero:after { content:""; position:absolute; right:-90px; top:-90px; width:260px; height:260px; border-radius:999px; background:rgba(15,95,143,.12); }
.kkb-eyebrow { display:inline-block; margin-bottom:14px; padding:7px 12px; border-radius:999px; background:#fff; color:var(--kkb-blue); font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.kkb-hero h1 { max-width:920px; font-size:clamp(32px,5vw,58px); line-height:1.05; margin:0 0 18px; color:var(--kkb-dark); }
.kkb-hero p { max-width:850px; font-size:19px; line-height:1.65; margin:0; color:#345064; }
.kkb-section { padding:30px 0; border-bottom:1px solid rgba(16,37,53,.08); }
.kkb-section h2 { color:var(--kkb-dark); font-size:30px; margin:0 0 18px; }
.kkb-section p { font-size:17px; line-height:1.85; margin:0 0 18px; color:#2c4658; }
.kkb-product-section { margin:38px 0; }
.kkb-section-title { text-align:center; max-width:840px; margin:0 auto 28px; }
.kkb-section-title span { display:inline-flex; color:#0f5f8f; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }
.kkb-section-title h2 { margin:10px 0 10px; color:#102535; font-size:34px; }
.kkb-section-title p { color:#4a6172; font-size:17px; }
.kkb-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.kkb-product-card { background:#fff; border:1px solid #e2edf3; border-radius:22px; overflow:hidden; box-shadow:0 14px 36px rgba(16,37,53,.07); transition:transform .2s ease, box-shadow .2s ease; }
.kkb-product-card:hover { transform:translateY(-4px); box-shadow:0 22px 48px rgba(16,37,53,.12); }
.kkb-product-image { height:150px; display:flex; align-items:center; justify-content:center; text-decoration:none; background:linear-gradient(135deg,#eaf8ff,#f8fdff); }
.kkb-product-image span { width:72px; height:72px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:#fff; color:#0f5f8f; font-size:38px; box-shadow:0 10px 26px rgba(15,95,143,.12); }
.kkb-product-body { padding:20px; }
.kkb-product-body h3 { font-size:18px; line-height:1.3; min-height:46px; margin:0 0 10px; color:#102535; }
.kkb-product-body h3 a { color:inherit; text-decoration:none; }
.kkb-product-body p { min-height:68px; margin:0 0 12px; color:#536b7c; line-height:1.55; font-size:14px; }
.kkb-price { font-weight:800; color:#0f5f8f; font-size:19px; margin:8px 0 14px; }
.kkb-button { display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; border-radius:999px; background:#0f5f8f; color:#fff !important; text-decoration:none; font-weight:700; font-size:14px; }
.kkb-articles { margin:40px 0; }
.kkb-articles h2 { text-align:center; color:#102535; margin-bottom:22px; }
.kkb-article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.kkb-article-card { border:1px solid #e2edf3; border-radius:20px; padding:22px; background:#fff; box-shadow:0 12px 32px rgba(16,37,53,.06); }
.kkb-article-card h3 { margin:0 0 12px; font-size:20px; color:#102535; }
.kkb-article-card a { color:#0f5f8f; font-weight:700; text-decoration:none; }
.kkb-article-card p { color:#4a6172; line-height:1.65; }
@media (max-width:1024px) { .kkb-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:768px) { .kkb-hero { padding:34px 22px; border-radius:22px; } .kkb-product-grid, .kkb-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .kkb-product-grid, .kkb-article-grid { grid-template-columns:1fr; } .kkb-section h2 { font-size:25px; } }