:root{color-scheme:dark;--black:#101112;--graphite:#1b1d1f;--steel:#aeb2b5;--border:#484c4e;--burgundy:#a51e38;--white:#f4f2ed}
*{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--white);font:16px/1.6 Arial,sans-serif}
a{color:inherit;text-underline-offset:4px}
a:hover{color:#f08da0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f3a4b3;outline-offset:4px}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;top:0;left:10px;transform:translateY(-110%);background:var(--black);padding:10px;z-index:3}.skip:focus{transform:none}
.top{background:#101112;border-bottom:1px solid var(--border)}
.bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.bar img{display:block;object-fit:contain}
nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,28px)}
nav a{font-size:13px;font-weight:700;text-transform:uppercase;text-decoration:none;padding-block:7px;border-bottom:2px solid transparent}
nav a[aria-current]{border-color:#d84a66}
.banner{--photo:url('/media/production.webp');display:grid;align-items:center;min-height:300px;background:linear-gradient(90deg,#0a0b0ce8,#0a0b0c66 75%),var(--photo) center/cover;border-bottom:3px solid var(--burgundy);padding:45px 0}
.banner.home{--photo:url('/media/home.webp');min-height:clamp(420px,70vh,740px)}
.banner.oferta{--photo:url('/media/oferta-banner.webp');background-position:center 63%}
.banner.academy{--photo:url('/media/academy.webp');background-position:center 57%}
.banner.osiagniecia{--photo:url('/media/osiagniecia.webp');background-position:center 46%}
.banner.wspolpraca{--photo:url('/media/wspolpraca.webp')}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.05}
h1{font-size:clamp(42px,8vw,105px);font-weight:900;letter-spacing:-.04em}
.banner p{margin-top:14px;font-size:clamp(16px,2vw,23px)}
h2{font-size:clamp(25px,4vw,47px);margin-bottom:13px}
h3{font-size:24px;margin-bottom:10px}
p+p{margin-top:12px}
.section{padding-block:clamp(32px,6vw,78px)}
.home-links,.columns,.contacts{display:grid;gap:23px}
.home-links{grid-template-columns:repeat(3,1fr)}
.home-links a{display:block;background:var(--graphite);border-bottom:2px solid var(--burgundy);text-decoration:none}
.home-links img,.columns img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}
.home-links h2{font-size:23px;padding:15px;margin:0}
.columns,.contacts{grid-template-columns:1.3fr 1fr;align-items:start;margin-block:24px}
table{width:100%;border-collapse:collapse;font-size:14px}
caption{text-align:left;font-weight:750;padding-bottom:8px}
th,td{padding:9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
tr:nth-child(odd){background:var(--graphite)}
.soon{margin:0;padding:0;list-style:none}
.soon li{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;border-bottom:1px solid var(--border);padding:10px 0}
.soon small{color:#f3a4b3}
.posts{margin-top:24px}
.posts article{border-top:1px solid var(--border);padding:16px 0}
.date{color:var(--steel);font-size:14px}
.post-body{white-space:pre-wrap;margin-top:8px}
.button,button{display:inline-block;margin-top:13px;padding:9px 14px;background:var(--burgundy);color:white;border:1px solid transparent;text-decoration:none;font:700 14px/1.4 Arial,sans-serif;cursor:pointer}
.button:hover,button:hover{color:white;background:#78182b}
.narrow{max-width:680px}
form{background:var(--graphite);padding:20px;margin-top:16px}
label{display:block;margin-top:10px}
input,textarea,select{display:block;width:100%;padding:8px;margin-top:5px;background:var(--black);color:var(--white);border:1px solid var(--steel);font:inherit}
textarea{min-height:125px;resize:vertical}
form p{font-size:14px;color:var(--steel);margin-top:8px}
footer{border-top:1px solid var(--border);background:var(--graphite);padding-block:25px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.bar{flex-wrap:wrap;padding:12px 0;gap:8px}.bar nav{width:100%}.home-links,.columns,.contacts{grid-template-columns:1fr}.banner{min-height:245px}.banner.home{min-height:410px}}
.offer-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:32px}
.offer-nav a{font-weight:700}
.offer section+section{margin-top:44px;border-top:1px solid var(--border);padding-top:30px}
.offer-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin-top:22px}
.offer-tables th{width:44%}
.company .columns{margin-top:0}
.company-copy{max-width:75ch}
.company-copy h2{margin-top:32px}
@media(max-width:760px){.offer-tables{grid-template-columns:1fr}}

/* Shared surfaces and navigation */
:root{--black:#111214;--graphite:#1b1e22;--border:#3b4148}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.top{background:#111214}
.bar{min-height:76px}
nav{gap:clamp(10px,1.8vw,24px)}
nav a{font-size:13px;text-transform:none;letter-spacing:.015em}
nav a[aria-current]{color:#fff;border-color:#d64b65}
.banner{background-image:linear-gradient(90deg,#0a0b0cee 1%,#0a0b0c9c 52%,#0a0b0c32),var(--photo)}
.banner.home{align-items:end;padding-block:clamp(40px,8vw,100px)}
.banner h1{font-size:clamp(38px,7vw,96px);letter-spacing:-.065em;overflow-wrap:anywhere}
.banner p{max-width:42ch;color:#e5e6e7}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.button,button{border-radius:5px;padding:10px 16px;font-family:inherit}
.button.secondary{background:#17191bd9;border-color:#aeb2b5}
.button.secondary:hover{background:#353940}
.home-links a{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px}
.home-links a:hover{border-color:#d64b65;color:var(--white)}
.home-links h2{display:flex;align-items:center;justify-content:space-between;gap:8px}
.home-links h2::after{content:"→";font-size:18px;color:#e67589}
.home-links img{aspect-ratio:1.8}
.company img{border-radius:8px}
form{border:1px solid var(--border);border-radius:8px}
input,textarea,select{border-radius:4px;border-color:#68717b}
.offer-nav a{padding:7px 12px;background:var(--graphite);border:1px solid var(--border);border-radius:5px;text-decoration:none}
.offer-tables table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:8px;background:var(--graphite)}
.offer-tables caption{padding:0 0 9px;font-size:16px}
.offer-tables th,.offer-tables td{padding:10px 12px}
.offer-tables th{font-weight:600;color:#e2e3e5}
.offer-tables tr:nth-child(even){background:#20242a}
.offer-tables tr:last-child>*{border-bottom:0}
.offer-tables strong{color:#f29bac}
@media(max-width:760px){.bar{padding-block:12px}.banner.home{min-height:410px}.offer-tables th,.offer-tables td{padding:8px}}

/* Burgundy light over graphite surfaces */
:root{
  --surface:linear-gradient(145deg,#24282e 0%,#1a1c21 56%,#21171e 100%);
  --action:linear-gradient(115deg,#a71d3c,#83142e);
  --edge:linear-gradient(90deg,#b8274b,#5e3444 55%,transparent);
}
body{background:radial-gradient(ellipse at 96% 25%,#391a293d,transparent 45%),linear-gradient(150deg,#181b20,#101113 60%)}
.top{background:linear-gradient(110deg,#15181d,#111214 65%,#26151e);border-color:#46424a}
.banner{
  position:relative;
  background-image:linear-gradient(90deg,#0b0c10f5 0%,#131018d6 31%,#1b122351 78%),linear-gradient(0deg,#150b17aa,transparent 58%),var(--photo);
  border-bottom:0;
}
.banner::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:var(--edge);
}
.banner.home{
  background-image:linear-gradient(90deg,#0b0c10f2 0%,#100e16ad 42%,#23112224 90%),linear-gradient(0deg,#0e0e13ee,transparent 62%),var(--photo);
}
.banner h1{max-width:14ch;text-shadow:0 4px 24px #0006}
.button,button{background:var(--action);border-color:#cd4b65;border-radius:7px}
.button:hover,button:hover{background:linear-gradient(115deg,#b32849,#951b38)}
.button.secondary{background:linear-gradient(145deg,#252933e8,#16191ee8);border-color:#7d838e}
.home-links a,form,.offer-nav a{background:var(--surface)}
.home-links a{
  border-radius:12px;
  box-shadow:0 10px 26px #0004;
  transition:border-color .18s ease,transform .18s ease;
}
.home-links a:hover{transform:translateY(-3px)}
.home-links h2{padding:18px}
.offer-tables table{background:var(--surface);border-radius:12px;overflow:hidden}
.offer-tables tr:nth-child(odd){background:#14161a38}
.offer-tables tr:nth-child(even){background:#42475226}
.offer-tables caption{padding-bottom:11px}
footer{background:linear-gradient(110deg,#202329,#14161a 66%,#281821)}
@media(max-width:760px){
  .banner.home{background-image:linear-gradient(90deg,#0b0c10dc,#100e166b),linear-gradient(0deg,#0e0e13ef,transparent 75%),var(--photo)}
}
@media(prefers-reduced-motion:reduce){
  .home-links a{transition:none}
  .home-links a:hover{transform:none}
}

/* Home */
.dtf-hero{display:grid;min-height:clamp(480px,78svh,790px);place-items:center;text-align:center;background:linear-gradient(#0a0b0c42,#0a0b0cdd),url('/media/home.webp') center 52%/cover;border-bottom:2px solid #a51e38}
.dtf-hero .wrap{padding-block:60px}
.dtf-hero h1{font-family:Impact,"Arial Narrow",system-ui,sans-serif;font-weight:900;font-size:clamp(57px,12vw,162px);line-height:.88;letter-spacing:-.045em;text-shadow:0 5px 24px #0009}
.dtf-hero p{margin-top:22px;font-size:clamp(15px,2vw,22px);color:#e8e9eb}
.dtf-down,.dtf-text-link{display:inline-block;margin-top:22px;font-weight:700;text-decoration:none;border-bottom:2px solid #be3a54;padding-bottom:4px}
.dtf-down span,.dtf-text-link span{color:#f195a7}
.dtf-about{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(16px,6vw,90px);padding-block:clamp(42px,7vw,100px)}
.dtf-about h2,.dtf-contact h2,.dtf-tile h2{font-size:clamp(28px,4.4vw,58px);font-weight:900;letter-spacing:-.045em;text-transform:uppercase}
.dtf-about p{max-width:62ch;color:#d0d2d5}
.dtf-feature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border)}
.dtf-tile{display:flex;align-items:end;min-height:clamp(280px,33vw,490px);padding:clamp(17px,3vw,44px);text-decoration:none;background:linear-gradient(0deg,#08090bef,#08090b27 90%),var(--tile) center/cover}
.dtf-tile+.dtf-tile{border-left:1px solid var(--border)}
.dtf-tile:hover{color:white;box-shadow:inset 0 -4px #a51e38}
.dtf-tile h2{font-size:clamp(25px,3.2vw,48px);margin-bottom:8px}
.dtf-tile p{color:#e0e0e2}
.dtf-tile span{display:block;margin-top:13px;color:#ffadba;font-weight:700}
.dtf-offer{--tile:url('/media/oferta.webp')}
.dtf-academy{--tile:url('/media/academy.webp')}
.dtf-results{--tile:url('/media/osiagniecia.webp');background-position:center 53%}
.dtf-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:clamp(32px,5vw,70px)}
.dtf-contact h2,.dtf-contact .button{margin:0}
@media(max-width:760px){.dtf-about,.dtf-feature{grid-template-columns:1fr}.dtf-tile+.dtf-tile{border-left:0;border-top:1px solid var(--border)}}
.footer-social{display:flex;align-items:flex-start;gap:9px}
.footer-social a{display:grid;place-items:center;width:37px;height:37px;border:1px solid #68717b;border-radius:50%}
.footer-social a:hover{border-color:#f08da0}
.footer-social svg{width:20px;height:20px}