:root{
  --obsidian:#0B0D10; --graphite:#14181E; --steel-plus:#1E242C;
  --steel:#8FA0B3; --ice:#9FC1DA; --orange:#F97316;
  --text:#E6E9EE; --text-dim:#9AA4B2;
  --paper:#F4F6F8; --ink:#1E242C; --paper-dim:#5B6776;
  --maxw:1600px; --gutter:92vw; --ease:cubic-bezier(0.16,0.84,0.44,1);
  --secpad:clamp(110px,14vh,170px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--obsidian);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{width:min(var(--gutter),var(--maxw));margin:0 auto}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}
section[id]{scroll-margin-top:64px}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:3px}
.mono{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--steel)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--orange)}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-weight:500;font-size:15px;padding:15px 26px;border-radius:9px;cursor:pointer;transition:all .2s var(--ease);border:1px solid transparent}
.btn-primary{background:var(--orange);color:#0B0D10}
.btn-primary:hover{filter:brightness(1.08);box-shadow:0 8px 30px -8px rgba(249,115,22,.5);transform:translateY(-1px)}
.btn .arr{transition:transform .2s var(--ease)} .btn:hover .arr{transform:translateX(3px)}
.sec-pad{padding:var(--secpad) 0}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.eyebrow.reveal{transform:translateY(12px)}
.eyebrow.reveal::before{width:0;transition:width .6s var(--ease) .2s}
.eyebrow.reveal.in::before{width:24px}
.grain{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:overlay}
.placeholder-note{position:absolute;top:18px;left:20px;font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.18em;color:#33414e;z-index:2}

.ph{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--steel-plus);background:repeating-linear-gradient(45deg,rgba(143,160,179,.045) 0 2px,transparent 2px 24px),radial-gradient(120% 120% at 68% 0%,#1e2630,#0c0f13)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ph.reveal img{transform:scale(1.05);transition:transform 1.2s var(--ease)}
.ph.reveal.in img{transform:none}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s var(--ease)}
nav.solid{background:rgba(11,13,16,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--steel-plus)}
.navinner{display:flex;align-items:center;justify-content:space-between;padding:20px 0;width:min(var(--gutter),var(--maxw));margin:0 auto}
.logo{display:inline-block;line-height:1.05}
.logo-img{display:block;height:28px;width:auto}
footer .logo-img{height:32px;margin-bottom:14px}
.navlinks{display:flex;gap:34px;font-size:14.5px;color:var(--text-dim)}
.navlinks a{position:relative;transition:color .2s}
.navlinks a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--orange);transition:width .25s var(--ease)}
.navlinks a:hover{color:var(--text)} .navlinks a:hover::after{width:100%}
.navright{display:flex;align-items:center;gap:22px}
.lang{font-family:'IBM Plex Mono';font-size:12px;color:var(--steel);letter-spacing:.1em} .lang b{color:var(--text)}
.navtoggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:10px;margin-left:2px}
.navtoggle span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.navtoggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navtoggle.open span:nth-child(2){opacity:0}
.navtoggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:95;background:rgba(11,13,16,.98);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 34px;opacity:0;visibility:hidden;transition:opacity .35s var(--ease)}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu a{font-family:'Space Grotesk';font-weight:600;font-size:clamp(1.7rem,7vw,2.4rem);letter-spacing:-0.02em;color:var(--text);padding:14px 0;border-bottom:1px solid var(--steel-plus);opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.mobile-menu.open a{opacity:1;transform:none}
.mobile-menu.open a:nth-child(1){transition-delay:.06s}
.mobile-menu.open a:nth-child(2){transition-delay:.11s}
.mobile-menu.open a:nth-child(3){transition-delay:.16s}
.mobile-menu.open a:nth-child(4){transition-delay:.21s}
.mobile-menu.open a:nth-child(5){transition-delay:.26s}

/* BREADCRUMB */
.crumb{border-bottom:1px solid var(--steel-plus)}
.crumb .wrap{display:flex;gap:10px;align-items:center;padding:18px 0;font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.06em;color:var(--steel)}
.crumb a:hover{color:var(--text)} .crumb .sep{opacity:.5}
.crumb .cur{color:var(--text)}

/* HERO podstrony (kompaktowe, ze zdjęciem) */
.shero{padding-top:140px}
.shero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,5vw,80px);align-items:center;min-height:60vh}
.shero h1{font-size:clamp(2.6rem,5.5vw,4.6rem);font-weight:700;letter-spacing:-0.04em;margin-bottom:24px}
.shero p.sub{color:var(--text-dim);font-size:18px;max-width:480px;margin-bottom:34px}
.shero-cta{display:flex;gap:14px;flex-wrap:wrap}
.shero .strip{margin-top:42px;display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.shero .strip .irata{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-weight:600;letter-spacing:.04em}
.shero .strip .irata .b{width:9px;height:9px;border:2px solid var(--orange);border-radius:2px;transform:rotate(45deg)}
.shero .strip .m{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.1em;color:var(--steel)}
.shero .visual{aspect-ratio:4/5;min-height:420px}

/* INTRO */
.intro{background:#0A0C0E}
.intro .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,5vw,80px);align-items:stretch}
.intro .wrap>div:first-child{display:flex;flex-direction:column}
.intro h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:28px;max-width:520px}
.intro p{color:var(--text-dim);font-size:16px;line-height:1.7;margin-bottom:18px;max-width:560px}
.intro .fact{margin-top:auto;padding-top:24px;border-top:1px solid var(--steel-plus);font-family:'Space Grotesk';font-weight:500;font-size:clamp(1.1rem,1.7vw,1.4rem);letter-spacing:-0.02em;line-height:1.3;color:var(--text);max-width:520px}
.intro p:last-of-type{margin-bottom:30px}
.intro .visual{aspect-ratio:3/4;min-height:460px}

/* ZAKRES */
.scope{background:#090B0D}
.scope h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:clamp(48px,6vw,76px);max-width:560px}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(36px,4vw,60px)}
.scope-item{border-top:1px solid var(--steel-plus);padding:28px 0 0}
.scope-grid .scope-item:nth-child(2),.rel-grid .rel:nth-child(2){transition-delay:.08s}
.scope-grid .scope-item:nth-child(3),.rel-grid .rel:nth-child(3){transition-delay:.16s}
.scope-item .n{display:block;font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.12em;color:var(--steel);margin-bottom:18px}
.scope-item h3{font-family:'Space Grotesk';font-weight:600;font-size:clamp(1.2rem,1.6vw,1.45rem);letter-spacing:-0.02em;margin-bottom:12px;line-height:1.18}
.scope-item p{color:var(--text-dim);font-size:15px;line-height:1.6}
.scope-obj{margin-top:clamp(48px,6vw,72px);border-top:1px solid var(--steel-plus);padding-top:30px;display:flex;flex-wrap:wrap;gap:14px 40px}
.scope-obj .lbl{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.1em;color:var(--steel);width:100%;margin-bottom:6px}
.scope-obj span.it{font-family:'Space Grotesk';font-weight:500;font-size:clamp(1.05rem,1.5vw,1.3rem);letter-spacing:-0.01em;color:var(--text)}

/* DOWÓD (jasny) */
.proof{background:var(--paper);color:var(--ink)}
.proof .eyebrow::before{background:var(--orange)} .proof .mono{color:var(--paper-dim)}
.proof h2{font-size:clamp(2rem,3.6vw,2.9rem);max-width:620px;margin-bottom:14px}
.proof .psub{color:var(--paper-dim);max-width:560px;margin-bottom:52px}
.proof-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(40px,5vw,72px);align-items:stretch}
.ba{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/11;user-select:none;box-shadow:0 30px 60px -30px rgba(30,36,44,.4)}
.ba .layer{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px}
.ba .before{background:linear-gradient(135deg,#6b4a32,#8a5a3a 40%,#5c3b28)}
.ba .after{background:linear-gradient(135deg,#3d4a57,#5b6b78 45%,#2f3a44);clip-path:inset(0 0 0 50%)}
.ba .before,.ba .after{background-size:cover;background-position:center;background-repeat:no-repeat}
.ba .tag{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.12em;color:#fff;background:rgba(0,0,0,.35);padding:5px 10px;border-radius:5px}
.ba .tag.r{margin-left:auto}
.ba .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--orange);z-index:3}
.ba .handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--orange);z-index:4;display:flex;align-items:center;justify-content:center;color:#0B0D10;cursor:ew-resize;box-shadow:0 4px 14px rgba(0,0,0,.3);touch-action:none}
.ba .handle::before{content:"";position:absolute;inset:-12px}
.ba.anim .after{transition:clip-path .35s var(--ease)}
.ba.anim .divider,.ba.anim .handle{transition:left .35s var(--ease)}
.vpoints{display:flex;flex-direction:column;height:100%}
.vpoint{border-bottom:1px solid #dde3e9;padding:22px 0}
.vpoint h3{font-family:'Space Grotesk';font-weight:600;font-size:clamp(1.15rem,1.8vw,1.45rem);letter-spacing:-0.02em;display:flex;align-items:center;gap:11px;line-height:1.15}
.vpoint h3::before{content:"";width:8px;height:8px;background:var(--orange);border-radius:2px;transform:rotate(45deg);flex-shrink:0}
.vpoint p{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.08em;color:var(--paper-dim);text-transform:uppercase;margin-top:8px}
.report{margin-top:auto;border:1px dashed #c5cdd6;border-radius:10px;padding:18px;display:flex;gap:14px;align-items:center;color:var(--paper-dim);font-size:13px}
.report .ricon{width:38px;height:46px;border:1px solid #c5cdd6;border-radius:4px;flex-shrink:0;position:relative;background:#fff}
.report .ricon::after{content:"";position:absolute;left:7px;right:7px;top:9px;height:1px;background:#c5cdd6;box-shadow:0 6px 0 #c5cdd6,0 12px 0 #c5cdd6,0 18px 0 #e0e0e0}

/* FAQ */
.faq{background:#08090C}
.faq h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:clamp(40px,5vw,64px);max-width:560px}
.acc{border-top:1px solid var(--steel-plus)}
.acc-item{border-bottom:1px solid var(--steel-plus)}
.acc-q{width:100%;text-align:left;background:none;border:none;color:var(--text);font-family:'Space Grotesk';font-weight:500;font-size:clamp(1.05rem,1.6vw,1.3rem);letter-spacing:-0.01em;padding:26px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;transition:color .2s}
.acc-q:hover{color:var(--ice)}
.acc-q .ind{font-family:'IBM Plex Mono';font-size:20px;color:var(--steel);transition:transform .3s var(--ease),color .2s;flex-shrink:0}
.acc-item.open .acc-q .ind{transform:rotate(45deg);color:var(--orange)}
.acc-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.acc-a p{color:var(--text-dim);font-size:15px;line-height:1.7;padding:0 60px 28px 0;max-width:760px}

/* POWIĄZANE */
.related,.cta{border-top:1px solid rgba(30,36,44,.5)}
.related{background:#07080B}
.related h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:clamp(40px,5vw,60px)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,48px)}
.rel{border-top:1px solid var(--steel-plus);padding:28px 0 0;transition:border-color .25s var(--ease),opacity .8s var(--ease),transform .8s var(--ease)}
.rel:hover{border-color:#3a4654}
.rel .n{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.12em;color:var(--steel);display:block;margin-bottom:16px}
.rel h3{font-family:'Space Grotesk';font-weight:600;font-size:clamp(1.2rem,1.7vw,1.5rem);letter-spacing:-0.02em;margin-bottom:10px}
.rel p{color:var(--text-dim);font-size:15px;line-height:1.6;margin-bottom:18px;max-width:320px}
.rel .go{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.1em;color:var(--steel);transition:color .2s} .rel:hover .go{color:var(--orange)}

/* CTA */
.cta{background:#060809}
.cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:center}
.cta h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-0.03em;margin-bottom:22px}
.cta .info{display:flex;flex-direction:column;gap:14px;color:var(--text-dim);font-size:15px}
.cta .info span{display:flex;align-items:center;gap:12px}
.form{border:1px solid var(--steel-plus);border-radius:16px;padding:34px;background:var(--graphite)}
.field{margin-bottom:18px}
.field label{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;background:#0e1216;border:1px solid var(--steel-plus);border-radius:9px;padding:13px 15px;color:var(--text);font-family:'Inter';font-size:14.5px;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange)}
.field textarea{resize:vertical;min-height:78px}
.form .btn-primary{width:100%;justify-content:center;margin-top:6px}

/* FOOTER */
footer{background:#050607;border-top:1px solid var(--steel-plus);padding:70px 0 36px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.fgrid .fh{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.14em;color:var(--steel);text-transform:uppercase;margin-bottom:18px}
.fgrid a{display:block;color:var(--text-dim);font-size:14px;margin-bottom:11px;transition:color .2s} .fgrid a:hover{color:var(--text)}
.fgrid .faddr{display:block;color:var(--text-dim);font-size:14px;margin-bottom:11px}
.fbottom .legal a{cursor:default}
.fdesc{color:var(--text-dim);font-size:14px;max-width:280px;margin-top:14px}
.fbottom{border-top:1px solid var(--steel-plus);margin-top:50px;padding-top:26px;display:flex;justify-content:space-between;color:var(--steel);font-size:13px;flex-wrap:wrap;gap:14px}
.fbottom .legal a{color:inherit;transition:color .2s} .fbottom .legal a+a{margin-left:26px} .fbottom .legal a:hover{color:var(--text)}

@media (max-width:980px){
  .shero .wrap,.intro .wrap,.proof-grid,.cta .wrap{grid-template-columns:1fr}
  .scope-grid,.rel-grid,.fgrid{grid-template-columns:repeat(2,1fr)}
  .navlinks{display:none}
  .navtoggle{display:flex}
  .shero .visual,.intro .visual{min-height:300px}
  .field input,.field select,.field textarea{font-size:16px}
  .vpoints{height:auto}
  .report{margin-top:14px}
  .intro .fact{margin-top:30px}
}
@media (max-width:820px){
  :root{--secpad:78px}
  .shero{padding-top:108px}
  .navinner{padding:15px 0}
  .shero .wrap{gap:30px;min-height:auto}
  .shero .visual,.intro .visual{min-height:260px}
  .scope-grid{gap:30px}
  .crumb{font-size:12px}
}
@media (max-width:600px){
  .scope-grid,.rel-grid,.fgrid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}