/* Adrian Radwan / shared visual system — sitewide motion layer */
:root{--site-bg:#030407;--site-surface:#101217;--site-surface-2:#141922;--site-line:rgba(255,255,255,.105);--site-ink:#f3f4f6;--site-muted:#9da5b3;--site-cobalt:#3f7bea;--site-cobalt-light:#8db4ff;--site-lime:#d4ff24;--site-radius:16px}
body.site-wide{background:radial-gradient(900px 540px at 85% -10%,rgba(40,100,230,.15),transparent 60%),radial-gradient(600px 420px at -10% 35%,rgba(141,180,255,.06),transparent 60%),var(--site-bg)!important;color:var(--site-ink);font-family:'DM Sans',system-ui,sans-serif}
body.site-wide:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 68%);opacity:.28}
body.site-wide header,body.site-wide nav{border-color:var(--site-line)}
body.site-wide .site-motion-card,body.site-wide .blog-card,body.site-wide .pricing-accordion>details,body.site-wide .pricing-meta-card,body.site-wide .pricing-process-step{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
body.site-wide .site-motion-card:before,body.site-wide .blog-card:before,body.site-wide .pricing-accordion>details:before{content:'';position:absolute;inset:0;background:radial-gradient(260px circle at var(--site-mx,50%) var(--site-my,50%),rgba(141,180,255,.12),transparent 72%);opacity:0;pointer-events:none;transition:opacity .3s ease}
body.site-wide .site-motion-card:hover,body.site-wide .blog-card:hover,body.site-wide .pricing-accordion>details:hover,body.site-wide .pricing-meta-card:hover,body.site-wide .pricing-process-step:hover{transform:translateY(-4px);border-color:rgba(141,180,255,.38);box-shadow:0 22px 55px rgba(0,0,0,.25)}
body.site-wide .site-motion-card:hover:before,body.site-wide .blog-card:hover:before,body.site-wide .pricing-accordion>details:hover:before{opacity:1}
.site-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.site-reveal.site-visible{opacity:1;transform:none}.site-stagger-1{transition-delay:.04s}.site-stagger-2{transition-delay:.1s}.site-stagger-3{transition-delay:.16s}.site-stagger-4{transition-delay:.22s}
.site-status-chip{display:inline-flex;align-items:center;gap:7px;color:var(--site-cobalt-light);font:600 10px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.site-status-chip:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--site-cobalt-light);box-shadow:0 0 0 5px rgba(141,180,255,.1),0 0 14px var(--site-cobalt-light);animation:sitePulse 1.8s ease-in-out infinite}@keyframes sitePulse{50%{transform:scale(.7);opacity:.55}}
body.site-wide a:focus-visible,body.site-wide button:focus-visible{outline:2px solid var(--site-cobalt-light);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.site-reveal{opacity:1;transform:none;transition:none}.site-status-chip:before{animation:none}}

/* site-wide mobile containment */
body.site-wide{overflow-x:hidden}body.site-wide .section-container,body.site-wide .blog-layout,body.site-wide .blog-grid,body.site-wide main{max-width:100%;min-width:0}@media(max-width:700px){body.site-wide nav .nav-container{padding:0 16px;position:relative}body.site-wide nav .nav-links{display:none!important;position:absolute;z-index:20;top:100%;left:0;right:0;width:auto!important;max-width:none!important;flex-direction:column!important;gap:12px!important;padding:16px!important;background:rgba(3,4,7,.98);border:1px solid var(--site-line);border-top:0;border-radius:0 0 14px 14px}body.site-wide nav .mobile-menu-btn{display:block!important}body.site-wide .blog-grid{grid-template-columns:1fr!important;display:grid!important}body.site-wide .blog-layout{display:block!important}body.site-wide .sidebar{margin-top:28px}body.site-wide .blog-hero{padding-left:18px!important;padding-right:18px!important}body.site-wide .post-wrap{width:100%;min-width:0}body.site-wide .post-title{overflow-wrap:anywhere}}

.site-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:#030407;transition:opacity .55s ease,visibility .55s ease}.site-loader-done{opacity:0;visibility:hidden;pointer-events:none}.site-loader-window{width:min(540px,100%);border:1px solid rgba(141,180,255,.28);border-radius:14px;background:#0c1117;box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 50px rgba(141,180,255,.08);overflow:hidden;font:12px/1.8 'JetBrains Mono',monospace;color:#cad4df}.site-loader-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#8290a0}.loader-dot{width:8px;height:8px;border-radius:50%}.loader-dot.red{background:#ff6b6b}.loader-dot.yellow{background:#f6b35b}.loader-dot.green{background:#8db4ff}.site-loader-lines{min-height:94px;padding:18px}.site-loader-lines div{animation:loaderLineIn .35s ease both}.site-loader-lines div:nth-child(2){animation-delay:.08s}.site-loader-lines div:nth-child(3){animation-delay:.16s}@keyframes loaderLineIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.site-loader-progress{height:2px;background:#17212b}.site-loader-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3f7bea,#8db4ff);transition:width .25s ease}
body.site-wide{overflow-x:hidden}body.site-wide a{background-image:none!important;text-decoration:none}body.site-wide .blog-hero{overflow:hidden}body.site-wide .blog-card-readmore,body.site-wide .blog-card-category,body.site-wide .pagination a,body.site-wide .nav-links a{background-image:none!important;text-decoration:none!important}body.site-wide .blog-card-readmore svg{display:inline-block;stroke:currentColor}

/* Shared navbar: one structure and rhythm on every route. */
.site-wide-nav{position:fixed;top:0;left:0;right:0;z-index:40;padding:16px 24px;background:linear-gradient(180deg,rgba(3,4,7,.96),rgba(3,4,7,.72),transparent);backdrop-filter:blur(14px)}.site-wide-nav nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:26px}.site-wide-brand{font:600 18px/1 'JetBrains Mono',monospace;letter-spacing:-.04em;white-space:nowrap;color:var(--site-ink);text-decoration:none}.site-wide-brand span{color:var(--site-lime)}.site-wide-links{display:flex;align-items:center;gap:18px;margin-left:auto}.site-wide-links a{color:var(--muted,#a1a7b3);font:500 12px/1.2 'JetBrains Mono',monospace;transition:color .2s ease,transform .2s ease}.site-wide-links a:hover,.site-wide-links a.active{color:var(--cobalt-light,#8db4ff);transform:translateY(-1px)}.site-wide-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);color:inherit;font-size:18px}.site-wide-nav+main,.site-wide-nav~main{padding-top:76px}@media(max-width:900px){.site-wide-nav{padding:13px 16px}.site-wide-nav nav{gap:12px}.site-wide-toggle{display:block}.site-wide-links{display:none;position:absolute;left:16px;right:16px;top:62px;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,12,16,.98);box-shadow:0 20px 50px rgba(0,0,0,.35)}.site-wide-links.open{display:flex}.site-wide-links a{padding:13px 12px;border-radius:8px}.site-wide-links a:hover,.site-wide-links a.active{background:rgba(141,180,255,.08);transform:none}}
.blog-card-image{overflow:hidden;position:relative}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .45s ease,opacity .45s ease}.blog-card:hover .blog-card-image img{transform:scale(1.045);opacity:1}

.post-illustration{display:block;width:100%;max-height:360px;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:18px;margin:0 0 42px}.post-wrap{padding-top:100px}

/* Refined shared navbar: larger hit targets, line icons and restrained motion. */
.site-wide-nav{padding:20px 28px;transition:padding .35s ease,background .35s ease,box-shadow .35s ease}.site-wide-nav nav{min-height:42px}.site-wide-nav.is-scrolled{padding-top:11px;padding-bottom:11px;background:rgba(3,4,7,.9);box-shadow:0 12px 35px rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.08)}.site-wide-brand{font-size:20px;letter-spacing:-.06em}.site-wide-links{gap:7px;margin-left:auto}.site-wide-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid transparent;border-radius:10px;font-size:12px;letter-spacing:.01em;position:relative;overflow:hidden}.site-wide-links a:after{content:"";position:absolute;left:11px;right:11px;bottom:6px;height:1px;background:var(--cobalt-light,#8db4ff);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;opacity:.8}.site-wide-links a:hover:after,.site-wide-links a.active:after{transform:scaleX(1)}.site-wide-links a:hover,.site-wide-links a.active{border-color:rgba(141,180,255,.17);background:rgba(141,180,255,.055);transform:translateY(-2px)}.nav-glyph{display:grid;place-items:center;width:17px;height:17px;color:var(--cobalt-light,#8db4ff);transition:transform .35s ease,color .25s ease}.nav-glyph svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-wide-links a:hover .nav-glyph{transform:rotate(-8deg) scale(1.12);color:#fff}.site-wide-links a:nth-child(1){animation:navItemIn .55s .04s both}.site-wide-links a:nth-child(2){animation:navItemIn .55s .08s both}.site-wide-links a:nth-child(3){animation:navItemIn .55s .12s both}.site-wide-links a:nth-child(4){animation:navItemIn .55s .16s both}.site-wide-links a:nth-child(5){animation:navItemIn .55s .20s both}.site-wide-links a:nth-child(6){animation:navItemIn .55s .24s both}.site-wide-links a:nth-child(7){animation:navItemIn .55s .28s both}.site-wide-links a:nth-child(8){animation:navItemIn .55s .32s both}@keyframes navItemIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.site-wide-nav{animation:navDrop .7s cubic-bezier(.2,.8,.2,1) both}@keyframes navDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}.site-wide-nav+main,.site-wide-nav~main{padding-top:92px}@media(max-width:900px){.site-wide-nav{padding:14px 16px}.site-wide-nav.is-scrolled{padding-top:10px;padding-bottom:10px}.site-wide-links{gap:0}.site-wide-links a{padding:13px 12px;font-size:12px}.site-wide-nav+main,.site-wide-nav~main{padding-top:76px}}@media(prefers-reduced-motion:reduce){.site-wide-nav,.site-wide-links a{animation:none!important;transition:none!important}.site-wide-nav{transform:none!important}}

.site-wide-nav{height:auto!important;min-height:82px;box-sizing:border-box}.site-wide-nav nav{height:auto!important;min-height:42px}@media(max-width:900px){.site-wide-nav{min-height:66px}}

/* Subpage typography repair: keep pricing and editorial pages below the fixed navbar. */
body.site-wide .blog-hero{padding-top:170px!important;min-height:520px;box-sizing:border-box}body.site-wide .blog-hero h1{max-width:860px;margin-left:auto;margin-right:auto;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}body.site-wide .blog-hero p{max-width:700px;margin-left:auto;margin-right:auto;line-height:1.75}body.site-wide .blog-section{padding-top:34px}body.site-wide .blog-card h2{line-height:1.18;letter-spacing:-.025em}body.site-wide .blog-card h2 a{display:block}body.site-wide .blog-card-excerpt{line-height:1.65}body.site-wide .pricing-page{padding-top:24px}body.site-wide .pricing-page-hero h1{line-height:1.02;letter-spacing:-.055em}body.site-wide .pricing-page-hero p{max-width:620px;line-height:1.7}body.site-wide .pricing-category-nav{position:sticky;top:88px;z-index:12;backdrop-filter:blur(12px);background:rgba(3,4,7,.82);padding:10px;border-radius:12px}body.site-wide .pricing-page-table{font-size:14px;line-height:1.45}body.site-wide .pricing-page-table th,body.site-wide .pricing-page-table td{vertical-align:middle}@media(max-width:700px){body.site-wide .blog-hero{padding-top:128px!important;min-height:460px}body.site-wide .pricing-category-nav{top:68px;overflow-x:auto;white-space:nowrap}body.site-wide .pricing-page-hero h1{font-size:clamp(42px,12vw,64px)}}

/* Form send status (formularze.js) */
.form-status { margin-top: 0.75rem; min-height: 1.2em; font-size: 15px; line-height: 1.45; }
.form-status.is-ok { color: #2fbf8f; }
.form-status.is-error { color: #ff7a7a; }
.form-status a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* Services dropdown in the main menu (native <details>: works without JS, Escape/outside click closes via site-motion.js) */
.nav-drop{position:relative}
.nav-drop>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--muted,#a1a7b3);font:500 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.01em;user-select:none}
.nav-drop>summary::-webkit-details-marker{display:none}
.nav-drop>summary::after{content:"";width:5px;height:5px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.nav-drop[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.nav-drop>summary:hover,.nav-drop.active>summary,.nav-drop[open]>summary{color:var(--cobalt-light,#8db4ff);border-color:rgba(141,180,255,.17);background:rgba(141,180,255,.055)}
.nav-drop-panel{position:absolute;top:calc(100% + 10px);left:-12px;z-index:60;display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:2px 32px;min-width:500px;padding:18px 22px 16px;background:#0b0d11;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.nav-drop-group p{margin:0 0 6px;font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#6f7684}
.site-wide-links .nav-drop-panel a{display:block;padding:7px 0;border:0;border-radius:0;background:none!important;color:#d3d7df;font:500 14px/1.35 'DM Sans',system-ui,sans-serif;letter-spacing:0;transform:none!important;animation:none!important;overflow:visible}
.site-wide-links .nav-drop-panel a:after{display:none}
.site-wide-links .nav-drop-panel a:hover,.site-wide-links .nav-drop-panel a[aria-current]{color:var(--site-lime,#d4ff24)}
.site-wide-links .nav-drop-panel .nav-drop-all{grid-column:1/-1;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#9da5b3;font-size:13px}
@media(min-width:901px) and (max-width:1240px){.site-wide-links .nav-glyph{display:none}}
@media(max-width:900px){
  .nav-drop>summary{display:flex;width:100%;padding:13px 12px;border-radius:8px}
  .nav-drop>summary::after{margin-left:auto}
  .nav-drop-panel{position:static;min-width:0;grid-template-columns:1fr;gap:0;padding:4px 12px 12px 40px;background:none;border:0;box-shadow:none}
  .nav-drop-group+.nav-drop-group{margin-top:10px}
  .site-wide-links{max-height:calc(100vh - 90px);overflow-y:auto}
}
/* 2026-11-09: menu 5 pozycji + stały przycisk „Umów naprawę” (prawy górny róg, także na telefonie) */
.nav-cta{display:inline-flex;align-items:center;flex-shrink:0;min-height:40px;padding:0 15px;margin-left:6px;border-radius:6px;background:var(--site-lime,#d4ff24);color:#0b0d02;font:600 13px/1 'DM Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.nav-cta:hover{background:#e1ff63;color:#0b0d02}
.nav-cta:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nav-drop-right .nav-drop-panel{left:auto;right:-12px}
@media(max-width:900px){.nav-cta{margin-left:auto;min-height:38px;padding:0 12px;font-size:12.5px}.site-wide-nav .site-wide-toggle{margin-left:0}}
@media(max-width:380px){.site-wide-brand{font-size:16px!important}.nav-cta{padding:0 10px}}
/* 2026-11-09b: 7 pozycji + przycisk w jednej linii także na wąskich laptopach */
.site-wide-links a,.nav-drop>summary,.nav-cta{white-space:nowrap}
@media(min-width:901px) and (max-width:1120px){.site-wide-nav nav{gap:12px}.site-wide-links{gap:2px}.site-wide-links>a,.nav-drop>summary{padding:10px 7px}.nav-cta{padding:0 12px;margin-left:2px}}