html{background:#080d10}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(27,164,207,.55) 28%,rgba(240,122,50,.5) 70%,transparent);opacity:.55}.logoMark{overflow:hidden}.logoMark:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.2) 48%,transparent 61%);transform:translateX(-70%) rotate(15deg);animation:markSweep 7s ease-in-out infinite}@keyframes markSweep{0%,72%{transform:translateX(-70%) rotate(15deg)}88%,100%{transform:translateX(70%) rotate(15deg)}}
.topbar nav a{padding:34px 0 30px;transition:color .25s}.topbar nav a:after{bottom:20px;height:2px}.topbar .phone{position:relative}.topbar .phone:before{content:"";position:absolute;left:-5px;top:6px;width:5px;height:5px;border-radius:50%;background:#59c58a;box-shadow:0 0 0 5px rgba(89,197,138,.08)}
.heroContent>*{animation:heroIn .8s cubic-bezier(.2,.75,.25,1) both}.heroContent .kicker{animation-delay:.08s}.heroContent h1{animation-delay:.16s}.heroContent .lead{animation-delay:.24s}.heroContent .heroActions{animation-delay:.32s}.heroContent .trust{animation-delay:.4s}@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.heroImage{animation:heroFocus 12s ease-out both}@keyframes heroFocus{from{transform:scale(1.07)}to{transform:scale(1.015)}}
.hero .btn{position:relative;overflow:hidden}.hero .btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 48%,transparent 70%);transform:translateX(-120%);transition:transform .65s}.hero .btn:hover:after{transform:translateX(120%)}.bookingCard{animation:cardIn .85s .36s cubic-bezier(.2,.75,.25,1) both}.bookingCard:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 40%);pointer-events:none}@keyframes cardIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.heroSignature{position:absolute;z-index:5;right:28px;top:28px;writing-mode:vertical-rl;display:flex;gap:16px;align-items:center;color:rgba(255,255,255,.46)}.heroSignature span{font:900 1rem Barlow Condensed;color:#65c4df;border:1px solid rgba(101,196,223,.4);padding:8px 4px}.heroSignature b{font-size:.52rem;letter-spacing:.2em;font-weight:700}.quickbar>div,.quickbar>a{position:relative}.quickbar>div:before{content:"";position:absolute;left:0;top:50%;width:2px;height:22px;transform:translateY(-50%);background:#1ba4cf}.quickbar>div:nth-child(2):before{background:#f07a32}.quickbar>div:nth-child(3):before{background:#67bed8}.quickbar>a{transition:background .25s,color .25s}.quickbar>a:hover{background:#f07a32;color:#fff}
.panelContent{animation:pageIn .45s ease both}@keyframes pageIn{from{opacity:0}to{opacity:1}}.panelContent:after{content:attr(data-section);position:absolute;right:2.5vw;bottom:-5vw;font:900 20vw Barlow Condensed;color:rgba(255,255,255,.018);line-height:1;pointer-events:none}.panelTop{position:relative}.panelTop:before{content:"";position:absolute;left:0;top:-28px;width:92px;height:3px;background:linear-gradient(90deg,#1ba4cf 0 72%,#f07a32 72%)}.panelCard{transition:transform .3s,border-color .3s,background .3s}.panelCard:hover{transform:translateY(-5px);border-color:rgba(98,196,225,.35);background:rgba(255,255,255,.075)}.panelCard:after{content:"↗";position:absolute;right:24px;top:24px;color:rgba(255,255,255,.22);font-size:.8rem}.backHome{position:relative;padding-left:30px}.backHome:before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:#f07a32;transition:width .25s}.backHome:hover:before{width:25px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(101,196,223,.7);outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1050px){.heroSignature{display:none}}
.panelPage .panelContent{background-color:#081015;background-repeat:no-repeat;background-size:cover;background-position:center;isolation:isolate}.panelPage[data-view="badania"] .panelContent{background-image:url('assets/hero-skp-real-v3.png');background-position:center 55%}.panelPage[data-view="pojazdy"] .panelContent{background-image:url('assets/hero-neon-v2.png');background-position:center 48%}.panelPage[data-view="cennik"] .panelContent{background-image:url('assets/hero-diagnostyka.png');background-position:center 52%}.panelPage[data-view="stacja"] .panelContent{background-image:url('assets/hero-skp-real-v3.png');background-position:center 35%}.panelPage[data-view="kontakt"] .panelContent{background-image:url('assets/hero-neon-v2.png');background-position:center 58%}.panelPage .panelContent:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,10,14,.97) 0%,rgba(5,10,14,.88) 38%,rgba(5,10,14,.62) 70%,rgba(5,10,14,.46)),linear-gradient(0deg,rgba(5,10,14,.78),transparent 55%);background-size:auto;mask-image:none}.panelPage .panelContent:after{z-index:-1}.panelPage .panelCard,.panelPage .contactBox{background:linear-gradient(145deg,rgba(11,22,28,.82),rgba(7,14,18,.72));border-color:rgba(255,255,255,.16);box-shadow:0 22px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px) saturate(1.12)}.panelPage .panelCard:hover{background:linear-gradient(145deg,rgba(15,30,37,.9),rgba(8,17,22,.84));border-color:rgba(99,198,226,.42)}.panelPage .panelTop>p{color:#c7d2d7;text-shadow:0 2px 12px rgba(0,0,0,.45)}.panelPage .panelTop h1{text-shadow:0 8px 30px rgba(0,0,0,.42)}
@media(max-width:700px){.panelPage .panelContent{background-position:65% center}.panelPage .panelContent:before{background:linear-gradient(0deg,rgba(5,10,14,.98),rgba(5,10,14,.78) 68%,rgba(5,10,14,.6))}}