/* KD Strona – zmień kolory w jednym miejscu: zmienne poniżej */
.kd-body{--ink:#0E1B2C;--blue:#2B59FF;--sun:#FFC83D;--mist:#EEF3FB;--line:#D6DEEC;--mute:#4F5E78;margin:0;background:#fff;color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.kd-body *,.kd-body *::before,.kd-body *::after{box-sizing:border-box}
.kd-body :is(h1,h2,h3,p,ul,ol,figure){margin:0;padding:0}
.kd-body a{color:inherit;text-decoration:none}
.kd-body :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.kd-skip{position:absolute;left:-999px}.kd-skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99}
.kd-wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.kd-narrow{max-width:760px}.kd-center{text-align:center}.kd-center .kd-lead{margin-inline:auto}

/* nagłówek */
.kd-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.kd-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.kd-body .kd-logo{display:flex;flex-direction:column;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.kd-logo small{font-weight:500;font-size:12px;color:var(--mute);letter-spacing:0}
.kd-nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:600}
.kd-body .kd-nav a:not(.kd-btn):hover{color:var(--blue)}
.kd-burger{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}

/* przyciski */
.kd-body .kd-btn{display:inline-block;background:var(--sun);color:var(--ink);font-weight:700;padding:14px 28px;border-radius:999px;transition:transform .15s,box-shadow .15s}
.kd-body .kd-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(14,27,44,.55)}
.kd-body .kd-sm{padding:9px 20px;font-size:15px}
.kd-body .kd-link{color:#fff;font-weight:600;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:2px}
.kd-body .kd-link:hover{border-color:var(--sun)}
.kd-body .kd-link-d{font-weight:700;color:var(--blue);border-bottom:2px solid currentColor}
.kd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:32px}

/* hero */
.kd-hero{background:var(--ink);color:#fff;padding:clamp(52px,8vw,104px) 0}
.kd-hero-s{padding:clamp(44px,6vw,80px) 0}
.kd-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.kd-hero h1{font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.08;font-weight:800;letter-spacing:-.025em;max-width:20ch}
.kd-hero-s h1{max-width:26ch;font-size:clamp(1.9rem,4vw,3rem)}
.kd-lead{margin-top:20px;font-size:1.15rem;color:#C6D1E6;max-width:58ch}
.kd-price-w{font-weight:800;font-size:1.3rem;color:var(--sun)}

/* makieta przeglądarki: jedna animacja startowa */
.kd-mock{background:#fff;border-radius:14px;overflow:hidden;color:var(--ink);box-shadow:0 34px 60px -24px rgba(0,0,0,.7)}
.kd-m-top{display:flex;align-items:center;gap:6px;padding:12px 14px;background:#E4EAF5}
.kd-m-top i{display:block;width:10px;height:10px;border-radius:50%;background:#B5C0D6}
.kd-m-top span{margin-left:10px;font-size:12px;background:#fff;padding:3px 14px;border-radius:99px;color:var(--mute)}
.kd-m-body{padding:28px;min-height:270px}
.kd-m-body b{display:block;border-radius:5px;transform-origin:left;animation:kd-g .8s both cubic-bezier(.2,.8,.2,1)}
.kd-m1{height:24px;width:80%;background:var(--ink);animation-delay:.3s!important}
.kd-m2{height:24px;width:56%;background:var(--ink);margin-top:10px;animation-delay:.5s!important}
.kd-m3{height:10px;width:92%;background:var(--line);margin-top:22px;animation-delay:.8s!important}
.kd-m4{display:inline-block;margin-top:24px;background:var(--sun);font-style:normal;font-weight:700;font-size:14px;padding:10px 20px;border-radius:99px;animation:kd-p .55s 1.2s both}
.kd-m5{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.kd-m5 s{display:block;height:58px;background:var(--mist);border-radius:8px;animation:kd-f .6s both}
.kd-m5 s:nth-child(1){animation-delay:1.5s}.kd-m5 s:nth-child(2){animation-delay:1.65s}.kd-m5 s:nth-child(3){animation-delay:1.8s}
@keyframes kd-g{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kd-p{from{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:none}}
@keyframes kd-f{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* sekcje */
.kd-sec{padding:clamp(48px,7vw,88px) 0}
.kd-mist{background:var(--mist)}
.kd-dark{background:var(--ink);color:#fff}
.kd-body h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:26px}
.kd-dark .kd-lead{margin-bottom:28px}
.kd-body h3{font-size:1.15rem;line-height:1.3;margin-bottom:6px}
.kd-body .kd-h3{font-size:1.35rem;margin-bottom:6px;letter-spacing:-.01em}
.kd-note{margin-top:22px;font-size:15px;color:var(--mute)}
.kd-note a,.kd-box a,.kd-narrow p a{color:var(--blue);font-weight:600}
.kd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px 52px}
.kd-prob{border-left:4px solid var(--blue);padding-left:20px}
.kd-prob p,.kd-row p,.kd-steps p{color:var(--mute)}
.kd-row{display:grid;grid-template-columns:1fr auto;gap:12px 40px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}
.kd-row:first-of-type{border-top:0}
.kd-row p{max-width:62ch}
.kd-rowr{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.kd-price{font-weight:800;font-size:1.2rem;white-space:nowrap}
.kd-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;counter-reset:s}
.kd-steps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:14px}
.kd-steps li::before{content:counter(s);display:block;font-weight:800;font-size:1.6rem;color:var(--blue);margin-bottom:4px}
.kd-steps h3{font-size:1.05rem}.kd-steps p{font-size:15px}
.kd-two{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.kd-two p+p{margin-top:14px}
.kd-box{background:var(--mist);border-radius:16px;padding:30px}
.kd-mist .kd-box{background:#fff}
.kd-box ul{padding-left:20px;margin-top:10px}.kd-box li{margin-top:6px}
.kd-price-b{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:8px 0 6px}
.kd-check{list-style:none}
.kd-check li{position:relative;padding-left:30px;margin-top:12px}
.kd-box .kd-check{padding-left:0}
.kd-check li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;line-height:20px;text-align:center}

/* FAQ */
.kd-body details{border-top:1px solid var(--line);padding:16px 0}
.kd-body details:last-of-type{border-bottom:1px solid var(--line)}
.kd-body summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.kd-body summary::-webkit-details-marker{display:none}
.kd-body summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--blue);transition:transform .2s}
.kd-body details[open] summary::after{transform:rotate(45deg)}
.kd-body details p{margin-top:10px;color:var(--mute)}

/* portfolio */
.kd-pf{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 22px}
.kd-pfi{display:block;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:var(--mist);aspect-ratio:4/3}
.kd-pfi img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}
.kd-pf a:hover img{transform:scale(1.05)}
.kd-pf figcaption{margin-top:10px;font-weight:600;font-size:15px}

/* wyróżnione studium przypadku */
.kd-body .kd-feat{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--mist);border-left:6px solid var(--blue);border-radius:12px;padding:26px 30px;margin-bottom:40px}
.kd-feat strong{display:block;font-size:1.2rem;margin-bottom:4px}
@media(max-width:860px){.kd-body .kd-feat{flex-direction:column;align-items:flex-start}}

/* stopka */
.kd-foot{background:#08111D;color:#C6D1E6;padding:52px 0 24px;font-size:15px}
.kd-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.kd-foot-grid a{display:block;margin-bottom:8px}
.kd-body .kd-foot a:hover{color:var(--sun)}
.kd-foot strong{color:#fff}.kd-foot p{margin-top:8px;max-width:38ch}
.kd-copy{width:min(1120px,100% - 40px);margin:32px auto 0!important;font-size:13px;opacity:.7}

/* pojawianie się: tylko wybrane elementy, bez przesady */
.kd-js [data-kd]{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.kd-js [data-kd].kd-in{opacity:1;transform:none}

@media(max-width:860px){
.kd-burger{display:block}
.kd-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px;background:#fff;border-bottom:1px solid var(--line)}
.kd-nav.open{display:flex}
.kd-hero-grid,.kd-two,.kd-grid2,.kd-foot-grid{grid-template-columns:1fr}
.kd-steps{grid-template-columns:1fr}
.kd-row{grid-template-columns:1fr}.kd-rowr{align-items:flex-start;text-align:left}
}
@media(prefers-reduced-motion:reduce){
.kd-m-body b,.kd-m4,.kd-m5 s{animation:none}
.kd-js [data-kd]{opacity:1;transform:none;transition:none}
.kd-body .kd-btn,.kd-pfi img{transition:none}
}