@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#06101e;--panel:#0d1b2d;--panel2:#10243a;--text:#f4f8ff;--muted:#aebdce;--cyan:#13c9ed;--blue:#167bff;--line:rgba(139,190,225,.18);--max:1160px;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(4,12,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{display:block;width:178px;height:auto}.navlinks{display:flex;align-items:center;gap:8px}.navlinks a{padding:10px 13px;color:#c2cfdf;font-size:13px;font-weight:800;border-radius:9px;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff;background:#14263a}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:9px;font-weight:800;font-size:14px;background:linear-gradient(105deg,var(--cyan),#197cff);color:#04101b;box-shadow:0 10px 32px #008cff22;transition:transform .2s,filter .2s}.nav-cta:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.btn.outline{background:rgba(8,20,35,.5);border:1px solid #55728e;color:#f2f8ff;box-shadow:none}.menu-toggle{display:none;background:#102237;color:white;border:1px solid var(--line);padding:10px 13px;border-radius:9px;font-size:20px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;display:flex;align-items:center;background:#061020}.hero:before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(4,12,24,.98) 0%,rgba(4,15,29,.84) 48%,rgba(5,19,38,.48) 100%),url('assets/rozdzielnica-glowna.jpg') center 42%/cover;filter:saturate(.8)}.hero:after{content:"";position:absolute;inset:-25%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,rgba(0,201,237,.18),transparent 28%),radial-gradient(ellipse at 28% 80%,rgba(27,103,255,.22),transparent 35%);animation:glow 13s ease-in-out infinite alternate}.mist{position:absolute;z-index:-1;inset:-30%;pointer-events:none;opacity:.24;background:radial-gradient(ellipse at 20% 40%,#a4eaff22 0,transparent 28%),radial-gradient(ellipse at 70% 60%,#a4eaff1c 0,transparent 32%),radial-gradient(ellipse at 50% 20%,#fff1 0,transparent 22%);filter:blur(32px);animation:mist 24s ease-in-out infinite alternate}@keyframes mist{0%{transform:translate(-4%,2%) scale(1)}50%{transform:translate(5%,-2%) scale(1.12)}100%{transform:translate(-1%,5%) scale(1.05)}}@keyframes glow{from{transform:translateX(-2%)}to{transform:translateX(3%)}}
.hero-content{padding:105px 0 100px;max-width:780px}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--cyan);font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:"";height:2px;width:30px;background:var(--cyan)}h1{font-size:clamp(40px,6.5vw,76px);line-height:1.02;letter-spacing:-.065em;margin:21px 0 25px}h1 span,.accent{color:var(--cyan)}.hero p{max-width:650px;color:#c2cfdd;font-size:18px;margin:0 0 29px}.actions{display:flex;gap:13px;flex-wrap:wrap}.hero-meta{margin-top:28px;color:#a7b7c9;font-size:13px;display:flex;gap:18px;flex-wrap:wrap}.hero-meta span:before{content:'✓';color:var(--cyan);margin-right:8px;font-weight:900}
.trust{background:#091728;border-block:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:23px 0}.trust-item{display:flex;align-items:center;gap:13px;color:#b8c7d7;font-size:12px}.trust-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#102b43;color:var(--cyan);font-size:22px}.trust-item b{display:block;color:#fff;font-size:14px}
section{padding:82px 0}.section-head{max-width:720px;margin-bottom:34px}.section-head h2{font-size:clamp(29px,4vw,46px);line-height:1.12;letter-spacing:-.045em;margin:12px 0}.section-head p{color:var(--muted);margin:0}.section-head.center{text-align:center;margin-inline:auto}.section-head.center .eyebrow{justify-content:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{position:relative;overflow:hidden;padding:25px;background:linear-gradient(145deg,#10243a,#0a1727);border:1px solid var(--line);border-radius:var(--r);min-height:190px;transition:transform .25s,border-color .25s}.service:after{content:"";position:absolute;width:130px;height:130px;right:-70px;bottom:-85px;border-radius:50%;background:#00c8f822;filter:blur(12px)}.service:hover{transform:translateY(-4px);border-color:#13c9ed77}.num{font-size:11px;color:var(--cyan);font-weight:800;letter-spacing:.13em}.service h3{font-size:18px;line-height:1.3;margin:12px 0 8px}.service p{font-size:13px;color:var(--muted);margin:0}.section-dark{background:#091728}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.visual-frame{position:relative}.visual-frame:before{content:"";position:absolute;inset:-10px 10px 10px -10px;border:1px solid #13c9ed55;border-radius:var(--r)}.visual-frame img{position:relative;display:block;width:100%;height:420px;object-fit:cover;border-radius:var(--r)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.check{padding:12px 14px;border-radius:9px;background:#0e2033;border:1px solid var(--line);font-size:12px;color:#d8e5f2}.check:before{content:'✓';color:var(--cyan);font-weight:900;margin-right:8px}.cta-band{background:linear-gradient(100deg,#082b49,#0b1c31);border-block:1px solid #0a779a55;padding:40px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-row h2{font-size:clamp(25px,3.5vw,38px);line-height:1.1;margin:0 0 9px}.cta-row p{margin:0;color:#b8c9d9}.badge{flex-shrink:0;border:1px solid #13c9ed66;border-radius:10px;padding:14px 22px;text-align:center;color:var(--cyan);font-weight:800}
.page-hero{position:relative;overflow:hidden;padding:76px 0 65px;background:radial-gradient(ellipse at 80% 10%,#0875b72c,transparent 36%),linear-gradient(110deg,#07111f,#0a1c30);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(38px,5vw,60px);margin:15px 0}.page-hero p{color:var(--muted);max-width:680px;margin:0}.page-hero .mist{opacity:.15}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery-card{overflow:hidden;border-radius:13px;background:#0d1b2c;border:1px solid var(--line)}.gallery-card img{width:100%;height:250px;object-fit:cover;display:block;transition:transform .4s}.gallery-card:hover img{transform:scale(1.04)}.gallery-card figcaption{padding:15px 17px;font-weight:800;font-size:14px}.gallery-card small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.gallery-note{color:var(--muted);font-size:13px;margin-top:24px}
.audience-grid,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.audience,.step{padding:21px;background:#0d1c2d;border:1px solid var(--line);border-radius:12px}.audience h3,.step h3{font-size:16px;margin:0 0 7px}.audience p,.step p{font-size:13px;color:var(--muted);margin:0}.step b{display:block;color:var(--cyan);font-size:11px;letter-spacing:.12em;margin-bottom:8px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.contact-card{padding:28px;background:linear-gradient(145deg,#10243a,#0b1828);border:1px solid var(--line);border-radius:15px}.contact-logo{width:175px;margin-bottom:12px}.contact-row{padding:13px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border:0}.contact-row small{display:block;color:#8fa6bb;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.contact-row strong{font-size:16px;overflow-wrap:anywhere}.contact-row a:hover{color:var(--cyan)}.contact-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.contact-points{display:grid;gap:12px;margin-top:22px}.contact-point{padding:15px;border:1px solid var(--line);border-radius:10px;background:#0d1b2b;color:#cad7e5;font-size:13px}.contact-point b{color:#fff;display:block;margin-bottom:3px}
footer{padding:23px 0;border-top:1px solid var(--line);color:#8397ac;font-size:12px;background:#050c15}.foot-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.foot-logo{width:125px;opacity:.9;vertical-align:middle;margin-right:12px}
@media(max-width:900px){.navlinks{gap:0}.navlinks a{padding:9px;font-size:12px}.nav-cta{font-size:12px;padding:11px}.hero{min-height:590px}.trust-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.audience-grid,.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}.nav{min-height:68px;flex-wrap:wrap;padding:10px 0}.brand img{width:145px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.navlinks{display:none;order:3;width:100%;padding:8px 0 4px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:12px 14px;font-size:14px}.hero{min-height:0}.hero:before{background:linear-gradient(90deg,rgba(4,12,24,.96),rgba(4,15,29,.75)),url('assets/rozdzielnica-glowna.jpg') 60%/cover}.hero-content{padding:76px 0 70px}.hero p{font-size:16px}.hero-meta{gap:9px;display:grid}.trust-grid{gap:13px}.trust-item{font-size:11px}.trust-item b{font-size:12px}.trust-icon{width:36px;height:36px}section{padding:57px 0}.service-grid,.gallery-grid,.audience-grid,.steps,.checks{grid-template-columns:1fr}.service{min-height:0}.gallery-card img{height:230px}.visual-frame img{height:290px}.cta-row{align-items:flex-start;flex-direction:column}.contact-card{padding:20px}.page-hero{padding:55px 0 48px}.foot-row{display:block}.foot-row span{display:block;margin:7px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* Homepage: text section after removing the featured photo */
.why-content{max-width:900px}


/* Widoczny, pulsujący przycisk połączenia z serwisem 24/7 na stronie głównej */
.emergency-call{position:fixed;z-index:1000;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border:1px solid #14c9ed;border-radius:999px;background:linear-gradient(120deg,#071827f5,#0b2b43f5);box-shadow:0 8px 32px #0008,0 0 22px #00c9ed30;color:#f5fbff;text-decoration:none;backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}
.emergency-call:hover{transform:translateY(-3px);box-shadow:0 10px 36px #0009,0 0 28px #00c9ed55}
.emergency-pulse{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#08bddd;color:#04111d;font-size:23px;font-weight:900}
.emergency-pulse:before{content:"";position:absolute;inset:-5px;border:2px solid #08c8eb;border-radius:50%;animation:emergency-ring 1.8s ease-out infinite}
.emergency-copy{display:flex;flex-direction:column;line-height:1.25}
.emergency-copy strong{font-size:15px;letter-spacing:.07em;color:#11d5f5}
.emergency-copy small{font-size:11px;color:#d4e4ef;margin-top:3px}
@keyframes emergency-ring{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@media(max-width:650px){.emergency-call{right:12px;bottom:14px;padding:9px 14px 9px 9px;gap:9px}.emergency-pulse{width:42px;height:42px;flex-basis:42px;font-size:20px}.emergency-copy strong{font-size:13px}.emergency-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.emergency-pulse:before{animation:none}}

/* ART-Inst@L PREMIUM — dopracowana warstwa wizualna, bez zmiany treści i funkcji */
:root{--cyan:#39d7f4;--blue:#287dff;--line:rgba(124,190,230,.2);--r:18px}
body{background:radial-gradient(ellipse at 50% -12%,#12304a 0,transparent 38%),var(--bg);letter-spacing:-.012em}
.topbar{background:rgba(3,10,19,.94);border-bottom-color:rgba(57,215,244,.18);box-shadow:0 8px 28px #0002}
.brand img{filter:drop-shadow(0 4px 12px #0005);transition:transform .25s}.brand:hover img{transform:scale(1.025)}
.navlinks a{position:relative}.navlinks a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:var(--cyan);border-radius:2px}
.nav-cta,.btn{border-radius:999px;padding:14px 23px;background:linear-gradient(115deg,#45def4,#3986ff);box-shadow:0 8px 28px #168dff25, inset 0 1px #ffffff55}
.btn.outline{border-radius:999px;border-color:#3e607b;background:#071525b8}
.hero{min-height:690px}.hero:before{background:linear-gradient(90deg,rgba(3,10,20,.97) 0%,rgba(3,13,26,.84) 47%,rgba(5,19,38,.42) 100%),url('assets/rozdzielnica-glowna.jpg') center 42%/cover}
.hero-content{max-width:820px}.hero h1{font-weight:800;text-wrap:balance}.hero h1 span{background:linear-gradient(90deg,#4ce4f7,#559aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{letter-spacing:.2em}.hero-meta{gap:12px}.hero-meta span{padding:8px 12px;border:1px solid #ffffff16;background:#07152570;border-radius:999px}
.trust{background:linear-gradient(90deg,#081522,#0b1c2c,#081522)}.trust-item{padding:5px 0}.trust-icon{border:1px solid #35d7f426;background:linear-gradient(145deg,#12334a,#0c2034);box-shadow:inset 0 1px #ffffff0b}
section{position:relative}section .section-head h2{font-weight:800;text-wrap:balance}section .section-head p{line-height:1.8}
.service{background:linear-gradient(145deg,rgba(18,39,61,.96),rgba(7,19,33,.98));border-color:#a8dfff19;box-shadow:0 10px 35px #0000000c;transition:transform .28s,border-color .28s,box-shadow .28s}
.service:hover{transform:translateY(-6px);border-color:#39d7f477;box-shadow:0 18px 42px #0003}.num{letter-spacing:.16em}
.audience,.step,.contact-card{background:linear-gradient(145deg,#10243a,#091625);border-color:#a8dfff1c;box-shadow:0 12px 32px #00000012}
.gallery-card{border-radius:16px;border-color:#a8dfff22;box-shadow:0 12px 30px #0003}.gallery-card img{transition:transform .55s,filter .35s;filter:saturate(.9)}.gallery-card:hover img{transform:scale(1.045);filter:saturate(1.08)}
.page-hero{background:radial-gradient(ellipse at 82% 10%,#0875b735,transparent 36%),linear-gradient(110deg,#050e1b,#0a1c30)}
.cta-band{background:radial-gradient(ellipse at 15% 50%,#0875b72a,transparent 45%),linear-gradient(100deg,#081c30,#0c2941);border-color:#39d7f42b}.badge{border-radius:14px;background:#06162570;box-shadow:0 10px 30px #0002}
.contact-row strong{letter-spacing:-.02em}.contact-options .btn{min-height:48px}
.emergency-call{border-color:#39d7f4;background:linear-gradient(120deg,#061827f7,#0b2b43f7);box-shadow:0 10px 35px #0009,0 0 0 4px #39d7f40b,0 0 26px #00c9ed27}
.emergency-pulse{background:linear-gradient(145deg,#49e3f5,#218bff)}
:focus-visible{outline:3px solid #6ce9ff;outline-offset:4px}
::selection{background:#39d7f4;color:#03101c}
@media(max-width:650px){.hero{min-height:0}.hero-content{padding:70px 0 64px}.hero-meta span{border-radius:10px}.navlinks a.active:after{left:14px;right:auto;width:28px;bottom:3px}.emergency-call{box-shadow:0 8px 28px #000b,0 0 0 3px #39d7f40b}}
@media(prefers-reduced-motion:reduce){.brand img,.gallery-card img{transition:none}}