/* Kalitek AI Knowledge Hub Pro · isolated styles; no theme/global WP changes. */
:root{color-scheme:light;--bg:#f5f8fb;--paper:#fff;--ink:#102435;--sub:#566b79;--line:#dae4eb;--navy:#0d2638;--blue:#085e70;--teal:#0d7f89;--mint:#dff1f1;--focus:#ce8c28;--shadow:0 14px 34px rgba(17,42,59,.045)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;margin:0;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip{position:absolute;top:-100px;left:16px;background:var(--paper);padding:9px 14px;border-radius:8px;z-index:99}.skip:focus{top:12px}
.topbar{border-bottom:1px solid var(--line);background:var(--paper)}.top-inner{width:min(1180px,calc(100% - 42px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-size:19px;font-weight:840;letter-spacing:.03em;white-space:nowrap;line-height:1.1}.brand small{display:block;color:var(--sub);font-size:10px;letter-spacing:.17em;text-transform:uppercase;margin-top:4px;font-weight:670}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:white;background:linear-gradient(145deg,#084453,#12939c);font-size:23px;font-weight:800}
.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{font-size:13px;font-weight:650;text-decoration:none;color:var(--sub)}.topbar nav a:hover{color:var(--teal)}.theme-button{height:38px;width:38px;border-radius:10px;cursor:pointer;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-size:22px;line-height:1}
.shell{max-width:1180px;padding:0 21px;margin:auto}.preview{background:#fff0d7;color:#7b4006;border:1px solid #ecc687;font-weight:750;border-radius:10px;padding:11px 18px;font-size:13px;margin:22px 0 0}
.hero{position:relative;overflow:hidden;margin-top:28px;padding:72px min(6vw,72px) 70px;border-radius:21px;color:white;background:radial-gradient(circle at 84% 10%,#174d5d,transparent 52%),linear-gradient(125deg,#0d2537,#102f44 65%,#0a4452)}
.hero>*:not(.hero-glow){position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:#b4e1e6;letter-spacing:.17em;font-size:10px;font-weight:800}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#74d6cf}.divider-dot{color:#5a8290}.hero h1{font-size:clamp(2.15rem,5vw,4.05rem);line-height:1.13;letter-spacing:-.04em;max-width:780px;margin:29px 0 20px;font-weight:830}.hero h1 em{font-style:normal;color:#7fd6d8}.hero p{max-width:670px;color:#d0e2e8;line-height:1.8;font-size:16px}.hero-glow{position:absolute;width:490px;height:490px;border:1px solid rgba(153,222,232,.19);border-radius:50%;right:-135px;top:-220px;pointer-events:none}.hero-glow:after{content:"";position:absolute;inset:42px;border:1px solid rgba(153,222,232,.11);border-radius:50%}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{min-height:44px;display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:10px;padding:11px 18px;text-decoration:none;font-size:13px;font-weight:780;transition:transform .16s,background .16s,border-color .16s}.button:hover{transform:translateY(-2px)}.primary{background:#5bc1c5;color:#082c38}.primary:hover{background:#8be1e4}.secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.25)}.ghost{color:#bfdadf;border:1px solid rgba(255,255,255,.2)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:21px}.stat{padding:20px 23px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat b{display:block;font-size:30px;line-height:1.3;letter-spacing:-.03em;letter-spacing:-.045em;font-weight:800}.stat span{font-size:12px;color:var(--sub);font-weight:620}
.subjects{padding-top:66px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.overline{font-size:11px!important;letter-spacing:.18em;color:var(--teal)!important;font-weight:850!important;margin:0 0 8px!important}.section-head h2{font-size:clamp(26px,3.5vw,36px);line-height:1.23;letter-spacing:-.035em;margin:0 0 12px;font-weight:800}.section-head p{color:var(--sub);font-size:14px;line-height:1.75;margin:0;max-width:680px}.search input{width:235px;max-width:100%;background:var(--paper);padding:11px 15px;border:1px solid var(--line);color:var(--ink);border-radius:9px;outline-offset:3px;font-size:13px}.search input:focus{border-color:var(--teal)}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:29px}.topic-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:15px;padding:22px 20px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}.topic-card:hover{transform:translateY(-3px);border-color:#72c2c6;box-shadow:var(--shadow)}.topic-card[hidden]{display:none}.tile-symbol{display:grid;place-items:center;background:var(--mint);color:var(--teal);font-size:22px;flex-shrink:0;border-radius:12px;width:47px;height:47px}.tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-body strong{font-size:14px;font-weight:790;overflow-wrap:anywhere}.tile-body small{color:var(--sub);font-size:11px}.tile-count{white-space:nowrap;font-size:11px;color:var(--sub);margin-left:auto}.arrow{color:var(--teal);font-size:18px}.empty{color:var(--sub);padding:20px}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:65px}.panel{background:var(--paper);border:1px solid var(--line);padding:32px;border-radius:16px;min-width:0}.panel h3{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:5px 0 13px}.panel>p{font-size:14px;color:var(--sub);margin:0 0 22px}.link-list{border-top:1px solid var(--line)}.link-list a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 3px;text-decoration:none;font-size:13px}.link-list a span{font-weight:740}.link-list a b{font-weight:570;color:var(--teal)}.link-list a:hover b{text-decoration:underline}.panel.accent{background:linear-gradient(155deg,#0e3043,#0e4251);color:#f0f8fa;border-color:#1b5361}.panel.accent .overline{color:#8bd9d5!important}.panel.accent>p{color:#cfdfdf}.policy{margin-top:20px;border-top:1px solid #39616b;padding-top:20px}.policy strong{font-size:13px}.policy p{font-size:13px;color:#cadbdf;line-height:1.75}
footer{border-top:1px solid var(--line);margin:60px 0 0;min-height:98px;padding:30px 0 42px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;color:var(--sub);font-size:12px}footer a{color:var(--teal);text-decoration:none}
.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.hero{padding:54px 34px}.section-head{align-items:start;flex-direction:column}.search{width:100%}.search input{width:100%}}
@media(max-width:580px){.top-inner{width:calc(100% - 30px);min-height:72px}.brand{font-size:17px}.topbar nav{gap:10px}.topbar nav a:first-child{display:none}.topbar nav a{font-size:12px}.shell{padding:0 15px}.hero{border-radius:15px;padding:42px 24px 45px;margin-top:16px}.hero h1{font-size:clamp(31px,9vw,44px)}.hero p{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.1em}.actions{flex-direction:column}.actions .button{width:100%}.stat{padding:16px}.stat b{font-size:26px}.subjects,.bottom-grid{padding-top:44px}.card-grid{grid-template-columns:1fr}.topic-card{padding:17px 15px;gap:10px}.tile-symbol{width:42px;height:42px}.tile-count{font-size:10px}.panel{padding:23px}footer{margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card,.button{transition:none}.topic-card:hover,.button:hover{transform:none}}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){color-scheme:dark;--bg:#0b1520;--paper:#132333;--ink:#ecf5f7;--sub:#afc4ce;--line:#294456;--navy:#e9f7f9;--blue:#6bdae1;--teal:#85d5d5;--mint:#193d48;--shadow:0 14px 34px rgba(0,0,0,.13)}}
html[data-theme="dark"]{color-scheme:dark;--bg:#0b1520;--paper:#132333;--ink:#ecf5f7;--sub:#afc4ce;--line:#294456;--navy:#e9f7f9;--blue:#6bdae1;--teal:#85d5d5;--mint:#193d48;--shadow:0 14px 34px rgba(0,0,0,.13)}
/* Corporate Kalitek visual system - Pro v1.2.1. Scoped to isolated OKF landing. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('https://www.kalitekdanismanlik.com/wp-content/uploads/fonts/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNi0Dp6_cOyA.woff2') format('woff2')}
:root{--bg:#f5f7f6;--paper:#ffffff;--ink:#17262d;--sub:#607278;--line:#dfe7e6;--navy:#17262d;--blue:#a8262d;--teal:#a8262d;--mint:#f9ecec;--focus:#bd343b;--shadow:0 16px 44px rgba(24,39,46,.06)}
body{font-family:'Manrope','Segoe UI',sans-serif;letter-spacing:-.009em}
.topbar{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 5px 22px rgba(25,37,42,.026)}
.top-inner{max-width:1300px;min-height:94px;gap:28px}
.brand{gap:15px;min-width:0;line-height:1.16;color:var(--ink);letter-spacing:0;flex-shrink:0}
.brand-logo{display:block;position:relative;width:175px;height:47px;flex:0 0 175px}
.brand-logo img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:left center}
.brand-logo-dark{opacity:0;visibility:hidden}
.brand-divider{display:block;width:1px;height:37px;flex:0 0 1px;background:var(--line)}
.brand-label{display:flex;flex-direction:column;gap:4px;white-space:nowrap;line-height:1.24}
.brand-label strong{font-size:13px;font-weight:850;letter-spacing:-.005em;color:var(--ink)}
.brand-label small{display:block;font-size:9px;font-weight:750;line-height:1.25;letter-spacing:.105em;text-transform:uppercase;color:var(--teal);margin:0}
.topbar nav{gap:11px}
.topbar nav a{font-size:12px;font-weight:750;min-height:42px;padding:11px 13px;border-radius:9px;display:inline-flex;align-items:center;transition:color .15s ease,background .15s ease}
.topbar nav a:hover{background:var(--mint);color:var(--teal)}
.topbar nav a:last-of-type{border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.topbar nav a:last-of-type:hover{border-color:#d7a4a6;color:var(--teal)}
.theme-button{width:42px;height:42px;border-radius:10px;background:var(--bg);color:var(--ink);font-size:21px;transition:border-color .15s ease,background .15s ease}
.theme-button:hover{border-color:#d7a4a6;background:var(--mint)}
.shell{max-width:1220px}
.hero{margin-top:31px;padding-top:78px;padding-bottom:78px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 90% 6%,rgba(169,42,49,.25),transparent 49%),linear-gradient(122deg,#14232a 0%,#1b3139 62%,#182b33 100%);box-shadow:0 20px 54px rgba(23,38,45,.10)}
.hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#be3239,#88232a)}
.eyebrow{letter-spacing:.15em;color:#f6c6c8;font-weight:850}
.eyebrow .dot{background:#e47b80;box-shadow:0 0 0 4px rgba(190,50,57,.16)}
.divider-dot{color:#956468}
.hero h1{max-width:820px;letter-spacing:-.052em;font-weight:850}
.hero h1 em{color:#f0a8ac}
.hero p{max-width:710px;color:#d2dfe2;line-height:1.78}
.hero-glow{border-color:rgba(231,153,157,.17)}
.hero-glow:after{border-color:rgba(231,153,157,.09)}
.button{border-radius:10px}
.button.primary{background:#b02a32;border-color:#b02a32;color:#fff;box-shadow:0 7px 17px rgba(114,18,24,.19)}
.button.primary:hover{background:#ca383f;border-color:#ca383f}
.button.secondary{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.27);color:#fff}
.button.ghost{color:#f1dfe0;border:1px solid rgba(255,255,255,.23)}
.stats{gap:12px;margin-top:18px}
.stat{border-radius:12px;box-shadow:none;border:1px solid var(--line);padding:19px 21px}
.stat:first-child{border-top:3px solid #b12a31;padding-top:17px}
.stat b{font-size:29px;font-weight:850;color:var(--ink)}
.stat span{font-size:11px;line-height:1.5}
.subjects{padding-top:70px}
.overline{color:var(--teal)!important;letter-spacing:.14em}
.section-head h2{letter-spacing:-.04em;color:var(--ink)}
.search input{border-radius:11px;padding:12px 16px}
.card-grid{gap:13px}
.topic-card{border-radius:13px;padding:21px 20px;position:relative;overflow:hidden}
.topic-card:hover{border-color:#d59fa2;box-shadow:0 16px 38px rgba(35,26,29,.065)}
.topic-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#b02a32;opacity:0;transition:opacity .16s ease}
.topic-card:hover::before{opacity:1}
.tile-symbol{color:var(--teal);background:var(--mint);border-radius:11px}
.tile-body strong{font-weight:810}
.arrow{color:var(--teal)}
.bottom-grid{padding-top:68px}
.panel{border-radius:15px;padding:32px 34px}
.panel.accent{background:linear-gradient(135deg,#17272f,#22383f);border-color:#31494f;position:relative;overflow:hidden}
.panel.accent::before{content:"";height:4px;left:0;right:0;top:0;position:absolute;background:linear-gradient(90deg,#b02a32,rgba(176,42,50,0))}
.panel.accent .overline{color:#f3b6b9!important}
.panel.accent>p,.policy p{color:#d6e1e2}
.link-list a:hover b{color:var(--teal)}
footer{border-color:var(--line)}
footer a{font-weight:750}
html[data-theme="dark"]{--bg:#0f181c;--paper:#17262c;--ink:#f2f5f5;--sub:#b3c1c4;--line:#34484d;--navy:#f2f5f5;--blue:#f0a8ac;--teal:#ef9da1;--mint:#3d2b30;--focus:#ed9297;--shadow:0 17px 48px rgba(0,0,0,.16)}
html[data-theme="dark"] .brand-logo-light{opacity:0;visibility:hidden}
html[data-theme="dark"] .brand-logo-dark{opacity:1;visibility:visible}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--bg:#0f181c;--paper:#17262c;--ink:#f2f5f5;--sub:#b3c1c4;--line:#34484d;--navy:#f2f5f5;--blue:#f0a8ac;--teal:#ef9da1;--mint:#3d2b30;--focus:#ed9297;--shadow:0 17px 48px rgba(0,0,0,.16)}
html:not([data-theme="light"]) .brand-logo-light{opacity:0;visibility:hidden}
html:not([data-theme="light"]) .brand-logo-dark{opacity:1;visibility:visible}}
@media(max-width:820px){.top-inner{gap:18px;min-height:82px}.brand-logo{width:154px;flex-basis:154px;height:42px}.brand{gap:11px}.brand-label strong{font-size:11px}.brand-label small{font-size:8px}.topbar nav{gap:6px}.topbar nav a{font-size:11px;padding:9px 9px}.subjects{padding-top:55px}.hero{padding-top:62px;padding-bottom:62px}}
@media(max-width:620px){.top-inner{width:calc(100% - 32px);min-height:78px;gap:12px}.topbar nav a:first-child{display:none}.brand-logo{width:151px;flex-basis:151px;height:41px}.brand-divider{height:29px}.brand-label{gap:2px}.brand-label small{font-size:7px}.topbar nav a:last-of-type{min-height:39px}.theme-button{width:39px;height:39px}.hero{padding:46px 25px 52px;margin-top:17px;border-radius:16px}.stat{padding:16px}.stat:first-child{padding-top:14px}.panel{padding:25px}}
@media(max-width:450px){.brand-divider,.brand-label{display:none}.brand-logo{width:158px;height:42px;flex-basis:158px}.topbar nav{gap:7px}.topbar nav a:last-of-type{font-size:11px;padding:8px 9px}.hero h1{font-size:clamp(30px,8.5vw,41px)}.hero p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.brand-logo img,.topbar nav a,.theme-button,.topic-card::before{transition:none}}
