:root{--bg:#050505;--bg2:#0a0a0b;--panel:#111113;--panel2:#18181b;--text:#f5f5f6;--muted:#aaaab1;--red:#e21b23;--red2:#ff3038;--line:rgba(255,255,255,.10);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 76% 4%,rgba(226,27,35,.11),transparent 26rem),linear-gradient(180deg,#050505,#09090a 55%,#050505);color:var(--text);line-height:1.65}a{color:inherit}img,video{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px max(20px,calc((100vw - var(--max))/2));background:rgba(5,5,5,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1}.brand img{border-radius:50%}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.02rem}.brand small{font-size:.58rem;letter-spacing:.18em;color:var(--red2);margin-top:5px}.nav{display:flex;gap:17px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-size:.86rem;font-weight:800}.nav a:hover{color:#fff}.nav-cta{border:1px solid var(--red);padding:8px 12px;border-radius:999px;color:#fff!important}.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:9px;padding:7px 10px}.hero{position:relative;min-height:calc(100vh - 62px);overflow:hidden;display:grid;place-items:center}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{filter:saturate(.78) contrast(1.06)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 40%,rgba(0,0,0,.45) 76%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62))}.hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 44px));padding:74px 0 88px}.hero-logo{width:min(560px,72vw);margin-bottom:18px;filter:drop-shadow(0 12px 45px rgba(0,0,0,.65))}.eyebrow{display:inline-block;color:var(--red2);font-size:.75rem;font-weight:950;letter-spacing:.17em;margin-bottom:14px}h1,h2,h3{line-height:1.06;margin-top:0}h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.055em;margin:0 0 20px;max-width:870px}h2{font-size:clamp(2.1rem,4.5vw,4.4rem);letter-spacing:-.045em;margin-bottom:20px}h3{font-size:1.2rem}.lead{font-size:1.17rem;color:#d1d1d4;max-width:760px}.slogan{margin:26px 0;border-left:3px solid var(--red);padding:4px 0 4px 18px;font-size:1.15rem}.slogan strong{font-size:1.34em}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;padding:13px 18px;border-radius:10px;transition:.2s}.btn.primary{background:linear-gradient(135deg,var(--red),#b90f17);color:#fff;box-shadow:0 10px 30px rgba(226,27,35,.15)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(226,27,35,.3)}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.035)}.btn.ghost:hover{border-color:var(--red);color:#fff}.scroll-cue{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);text-decoration:none;color:#fff;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35)}.brand-strip{max-width:1500px;margin:0 auto;padding:34px 22px 0}.brand-strip img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.42)}.section{max-width:var(--max);margin:auto;padding:92px 22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.highlight{font-weight:900;color:#fff;font-size:1.16rem}.text-link{display:inline-block;margin-top:12px;color:#ff4a51;text-decoration:none;font-weight:850}.media-card{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0d0d0f,#161619);box-shadow:0 28px 75px rgba(0,0,0,.36)}.media-card img{width:100%;height:100%;max-height:520px;object-fit:contain;background:#080808}.media-wide img{object-fit:cover}.media-card figcaption{font-size:.76rem;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line)}.software-card img{padding:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}.card{position:relative;background:linear-gradient(180deg,#111113,#0c0c0e);border:1px solid var(--line);border-radius:18px;padding:24px;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--red2),transparent)}.card b{color:var(--red2);font-size:.72rem;letter-spacing:.14em}.card p{color:var(--muted);margin-bottom:0}.feature{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.clean-list{list-style:none;padding:0;color:var(--muted)}.clean-list li{padding:9px 0;border-bottom:1px solid var(--line)}.clean-list li:before{content:"✓";color:var(--red2);font-weight:950;margin-right:10px}.dark-block{max-width:calc(var(--max) - 44px);padding:56px;border:1px solid rgba(226,27,35,.30);border-radius:28px;background:radial-gradient(circle at 90% 0%,rgba(226,27,35,.10),transparent 25rem),#0d0d0f}.compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 8px}.compat{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.compat strong,.compat span{display:block}.compat span{font-size:.82rem;color:var(--muted);margin-top:4px}.story-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.story-copy p{color:var(--muted)}.brand-scene{border-radius:22px;border:1px solid var(--line);box-shadow:0 28px 70px rgba(0,0,0,.38)}.video-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center}.video-copy p{color:var(--muted)}.promo-video{width:100%;max-height:650px;border-radius:22px;background:#000;border:1px solid var(--line);box-shadow:0 28px 75px rgba(0,0,0,.4)}.download-panel{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111113}.download-panel strong,.download-panel small{display:block}.download-panel small{color:var(--muted);margin-top:4px}.support{text-align:center;padding-top:110px;padding-bottom:110px}.support-logo{width:min(470px,78vw);margin:0 auto 20px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:860px;margin:28px auto}.support-grid div{padding:22px;border:1px solid var(--line);border-radius:16px;background:#101012}.support-grid p{margin:7px 0;color:var(--muted)}.slogan.big{display:inline-block;text-align:left;font-size:1.35rem}.support-copy{max-width:800px;margin:22px auto;color:var(--muted)}.big-btn{font-size:1.05rem;padding:16px 24px}.footer{max-width:var(--max);margin:auto;padding:42px 22px 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px;color:var(--muted)}.footer strong,.footer span{display:block}.footer strong{color:#fff}.footer-links{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap}.footer-links a{color:#ff4a51;text-decoration:none}.legal{grid-column:1/-1;font-size:.76rem;max-width:960px}.acceptance{max-width:760px;margin:22px auto;padding:16px 18px;border-left:3px solid var(--red);background:rgba(226,27,35,.06);text-align:left}.legal-page{max-width:980px;margin:auto;padding:72px 22px 110px}.legal-page h1{font-size:clamp(2.5rem,5vw,4.8rem)}.legal-page h2{font-size:1.55rem;margin-top:38px}.legal-page p{color:var(--muted)}.legal-page strong{color:#fff}.legal-note{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;top:62px;left:14px;right:14px;flex-direction:column;align-items:stretch;padding:16px;background:#09090a;border:1px solid var(--line);border-radius:14px}.nav.open{display:flex}.split,.story-grid,.video-section{grid-template-columns:1fr}.cards,.compat-grid{grid-template-columns:1fr 1fr}.hero-inner{padding-top:60px}.media-card img{max-height:430px}.brand-strip{padding-top:22px}}@media(max-width:600px){h1{font-size:3.05rem}.section{padding:66px 18px}.cards,.compat-grid,.support-grid{grid-template-columns:1fr}.dark-block{max-width:calc(100% - 28px);padding:36px 22px}.download-panel{flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.hero-logo{width:88vw}.hero-video{object-position:center}.brand-strip{padding:16px 12px 0}.brand-strip img{border-radius:16px}}
/* V4.1 corrections */
.brand-logo-link{display:block;line-height:0}
.topbar-logo{width:168px;height:38px;object-fit:contain;object-position:left center;border-radius:0!important}
.hero-logo{background:transparent!important;max-height:220px;object-fit:contain;object-position:left center}
.support-logo{background:transparent!important}
@media(max-width:600px){.topbar-logo{width:142px;height:34px}}

/* V4.2 — master logo, supplied product photos, training video */
.topbar-logo{width:190px;height:42px;filter:none!important}
.hero-logo{width:min(600px,76vw);max-height:none;filter:drop-shadow(0 12px 45px rgba(0,0,0,.7))!important}
.official-img{background:transparent!important}
.software-card img{padding:8px 12px 0;max-height:460px;object-fit:contain;background:transparent!important}
#control-one .media-card{background:radial-gradient(circle at 50% 35%,rgba(226,27,35,.10),transparent 55%),#080808}
#control-one .media-card img{padding:24px;max-height:650px;object-fit:contain;background:transparent!important}
#engine .media-card{background:radial-gradient(circle at 75% 15%,rgba(226,27,35,.10),transparent 52%),#080808}
#engine .media-card img{padding:24px;max-height:480px;object-fit:contain;background:transparent!important}
.training-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#080808;box-shadow:0 28px 70px rgba(0,0,0,.38)}
.training-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.training-caption{padding:11px 14px;color:var(--muted);font-size:.78rem;border-top:1px solid var(--line)}
.download-with-product{display:grid;grid-template-columns:120px 1fr auto;align-items:center}
.dmx-interface{width:110px;height:90px;object-fit:contain;background:transparent}
@media(max-width:900px){.download-with-product{grid-template-columns:90px 1fr}.download-with-product .btn{grid-column:1/-1}.dmx-interface{width:82px;height:74px}}
@media(max-width:600px){.topbar-logo{width:158px;height:36px}.hero-logo{width:90vw}.download-with-product{grid-template-columns:1fr}.dmx-interface{width:120px;height:90px}.download-with-product .btn{grid-column:auto}}

/* V4.3 — Kontakt + rezerwacja terminów */
.contact-section{padding-top:110px;padding-bottom:120px;border-top:1px solid var(--line)}
.contact-intro{max-width:880px;color:var(--muted);font-size:1.05rem;margin-bottom:34px}.contact-intro strong{color:#fff}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.form-panel{background:linear-gradient(180deg,#111113,#0b0b0d);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 26px 70px rgba(0,0,0,.28)}
.booking-panel{border-color:rgba(226,27,35,.28)}
.form-panel-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.form-panel-head h3{font-size:1.55rem;margin:0 0 5px}.form-panel-head p{margin:0;color:var(--muted);font-size:.9rem}.form-step{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid rgba(226,27,35,.5);border-radius:12px;color:var(--red2);font-weight:950;background:rgba(226,27,35,.07)}
.site-form{display:grid;gap:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.site-form label{display:grid;gap:7px;font-weight:800;font-size:.82rem;color:#d5d5d8}.site-form input,.site-form select,.site-form textarea{width:100%;border:1px solid var(--line);background:#08080a;color:#fff;border-radius:11px;padding:12px 13px;font:inherit;outline:none;transition:.2s}.site-form textarea{resize:vertical}.site-form input:focus,.site-form select:focus,.site-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(226,27,35,.10)}.site-form option{background:#111;color:#fff}.form-submit{border:0;cursor:pointer;font:inherit;margin-top:2px}.form-submit:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.form-status{min-height:24px;font-size:.88rem;font-weight:750}.form-status.success{color:#75e89a}.form-status.error{color:#ff777d}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.slot-info{border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--muted);font-size:.86rem;background:#0b0b0d}.slot-info strong{color:#fff}.admin-link{margin:18px 0 0;color:#666;font-size:.72rem}.admin-link a{color:#888}.booking-date-row{align-items:end}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}}
@media(max-width:600px){.field-grid{grid-template-columns:1fr}.form-panel{padding:21px 17px}.contact-section{padding-top:76px}}

/* V4.6 — dedicated fixture service */
.fixture-service{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 18%,rgba(226,27,35,.10),transparent 25rem)}
.fixture-head{max-width:900px}.fixture-head .lead{max-width:900px}
.fixture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:34px 0 20px}
.fixture-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#111113,#0b0b0d);position:relative;overflow:hidden}
.fixture-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--red2),transparent)}
.fixture-card span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(226,27,35,.45);border-radius:10px;color:var(--red2);font-size:.75rem;font-weight:950;margin-bottom:16px}
.fixture-card p{color:var(--muted);margin-bottom:0}.fixture-note{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-left:3px solid var(--red);background:rgba(226,27,35,.055);border-radius:0 14px 14px 0;max-width:900px}.fixture-note strong{white-space:nowrap}.fixture-note span{color:var(--muted)}
@media(max-width:900px){.fixture-grid{grid-template-columns:1fr}}
@media(max-width:600px){.fixture-note{display:block}.fixture-note strong{display:block;margin-bottom:5px}}

/* V4.7 — Polish download/install guide */
.guide-promo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 30%,rgba(226,27,35,.10),transparent 25rem)}
.guide-promo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.guide-promo-grid p{color:var(--muted);max-width:780px}.guide-steps-mini{display:grid;gap:10px}.guide-steps-mini span{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#101012;font-weight:850;color:#ddd}.guide-steps-mini span::first-letter{color:var(--red2)}
.guide-page{max-width:1040px;margin:auto;padding:58px 22px 110px}.guide-page .back{display:inline-block;margin-bottom:30px;color:#ff4a51;text-decoration:none;font-weight:850}.guide-hero{padding:30px 0 40px;border-bottom:1px solid var(--line)}.guide-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);max-width:980px}.guide-hero .lead{max-width:900px}.guide-warning{margin:24px 0;padding:18px 20px;border-left:3px solid var(--red);background:rgba(226,27,35,.065);border-radius:0 14px 14px 0}.guide-warning strong{color:#fff}.guide-section{padding:42px 0;border-bottom:1px solid var(--line)}.guide-section h2{font-size:clamp(1.8rem,4vw,3rem)}.guide-section p,.guide-section li{color:var(--muted)}.guide-section strong{color:#fff}.step-number{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(226,27,35,.5);border-radius:12px;color:var(--red2);font-weight:950;margin-bottom:14px}.download-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.download-choice article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#101012}.download-choice h3{margin-bottom:8px}.download-choice p{margin-top:0}.download-choice .btn{width:100%;margin-top:8px}.guide-checklist{padding-left:20px}.guide-checklist li{margin:9px 0}.guide-cta{margin-top:42px;padding:30px;border:1px solid rgba(226,27,35,.3);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(226,27,35,.10),transparent 22rem),#0d0d0f}.guide-cta h2{margin-bottom:10px}.guide-source{font-size:.78rem;color:#777;margin-top:22px}.guide-source a{color:#aaa}.guide-logo{width:min(420px,80vw);margin-bottom:22px}
@media(max-width:900px){.guide-promo-grid{grid-template-columns:1fr}.download-choice{grid-template-columns:1fr}}
@media(max-width:600px){.guide-page{padding:34px 18px 80px}.guide-section{padding:34px 0}.guide-cta{padding:22px 18px}}

/* V4.8 — NDT signature + intro-DJ.pl teaser */
.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}.ndt-signature{font-size:.68rem;font-weight:800;letter-spacing:.04em;color:#8f8f95;white-space:nowrap}.ndt-signature::before{content:"";display:inline-block;width:1px;height:16px;background:var(--line);margin-right:14px;vertical-align:middle}.ecosystem{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line)}.ecosystem strong{display:block;color:#fff;margin-bottom:3px}.ecosystem span{font-size:.82rem}.ecosystem b{color:#fff}
@media(max-width:1050px){.ndt-signature{display:none}}

/* V4.9 — Intro-DJ.pl cross-promo */
.intro-dj-crosspromo{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.intro-dj-crosspromo h2{font-size:clamp(36px,4.8vw,68px);line-height:1;letter-spacing:-.045em;margin:.25em 0}
.intro-dj-copy p{max-width:700px}.intro-dj-image{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.intro-dj-image img{display:block;width:100%;height:auto}.ecosystem a:hover{color:#fff}
@media(max-width:900px){.intro-dj-crosspromo{grid-template-columns:1fr}.intro-dj-image{order:-1}}

/* V5.0 — premium hero cleanup + native promo video */
.hero-services{margin:10px 0 0;color:#a9a9ae;font-size:.96rem;font-weight:750;letter-spacing:.015em}
.hero-services span{color:var(--red2);padding:0 .28em}
.promo-video{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:600px){
  .hero{min-height:auto}
  .hero-inner{padding:46px 0 66px}
  .hero-logo{width:72vw!important;margin-bottom:22px}
  .hero h1{font-size:clamp(2.45rem,11.5vw,3.05rem);line-height:1.02;margin-bottom:17px}
  .hero .lead{font-size:1.05rem;line-height:1.55;margin-bottom:10px}
  .hero-services{font-size:.88rem;line-height:1.7}
  .hero .slogan{margin:22px 0 20px;font-size:1rem}
  .hero .slogan strong{font-size:1.18em}
  .hero .actions{margin-top:20px}
  .promo-video{width:100%;height:auto!important;max-height:none!important}
}

/* V5.1 — regulamin acceptance */
.legal-check{display:flex!important;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.45;color:var(--muted,#b8b8b8);cursor:pointer}
.legal-check input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:#e31b23}
.legal-check a{color:#fff;text-decoration:underline;text-underline-offset:3px}


/* V5.2b — jasny, wyraźny selektor daty */
.booking-date-label{
  color:#fff!important;
  font-weight:900!important;
}
.date-input-wrap{
  position:relative;
  width:100%;
}
.date-input-wrap #booking-date{
  min-height:50px;
  padding-right:54px!important;
  cursor:pointer;
  color:#fff!important;
  font-weight:800;
  color-scheme:dark;
}
.date-input-wrap #booking-date::-webkit-calendar-picker-indicator{
  position:absolute;
  right:0;
  top:0;
  width:54px;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.date-picker-icon{
  pointer-events:none;
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  width:25px;
  height:25px;
  opacity:1;
  background-repeat:no-repeat;
  background-position:center;
  background-size:25px 25px;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.25));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");
}
.date-input-wrap:focus-within .date-picker-icon{
  filter:drop-shadow(0 0 6px rgba(255,255,255,.55));
}
@media(max-width:600px){
  .date-input-wrap #booking-date{min-height:54px;font-size:1rem}
  .date-picker-icon{width:28px;height:28px;background-size:28px 28px;right:14px}
}

/* V1.3 — kompaktowe kafelki ekosystemu, wzór FormacjaNDT.pl */
.project-network{grid-column:1/-1;padding-top:24px;margin-top:6px;border-top:1px solid var(--line)}
.project-network-head{max-width:760px;margin-bottom:16px}.project-network-head .eyebrow{margin-bottom:5px}.project-network-head h3{font-size:1.45rem;margin:0 0 6px;color:#fff}.project-network-head p{margin:0;color:var(--muted);font-size:.88rem}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.project-tile{--accent:#e21b23;position:relative;display:block;min-height:108px;padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));text-decoration:none;overflow:hidden;transition:.18s ease}
.project-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.9}.project-tile:after{content:"";position:absolute;right:-40px;bottom:-60px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);pointer-events:none}
.project-tile:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.1));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#101014),#0c0c0f)}
.project-mark,.project-visual img{display:none!important}
.project-tile small,.project-tile strong,.project-tile span,.project-tile b{display:block}.project-tile small{font-size:.57rem;font-weight:900;letter-spacing:.11em;color:var(--accent);margin-bottom:4px}.project-tile strong{font-size:.98rem;color:#fff;margin-bottom:4px}.project-tile span{font-size:.73rem;line-height:1.38;color:#aaaab1;max-width:560px}.project-tile b{margin-top:7px;color:var(--accent);font-size:.70rem;text-transform:uppercase;letter-spacing:.03em}
.project-red{--accent:#ff3b43}.project-gold{--accent:#e8b83f}.project-purple{--accent:#cb43ff}.project-blue{--accent:#3d8cff}.project-web{--accent:#42bfc7}.project-community{--accent:#ff4e55}.project-visual{--accent:#f3c24f}.project-denon{--accent:#43a6ff}.project-wide{grid-column:auto}
@media(max-width:820px){.project-grid{grid-template-columns:1fr}.project-tile{min-height:100px}}
@media(max-width:480px){.project-tile{padding:13px 14px}.project-tile span{font-size:.72rem}}


/* V1.4 — kafelki jak Robimy-WWW: logo + opis + CTA */
.project-tile{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center;min-height:126px;padding:14px 16px}
.project-logo{display:block!important;width:82px;height:82px;object-fit:contain;border-radius:12px;background:#09090b;position:relative;z-index:1}
.project-logo-text{display:flex!important;align-items:center;justify-content:center;font-weight:950;font-size:1rem;color:#fff;border:1px solid rgba(255,255,255,.12)}
.project-tile>div:last-child{position:relative;z-index:1;min-width:0}
.project-pioneer{--accent:#3c9cff}
@media(max-width:620px){.project-tile{grid-template-columns:68px minmax(0,1fr);gap:11px;min-height:112px}.project-logo{width:64px;height:64px;border-radius:10px}}

/* V1.5 — poprawka desktop + jednolite kafelki ekosystemu */
.project-network{
  width:100%;
  max-width:1180px;
  margin:18px auto 0;
  padding-top:30px;
}
.project-network-head{
  max-width:820px;
  margin:0 0 22px;
}
.project-network-head h3{font-size:1.8rem;margin:0 0 8px}
.project-network-head p{font-size:.98rem;line-height:1.55}
.project-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  width:100%;
}
.project-tile{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  width:100%;
  min-width:0;
  min-height:168px!important;
  padding:20px 22px!important;
  border-radius:16px!important;
}
.project-logo,
.project-tile.project-visual .project-logo{
  display:block!important;
  width:112px!important;
  height:112px!important;
  max-width:112px!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
  background:#09090b!important;
  flex:none!important;
}
.project-tile>div:last-child{
  min-width:0!important;
  width:auto!important;
}
.project-tile small{
  font-size:.68rem!important;
  line-height:1.35!important;
  letter-spacing:.13em!important;
  margin-bottom:7px!important;
}
.project-tile strong{
  font-size:1.18rem!important;
  line-height:1.2!important;
  margin-bottom:7px!important;
  overflow-wrap:anywhere;
}
.project-tile span{
  font-size:.88rem!important;
  line-height:1.5!important;
  max-width:none!important;
}
.project-tile b{
  margin-top:10px!important;
  font-size:.78rem!important;
  line-height:1.3!important;
}
.project-web .project-logo{
  padding:8px!important;
  background:#05070a!important;
}
.community-footer{
  width:min(1220px,calc(100% - 48px))!important;
  font-size:1rem!important;
}
.community-footer .project-network{
  width:100%!important;
  max-width:1180px!important;
}
@media (max-width:900px){
  .project-grid{grid-template-columns:1fr!important;gap:14px}
  .project-tile{grid-template-columns:96px minmax(0,1fr)!important;min-height:142px!important;padding:17px 18px!important}
  .project-logo,.project-tile.project-visual .project-logo{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important}
}
@media (max-width:600px){
  .project-network{padding-top:22px;margin-top:10px}
  .project-network-head h3{font-size:1.45rem}
  .project-network-head p{font-size:.9rem}
  .project-grid{gap:10px}
  .project-tile{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;min-height:124px!important;padding:14px 14px!important}
  .project-logo,.project-tile.project-visual .project-logo{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important;border-radius:12px!important}
  .project-tile small{font-size:.61rem!important;margin-bottom:5px!important}
  .project-tile strong{font-size:1.05rem!important;margin-bottom:5px!important}
  .project-tile span{font-size:.79rem!important;line-height:1.42!important}
  .project-tile b{font-size:.72rem!important;margin-top:7px!important}
  .community-footer{width:min(100% - 24px,1220px)!important}
}
@media (max-width:430px){
  .project-tile{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding:13px 12px!important}
  .project-logo,.project-tile.project-visual .project-logo{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important}
  .project-tile small{font-size:.56rem!important}
  .project-tile strong{font-size:.98rem!important}
  .project-tile span{font-size:.74rem!important}
}


/* ===== V1.8 EKOSYSTEM NDT — osobne klasy, bez kolizji ze starym CSS ===== */
.ndt-network-v18{grid-column:1/-1;width:100%;max-width:1220px;margin:10px auto 0;padding-top:26px;border-top:1px solid var(--line);box-sizing:border-box}
.ndt-network-head-v18{max-width:820px;margin:0 0 18px}
.ndt-network-head-v18 h3{margin:4px 0 7px;font-size:1.55rem;color:#fff}
.ndt-network-head-v18 p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.ndt-grid-v18{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;align-items:stretch!important}
.ndt-card-v18{--card-accent:#e21b23;display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;min-width:0!important;min-height:150px!important;padding:16px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;background:linear-gradient(135deg,#111114,#0b0b0e)!important;text-decoration:none!important;color:#fff!important}
.ndt-card-v18:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent)}
.ndt-card-v18:after{content:"";position:absolute;right:-42px;bottom:-66px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--card-accent) 11%,transparent);pointer-events:none}
.ndt-card-v18.red{--card-accent:#ef3038}.ndt-card-v18.gold{--card-accent:#e2b84d}.ndt-card-v18.purple{--card-accent:#c83bf0}.ndt-card-v18.blue{--card-accent:#2799ef}.ndt-card-v18.cyan{--card-accent:#35c3c9}
.ndt-card-v18:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--card-accent) 48%,rgba(255,255,255,.1))!important}
.ndt-logo-wrap-v18{display:grid!important;place-items:center!important;width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;border-radius:16px!important;overflow:hidden!important;background:#070709!important;border:1px solid rgba(255,255,255,.05)!important;box-sizing:border-box!important;position:relative!important;z-index:1!important}
.ndt-logo-v18{display:block!important;width:100%!important;height:100%!important;max-width:112px!important;max-height:112px!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;transform:none!important}
.ndt-copy-v18{display:block!important;min-width:0!important;position:relative!important;z-index:1!important}
.ndt-copy-v18 small,.ndt-copy-v18 strong,.ndt-copy-v18 span,.ndt-copy-v18 b{display:block!important;min-width:0!important}
.ndt-copy-v18 small{margin:0 0 6px!important;color:var(--card-accent)!important;font-size:.66rem!important;font-weight:900!important;letter-spacing:.14em!important;line-height:1.25!important}
.ndt-copy-v18 strong{margin:0 0 6px!important;color:#fff!important;font-size:1.18rem!important;line-height:1.15!important}
.ndt-copy-v18 span{margin:0!important;color:#a9a9b1!important;font-size:.86rem!important;line-height:1.45!important}
.ndt-copy-v18 b{margin-top:9px!important;color:var(--card-accent)!important;font-size:.77rem!important;text-transform:uppercase!important;letter-spacing:.03em!important}
@media(max-width:900px){.ndt-grid-v18{grid-template-columns:1fr!important}.ndt-card-v18{grid-template-columns:96px minmax(0,1fr)!important;min-height:132px!important}.ndt-logo-wrap-v18{width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;max-width:96px!important;max-height:96px!important}.ndt-logo-v18{max-width:96px!important;max-height:96px!important}}
@media(max-width:560px){.ndt-network-v18{padding-top:20px}.ndt-grid-v18{gap:10px!important}.ndt-card-v18{grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;min-height:116px!important;padding:13px!important;border-radius:15px!important}.ndt-logo-wrap-v18{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;max-width:82px!important;max-height:82px!important;border-radius:12px!important}.ndt-logo-v18{max-width:82px!important;max-height:82px!important}.ndt-copy-v18 small{font-size:.56rem!important}.ndt-copy-v18 strong{font-size:1rem!important}.ndt-copy-v18 span{font-size:.75rem!important}.ndt-copy-v18 b{font-size:.7rem!important}}

/* V1.12 — uporządkowana nawigacja, jedno logo, subtelny branding Robimy-WWW */
.topbar-v112 .brand-wrap-v112{flex:0 0 auto}
.topbar-v112 .topbar-logo-desktop{display:block!important;width:48px!important;height:48px!important;object-fit:contain!important;border-radius:50%!important}
.topbar-v112 .topbar-logo-mobile{display:none!important}
.topbar-v112 .nav-v112{margin-left:auto;gap:20px}
.topbar-v112 .nav-v112 a{font-size:.84rem}
.topbar-v112 .nav-v112 .nav-cta{padding:8px 13px}
.hero-inner>h1:first-child{margin-top:0}
.powered-by-v112{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding-top:18px;margin-top:6px;border-top:1px solid var(--line)}
.powered-by-v112 a{display:inline-flex;align-items:center;gap:8px;color:#8e8e95;text-decoration:none;font-size:.72rem;letter-spacing:.02em}
.powered-by-v112 a:hover{color:#fff}
.powered-by-v112 img{width:26px!important;height:26px!important;object-fit:contain!important;border-radius:6px!important}
.powered-by-v112 b{color:#bdbdc2;font-weight:800}
@media(max-width:900px){
  .topbar-v112 .topbar-logo-desktop{display:none!important}
  .topbar-v112 .topbar-logo-mobile{display:block!important;width:158px!important;height:36px!important;object-fit:contain!important;border-radius:0!important}
  .topbar-v112 .nav-v112{margin-left:0;gap:8px}
}

/* V1.13 — rozdzielenie bezpłatnej społeczności od płatnych usług */
.support-router-v113{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 30px}.support-route-v113{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px;background:rgba(8,8,10,.76);box-shadow:0 12px 30px rgba(0,0,0,.16)}.support-route-v113 h3{margin:10px 0 8px}.support-route-v113 p{margin:0 0 18px;color:var(--muted,#bbb);line-height:1.55}.support-route-v113.free{border-color:rgba(65,196,126,.42)}.support-route-v113.paid{border-color:rgba(232,164,55,.45)}.support-route-v113.order{border-color:rgba(82,151,255,.42)}.route-tag-v113{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.06em}.free .route-tag-v113{color:#62d890}.paid .route-tag-v113{color:#f1b35c}.order .route-tag-v113{color:#78aaff}@media(max-width:900px){.support-router-v113{grid-template-columns:1fr}}