/*
Theme Name: KOMPSERVIS Astra Child
Theme URI: https://kompservis.com/
Description: Lekki motyw potomny Astra przygotowany dla KOMPSERVIS Białystok.
Author: KOMPSERVIS
Template: astra
Version: 1.5B
Text Domain: kompservis
*/

:root{
  --ks-bg:#08111f;
  --ks-bg-2:#0d1b2e;
  --ks-text:#172033;
  --ks-muted:#667085;
  --ks-line:#e7ebf0;
  --ks-white:#fff;
  --ks-accent:#ff7900;
  --ks-accent-2:#ff9a3d;
  --ks-blue:#1686d9;
  --ks-soft:#f5f8fb;
  --ks-radius:22px;
  --ks-shadow:0 18px 50px rgba(8,17,31,.10);
  --ks-max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;color:var(--ks-text);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.ks-wrap{width:min(var(--ks-max),calc(100% - 40px));margin-inline:auto}
.ks-section{padding:92px 0}
.ks-section--soft{background:var(--ks-soft)}
.ks-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--ks-accent);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ks-eyebrow:before{content:"";width:28px;height:2px;background:currentColor}
.ks-title{margin:0 0 20px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.035em;color:#111827}
.ks-lead{font-size:1.12rem;color:var(--ks-muted);max-width:760px;margin:0}
.ks-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(231,235,240,.9);backdrop-filter:blur(12px)}
.ks-header__inner{height:82px;display:flex;align-items:center;gap:28px}
.ks-logo{display:flex;align-items:center;flex:0 0 auto}
.ks-logo img{width:225px;max-height:58px;object-fit:contain}
.ks-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.92rem;font-weight:700;color:#344054}
.ks-nav a{padding:29px 0;position:relative}
.ks-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--ks-accent);transition:.2s ease}
.ks-nav a:hover:after{right:0}
.ks-header__cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:var(--ks-accent);color:#fff!important;font-weight:800;white-space:nowrap;box-shadow:0 8px 20px rgba(255,121,0,.22)}
.ks-header__cta:hover{background:#e96f00}
.ks-menu-btn{display:none;margin-left:auto;border:0;background:transparent;width:46px;height:46px;border-radius:10px;align-items:center;justify-content:center;cursor:pointer}
.ks-menu-btn span,.ks-menu-btn span:before,.ks-menu-btn span:after{display:block;width:24px;height:2px;background:#111827;position:relative;transition:.2s}
.ks-menu-btn span:before,.ks-menu-btn span:after{content:"";position:absolute;left:0}.ks-menu-btn span:before{top:-7px}.ks-menu-btn span:after{top:7px}
.ks-menu-btn[aria-expanded="true"] span{background:transparent}.ks-menu-btn[aria-expanded="true"] span:before{top:0;transform:rotate(45deg)}.ks-menu-btn[aria-expanded="true"] span:after{top:0;transform:rotate(-45deg)}

.ks-hero{background:radial-gradient(circle at 82% 20%,rgba(22,134,217,.22),transparent 28%),linear-gradient(135deg,var(--ks-bg) 0%,var(--ks-bg-2) 100%);color:#fff;overflow:hidden}
.ks-hero__grid{min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:62px;padding:82px 0}
.ks-hero__eyebrow{color:#ffb064;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;margin-bottom:18px}
.ks-hero h1{color:#fff;margin:0 0 24px;font-size:clamp(2.55rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.05em;max-width:760px}
.ks-hero h1 span{color:var(--ks-accent-2)}
.ks-hero__lead{font-size:clamp(1.05rem,1.8vw,1.25rem);color:#c8d5e5;max-width:690px;margin:0 0 32px}
.ks-actions{display:flex;gap:14px;flex-wrap:wrap}
.ks-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:12px;font-weight:800;transition:.2s ease;border:1px solid transparent}
.ks-btn--primary{background:var(--ks-accent);color:#fff;box-shadow:0 12px 28px rgba(255,121,0,.25)}
.ks-btn--primary:hover{transform:translateY(-2px);background:#e96f00}
.ks-btn--ghost{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06)}
.ks-btn--ghost:hover{background:rgba(255,255,255,.12)}
.ks-hero__proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px;color:#d2dcea;font-size:.9rem}
.ks-proof{display:flex;gap:8px;align-items:center}.ks-proof b{color:#fff}.ks-dot{width:8px;height:8px;border-radius:50%;background:var(--ks-accent)}
.ks-hero__media{position:relative}
.ks-hero__media:before{content:"";position:absolute;inset:-18px 34px 34px -18px;border:1px solid rgba(255,255,255,.12);border-radius:30px}
.ks-hero__media img{position:relative;width:100%;aspect-ratio:1.12/1;object-fit:cover;border-radius:26px;box-shadow:0 35px 75px rgba(0,0,0,.34)}
.ks-float-card{position:absolute;left:-28px;bottom:24px;z-index:2;background:#fff;color:#172033;padding:16px 19px;border-radius:16px;box-shadow:var(--ks-shadow);font-size:.92rem;max-width:210px}
.ks-float-card strong{display:block;color:var(--ks-accent);font-size:1.12rem}

.ks-services-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.ks-services-head .ks-lead{max-width:520px}
.ks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ks-card{background:#fff;border:1px solid var(--ks-line);border-radius:18px;padding:28px;transition:.2s ease;min-height:230px}
.ks-card:hover{transform:translateY(-5px);box-shadow:var(--ks-shadow);border-color:transparent}
.ks-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff4e9;color:var(--ks-accent);margin-bottom:22px}
.ks-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8}
.ks-card h3{font-size:1.13rem;margin:0 0 10px;color:#111827}.ks-card p{margin:0;color:var(--ks-muted);font-size:.94rem}
.ks-card--tv{border-color:#ffd2ab;background:linear-gradient(145deg,#fff 0%,#fff8f2 100%)}
.ks-card--tv .ks-icon{background:var(--ks-accent);color:#fff}

.ks-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ks-media-card{position:relative}.ks-media-card img{border-radius:24px;box-shadow:var(--ks-shadow);width:100%;min-height:480px;object-fit:cover}
.ks-media-badge{position:absolute;right:-18px;bottom:24px;padding:18px 22px;background:var(--ks-bg);color:#fff;border-radius:16px;box-shadow:var(--ks-shadow)}.ks-media-badge strong{font-size:1.5rem;color:var(--ks-accent-2);display:block}.ks-media-badge span{font-size:.87rem;color:#d4deea}
.ks-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:28px 0 32px;padding:0;list-style:none}.ks-checks li{position:relative;padding-left:28px;color:#344054}.ks-checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--ks-accent);font-weight:900}

.ks-tv{background:linear-gradient(135deg,#fff6ed 0%,#fff 62%)}
.ks-tv__box{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;border:1px solid #ffd9b6;border-radius:28px;padding:54px;background:#fff;box-shadow:0 20px 60px rgba(255,121,0,.08)}
.ks-tv__visual{background:var(--ks-bg);border-radius:24px;padding:28px;min-height:390px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ks-tv__visual:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(22,134,217,.18);filter:blur(2px);right:-70px;top:-70px}
.ks-tv-screen{width:90%;aspect-ratio:16/10;border:9px solid #24344a;border-bottom-width:18px;background:linear-gradient(135deg,#1686d9,#5db8ef);border-radius:10px;box-shadow:0 24px 55px rgba(0,0,0,.35);position:relative}.ks-tv-screen:after{content:"DIAGNOZA • NAPRAWA • TEST";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(.8rem,2vw,1.2rem);font-weight:900;letter-spacing:.1em;text-align:center}
.ks-tv__list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:22px;color:#475467}.ks-tv__list span:before{content:"•";color:var(--ks-accent);font-weight:900;margin-right:9px}

.ks-business{background:var(--ks-bg);color:#fff}.ks-business .ks-title{color:#fff}.ks-business .ks-lead{color:#b9c7d8}.ks-business-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.ks-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ks-feature{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;background:rgba(255,255,255,.04)}.ks-feature strong{display:block;margin-bottom:6px}.ks-feature span{color:#aebdd0;font-size:.9rem}

.ks-about{display:grid;grid-template-columns:1fr .96fr;gap:70px;align-items:center}.ks-about img{border-radius:24px;box-shadow:var(--ks-shadow)}
.ks-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.ks-stat{background:var(--ks-soft);padding:18px;border-radius:14px}.ks-stat strong{display:block;color:#111827;font-size:1.25rem}.ks-stat span{font-size:.82rem;color:var(--ks-muted)}

.ks-faq{max-width:900px;margin:40px auto 0}.ks-faq details{border-bottom:1px solid var(--ks-line);padding:0}.ks-faq summary{list-style:none;cursor:pointer;padding:22px 6px;font-size:1.05rem;font-weight:800;color:#111827;display:flex;justify-content:space-between;gap:20px}.ks-faq summary::-webkit-details-marker{display:none}.ks-faq summary:after{content:"+";font-size:1.45rem;color:var(--ks-accent)}.ks-faq details[open] summary:after{content:"–"}.ks-faq p{margin:0;padding:0 6px 22px;color:var(--ks-muted)}

.ks-contact{padding:92px 0;background:linear-gradient(135deg,#f5f8fb 0%,#fff 100%)}
.ks-contact__box{display:grid;grid-template-columns:1fr 1fr;gap:34px;background:#fff;border:1px solid var(--ks-line);border-radius:28px;overflow:hidden;box-shadow:var(--ks-shadow)}
.ks-contact__main{padding:52px}.ks-contact__side{padding:52px;background:var(--ks-bg);color:#fff}.ks-contact__side h3{color:#fff;margin:0 0 22px;font-size:1.45rem}.ks-contact-row{display:flex;gap:14px;margin:0 0 22px}.ks-contact-row b{display:block;color:#fff}.ks-contact-row span,.ks-contact-row a{color:#c4d0df}.ks-contact-row a:hover{color:#fff}.ks-contact-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,121,0,.14);color:var(--ks-accent-2);display:grid;place-items:center;flex:0 0 auto}
.ks-contact__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ks-contact__main .ks-btn--ghost{border-color:#d6dce4;color:#344054;background:#fff}.ks-contact__main .ks-btn--ghost:hover{background:#f8fafc}

.ks-footer{background:#050b14;color:#9eacbd;padding:42px 0 26px}.ks-footer__top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}.ks-footer__logo img{width:205px;filter:brightness(0) invert(1);opacity:.92}.ks-footer__nav{display:flex;gap:20px;flex-wrap:wrap;font-size:.9rem}.ks-footer__nav a:hover{color:#fff}.ks-footer__bottom{display:flex;justify-content:space-between;gap:22px;padding-top:24px;font-size:.82rem}

@media (max-width:1020px){
  .ks-nav{display:none;position:absolute;left:20px;right:20px;top:76px;background:#fff;border:1px solid var(--ks-line);border-radius:16px;box-shadow:var(--ks-shadow);padding:12px;flex-direction:column;align-items:stretch;gap:0}.ks-nav.is-open{display:flex}.ks-nav a{padding:12px 14px}.ks-nav a:after{display:none}.ks-header__cta{margin:8px 12px 12px}.ks-menu-btn{display:flex}
  .ks-hero__grid,.ks-split,.ks-tv__box,.ks-business-grid,.ks-about{grid-template-columns:1fr}.ks-hero__grid{padding:70px 0;gap:48px}.ks-hero__media{max-width:720px}.ks-grid{grid-template-columns:repeat(2,1fr)}.ks-services-head{display:block}.ks-services-head .ks-lead{margin-top:16px}.ks-feature-list{grid-template-columns:1fr 1fr}.ks-contact__box{grid-template-columns:1fr}.ks-contact__side{order:-1}
}
@media (max-width:680px){
  .ks-wrap{width:min(100% - 28px,var(--ks-max))}.ks-section{padding:68px 0}.ks-header__inner{height:72px}.ks-logo img{width:185px}.ks-nav{top:68px}.ks-hero__grid{min-height:auto;padding:62px 0}.ks-hero h1{font-size:clamp(2.25rem,11vw,3.2rem)}.ks-hero__media img{aspect-ratio:4/3}.ks-float-card{left:12px;bottom:12px}.ks-grid{grid-template-columns:1fr}.ks-card{min-height:0}.ks-tv__box{padding:28px 20px}.ks-tv__visual{min-height:265px}.ks-tv__list,.ks-checks,.ks-feature-list,.ks-stats{grid-template-columns:1fr}.ks-contact__main,.ks-contact__side{padding:34px 24px}.ks-footer__top,.ks-footer__bottom{flex-direction:column;align-items:flex-start}.ks-footer__nav{gap:12px 18px}.ks-media-badge{right:10px}.ks-actions .ks-btn{width:100%}
}


/* v1.1: SEO landing pages + expanded service scope */
.ks-card-link{display:inline-block;margin-top:16px;color:var(--ks-accent);font-weight:800;font-size:.88rem}
.ks-card-link:hover{text-decoration:underline}
.ks-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ks-scope{background:#fff;border:1px solid var(--ks-line);border-radius:20px;padding:30px;box-shadow:0 8px 28px rgba(8,17,31,.04)}
.ks-scope h3{margin:0 0 16px;font-size:1.2rem;color:#111827}
.ks-scope ul{padding:0;margin:0 0 20px;list-style:none;color:#475467}
.ks-scope li{padding:7px 0 7px 24px;position:relative;border-bottom:1px solid #f0f2f5}
.ks-scope li:before{content:"✓";position:absolute;left:0;color:var(--ks-accent);font-weight:900}
.ks-scope a{color:var(--ks-accent);font-weight:800}

.ks-service-hero{background:radial-gradient(circle at 85% 15%,rgba(22,134,217,.2),transparent 28%),linear-gradient(135deg,var(--ks-bg),var(--ks-bg-2));color:#fff;padding:88px 0}
.ks-service-hero__grid{display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center}
.ks-service-kicker{display:inline-flex;color:#ffb064;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.8rem;margin-bottom:16px}
.ks-service-hero h1{color:#fff;margin:0 0 24px;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.04;letter-spacing:-.045em}
.ks-service-hero p{font-size:1.15rem;color:#c8d5e5;max-width:820px;margin:0 0 30px}
.ks-service-hero__contact{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:8px;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.ks-service-hero__contact strong{color:#fff;font-size:1.25rem;margin-bottom:6px}.ks-service-hero__contact a{color:#ffb064;font-weight:800}.ks-service-hero__contact span{color:#c8d5e5;margin-top:7px}
.ks-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ks-service-card{border:1px solid var(--ks-line);border-radius:18px;padding:28px;background:#fff}
.ks-service-card h3{margin:0 0 9px;color:#111827;font-size:1.1rem}.ks-service-card p{margin:0;color:var(--ks-muted)}
.ks-problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ks-problem-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ks-problem-list li{background:#fff;border:1px solid var(--ks-line);border-radius:14px;padding:17px 17px 17px 45px;position:relative;color:#344054;font-weight:650}
.ks-problem-list li:before{content:"✓";position:absolute;left:18px;color:var(--ks-accent);font-weight:900}
.ks-process-head{text-align:center;max-width:760px;margin:0 auto 38px}.ks-process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ks-process>div{padding:30px;border:1px solid var(--ks-line);border-radius:18px}.ks-process b{color:var(--ks-accent);font-size:1.8rem}.ks-process h3{margin:8px 0}.ks-process p{margin:0;color:var(--ks-muted)}
.ks-related{background:#fff}.ks-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.ks-related-grid a{border:1px solid var(--ks-line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:.2s}.ks-related-grid a:hover{transform:translateY(-3px);box-shadow:var(--ks-shadow)}.ks-related-grid strong{color:#111827}.ks-related-grid span{color:var(--ks-accent);font-size:.88rem;font-weight:800}

@media(max-width:1020px){.ks-scope-grid{grid-template-columns:1fr}.ks-service-hero__grid,.ks-problem-grid{grid-template-columns:1fr}.ks-service-hero__contact{max-width:520px}.ks-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ks-service-hero{padding:62px 0}.ks-service-grid,.ks-problem-list,.ks-process,.ks-related-grid{grid-template-columns:1fr}.ks-service-hero h1{font-size:clamp(2.2rem,10vw,3rem)}}


/* v1.2 — dark blue visual system, social profiles and Google reviews */
:root{
  --ks-bg:#050a12;
  --ks-bg-2:#091321;
  --ks-text:#eef5ff;
  --ks-muted:#9baabd;
  --ks-line:rgba(116,150,190,.22);
  --ks-white:#fff;
  --ks-accent:#137cff;
  --ks-accent-2:#54a5ff;
  --ks-blue:#137cff;
  --ks-soft:#08111c;
  --ks-shadow:0 18px 55px rgba(0,0,0,.34);
}
body.kompservis-site{background:#050a12;color:#dbe7f5}
.ks-header{background:rgba(3,8,14,.96);border-bottom:1px solid rgba(89,132,181,.18)}
.ks-nav{color:#e5eef9}.ks-nav a:after{background:var(--ks-accent)}
.ks-header__cta{background:var(--ks-accent);box-shadow:0 8px 24px rgba(19,124,255,.25)}.ks-header__cta:hover{background:#076ce8}
.ks-menu-btn span,.ks-menu-btn span:before,.ks-menu-btn span:after{background:#fff}
.ks-hero--v12{background:radial-gradient(circle at 82% 40%,rgba(15,112,241,.20),transparent 33%),linear-gradient(135deg,#02060b 0%,#07101b 100%)}
.ks-hero--v12 .ks-hero__grid{min-height:590px;grid-template-columns:.86fr 1.14fr;gap:46px;padding:54px 0}
.ks-hero__eyebrow{color:#4da4ff}
.ks-hero h1{font-size:clamp(2.6rem,4.9vw,4.7rem);max-width:720px}.ks-hero h1 span{color:var(--ks-accent)}
.ks-hero__lead{max-width:680px;color:#c1cee0;margin-bottom:22px}
.ks-hero__list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;color:#edf5ff;font-weight:620}
.ks-hero__list li{position:relative;padding-left:30px}.ks-hero__list li:before{content:'✓';position:absolute;left:0;color:#258cff;font-weight:900;font-size:1.05rem}
.ks-btn--primary{background:var(--ks-accent);box-shadow:0 12px 28px rgba(19,124,255,.28)}.ks-btn--primary:hover{background:#076ce8}
.ks-hero__media--v12:before{display:none}.ks-hero__media--v12 img{aspect-ratio:auto;border-radius:14px;border:1px solid rgba(88,143,203,.32);box-shadow:0 30px 80px rgba(0,0,0,.55);object-fit:cover;width:100%}
.ks-quick-services{background:#07101a;border-top:1px solid rgba(100,147,197,.24);border-bottom:1px solid rgba(100,147,197,.22)}
.ks-quick-services__grid{display:grid;grid-template-columns:repeat(6,1fr)}
.ks-quick-services a{min-height:86px;display:flex;align-items:center;gap:13px;padding:17px 14px;border-right:1px solid rgba(100,147,197,.16);font-size:.78rem;font-weight:800;text-transform:uppercase;line-height:1.35;color:#e7f1fd}.ks-quick-services a:last-child{border-right:0}.ks-quick-services a:hover{background:#0b1725;color:#fff}
.ks-quick-icon{color:#2387ff;font-size:1.6rem;line-height:1;width:32px;text-align:center}
.ks-social-section{padding:58px 0 68px;background:#050a12}.ks-social-head{margin-bottom:24px}.ks-social-head .ks-title{max-width:760px}
.ks-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ks-social-card{border:1px solid rgba(92,136,185,.30);background:linear-gradient(145deg,#0a1420,#07101a);border-radius:16px;padding:24px;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;transition:.2s;box-shadow:0 12px 35px rgba(0,0,0,.16)}
.ks-social-card:hover{transform:translateY(-4px);border-color:rgba(36,135,255,.72);box-shadow:0 18px 48px rgba(0,0,0,.3)}
.ks-social-logo{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.8rem;font-weight:900}.ks-social-logo--fb{background:#1877f2}.ks-social-logo--ig{background:linear-gradient(135deg,#6a35e8,#e83292,#ff9b2f)}.ks-social-logo--g{background:#fff;color:#4285f4;font-family:Arial,sans-serif}
.ks-social-card div{display:flex;flex-direction:column;gap:3px}.ks-social-card strong{font-size:1.22rem;color:#fff}.ks-social-card span:not(.ks-social-logo){color:#b9c9dc}.ks-social-card small{color:#7f91a6;margin-top:6px;line-height:1.45}.ks-social-card>b{grid-column:2;color:#4da4ff;font-size:.9rem;margin-top:2px}.ks-google-rating{color:#ffb321!important;font-weight:900;letter-spacing:.04em}
.ks-section,.ks-section--soft,.ks-contact{background:#050a12}.ks-section--soft{background:#07101a}.ks-title,.ks-card h3,.ks-scope h3,.ks-stat strong,.ks-faq summary,.ks-service-card h3,.ks-related-grid strong{color:#fff}.ks-lead,.ks-card p,.ks-scope ul,.ks-checks li,.ks-tv__list,.ks-faq p,.ks-service-card p,.ks-process p,.ks-problem-list li{color:#9eafc3}
.ks-card,.ks-scope,.ks-service-card,.ks-problem-list li,.ks-process>div,.ks-related-grid a{background:linear-gradient(145deg,#0b1623,#07101a);border-color:rgba(100,147,197,.25)}
.ks-card:hover,.ks-related-grid a:hover{border-color:rgba(36,135,255,.64)}.ks-icon{background:rgba(19,124,255,.12);color:#3f9bff}.ks-card--tv{background:linear-gradient(145deg,#0b1623,#08182a);border-color:rgba(39,139,255,.48)}.ks-card--tv .ks-icon{background:#137cff}
.ks-card-link,.ks-scope a,.ks-related-grid span{color:#4da4ff}
.ks-tv{background:#07101a}.ks-tv__box{background:linear-gradient(145deg,#0a1420,#07101a);border-color:rgba(73,143,221,.28);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.ks-business{background:#03070d}.ks-about img{border:1px solid rgba(100,147,197,.24)}.ks-stat{background:#0a1521;border:1px solid rgba(100,147,197,.18)}.ks-stat span{color:#8ca0b7}
.ks-faq details{border-color:rgba(100,147,197,.18)}
.ks-contact__box{background:#08111c;border-color:rgba(100,147,197,.24)}.ks-contact__main{background:#08111c}.ks-contact__side{background:#03080f}.ks-contact__main .ks-btn--ghost{background:transparent;border-color:rgba(100,147,197,.38);color:#dce9f7}.ks-contact__main .ks-btn--ghost:hover{background:#0d1a29}
.ks-footer{background:#02050a}.ks-footer__logo img{filter:none;opacity:1}.ks-footer__nav a{color:#9eafc3}.ks-footer__nav a:hover{color:#fff}
.ks-service-hero{background:radial-gradient(circle at 85% 15%,rgba(19,124,255,.22),transparent 28%),linear-gradient(135deg,#03070d,#08111c)}.ks-service-kicker,.ks-service-hero__contact a{color:#55a8ff}.ks-service-hero__contact{background:rgba(12,28,45,.72);border-color:rgba(100,147,197,.25)}.ks-related{background:#050a12}
@media(max-width:1020px){.ks-quick-services__grid{grid-template-columns:repeat(3,1fr)}.ks-social-grid{grid-template-columns:1fr}.ks-hero--v12 .ks-hero__grid{grid-template-columns:1fr;padding:58px 0}.ks-hero__media--v12{max-width:760px}.ks-nav{background:#07101a;border-color:rgba(100,147,197,.3);color:#fff}}
@media(max-width:680px){.ks-quick-services__grid{grid-template-columns:repeat(2,1fr)}.ks-quick-services a{border-bottom:1px solid rgba(100,147,197,.14)}.ks-social-card{grid-template-columns:48px 1fr;padding:20px}.ks-social-logo{width:44px;height:44px}.ks-hero--v12 .ks-hero__grid{padding:46px 0}.ks-hero h1{font-size:clamp(2.35rem,11vw,3.3rem)}}


/* v1.3 — exact original KOMPSERVIS logo on dark header */
.ks-header__inner{min-height:86px;height:auto;padding-top:10px;padding-bottom:10px}
.ks-logo{
  background:#ffffff;
  border:1px solid rgba(255,255,255,.88);
  border-radius:12px;
  padding:7px 10px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.ks-logo img{width:225px;max-height:50px;object-fit:contain}
.ks-footer__logo{
  display:inline-flex;
  background:#fff;
  border-radius:10px;
  padding:7px 10px;
}
.ks-footer__logo img{filter:none!important;opacity:1!important;width:205px;max-height:46px;object-fit:contain}
@media(max-width:680px){
  .ks-logo{padding:5px 7px;border-radius:9px}
  .ks-logo img{width:185px;max-height:42px}
}

/* v1.3.2 — improved hero copy and reduced headline scale */
.ks-hero h1{font-size:clamp(2.35rem,4.15vw,4.05rem);max-width:680px;line-height:1.03}
.ks-hero__lead{font-size:clamp(1rem,1.45vw,1.18rem);max-width:640px}
@media(max-width:680px){.ks-hero h1{font-size:clamp(2.1rem,10.2vw,2.95rem)}}

/* v1.4 — final polish: header, hero proportions, spacing and mobile */
.ks-header__inner{min-height:80px;padding-top:8px;padding-bottom:8px;gap:24px}
.ks-logo{padding:5px 8px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.ks-logo img{width:210px;max-height:46px}
.ks-nav{gap:20px;font-size:.91rem}
.ks-header__cta{padding:9px 15px;min-width:126px;font-size:.92rem;box-shadow:none}
.ks-hero--v12 .ks-hero__grid{min-height:540px;grid-template-columns:.92fr 1.08fr;gap:54px;padding:48px 0 50px}
.ks-hero h1{font-size:clamp(2.25rem,3.65vw,3.65rem);max-width:650px;line-height:1.055;letter-spacing:-.035em}
.ks-hero__eyebrow{margin-bottom:15px}
.ks-hero__lead{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.65;max-width:620px;margin-bottom:20px}
.ks-hero__list{gap:9px;margin-bottom:25px;font-size:.98rem}
.ks-hero__media--v12 img{max-height:500px;object-fit:cover;object-position:center;border-radius:16px}
.ks-quick-services a{min-height:80px}
.ks-social-section{padding:52px 0 60px}
.ks-section{padding:86px 0}
.ks-section--soft{padding:86px 0}
.ks-contact{padding:84px 0}
@media(max-width:1160px){.ks-nav{gap:14px;font-size:.86rem}.ks-logo img{width:195px}.ks-header__cta{min-width:auto;padding:9px 13px}}
@media(max-width:1020px){.ks-header__inner{min-height:74px}.ks-hero--v12 .ks-hero__grid{padding:50px 0;gap:38px}.ks-hero__media--v12 img{max-height:none}.ks-nav{font-size:.94rem}}
@media(max-width:680px){.ks-logo img{width:170px;max-height:39px}.ks-header__inner{min-height:66px}.ks-hero--v12 .ks-hero__grid{padding:38px 0 44px}.ks-hero h1{font-size:clamp(2rem,9.6vw,2.7rem);line-height:1.08}.ks-hero__lead{font-size:1rem}.ks-hero__list{font-size:.93rem}.ks-section,.ks-section--soft,.ks-contact{padding:62px 0}.ks-social-section{padding:44px 0 50px}}

/* v1.4.3 — definitive mobile hero layout fix */
@media (max-width: 680px){
  .ks-hero--v12 .ks-hero__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"content" "media"!important;
    gap:28px!important;
    padding:30px 0 38px!important;
    min-height:0!important;
    align-items:start!important;
  }
  .ks-hero__content{grid-area:content;min-width:0;width:100%}
  .ks-hero__media--v12{
    grid-area:media;
    width:100%!important;
    max-width:none!important;
    margin:4px 0 0!important;
    position:relative!important;
  }
  .ks-hero__media--v12 img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    border-radius:14px!important;
  }
  .ks-hero h1{
    font-size:clamp(2rem,8.7vw,2.55rem)!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
    max-width:100%!important;
  }
  .ks-hero__lead{font-size:1rem!important;line-height:1.55!important;margin-bottom:20px!important}
  .ks-hero__list{font-size:.94rem!important;gap:10px!important;margin-bottom:24px!important}
  .ks-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .ks-actions .ks-btn{width:100%!important}
}

/* v1.5B — jasna klasyczna kolorystyka inspirowana starą stroną */
:root{
  --ks-bg:#ffffff;
  --ks-bg-2:#f4f7fa;
  --ks-text:#202a36;
  --ks-muted:#66717f;
  --ks-line:#e3e7eb;
  --ks-white:#ffffff;
  --ks-accent:#ff6800;
  --ks-accent-2:#ff8a2b;
  --ks-blue:#1686d9;
  --ks-soft:#f6f7f8;
  --ks-shadow:0 14px 38px rgba(34,48,63,.10);
}
body.kompservis-site{background:#fff;color:#303b48}
.ks-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e4e8ec;box-shadow:0 4px 15px rgba(38,51,64,.05)}
.ks-logo{background:transparent;border:0;box-shadow:none;padding:0}
.ks-nav{color:#303b48}.ks-nav a:after{background:#ff6800}
.ks-header__cta{background:#1686d9;color:#fff!important}.ks-header__cta:hover{background:#0e72ba}
.ks-menu-btn span,.ks-menu-btn span:before,.ks-menu-btn span:after{background:#263544}
.ks-hero--v12{background:radial-gradient(circle at 80% 32%,rgba(22,134,217,.12),transparent 32%),radial-gradient(circle at 14% 70%,rgba(255,104,0,.08),transparent 30%),linear-gradient(135deg,#fff,#f5f7f9);color:#202a36}
.ks-hero h1{color:#202a36}.ks-hero h1 span{color:#ff6800}.ks-hero__eyebrow{color:#1686d9}
.ks-hero__lead{color:#66717f}.ks-hero__list{color:#303b48}.ks-hero__list li:before{color:#ff6800}
.ks-btn--primary{background:#ff6800;color:#fff;box-shadow:0 10px 24px rgba(255,104,0,.18)}.ks-btn--primary:hover{background:#e75e00}
.ks-btn--ghost{border-color:#cfd7df;color:#303b48;background:#fff}.ks-btn--ghost:hover{background:#f6f7f8}
.ks-hero__media--v12 img{border-color:#d9dfe5;box-shadow:0 22px 50px rgba(33,45,58,.14)}
.ks-quick-services{background:#fff;border-color:#e2e7eb;box-shadow:0 7px 24px rgba(33,45,58,.05)}
.ks-quick-services a{color:#303b48;border-right-color:#e8ebee}.ks-quick-services a:hover{background:#fafafa;color:#202a36}.ks-quick-icon{color:#1686d9}
.ks-social-section{background:#f6f7f8}.ks-social-card{background:#fff;border-color:#e0e5e9;box-shadow:0 8px 24px rgba(33,45,58,.05)}
.ks-social-card:hover{border-color:#ffc394;box-shadow:0 14px 34px rgba(33,45,58,.09)}
.ks-social-card strong{color:#202a36}.ks-social-card span:not(.ks-social-logo){color:#606d7b}.ks-social-card small{color:#7b8793}.ks-social-card>b{color:#1686d9}
.ks-section,.ks-contact{background:#fff}.ks-section--soft{background:#f6f7f8}
.ks-title,.ks-card h3,.ks-scope h3,.ks-stat strong,.ks-faq summary,.ks-service-card h3,.ks-related-grid strong{color:#202a36}
.ks-lead,.ks-card p,.ks-scope ul,.ks-checks li,.ks-tv__list,.ks-faq p,.ks-service-card p,.ks-process p,.ks-problem-list li{color:#66717f}
.ks-card,.ks-scope,.ks-service-card,.ks-problem-list li,.ks-process>div,.ks-related-grid a{background:#fff;border-color:#e2e7eb;box-shadow:0 7px 22px rgba(33,45,58,.035)}
.ks-card:hover,.ks-related-grid a:hover{border-color:#ffc394;box-shadow:0 14px 36px rgba(33,45,58,.08)}
.ks-icon{background:#fff1e7;color:#ff6800}.ks-card--tv{background:linear-gradient(145deg,#fff,#fff7f1);border-color:#ffd0ac}.ks-card--tv .ks-icon{background:#ff6800;color:#fff}
.ks-card-link,.ks-scope a,.ks-related-grid span{color:#1686d9}
.ks-tv{background:linear-gradient(135deg,#fff7f0,#fff)}.ks-tv__box{background:#fff;border-color:#ffd9ba;box-shadow:0 18px 48px rgba(255,104,0,.07)}
.ks-business{background:linear-gradient(135deg,#eef7fd,#fff);color:#303b48}.ks-business .ks-title{color:#202a36}.ks-business .ks-lead{color:#66717f}
.ks-feature{background:#fff;border-color:#dce8f0;box-shadow:0 7px 20px rgba(33,45,58,.035)}.ks-feature strong{color:#202a36}.ks-feature span{color:#66717f}
.ks-about img{border-color:#e2e7eb}.ks-stat{background:#f6f7f8;border-color:#e2e7eb}.ks-stat span{color:#66717f}
.ks-faq details{border-color:#e2e7eb}
.ks-contact{background:linear-gradient(135deg,#f6f7f8,#fff)}.ks-contact__box{background:#fff;border-color:#e2e7eb;box-shadow:0 15px 40px rgba(33,45,58,.07)}
.ks-contact__main{background:#fff}.ks-contact__side{background:#eef7fd;color:#303b48}.ks-contact__side h3,.ks-contact-row b{color:#202a36}.ks-contact-row span,.ks-contact-row a{color:#5f6e7d}.ks-contact-row a:hover{color:#1686d9}.ks-contact-icon{background:#fff0e5;color:#ff6800}
.ks-contact__main .ks-btn--ghost{background:#fff;border-color:#cfd7df;color:#303b48}.ks-contact__main .ks-btn--ghost:hover{background:#f6f7f8}
.ks-footer{background:#283847;color:#c7d0d8}.ks-footer__nav a{color:#d5dce2}.ks-footer__nav a:hover{color:#fff}
.ks-service-hero{background:radial-gradient(circle at 86% 15%,rgba(22,134,217,.13),transparent 28%),radial-gradient(circle at 10% 80%,rgba(255,104,0,.08),transparent 30%),linear-gradient(135deg,#fff,#f4f7fa);color:#202a36}.ks-service-hero h1{color:#202a36}.ks-service-hero p{color:#66717f}.ks-service-kicker{color:#ff6800}.ks-service-hero__contact a{color:#1686d9}.ks-service-hero__contact{background:#fff;border-color:#e2e7eb;box-shadow:0 10px 30px rgba(33,45,58,.07)}.ks-service-hero__contact strong{color:#202a36}.ks-service-hero__contact span{color:#66717f}.ks-related{background:#fff}
@media(max-width:1020px){.ks-nav{background:#fff;border-color:#e2e7eb;color:#303b48}}