/* /pozycjonowanie/ v2 - dedykowana strona usługi SEO. Template: pozycjonowanie.php */

.netim-service{
  --navy:#050a30;--navy-2:#081046;--paper:#fafbff;--soft:#f1f4fb;
  --mint:#80dfa0;--mint-deep:#3dbd6e;--blue:#1e5e9f;--sky:#26a7f0;--koral:#f86464;--lime:#caff7e;
  --mute:#5b6385;--ink:#1a2046;--line:#d8defa;--ease:cubic-bezier(.23,1,.32,1);
  margin:0;background:var(--paper);color:var(--navy);
  font-family:'Montserrat',ui-sans-serif,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;
}
.netim-service img,.netim-service svg{display:block;max-width:100%}
.netim-service .shell{width:min(100%,1500px);margin:0 auto;padding:0 32px}
.netim-service .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:999px;font:800 15px/1 'Montserrat';transition:transform .16s var(--ease)}
.netim-service .btn:active{transform:scale(.97)}
.netim-service .btn-mint{background:var(--mint);color:var(--navy)}
.netim-service .btn-mint:hover{color:var(--navy)}
.netim-service .btn-ghost{border:1.5px solid rgba(250,251,255,.3);color:var(--paper)}
.netim-service .btn-navy{background:var(--navy);color:var(--paper)}
.netim-service .eyebrow-off{display:none}
.netim-service .sec{padding:64px 0}
.netim-service .sec-h{font:800 clamp(28px,3.6vw,46px)/1.04 'Montserrat';letter-spacing:-.022em;text-wrap:balance;margin:0}
.netim-service .sec-h em{font-style:italic;color:var(--blue)}
.netim-service .sec-lead{margin:18px 0 0;max-width:60ch;font:500 16px/1.65 'Montserrat';color:var(--mute)}
/* intro jednokolumnowych sekcji wysrodkowane (2-kol .shell.wrap zostaja lewe) */
.netim-service .sec > .shell:not(.wrap) > .sec-h,
.netim-service .sec > .shell:not(.wrap) > .sec-lead,
.netim-service .sec > .shell:not(.wrap) > .sec-eyebrow{text-align:center}
.netim-service .sec > .shell:not(.wrap) > .sec-lead{margin-left:auto;margin-right:auto}

/* HERO */
.netim-service .hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 85% 0%,rgba(38,167,240,.16),transparent 42%),var(--navy);color:var(--paper);padding:72px 0 104px}
.netim-service .hero .grid{display:grid;gap:54px;align-items:center}
@media(min-width:980px){.netim-service .hero .grid{grid-template-columns:1.05fr .95fr}}
.netim-service .hero h1{font-family:'Montserrat';font-weight:800;font-size:clamp(38px,2.8vw + 2.2vh,78px);line-height:1.04;letter-spacing:-.022em;text-wrap:balance}
.netim-service .hero h1 em{font-style:italic;color:var(--mint)}
.netim-service .hero .lead{margin-top:22px;max-width:50ch;font:500 17px/1.6 'Montserrat';color:rgba(250,251,255,.82)}
.netim-service .hero .cta-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.netim-service .hero .trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font:600 12.5px/1 'Montserrat';color:rgba(250,251,255,.6)}
.netim-service .hero .trust span{display:inline-flex;align-items:center;gap:7px}
.netim-service .hero .trust i{width:7px;height:7px;border-radius:50%;background:var(--mint)}

.netim-service .serp{display:grid;gap:12px;padding:20px 18px;border:1px solid rgba(250,251,255,.12);border-radius:18px;background:rgba(5,10,48,.55)}
.netim-service .serp-bar{display:flex;align-items:center;gap:8px;height:36px;padding:0 13px;border:1px solid rgba(250,251,255,.14);border-radius:999px;font:600 12px/1 'Montserrat';color:rgba(250,251,255,.55)}
.netim-service .serp-bar svg{width:14px;height:14px;flex:none}
.netim-service .serp-bar .ai{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(128,223,160,.14);color:var(--mint);font:800 italic 9px/1 'Montserrat';letter-spacing:.1em}
.netim-service .serp-board{display:grid;grid-template-columns:32px 1fr;gap:11px}
.netim-service .ranks,.netim-service .rows{display:grid;grid-template-rows:repeat(3,52px);gap:12px}
.netim-service .pos{display:grid;place-items:center;width:32px;height:32px;align-self:center;border-radius:9px;background:rgba(250,251,255,.07);font:800 13px/1 'Montserrat';color:rgba(250,251,255,.5)}
.netim-service .pos.p1{animation:pzwin 7s var(--ease) infinite}
.netim-service .r{display:grid;gap:7px;align-content:center;padding:0 13px;border-radius:12px;border:1px solid rgba(250,251,255,.07)}
.netim-service .r i{display:block;height:8px;border-radius:4px;background:rgba(250,251,255,.14)}
.netim-service .r i:last-child{width:60%}
.netim-service .r.you{border-color:rgba(128,223,160,.55);background:rgba(128,223,160,.1);animation:pzclimb 7s var(--ease) infinite}
.netim-service .r.you i{background:rgba(128,223,160,.55)}
.netim-service .r.you i:first-child{width:82%}
.netim-service .r.r2{animation:pzlate 7s var(--ease) infinite}
.netim-service .r.r3{animation:pzearly 7s var(--ease) infinite}
.netim-service .youtag{display:inline-flex;align-items:center;gap:7px;justify-self:start;font:800 italic 10px/1 'Montserrat';letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.netim-service .youtag svg{width:12px;height:12px}
@keyframes pzclimb{0%,3%{opacity:0;transform:translateY(128px)}9%,24%{opacity:1;transform:translateY(128px)}32%,44%{transform:translateY(64px)}52%,90%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(0)}}
@keyframes pzlate{0%,3%{opacity:0;transform:translateY(-64px)}9%,44%{opacity:1;transform:translateY(-64px)}52%,90%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(0)}}
@keyframes pzearly{0%,3%{opacity:0;transform:translateY(-64px)}9%,24%{opacity:1;transform:translateY(-64px)}32%,90%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(0)}}
@keyframes pzwin{0%,50%{background:rgba(250,251,255,.07);color:rgba(250,251,255,.5)}56%,90%{background:var(--mint);color:var(--navy)}97%,100%{background:rgba(250,251,255,.07);color:rgba(250,251,255,.5)}}

/* LAYERS: SEO + GEO */
.netim-service .layers{background:var(--soft)}
.netim-service .layers .two{display:grid;gap:22px;margin-top:48px}
@media(min-width:860px){.netim-service .layers .two{grid-template-columns:1fr 1fr}}
.netim-service .layer{position:relative;overflow:hidden;padding:38px 34px;border-radius:24px;border:1px solid var(--line);background:var(--paper)}
.netim-service .layer.geo{background:var(--navy);color:var(--paper);border-color:rgba(128,223,160,.35)}
.netim-service .layer .tag{display:inline-flex;align-items:center;gap:8px;font:800 italic 11px/1 'Montserrat';letter-spacing:.14em;text-transform:uppercase;color:var(--mint-deep)}
.netim-service .layer.geo .tag{color:var(--mint)}
.netim-service .layer .tag i{width:8px;height:8px;border-radius:50%;background:currentColor}
.netim-service .layer h3{margin:16px 0 10px;font:800 23px/1.15 'Montserrat';letter-spacing:-.016em;color:var(--navy)}
.netim-service .layer.geo h3{color:var(--paper)}
.netim-service .layer p{font:500 15px/1.62 'Montserrat';color:var(--mute)}
.netim-service .layer.geo p{color:rgba(250,251,255,.8)}
.netim-service .layer ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}
.netim-service .layer li{display:flex;gap:10px;font:600 14px/1.4 'Montserrat'}
.netim-service .layer li svg{width:18px;height:18px;flex:none;color:var(--mint-deep);margin-top:1px}
.netim-service .layer.geo li svg{color:var(--mint)}

/* COVERAGE bento */
.netim-service .cov-grid{display:grid;gap:18px;margin-top:48px;grid-template-columns:1fr}
@media(min-width:680px){.netim-service .cov-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1020px){.netim-service .cov-grid{grid-template-columns:repeat(3,1fr)}}
.netim-service .cov{padding:30px 28px;border:1px solid var(--line);border-radius:20px;background:var(--paper);transition:transform .26s var(--ease),border-color .26s var(--ease),box-shadow .26s var(--ease)}
.netim-service .cov:hover{transform:translateY(-4px);border-color:var(--mint);box-shadow:0 30px 56px -34px rgba(5,10,48,.34)}
.netim-service .cov .ic{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--soft);color:var(--blue);margin-bottom:18px}
.netim-service .cov .ic svg{width:24px;height:24px}
.netim-service .cov h3{margin:0 0 8px;font:800 18px/1.2 'Montserrat';letter-spacing:-.012em}
.netim-service .cov p{margin:0;font:500 14px/1.58 'Montserrat';color:var(--mute)}

/* PROCESS */
.netim-service .process{background:var(--navy);color:var(--paper)}
.netim-service .process .sec-h{color:var(--paper)}
.netim-service .process .sec-h em{color:var(--mint)}
.netim-service .process .sec-lead{color:rgba(250,251,255,.72)}
.netim-service .steps{display:grid;gap:0;margin-top:48px;border-top:1px solid rgba(250,251,255,.12)}
.netim-service .step{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid rgba(250,251,255,.12);align-items:start}
.netim-service .step .no{font:900 italic 26px/1 'Montserrat';color:var(--mint);letter-spacing:-.02em}
.netim-service .step h3{margin:0 0 7px;font:800 19px/1.2 'Montserrat';color:var(--paper)}
.netim-service h1,.netim-service h2,.netim-service h3,.netim-service h4{color:inherit}
.netim-service .step p{margin:0;max-width:64ch;font:500 14.5px/1.6 'Montserrat';color:rgba(250,251,255,.74)}

/* EXPERT inline */
.netim-service .expert{background:var(--soft)}
.netim-service .expert .card{display:grid;gap:30px;align-items:center;padding:0}
@media(min-width:820px){.netim-service .expert .card{grid-template-columns:300px 1fr;gap:48px}}
.netim-service .expert .photo{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,var(--navy-2),var(--navy));aspect-ratio:3/3.4;max-width:300px}
.netim-service .expert .photo img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.netim-service .expert .role{font:800 italic 12px/1 'Montserrat';letter-spacing:.14em;text-transform:uppercase;color:var(--mint-deep)}
.netim-service .expert q{display:block;margin:16px 0 0;font:700 clamp(20px,2.4vw,28px)/1.34 'Montserrat';letter-spacing:-.014em;quotes:none}
.netim-service .expert q em{font-style:italic;color:var(--blue)}
.netim-service .expert .who{margin-top:22px;font:800 16px/1.2 'Montserrat'}
.netim-service .expert .who span{display:block;font:500 italic 13px/1.3 'Montserrat';color:var(--mute);margin-top:3px}

/* FAQ */
.netim-service .faq-list{margin-top:44px;border-top:1px solid var(--line)}
.netim-service details{border-bottom:1px solid var(--line)}
.netim-service summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:24px 0;font:700 17px/1.35 'Montserrat';letter-spacing:-.01em;list-style:none}
.netim-service summary::-webkit-details-marker{display:none}
.netim-service summary .pl{position:relative;width:20px;height:20px;flex:none}
.netim-service summary .pl::before,.netim-service summary .pl::after{content:"";position:absolute;background:var(--blue);border-radius:2px;transition:transform .25s var(--ease)}
.netim-service summary .pl::before{top:9px;left:0;width:20px;height:2px}
.netim-service summary .pl::after{top:0;left:9px;width:2px;height:20px}
.netim-service details[open] summary .pl::after{transform:scaleY(0)}
.netim-service details p{margin:0;padding:0 0 24px;max-width:72ch;font:500 15px/1.62 'Montserrat';color:var(--mute)}

/* CTA */
.netim-service .cta-sec{position:relative;overflow:hidden;background:radial-gradient(110% 120% at 12% 0%,rgba(38,167,240,.16),transparent 44%),var(--navy);color:var(--paper);padding:62px 0}
.netim-service .cta-sec h2{font:800 clamp(28px,3.8vw,48px)/1.04 'Montserrat';letter-spacing:-.022em;text-wrap:balance}
.netim-service .cta-sec h2 em{font-style:italic;color:var(--mint)}
.netim-service .cta-sec p{margin:18px 0 0;max-width:54ch;font:500 16px/1.6 'Montserrat';color:rgba(250,251,255,.82)}
.netim-service .cta-sec .cta-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* FOOTER */
.netim-service .pz-footer{background:#03061f;color:rgba(250,251,255,.7);padding:34px 0}
.netim-service .pz-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 13px/1.5 'Montserrat'}
.netim-service .pz-footer a{color:var(--mint);font-weight:700}

.netim-service .reveal{animation:pzreveal .6s var(--ease) both}
@keyframes pzreveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:600px){
  .netim-service .shell{padding:0 20px}
  .netim-service .sec{padding:64px 0}
  .netim-service .hero{padding:60px 0 68px}
  .netim-service .btn{width:100%}
  .netim-service .hero .cta-buttons .btn,.netim-service .cta-sec .cta-buttons .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .netim-service *,.netim-service *::before,.netim-service *::after{animation:none!important;transition:opacity .2s ease!important;transform:none!important}
}

/* ===== audit report card (hero glif dla /audyty-seo/) ===== */
.netim-service .audit-card{display:grid;gap:12px;padding:20px 18px;border:1px solid rgba(250,251,255,.12);border-radius:18px;background:rgba(5,10,48,.55)}
.netim-service .audit-card .ahead{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(250,251,255,.1)}
.netim-service .audit-card .ahead .dot{display:flex;gap:5px}
.netim-service .audit-card .ahead .dot i{width:8px;height:8px;border-radius:50%;background:rgba(250,251,255,.18)}
.netim-service .audit-card .ahead b{font:800 13px/1 'Montserrat';color:var(--paper);letter-spacing:.02em}
.netim-service .audit-card .ahead .score{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(128,223,160,.14);color:var(--mint);font:900 italic 11px/1 'Montserrat'}
.netim-service .audit-card .arow{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center}
.netim-service .audit-card .arow .ck{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(128,223,160,.16);color:var(--mint)}
.netim-service .audit-card .arow.warn .ck{background:rgba(248,100,100,.16);color:var(--koral)}
.netim-service .audit-card .arow .ck svg{width:12px;height:12px}
.netim-service .audit-card .arow span{font:600 13px/1.3 'Montserrat';color:rgba(250,251,255,.82)}
.netim-service .audit-card .arow small{font:700 10px/1 'Montserrat';letter-spacing:.08em;text-transform:uppercase;color:rgba(250,251,255,.45)}
.netim-service .audit-card .arow:nth-child(2) .ck{animation:svpop 3.6s var(--ease) .3s infinite}
.netim-service .audit-card .arow:nth-child(3) .ck{animation:svpop 3.6s var(--ease) .8s infinite}
.netim-service .audit-card .arow:nth-child(4) .ck{animation:svpop 3.6s var(--ease) 1.3s infinite}
.netim-service .audit-card .arow:nth-child(5) .ck{animation:svpop 3.6s var(--ease) 1.8s infinite}
@keyframes svpop{0%,100%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}}

/* ===== social card (hero glif social-media) ===== */
.netim-service .social-card{display:grid;gap:14px;padding:20px 18px;border:1px solid rgba(250,251,255,.12);border-radius:18px;background:rgba(5,10,48,.55)}
.netim-service .social-card .post{display:grid;gap:9px;padding:13px;border:1px solid rgba(250,251,255,.12);border-radius:12px}
.netim-service .social-card .post .ph{height:46px;border-radius:8px;background:linear-gradient(120deg,rgba(248,100,100,.32),rgba(38,167,240,.3))}
.netim-service .social-card .post .ln{height:7px;width:78%;border-radius:4px;background:rgba(250,251,255,.16)}
.netim-service .social-card .react{display:flex;gap:10px;align-items:center}
.netim-service .social-card .react span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(248,100,100,.18);color:var(--koral)}
.netim-service .social-card .react span:nth-child(2){background:rgba(38,167,240,.16);color:var(--sky)}
.netim-service .social-card .react span:nth-child(3){background:rgba(128,223,160,.16);color:var(--mint)}
.netim-service .social-card .react span svg{width:14px;height:14px}
.netim-service .social-card .react span:nth-child(1){animation:svpop 2.8s var(--ease) .3s infinite}
.netim-service .social-card .react span:nth-child(2){animation:svpop 2.8s var(--ease) .8s infinite}
.netim-service .social-card .react span:nth-child(3){animation:svpop 2.8s var(--ease) 1.3s infinite}
.netim-service .social-card .react b{margin-left:auto;font:900 italic 13px/1 'Montserrat';color:var(--mint)}

/* ===== video card (hero glif video-seo) ===== */
.netim-service .video-card{display:grid;gap:14px;padding:20px 18px;border:1px solid rgba(250,251,255,.12);border-radius:18px;background:rgba(5,10,48,.55)}
.netim-service .video-card .screen{position:relative;display:grid;place-items:center;height:150px;border-radius:12px;background:linear-gradient(120deg,rgba(38,167,240,.22),rgba(12,65,144,.34))}
.netim-service .video-card .play{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--koral);color:var(--paper);animation:svpop 2.8s var(--ease) .6s infinite}
.netim-service .video-card .play svg{width:20px;height:20px;margin-left:3px}
.netim-service .video-card .bar{display:flex;align-items:center;gap:10px}
.netim-service .video-card .bar .track{flex:1;height:6px;border-radius:4px;background:rgba(250,251,255,.14);overflow:hidden}
.netim-service .video-card .bar .track i{display:block;width:46%;height:100%;background:var(--koral)}
.netim-service .video-card .bar small{font:700 11px/1 'Montserrat';color:rgba(250,251,255,.6)}
.netim-service .video-card .rank{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:5px 10px;border-radius:999px;background:rgba(128,223,160,.14);color:var(--mint);font:900 italic 10px/1 'Montserrat';letter-spacing:.08em}

/* ===== care card (hero glif opieka) ===== */
.netim-service .care-card{position:relative;display:grid;gap:14px;padding:20px 18px;border:1px solid rgba(250,251,255,.12);border-radius:18px;background:rgba(5,10,48,.55)}
.netim-service .care-card .chrome{display:flex;align-items:center;gap:6px}
.netim-service .care-card .chrome i{width:8px;height:8px;border-radius:50%;background:rgba(250,251,255,.18)}
.netim-service .care-card .chrome .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:800 italic 10px/1 'Montserrat';letter-spacing:.1em;color:var(--mint)}
.netim-service .care-card .chrome .live i{width:7px;height:7px;background:var(--mint);animation:careblink 2s ease-in-out infinite}
.netim-service .care-card svg.pulse{width:100%;height:54px}
.netim-service .care-card .pulse .base{fill:none;stroke:rgba(128,223,160,.22);stroke-width:2;stroke-linecap:round}
.netim-service .care-card .pulse .run{fill:none;stroke:var(--mint);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:46 214;stroke-dashoffset:260;animation:carerun 3s linear infinite}
.netim-service .care-card .rows{display:grid;gap:9px}
.netim-service .care-card .crow{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center}
.netim-service .care-card .crow .ck{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(128,223,160,.16);color:var(--mint)}
.netim-service .care-card .crow .ck svg{width:12px;height:12px}
.netim-service .care-card .crow span{font:600 13px/1.3 'Montserrat';color:rgba(250,251,255,.82)}
.netim-service .care-card .crow small{font:700 10px/1 'Montserrat';letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}
@keyframes carerun{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}
@keyframes careblink{0%,100%{opacity:1}50%{opacity:.35}}

/* ===================== /audyty-seo/ HERO k1 (workflow final, scoped .audyt-hero) 2026-07-01 ===================== */
.audyt-hero{position:relative;overflow:hidden;min-height:calc(100svh - 138px);display:flex;align-items:center;background:radial-gradient(1200px 720px at 88% -10%,rgba(38,167,240,.15),transparent 58%),radial-gradient(760px 620px at -6% 112%,rgba(47,222,207,.10),transparent 56%),linear-gradient(180deg,transparent 62%,rgba(2,5,16,.5) 100%),linear-gradient(158deg,#0a1148 0%,#070d33 52%,#04081d 100%)}
.admin-bar .audyt-hero{min-height:calc(100svh - 170px)}
.audyt-hero{--teal:#2fdecf;--amber:#e8983a;--green:#1fbf6a;--red:#ef4a52;--sky:#26a7f0;--mint:#80dfa0;--mint-deep:#3dbd6e;--mute:#9fb3d8;--eout:cubic-bezier(.16,1,.3,1)}
.audyt-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .5px);background-size:3px 3px}
.audyt-hero .ah-wrap{width:100%;max-width:1300px;margin:0 auto;padding:64px 52px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:4}
.audyt-hero .ah-waves{position:absolute;right:-150px;bottom:-150px;width:1120px;height:700px;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(150% 138% at 78% 74%,#000 30%,rgba(0,0,0,.55) 56%,transparent 84%);mask-image:radial-gradient(150% 138% at 78% 74%,#000 30%,rgba(0,0,0,.55) 56%,transparent 84%);opacity:0;animation:ahWaveIn 2s var(--eout) .35s forwards}
.audyt-hero .ah-waves g{animation:ahDrift 26s ease-in-out infinite}
.audyt-hero .ah-waves use{fill:none;stroke:var(--teal);stroke-width:1;stroke-opacity:.62}
@keyframes ahDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-32px)}}
@keyframes ahWaveIn{to{opacity:.92}}
.audyt-hero .ah-syg{position:absolute;top:-58px;right:52px;width:380px;height:380px;z-index:0;pointer-events:none;opacity:.09}
.audyt-hero .ah-syg{color:var(--sky)}
.audyt-hero .ah-col>*{opacity:0;animation:ahRise .8s var(--eout) forwards}
.audyt-hero .ah-col .ah-meta{animation-delay:.05s}.audyt-hero .ah-col h1{animation-delay:.14s}.audyt-hero .ah-col .ah-rule{animation-delay:.24s}
.audyt-hero .ah-col .ah-lead{animation-delay:.32s}.audyt-hero .ah-col .ah-cta{animation-delay:.42s}.audyt-hero .ah-col .ah-trust{animation-delay:.52s}
.audyt-hero .ah-meta{font:600 13.5px/1.4 'Montserrat';color:var(--mute,#9fb3d8);letter-spacing:.01em}
.audyt-hero h1{margin-top:17px;font-weight:800;font-size:clamp(38px,2.8vw + 2.2vh,78px);line-height:1.04;letter-spacing:-.022em;max-width:18ch;color:#fff;text-transform:none}
.audyt-hero .ah-rule{display:block;width:56px;height:2px;background:var(--mint,#80dfa0);border-radius:2px;margin:24px 0}
.audyt-hero .ah-lead{font:500 16.5px/1.62 'Montserrat';max-width:45ch;color:rgba(255,255,255,.78)}
.audyt-hero .ah-cta{margin-top:30px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.audyt-hero .ah-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:999px;background:var(--mint,#80dfa0);color:#050a30;font:700 14.5px/1 'Montserrat';text-decoration:none;transition:transform .18s var(--eout),box-shadow .3s var(--eout)}
.audyt-hero .ah-btn .arr{transition:transform .3s var(--eout)}.audyt-hero .ah-btn:hover{box-shadow:0 18px 42px -16px rgba(128,223,160,.6)}.audyt-hero .ah-btn:hover .arr{transform:translateX(5px)}.audyt-hero .ah-btn:active{transform:scale(.975)}
.audyt-hero .ah-link{font:600 14.5px/1 'Montserrat';color:#fff;text-decoration:none}.audyt-hero .ah-link span{border-bottom:1.5px solid rgba(47,222,207,.5);padding-bottom:3px;transition:border-color .22s}.audyt-hero .ah-link:hover span{border-color:var(--teal)}
.audyt-hero .ah-trust{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:12px;flex-wrap:wrap;font:500 13px/1.5 'Montserrat';color:rgba(255,255,255,.58)}.audyt-hero .ah-trust .sep{opacity:.5}
.audyt-hero .ah-viz{position:relative;display:flex;justify-content:center}
.audyt-hero .ah-halo{position:absolute;width:170%;height:170%;left:-35%;top:-32%;z-index:0;pointer-events:none;background:radial-gradient(40% 38% at 52% 48%,rgba(47,222,207,.38),rgba(38,167,240,.16) 44%,transparent 66%),radial-gradient(62% 52% at 52% 52%,rgba(38,167,240,.09),transparent 64%);filter:blur(4px);opacity:0;animation:ahHaloIn 1.6s var(--eout) .3s forwards}
@keyframes ahHaloIn{to{opacity:1}}
.audyt-hero .ah-card{position:relative;z-index:2;width:100%;max-width:460px;background:linear-gradient(180deg,#fdfeff,#f5f8fe);border-radius:22px;padding:17px;box-shadow:0 2px 0 0 rgba(255,255,255,.7) inset,0 80px 130px -55px rgba(0,0,0,.88),0 26px 58px -28px rgba(4,8,29,.62),0 2px 8px -2px rgba(4,8,29,.3);opacity:0;transform:translateY(26px) scale(.984);animation:ahCardIn 1s var(--eout) .34s forwards}
@keyframes ahCardIn{to{opacity:1;transform:none}}
.audyt-hero .ah-card::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;pointer-events:none;background:linear-gradient(180deg,rgba(5,10,48,.10),rgba(5,10,48,.04));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.audyt-hero .ah-scan{position:absolute;left:9px;right:9px;top:0;height:64px;border-radius:16px;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(47,222,207,.14) 62%,rgba(47,222,207,.34));box-shadow:0 2px 0 rgba(47,222,207,.55);animation:ahScanRun 1.5s var(--eout) .6s forwards}
@keyframes ahScanRun{0%{opacity:0;transform:translateY(58px)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(408px)}}
.audyt-hero .ah-status{display:flex;align-items:center;gap:8px;margin:2px 6px 12px;font:600 10.5px/1 'Montserrat';letter-spacing:.06em;text-transform:uppercase;color:#46558a}
.audyt-hero .ah-status .lbl{transition:opacity .4s var(--eout)}
.audyt-hero .ah-status .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:ahPulse 2.2s var(--eout) infinite}
.audyt-hero .ah-status .sdone{margin-left:auto;color:var(--mint-deep,#3dbd6e);opacity:0;animation:ahStatusDone .5s var(--eout) 2.1s forwards}
@keyframes ahPulse{0%{box-shadow:0 0 0 0 rgba(47,222,207,.45)}70%{box-shadow:0 0 0 6px rgba(47,222,207,0)}100%{box-shadow:0 0 0 0 rgba(47,222,207,0)}}
@keyframes ahStatusDone{to{opacity:1}}
.audyt-hero .ah-card.done .ah-status .dot{animation:none;background:var(--mint-deep,#3dbd6e);box-shadow:none}
.audyt-hero .ah-card.done .ah-sbar .cur{animation:none;opacity:0}
.audyt-hero .ah-sbar{display:flex;align-items:center;gap:12px;background:#fdfeff;border:1px solid #e5e9f3;border-radius:999px;padding:14px 20px;margin-bottom:13px;box-shadow:0 10px 26px -16px rgba(5,10,48,.32)}
.audyt-hero .ah-sbar .u{font:800 18px/1 'Montserrat';letter-spacing:-.01em;white-space:nowrap;overflow:hidden}
.audyt-hero .ah-sbar .u .g{color:#9aa3bd}.audyt-hero .ah-sbar .u .b{color:var(--mint-deep,#3dbd6e)}.audyt-hero .ah-sbar .u .d{color:#050a30}
.audyt-hero .ah-sbar .cur{display:inline-block;width:2px;height:17px;background:var(--mint-deep,#3dbd6e);margin-left:2px;vertical-align:-3px;animation:ahBlink 1.1s step-end infinite}
.audyt-hero .ah-sbar .mag{margin-left:auto;width:24px;height:24px;color:#050a30;flex:none}
@keyframes ahBlink{50%{opacity:0}}
.audyt-hero .ah-row{position:relative;display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:11px;font:600 13.5px/1.3 'Montserrat';color:#243056;opacity:0;transform:translateX(10px);animation:ahRowIn .55s var(--eout) forwards}
.audyt-hero .ah-row.ok{background:rgba(9,16,54,.028);color:#4b5878}
.audyt-hero .ah-row.no{background:rgba(239,74,82,.08);color:#050a30;font-weight:700;padding-top:14px;padding-bottom:14px;box-shadow:inset 0 0 0 1px rgba(239,74,82,.14)}
.audyt-hero .ah-row.r1{animation-delay:.78s}.audyt-hero .ah-row.r2{animation-delay:.9s}.audyt-hero .ah-row.r3{animation-delay:1.02s}.audyt-hero .ah-row.r4{animation-delay:1.14s}.audyt-hero .ah-row.r5{animation-delay:1.26s}.audyt-hero .ah-row.r6{animation-delay:1.38s}
.audyt-hero .ah-row .t{flex:1}
.audyt-hero .ah-row .fix{font:700 9px/1 'Montserrat';letter-spacing:.09em;text-transform:uppercase;color:#c1373e;background:rgba(239,74,82,.13);padding:5px 8px;border-radius:6px}
.audyt-hero .ah-row .mk{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex:none;transform:scale(.5);opacity:0;animation:ahMarkPop .42s var(--eout) forwards}
.audyt-hero .ah-row .mk svg{width:12px;height:12px;color:#fff}
.audyt-hero .ah-row.ok .mk{width:21px;height:21px;background:var(--green);box-shadow:0 3px 8px -3px rgba(31,191,106,.45)}
.audyt-hero .ah-row.ok .mk svg{width:11px;height:11px}
.audyt-hero .ah-row.no .mk{width:25px;height:25px;background:var(--red);box-shadow:0 5px 13px -3px rgba(239,74,82,.55)}
.audyt-hero .ah-row.no .mk svg{width:13px;height:13px}
.audyt-hero .ah-row.r1 .mk{animation-delay:1.0s}.audyt-hero .ah-row.r2 .mk{animation-delay:1.12s}.audyt-hero .ah-row.r3 .mk{animation-delay:1.24s}.audyt-hero .ah-row.r4 .mk{animation-delay:1.36s}.audyt-hero .ah-row.r5 .mk{animation-delay:1.48s}.audyt-hero .ah-row.r6 .mk{animation-delay:1.6s}
@keyframes ahMarkPop{to{opacity:1;transform:none}}
.audyt-hero .ah-score{display:flex;align-items:center;margin-top:15px;opacity:0;animation:ahRise .7s var(--eout) 1.6s forwards}
.audyt-hero .ah-score .pill{flex:1;display:flex;align-items:center;justify-content:space-between;background:#050a30;color:#fff;font:800 16px/1 'Montserrat';padding:18px 80px 18px 26px;border-radius:999px 0 0 999px;letter-spacing:.01em;position:relative}
.audyt-hero .ah-score .pill .lab small{display:block;font:600 10px/1 'Montserrat';letter-spacing:.12em;text-transform:uppercase;color:var(--mute,#9fb3d8);margin-bottom:7px}
.audyt-hero .ah-score .pill .need{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.audyt-hero .ah-score .pill .need b{font:800 21px/1 'Montserrat';color:var(--amber)}
.audyt-hero .ah-score .pill .need i{font:700 8.5px/1 'Montserrat';font-style:normal;letter-spacing:.11em;text-transform:uppercase;color:#e6b483;margin-top:6px}
.audyt-hero .ah-score .ring{width:82px;height:82px;margin-left:-18px;flex:none;position:relative;display:grid;place-items:center;border-radius:50%;background:#050a30;box-shadow:0 12px 30px -14px rgba(5,10,48,.7)}
.audyt-hero .ah-score .ring svg{position:absolute;inset:0;width:82px;height:82px;transform:rotate(-90deg)}
.audyt-hero .ah-score .ring .track{stroke:rgba(255,255,255,.12);stroke-width:4;fill:none}
.audyt-hero .ah-score .ring .prog{stroke:var(--amber);stroke-width:4;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(232,152,58,.6));stroke-dasharray:207;stroke-dashoffset:207;animation:ahRing 1.3s var(--eout) 1.75s forwards}
@keyframes ahRing{to{stroke-dashoffset:124.2}}
.audyt-hero .ah-score .ring .val{position:relative;z-index:2;text-align:center;line-height:1}
.audyt-hero .ah-score .ring .val b{font:800 23px/1 'Montserrat';color:var(--amber)}
.audyt-hero .ah-score .ring .val span{display:block;font:700 10px/1 'Montserrat';color:#fff;margin-top:2px;letter-spacing:.04em}
@keyframes ahRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ahRowIn{to{opacity:1;transform:none}}
@media(max-width:980px){
  .audyt-hero{min-height:0}
  .audyt-hero .ah-wrap{grid-template-columns:1fr;gap:36px;padding:44px 22px}
  .audyt-hero .ah-syg{display:none}
  .audyt-hero h1{max-width:none}
  .audyt-hero .ah-card{max-width:none}
  .audyt-hero .ah-waves{right:-140px;bottom:-90px;width:520px;opacity:.34}
  .audyt-hero .ah-halo{opacity:.6}
}
@media(prefers-reduced-motion:reduce){
  .audyt-hero .ah-col>*,.audyt-hero .ah-card,.audyt-hero .ah-row,.audyt-hero .ah-row .mk,.audyt-hero .ah-score,.audyt-hero .ah-waves,.audyt-hero .ah-halo,.audyt-hero .ah-syg,.audyt-hero .ah-scan,.audyt-hero .ah-status .sdone,.audyt-hero .ah-score .ring .prog{animation:none!important;opacity:1!important;transform:none!important}
  .audyt-hero .ah-waves{opacity:.5!important}.audyt-hero .ah-waves g{animation:none!important}.audyt-hero .ah-sbar .cur{animation:none!important}.audyt-hero .ah-status .dot{animation:none!important}
  .audyt-hero .ah-scan{display:none}.audyt-hero .ah-score .ring .prog{stroke-dashoffset:124.2!important}
}

/* ===================== /audyty-seo/ UPGRADE SEKCJI (scoped .netim-audyt) 2026-07-01 ===================== */
/* scroll-reveal (progresywny: bez JS elementy widoczne) */
.netim-audyt.js-reveal :is(.sec .sec-h,.sec .sec-lead,.layers .layer,.cov-grid .cov,.steps .step,.expert .card,.faq-list details,.cta-sec .shell > *){opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.netim-audyt.js-reveal :is(.sec .sec-h,.sec .sec-lead,.layers .layer,.cov-grid .cov,.steps .step,.expert .card,.faq-list details,.cta-sec .shell > *).in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.netim-audyt.js-reveal :is(.sec-h,.sec-lead,.layer,.cov,.step,.card,details,.cta-sec .shell > *){opacity:1!important;transform:none!important}}

/* glebia + sygnatura na ciemnych sekcjach (spojnosc z hero) */
.netim-audyt .process,.netim-audyt .cta-sec{position:relative;overflow:hidden;background:radial-gradient(1000px 620px at 88% -12%,rgba(38,167,240,.15),transparent 56%),radial-gradient(720px 520px at 2% 112%,rgba(47,222,207,.08),transparent 56%),var(--navy)}

.netim-audyt .process .proc-syg{position:absolute;right:-34px;bottom:20px;width:380px;color:var(--mint);opacity:.14;pointer-events:none}
.netim-audyt .process .shell,.netim-audyt .cta-sec .shell{position:relative;z-index:2}

/* COVERAGE: kafel ikony bardziej brandowy + akcent na hover */
.netim-audyt .cov{background:linear-gradient(180deg,#fff,var(--paper))}
.netim-audyt .cov .ic{background:linear-gradient(150deg,rgba(38,167,240,.12),rgba(47,222,207,.10));color:var(--blue);box-shadow:inset 0 0 0 1px rgba(38,167,240,.16);transition:transform .26s var(--ease)}
.netim-audyt .cov:hover .ic{transform:scale(1.06) rotate(-3deg)}
.netim-audyt .cov:hover h3{color:var(--blue)}

/* PROCESS: numer jako kafelek + linia laczaca + reveal-friendly */
.netim-audyt .steps{border-top:0;position:relative;padding-left:8px}
.netim-audyt .step{grid-template-columns:56px 1fr;gap:22px;border-bottom:1px solid rgba(250,251,255,.1);position:relative}
.netim-audyt .step .no{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font:900 16px/1 'Montserrat';font-style:normal;letter-spacing:0;color:var(--mint);background:rgba(128,223,160,.1);box-shadow:inset 0 0 0 1px rgba(128,223,160,.28)}
.netim-audyt .step:hover .no{background:var(--mint);color:var(--navy);box-shadow:none}
.netim-audyt .step .no{transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}

/* FAQ: hover + plynne otwarcie tresci */
.netim-audyt .faq-list details{border-radius:12px;padding:0 16px;transition:background .2s var(--ease)}
.netim-audyt .faq-list details:hover{background:rgba(38,167,240,.04)}
.netim-audyt .faq-list summary{padding:22px 0}
.netim-audyt .faq-list details[open]{background:rgba(38,167,240,.05)}
.netim-audyt .faq-list details p{margin:0;padding:0 0 22px;font:500 15px/1.66 'Montserrat';color:var(--mute);max-width:70ch;animation:auFaq .35s var(--ease)}
@keyframes auFaq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* LAYERS: subtelny lift na hover */
.netim-audyt .layer{transition:transform .26s var(--ease),box-shadow .26s var(--ease)}
.netim-audyt .layer:hover{transform:translateY(-3px);box-shadow:0 30px 60px -38px rgba(5,10,48,.4)}

/* CTA: wieksza obecnosc */
.netim-audyt .cta-sec{padding:73px 0}

/* ===== hero na duzych ekranach: szersze niz sekcje, zeby nie plywalo w granacie 2026-07-01 ===== */
.netim-service .hero .shell{width:min(100%,1500px)}
.netim-audyt .ah-wrap{max-width:1440px}