/* LaptopSerwisWarszawa.pl — modern HTML5/CSS version */
:root{
  --bg:#06101e;--bg-soft:#09182b;--surface:#0c1d34;--surface-2:#102643;
  --text:#f4f8ff;--muted:#a9bbd2;--line:rgba(151,189,235,.17);
  --cyan:#43e2ff;--blue:#4c8dff;--green:#62f2bd;--warning:#ffcc66;
  --shadow:0 24px 70px rgba(0,0,0,.32);--radius:24px;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--bg)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:
  radial-gradient(900px 520px at 82% -8%,rgba(76,141,255,.16),transparent 64%),
  radial-gradient(800px 460px at -10% 24%,rgba(67,226,255,.09),transparent 62%),var(--bg);color:var(--text);line-height:1.72;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;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 72%)}
body::after{content:"";position:fixed;width:520px;height:520px;left:var(--mouse-x,74%);top:var(--mouse-y,16%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(67,226,255,.08),transparent 66%);transition:opacity .2s}
::selection{background:rgba(67,226,255,.28);color:#fff}
a{color:var(--cyan);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#8ef0ff}
img{display:block;max-width:100%;height:auto}
button,a{touch-action:manipulation}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;padding:10px 14px;border-radius:10px;background:#fff;color:#05101f;font-weight:800;transition:top .2s}.skip-link:focus{top:16px}
.scroll-progress{position:fixed;inset:0 auto auto 0;width:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue));z-index:1001;box-shadow:0 0 20px rgba(67,226,255,.45)}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.site-header.is-scrolled{background:rgba(6,16,30,.82);border-color:var(--line);box-shadow:0 10px 36px rgba(0,0,0,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.navbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:850;letter-spacing:-.025em;white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 0 28px rgba(67,226,255,.18);color:#04101f}
.brand-mark svg{width:21px;height:21px}.brand-accent{color:var(--cyan)}
.nav-desktop{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}
.nav-desktop a{position:relative;padding:10px 9px;border-radius:10px;color:#c8d7ea;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s,color .2s}
.nav-desktop a:hover,.nav-desktop a[aria-current="page"]{background:rgba(255,255,255,.055);color:#fff}
.nav-phone{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(67,226,255,.42);border-radius:12px;color:#fff;text-decoration:none;font-size:14px;font-weight:800;background:rgba(67,226,255,.055)}
.nav-phone svg{width:16px;height:16px;color:var(--cyan)}
.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.035)}.mobile-menu summary::-webkit-details-marker{display:none}
.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:20px;height:2px;border-radius:2px;background:var(--cyan);transition:.2s}.menu-icon{position:relative}.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0}.menu-icon::before{top:-6px}.menu-icon::after{top:6px}
.mobile-menu[open] .menu-icon{background:transparent}.mobile-menu[open] .menu-icon::before{top:0;transform:rotate(45deg)}.mobile-menu[open] .menu-icon::after{top:0;transform:rotate(-45deg)}
.mobile-panel{position:absolute;right:0;top:55px;width:min(320px,calc(100vw - 30px));padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(7,19,35,.98);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.mobile-panel a{display:block;padding:12px 13px;border-radius:10px;color:#dbe8f7;text-decoration:none;font-weight:700}.mobile-panel a:hover{background:rgba(255,255,255,.055);color:#fff}.mobile-panel .mobile-phone{margin-top:7px;border:1px solid rgba(67,226,255,.35);color:var(--cyan)}
.hero{padding:58px 0 74px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:58px}
.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:7px 11px;border:1px solid rgba(67,226,255,.22);border-radius:999px;background:rgba(67,226,255,.055);color:#c9f7ff;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(98,242,189,.75)}
.hero h1{max-width:800px;margin:0;font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-.055em;color:#fff;text-wrap:balance}.hero h1 .accent{background:linear-gradient(90deg,#fff 0%,#9defff 58%,#74a5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{max-width:690px;margin:24px 0 0;color:#b7c9de;font-size:clamp(18px,2vw,21px);line-height:1.65}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:850;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-main{color:#03101d;background:linear-gradient(100deg,var(--cyan),#72b3ff);box-shadow:0 12px 36px rgba(67,226,255,.18)}.btn-main:hover{color:#03101d;box-shadow:0 16px 42px rgba(67,226,255,.27)}.btn-ghost{border:1px solid rgba(184,215,255,.24);background:rgba(255,255,255,.035);color:#edf7ff}.btn-ghost:hover{color:#fff;border-color:rgba(67,226,255,.45);background:rgba(67,226,255,.055)}.btn svg{width:18px;height:18px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin:24px 0 0;padding:0;list-style:none;color:#9fb5ce;font-size:14px}.hero-points li{display:flex;align-items:center;gap:7px}.hero-points svg{width:15px;height:15px;color:var(--green)}
.hero-visual{position:relative;isolation:isolate}.hero-visual::before{content:"";position:absolute;inset:8% -5% -10% 18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(67,226,255,.22),transparent 68%);filter:blur(34px)}
.visual-frame{position:relative;padding:10px;border:1px solid rgba(152,197,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));box-shadow:0 40px 90px rgba(0,0,0,.42);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg);transition:transform .35s ease}.visual-frame:hover{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-3px)}
.visual-frame img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;background:#071526}
.visual-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(7,18,34,.84);box-shadow:0 16px 38px rgba(0,0,0,.32);backdrop-filter:blur(14px);font-size:13px;font-weight:800;color:#e9f6ff}.visual-chip svg{width:18px;height:18px;color:var(--cyan)}.chip-one{left:-28px;bottom:46px}.chip-two{right:-24px;top:38px}.chip-two svg{color:var(--green)}
.hero-home .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
.hero-home h1{font-size:clamp(44px,5.5vw,76px)}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 17px;padding:0;list-style:none;color:#7f97b4;font-size:13px}.breadcrumbs a{color:#9eb7d3;text-decoration:none}.breadcrumbs a:hover{color:var(--cyan)}.breadcrumbs svg{width:12px;height:12px;color:#627b99}
main{position:relative}.content-stack{padding-bottom:70px}
.content-section{position:relative;padding:54px 0;border-top:1px solid var(--line)}.content-section:first-child{border-top:0}.content-section>h2{max-width:820px;margin:0 0 18px;color:#fff;font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.content-section>h3,.content-section .card h3{color:#dff8ff}.content-section h3{margin:30px 0 9px;font-size:20px;line-height:1.32}.content-section p{max-width:900px;color:#c3d2e4}.content-section ul,.content-section ol{max-width:900px;padding-left:23px;color:#c3d2e4}.content-section li{margin:9px 0;padding-left:3px}.content-section strong{color:#f7fbff}.content-section code{background:rgba(255,255,255,.06);padding:.15em .35em;border-radius:5px}
.content-section::before{content:attr(data-index);position:absolute;right:0;top:50px;color:rgba(156,199,255,.08);font-size:78px;font-weight:950;line-height:1;letter-spacing:-.06em;pointer-events:none}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 16px 38px rgba(0,0,0,.12)}.card::after{content:"";position:absolute;inset:auto -18% -55% 35%;height:170px;background:radial-gradient(circle,rgba(67,226,255,.1),transparent 68%);pointer-events:none}.card h3{margin-top:0!important}.card ul{padding-left:20px}
.svc{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:26px}.svc a{position:relative;display:flex;flex-direction:column;min-height:280px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#0a1a2f;text-decoration:none;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.14);transition:transform .24s,border-color .24s,box-shadow .24s}.svc a:nth-child(1),.svc a:nth-child(2){grid-column:span 3}.svc a:nth-child(n+3){grid-column:span 2}.svc a:hover{transform:translateY(-5px);border-color:rgba(67,226,255,.35);box-shadow:0 24px 54px rgba(0,0,0,.24)}.svc-media{position:relative;height:150px;overflow:hidden}.svc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0a1a2f 2%,transparent 62%)}.svc-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.svc a:hover .svc-media img{transform:scale(1.045)}.svc-copy{padding:0 20px 20px;margin-top:-8px;position:relative;z-index:1}.svc a h3{margin:0 0 7px;color:#f5fbff;font-size:19px}.svc a span{color:#a9bdd5;font-size:14px;line-height:1.55}
.contact{position:relative;overflow:hidden;margin-top:28px;padding:28px;border:1px solid rgba(67,226,255,.32);border-radius:24px;background:linear-gradient(145deg,rgba(67,226,255,.08),rgba(76,141,255,.06) 55%,rgba(255,255,255,.025));box-shadow:var(--shadow)}.contact::before{content:"";position:absolute;right:-90px;top:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(67,226,255,.16),transparent 69%)}.contact p{position:relative}.contact .cta-row{position:relative}
.faq-list{display:grid;gap:12px;margin-top:24px}.faq{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);overflow:hidden;transition:border-color .2s,background .2s}.faq:hover,.faq[open]{border-color:rgba(67,226,255,.28);background:rgba(67,226,255,.035)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:19px 20px;list-style:none;color:#f4f8ff;font-weight:820}.faq summary::-webkit-details-marker{display:none}.faq-question{font-size:17px}.faq-icon{flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(67,226,255,.08);color:var(--cyan);font-size:20px;transition:transform .2s}.faq[open] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 20px 19px}.faq-answer p{margin:0;color:#b5c7dc}
.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:54px;align-items:start}.toc{position:sticky;top:105px;padding:18px 0}.toc-label{margin:0 0 12px;color:#7f9ab7;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.toc nav{display:grid;gap:3px;border-left:1px solid var(--line)}.toc a{display:block;margin-left:-1px;padding:8px 0 8px 15px;border-left:2px solid transparent;color:#839bb8;text-decoration:none;font-size:13px;font-weight:650;line-height:1.4;transition:color .2s,border-color .2s}.toc a:hover,.toc a.is-active{color:#e5f8ff;border-color:var(--cyan)}.article-content{min-width:0}.article-content .content-section:first-child{padding-top:0}
.site-footer{position:relative;border-top:1px solid var(--line);background:#040c17;padding:38px 0 30px;color:#8fa7c1}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:start}.site-footer p{margin:0 0 10px;color:#8fa7c1;font-size:14px}.site-footer strong{color:#eef7ff}.site-footer a{color:#b9eefe}.footer-mini-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.footer-mini-nav a{color:#8fa7c1;text-decoration:none;font-size:13px}.footer-mini-nav a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.lbs-credit{display:flex;align-items:center;flex-wrap:wrap;gap:8px!important;margin:0!important;padding:0!important;border:0!important;font-size:12px!important}.lbs-credit__label{color:#708aa7}.lbs-credit__brand{display:inline-flex;align-items:center;gap:3px;padding:7px 10px;background:#fff;border-radius:8px;font-weight:900;line-height:1;text-decoration:none;box-shadow:none!important;transform:none!important}.lbs-credit__local,.lbs-credit__sites{color:#111827}.lbs-credit__business{color:#2563eb}.footer-copy{font-size:12px;color:#607a97}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.hero-grid,.hero-home .hero-grid{grid-template-columns:1fr 420px;gap:38px}.nav-desktop{display:none}.mobile-menu{display:block}.nav-phone{margin-left:auto}.svc{grid-template-columns:repeat(2,1fr)}.svc a:nth-child(n){grid-column:span 1}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:34px}}
@media(max-width:820px){.wrap{width:min(100% - 30px,var(--max))}.hero{padding:38px 0 55px}.hero-grid,.hero-home .hero-grid{grid-template-columns:1fr}.hero h1,.hero-home h1{font-size:clamp(40px,10vw,62px)}.hero-visual{max-width:620px}.chip-one{left:12px;bottom:22px}.chip-two{right:12px;top:22px}.visual-frame{transform:none}.grid{grid-template-columns:1fr}.article-layout{display:block}.toc{position:relative;top:auto;padding:0 0 14px}.toc nav{display:flex;overflow:auto;gap:6px;border:0;padding-bottom:7px;scrollbar-width:thin}.toc a{flex:0 0 auto;margin:0;padding:8px 11px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.toc a:hover,.toc a.is-active{border-color:rgba(67,226,255,.4)}.article-content .content-section:first-child{padding-top:32px}.footer-grid{grid-template-columns:1fr}.footer-mini-nav{justify-content:flex-start}}
@media(max-width:620px){html{scroll-padding-top:76px}.navbar{min-height:66px}.brand{font-size:14px}.brand-mark{width:30px;height:30px}.nav-phone{display:none}.hero{padding-top:28px}.hero .lead{font-size:17px}.cta-row{display:grid;grid-template-columns:1fr}.btn{width:100%}.visual-chip{font-size:11px;padding:9px 10px}.chip-one{left:8px;bottom:15px}.chip-two{right:8px;top:15px}.content-section{padding:42px 0}.content-section::before{font-size:56px;top:40px}.content-section>h2{padding-right:42px}.svc{grid-template-columns:1fr}.svc a:nth-child(n){grid-column:auto;min-height:260px}.footer-bottom{align-items:flex-start;flex-direction:column}.mobile-panel{position:fixed;right:15px;top:72px}.breadcrumbs{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.visual-frame{transform:none}}