:root{--bg:#04080b;--panel:#0b1217;--panel2:#0e171d;--text:#f5f6f6;--muted:#aab3b9;--yellow:#ffc800;--line:#253039;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.topbar{height:82px;position:fixed;z-index:50;inset:0 0 auto;background:rgba(2,6,9,.94);backdrop-filter:blur(12px);border-bottom:1px solid #1b252c;display:flex;align-items:center;padding:8px max(4vw,calc((100vw - 1180px)/2));gap:30px}.brand{width:150px;height:66px;overflow:hidden;display:block}.brand img,.footer-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}nav{display:flex;gap:25px;margin:auto;font-size:13px;font-weight:800}nav a{padding:31px 0 25px;border-bottom:2px solid transparent}nav a:hover{color:var(--yellow);border-color:var(--yellow)}.phone{font-size:20px;color:var(--yellow);font-weight:800;white-space:nowrap}.phone span{font-size:14px;color:#fff}.phone small{display:block;margin-left:25px;color:#7f8990;font-size:9px;margin-top:3px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{height:650px;padding-top:82px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:82px 0 0;background:url('assets/hero-workshop.jpg') center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:82px 0 0;background:linear-gradient(90deg,rgba(2,6,9,.98) 0%,rgba(2,6,9,.92) 35%,rgba(2,6,9,.35) 66%,rgba(2,6,9,.18) 100%),linear-gradient(0deg,#04080b 0%,transparent 22%)}.hero-copy{position:relative;z-index:2;padding-top:12px}.kicker,.label{font-size:10px;letter-spacing:3.5px;font-weight:900}.label{color:var(--yellow)}h1{font-size:70px;line-height:.9;margin:18px 0 8px;letter-spacing:-3px}h1 span{color:var(--yellow)}h2{font-size:28px;margin:0 0 17px;letter-spacing:.5px}.lead{font-size:16px;line-height:1.55;color:#e4e8ea}.actions{display:flex;gap:14px;margin:27px 0}.btn{display:inline-flex;min-height:44px;padding:0 20px;align-items:center;justify-content:center;border:1px solid #8b969d;border-radius:4px;font-size:12px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#fff}.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:#070707}.btn.green{border-color:var(--green)}.trust{display:flex;gap:46px;margin-top:48px;font-size:10px;color:#e0e5e7}.trust span:first-letter{color:var(--yellow)}.section{padding-top:52px;padding-bottom:52px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h3,.usa-section h3,.b2b h3,.review-title h3{font-size:30px;margin:7px 0 22px}.section-title a,.section-title span{font-size:10px;color:#c7ced2}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-grid article{position:relative;overflow:hidden;min-height:260px;border:1px solid #202b32;border-radius:5px;background:linear-gradient(#101920,#070c10);padding:145px 16px 16px}.service-art{position:absolute;inset:0 0 auto;height:132px;background-size:cover;background-position:center;border-bottom:1px solid #1f2a31}.service-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1419 0%,transparent 70%)}.ecu{background-image:url("assets/service-1.jpg")}.coding{background-image:url("assets/service-2.jpg")}.usa-art{background-image:url("assets/service-3.jpg")}.chip{background-image:url("assets/service-4.jpg")}.gauges{background-image:url("assets/service-5.jpg")}.exhaust{background-image:url("assets/service-6.jpg")}.service-grid i{position:absolute;top:118px;left:16px;color:var(--yellow);font-size:26px;font-style:normal;font-weight:900}.service-grid h4,.projects h4{font-size:17px;margin:12px 0 8px}.service-grid p,.projects p,.review-grid p,.usa-section p,.b2b p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.usa-section{border-block:1px solid #1e2930;background:radial-gradient(circle at 18% 55%,#182b3a,transparent 31%),linear-gradient(110deg,#0d151b,#05090c 68%);padding:42px 0}.usa-grid{display:grid;grid-template-columns:1fr 1.15fr .75fr;gap:38px;align-items:center}.usa-visual{height:240px;border-right:1px solid #2a353c;background:url('assets/usa-eu.jpg') center/cover no-repeat;border-radius:6px;overflow:hidden}.car-silhouette{display:none}.brands{display:grid;gap:10px}.brands small{color:#aab2b7;font-size:9px}.brands b{font-size:14px;color:#e2e6e8}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.projects article{border:1px solid #222d34;border-radius:5px;background:#091015;padding:0 15px 15px;overflow:hidden}.project-img{height:150px;margin:0 -15px 13px;display:grid;place-items:center;background:linear-gradient(145deg,#283640,#0a0f12);font-size:32px;font-weight:900;letter-spacing:3px;color:var(--yellow)}.reviews{background:#070c10;border-block:1px solid #1d272e}.review-title{display:flex;justify-content:space-between;align-items:center}.stars{color:var(--yellow);font-size:22px}.stars strong{color:#fff;font-size:13px}.review-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px}.review-grid article{border:1px solid #1f2930;background:linear-gradient(#101820,#0a1014);padding:18px;border-radius:5px;color:var(--yellow)}.review-grid small{color:#9ea8ae}.review-actions{display:flex;align-items:center;justify-content:center;gap:10px}.b2b{padding:50px 0;background:linear-gradient(90deg,#0b1217,#111a20 52%,#05090c)}.b2b-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.handshake{height:190px;border:1px solid #273139;border-radius:6px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(5,9,12,.25),rgba(5,9,12,.55)),url('assets/b2b.jpg') center/cover no-repeat;font-weight:900;font-size:24px;text-shadow:0 2px 8px #000}.handshake span{color:var(--yellow)}footer{border-top:1px solid #202a31;background:#020608;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px;align-items:start}.footer-logo{width:170px;height:90px;overflow:hidden}.footer-grid p{font-size:12px;line-height:1.65;color:#c4cbd0}.muted{color:#68737a!important}@media(max-width:980px){nav{position:absolute;display:none;top:82px;left:0;right:0;background:#050a0d;padding:20px 4%;flex-direction:column;gap:0;border-bottom:1px solid #263038}nav.open{display:flex}nav a{padding:13px 0}.menu{display:block;margin-left:auto}.phone{display:none}.hero-bg{background-position:62% top}.hero-overlay{background:linear-gradient(90deg,rgba(2,6,9,.98),rgba(2,6,9,.72) 70%,rgba(2,6,9,.5))}.service-grid{grid-template-columns:repeat(3,1fr)}.usa-grid{grid-template-columns:1fr 1.3fr}.brands{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.projects{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr 1fr}.review-actions{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{height:72px}.brand{width:120px;height:58px}.hero{height:auto;min-height:660px;padding-top:72px}.hero-bg,.hero-overlay{inset:72px 0 0}.hero-bg{background-position:66% top}.hero-overlay{background:linear-gradient(90deg,rgba(2,6,9,.98),rgba(2,6,9,.83))}.hero-copy{padding-top:60px;padding-bottom:35px}h1{font-size:48px}h2{font-size:21px}.lead{font-size:14px}.actions{flex-direction:column;align-items:flex-start}.trust{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-grid,.projects,.review-grid,.footer-grid{grid-template-columns:1fr}.usa-grid,.b2b-grid{grid-template-columns:1fr}.usa-visual{border-right:0;border-bottom:1px solid #263139}.brands{grid-column:auto;grid-template-columns:1fr 1fr}.review-actions{grid-column:auto;flex-direction:column}.section-title{align-items:flex-start;gap:8px;flex-direction:column}.review-title{align-items:flex-start;flex-direction:column}.service-grid article{min-height:240px}.footer-logo{width:150px}}

.projects article:nth-child(1) .project-img{background:url('assets/project-1.jpg') center/cover}.projects article:nth-child(2) .project-img{background:url('assets/project-2.jpg') center/cover}.projects article:nth-child(3) .project-img{background:url('assets/project-3.jpg') center/cover}.projects article:nth-child(4) .project-img{background:url('assets/project-4.jpg') center/cover}.projects .project-img{font-size:0}
.google-rating{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 12px}.google-rating .stars{grid-row:1/3}.google-rating strong{font-size:20px}.google-rating small{color:var(--muted);font-size:10px}.contact-section{padding:55px 0;background:linear-gradient(180deg,#071015,#030709);border-top:1px solid #1f2a31}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.contact-form,.map-card{border:1px solid #202b32;background:linear-gradient(#0d151b,#070c10);border-radius:7px;overflow:hidden}.contact-form{padding:22px}.contact-form label{display:block;font-size:11px;font-weight:800;color:#dce2e5;margin-bottom:14px}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;background:#050a0d;border:1px solid #2a363e;color:#fff;border-radius:4px;padding:13px 14px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,200,0,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;color:var(--muted)!important;line-height:1.4}.consent input{width:auto;margin:2px 0 0}.hp{position:absolute!important;left:-10000px!important}.submit-btn{border:0;cursor:pointer}.form-note{font-size:10px;color:var(--muted);margin:10px 0 0}.map-card iframe{width:100%;height:390px;border:0;display:block;filter:saturate(.85) contrast(1.05)}.map-info{padding:18px;display:grid;gap:7px}.map-info strong{font-size:17px}.map-info span{font-size:12px;color:var(--muted)}.map-info .btn{margin-top:8px;justify-self:start}.form-status{padding:14px;border:1px solid #26333b;background:#0b1419;margin-bottom:18px;border-radius:5px;font-size:12px}.form-status.ok{border-color:#2d6c48}.form-status.error{border-color:#8d3e3e}@media(max-width:760px){.contact-grid,.form-row{grid-template-columns:1fr}.map-card iframe{height:320px}.google-rating{margin-bottom:15px}}
.google-review-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;color:var(--muted)}.google-review-footer>small{max-width:560px;line-height:1.5}.google-review-footer .actions{margin:0}.google-review-card{color:var(--text)!important;display:flex;flex-direction:column;min-height:190px}.google-review-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.google-review-head img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#172129}.google-review-head b{display:block;font-size:13px}.google-review-head small{display:block;margin-top:2px}.google-review-stars{color:var(--yellow);letter-spacing:1px;margin-bottom:9px}.google-review-card p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.google-review-card>a{font-size:10px;color:var(--yellow);font-weight:800;margin-top:auto;padding-top:12px}.review-error{grid-column:1/-1;color:var(--text)!important}.review-error p{margin-bottom:12px}@media(max-width:760px){.google-review-footer{align-items:flex-start;flex-direction:column}.google-review-footer .actions{width:100%}}
/* v8 — zaakceptowane sekcje premium + dynamiczne realizacje */
.premium-banner-section{padding:42px 0;border-block:1px solid #1e2930;background:radial-gradient(circle at 15% 40%,#10202b,transparent 35%),#05090c}.premium-banner{display:block;width:100%;height:auto;border:1px solid #24313a;border-radius:8px;box-shadow:0 20px 55px rgba(0,0,0,.35)}.banner-actions{display:flex;gap:12px;margin-top:16px}.projects-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:22px}.projects-head h3{font-size:36px;margin:7px 0}.projects-head h3 span{color:var(--yellow)}.projects-head p:not(.label){color:var(--muted);font-size:13px}.projects-showcase{margin-bottom:24px}.projects-showcase img{display:block;width:100%;border-radius:8px;border:1px solid #24313a}.dynamic-projects article{position:relative;padding-bottom:18px}.dynamic-projects .project-img{background-size:cover!important;background-position:center!important}.project-cat{display:inline-block;color:var(--yellow);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;margin-top:2px}.all-projects{padding-top:125px;padding-bottom:70px;min-height:100vh}.projects-page-title{font-size:54px;color:#fff;margin:8px 0}.projects-page-lead{color:var(--muted);margin-bottom:28px}.empty-projects{grid-column:1/-1;padding:30px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}
@media(max-width:760px){.premium-banner-section{padding:24px 0}.premium-banner{min-height:250px;object-fit:cover;object-position:center}.b2b-premium .premium-banner{object-position:center}.banner-actions{flex-direction:column;align-items:stretch}.projects-head{align-items:flex-start;flex-direction:column}.projects-head h3{font-size:30px}.projects-showcase img{min-height:220px;object-fit:cover;object-position:center}.projects-page-title{font-size:40px}}
/* v8.2 — realizacje: jedna, dynamiczna sekcja bez zdublowanej makiety */
.projects-section .dynamic-projects{margin-top:28px}
.projects-section .dynamic-projects article{overflow:hidden;position:relative;background:linear-gradient(180deg,#0b1820 0%,#071116 100%);border:1px solid #263943;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.projects-section .dynamic-projects .project-img{height:230px;background-size:cover;background-position:center;filter:saturate(.9) contrast(1.04)}
.projects-section .dynamic-projects article h4{font-size:22px;margin:12px 18px 8px;color:#fff}
.projects-section .dynamic-projects article p{margin:0 18px 20px;color:#c7d1d7;line-height:1.45}
.projects-section .dynamic-projects .project-cat{display:inline-block;margin:14px 18px 0;color:#ffca00;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.projects-section .projects-head .btn{position:relative;z-index:3;pointer-events:auto;cursor:pointer}
@media(max-width:800px){.projects-section .dynamic-projects .project-img{height:210px}}

/* v8.3 — aktywne przyciski na bannerach */
.banner-hotspot-wrap{position:relative}.banner-hotspot{position:absolute;display:block;z-index:6;border-radius:8px;cursor:pointer}.banner-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* pozycje odnoszą się do zaakceptowanych grafik 2048x704 / 1792x768 */
.import-more{left:40.7%;top:72.8%;width:16.3%;height:14.8%}
.b2b-contact{left:1.4%;top:63.0%;width:23.2%;height:12.5%}.b2b-whatsapp{left:25.6%;top:63.0%;width:15.4%;height:12.5%}
/* v8.3 — dynamiczne karty w stylu nowego projektu */
.projects-section{background:radial-gradient(circle at 50% 10%,rgba(10,33,44,.72),transparent 48%)}
.projects-section .dynamic-projects{gap:22px}.projects-section .dynamic-projects article{border-color:#30434d;background:linear-gradient(180deg,#0d1b22,#071116);box-shadow:0 20px 50px rgba(0,0,0,.28);transition:transform .2s ease,border-color .2s ease}.projects-section .dynamic-projects article:hover{transform:translateY(-3px);border-color:#52656f}.projects-section .dynamic-projects .project-img{height:205px;border-bottom:1px solid #263a44}.projects-section .dynamic-projects .project-cat{background:#071116;border:1px solid #253842;border-radius:5px;padding:6px 9px;margin-top:12px}.projects-section .dynamic-projects article h4{font-size:21px}.projects-section .dynamic-projects article p{min-height:42px}.project-details-link{display:block;margin:0 16px 16px;padding:11px 14px;text-align:center;border-radius:6px;background:#0c202a;color:#fff;font-size:10px;font-weight:900}.project-details-link:hover{color:#ffc800;background:#102b37}
@media(max-width:760px){.import-more{left:39%;top:72%;width:21%;height:16%}.b2b-contact{left:1%;top:62%;width:25%;height:14%}.b2b-whatsapp{left:25%;top:62%;width:18%;height:14%}}

/* v8.5 — poprawione aktywne obszary przycisków B2B */
.b2b-contact{left:4.2%;top:73.7%;width:22.1%;height:9.5%;z-index:20}
.b2b-whatsapp{left:27.2%;top:73.7%;width:14.6%;height:9.5%;z-index:20}
.b2b-premium .banner-hotspot-wrap{position:relative;isolation:isolate}
.b2b-premium .banner-hotspot{pointer-events:auto}
@media(max-width:760px){
  .b2b-premium .premium-banner{min-height:0;object-fit:contain;width:100%;height:auto}
  .b2b-contact{left:4.2%;top:73.7%;width:22.1%;height:9.5%}
  .b2b-whatsapp{left:27.2%;top:73.7%;width:14.6%;height:9.5%}
}
/* v8.6 SEO — lokalna treść i linkowanie usług */
.seo-local{padding-top:45px;padding-bottom:45px}.seo-local h3{font-size:32px;margin:7px 0 14px}.seo-local>p:not(.label){max-width:920px;color:#c4cdd2;line-height:1.7}.seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.seo-links a{border:1px solid #34434b;border-radius:5px;padding:11px 14px;font-size:11px;font-weight:900}.seo-links a:hover{border-color:#ffc800;color:#ffc800}@media(max-width:600px){.seo-local h3{font-size:25px}.seo-links{flex-direction:column}}

/* v8.7 — wyróżnione CTA hero: WhatsApp / Facebook */
.hero-actions{gap:14px;align-items:stretch}
.hero-actions .btn{min-width:0;min-height:48px;border-radius:6px}
.hero-actions .green{background:#0b9f42;border-color:#25d366;color:#fff;box-shadow:0 0 12px rgba(37,211,102,.48),inset 0 0 14px rgba(37,211,102,.12)}
.hero-actions .green:hover{background:#10b94e;border-color:#53f18a;box-shadow:0 0 18px rgba(37,211,102,.7)}
.hero-actions .facebook{background:#0866ff;border-color:#2580ff;color:#fff;box-shadow:0 0 12px rgba(8,102,255,.55),inset 0 0 14px rgba(255,255,255,.06)}
.hero-actions .facebook:hover{background:#1877f2;border-color:#66a4ff;box-shadow:0 0 18px rgba(8,102,255,.75)}
.hero-actions .facebook:first-letter{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:900}
@media(max-width:600px){.hero-actions{width:100%}.hero-actions .btn{width:min(320px,100%)}}

/* TECHCAR hero CTA - 2026-09-27 */
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hero-actions .btn{min-height:48px;border-radius:6px;font-weight:900;position:relative;overflow:hidden}
.hero-actions .cta-icon{width:22px;height:22px;flex:0 0 22px;margin-right:9px}
.hero-actions .whatsapp{background:linear-gradient(180deg,#20d760 0%,#08a63e 100%);border-color:#35ef78;color:#fff;box-shadow:0 0 10px rgba(37,211,102,.75),0 0 22px rgba(37,211,102,.30),inset 0 1px 0 rgba(255,255,255,.30)}
.hero-actions .whatsapp:hover{background:linear-gradient(180deg,#2ae66b 0%,#0bb54a 100%);border-color:#75ffa5;box-shadow:0 0 15px rgba(37,211,102,.95),0 0 30px rgba(37,211,102,.45)}
.hero-actions .facebook{background:linear-gradient(180deg,#1877f2 0%,#0757cf 100%);border-color:#54a0ff;color:#fff;box-shadow:0 0 10px rgba(24,119,242,.80),0 0 24px rgba(24,119,242,.38),inset 0 1px 0 rgba(255,255,255,.30)}
.hero-actions .facebook:hover{background:linear-gradient(180deg,#2684ff 0%,#0962e4 100%);border-color:#8bc0ff;box-shadow:0 0 16px rgba(24,119,242,1),0 0 32px rgba(24,119,242,.50)}
@media(max-width:600px){.hero-actions{width:100%}.hero-actions .btn{width:min(320px,100%)}}

/* Losowa rotacja opinii Google */
#google-reviews{transition:opacity .22s ease,transform .22s ease}
#google-reviews.reviews-changing{opacity:.12;transform:translateY(4px)}