/* Wspólny styl Xtechnic. Strona usługowa stanowi wzorzec wizualny. */
html{--xt-blue:#2458e8;--xt-paper:#101319;--xt-ink:#edf3fb;--paper:var(--xt-paper);--surface:#171d27;--raised:#1d2533;--ink:var(--xt-ink);--muted:#9aaac1;--faint:#8395b0;--line:#29364a;--action:var(--xt-blue);--brand-primary:var(--xt-blue);--accent:#85a6ff;--blue:#85a6ff;--green:#85a6ff;--glass:#101319ed;--mono:"IBM Plex Mono",monospace}
html[data-theme=light]{--xt-paper:#f5f7fb;--xt-ink:#101319;--paper:var(--xt-paper);--surface:#fff;--raised:#eaf0fc;--ink:var(--xt-ink);--muted:#53637a;--faint:#5b6e88;--line:#d0dbea;--accent:var(--xt-blue);--blue:var(--xt-blue);--green:var(--xt-blue);--glass:#f5f7fbed}
body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.75}h1,h2,h3{font-family:"DM Sans",sans-serif;font-weight:500;letter-spacing:-.045em}h1 em,h2 em,h3 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--accent);display:block}h1{line-height:1.06}h2{line-height:1.13}.hero h1{font-size:clamp(52px,6.25vw,88px);letter-spacing:-.065em;max-width:760px}.hero h1 em{line-height:1.06}.hero .lead{font-size:16px;line-height:1.85}.wrap{max-width:1280px;padding-inline:clamp(24px,6vw,76px)}.section{padding-block:90px}.section-head{align-items:start}.section-head h2{font-size:clamp(34px,3.6vw,50px)}
.site-header{background:var(--glass);border-bottom-color:var(--line)}.header-inner{min-height:100px}.main-nav{font-size:12px}.button,.woocommerce a.button,.woocommerce button.button{border-radius:3px;background:var(--xt-blue);border-color:var(--xt-blue);min-height:49px;letter-spacing:0;box-shadow:0 5px 18px #2458e814}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#1945c2;border-color:#1945c2}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.button.secondary:hover{background:var(--raised);border-color:var(--accent)}.icon-button,.header-shop,.theme-panel{border-radius:3px}.support-bridge{background:linear-gradient(110deg,#102643,var(--paper));border-block:1px solid var(--line)}[data-theme=light] .support-bridge{background:linear-gradient(110deg,#e4edff,var(--paper))}.product-card,.blueprint-card,.journey-card,.guide-card{border-radius:5px;overflow:hidden}.product-art,.blueprint-cover{background:radial-gradient(ellipse at 55% 45%,#2458e824,transparent 74%),var(--surface)}.guide-card{padding:26px;border:1px solid var(--line);background:var(--surface)}
.xt-visual-section{padding-block:36px 65px}.xt-flow{position:relative;margin:0;padding:35px 38px 38px;border:1px solid var(--line);border-radius:7px;background:radial-gradient(ellipse at 50% 0,#2458e81c,transparent 70%),var(--surface);overflow:hidden}.xt-flow figcaption{position:relative;max-width:800px}.xt-flow figcaption .eyebrow{margin-bottom:12px;font-size:9px}.xt-flow figcaption strong{display:block;font-size:clamp(23px,2.8vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.2}.xt-flow-note{display:block;font-size:11px;color:var(--muted);margin-top:12px}.xt-flow-body{position:relative;margin-top:32px}.xt-flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.xt-flow-node{position:relative;z-index:1;min-height:170px;padding:24px 22px;border:1px solid var(--line);border-radius:5px;background:var(--paper);transition:translate .25s,border-color .25s,box-shadow .25s}.xt-flow-node h3{font-size:20px;line-height:1.2;margin:18px 0 9px;overflow-wrap:anywhere}.xt-flow-node p{font-size:11px;line-height:1.75;margin:0;color:var(--muted)}.xt-node-icon{display:block;width:34px;height:34px;color:var(--accent)}.xt-node-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.25}.xt-node-number{position:absolute;right:21px;top:25px;font:9px var(--mono);color:var(--faint)}.xt-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.xt-wire{fill:none;stroke:var(--line);stroke-width:1.2}.xt-packets{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:7 80;opacity:.6}.xt-flow[data-motion-active=true] .xt-packets{animation:xt-signal 8s linear infinite}@keyframes xt-signal{to{stroke-dashoffset:-348}}
.xt-illustration{position:relative;margin:0;border:1px solid var(--line);border-radius:7px;background:radial-gradient(ellipse at center,#2458e817,transparent 74%),var(--surface);overflow:hidden;isolation:isolate}.xt-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.xt-illustration figcaption{position:absolute;bottom:15px;left:20px;font:8px var(--mono);letter-spacing:1px;color:var(--faint);pointer-events:none}.xt-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.xt-feature-card h3{font-size:29px;margin:24px 0 12px}.xt-feature-card p{max-width:480px;font-size:13px}.xt-feature-card .text-link{margin-top:12px}.xt-feature-card .xt-illustration{margin-bottom:8px}.xt-feature-card .xt-illustration img{max-height:320px}.xt-gallery-row{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.xt-gallery-copy h2{font-size:clamp(33px,3.5vw,49px);max-width:570px}.xt-gallery-copy p{font-size:14px;max-width:520px}.service-hero-grid{grid-template-columns:1.15fr .85fr;gap:50px}.service-hero-grid .xt-illustration{border:0;background:transparent}.service-hero-grid .xt-illustration figcaption{display:none}.xt-art-light{display:none}[data-theme=light] .xt-art-light{display:block}[data-theme=light] .xt-art-dark{display:none}.hero-art .main-art{filter:none}.hero-art .floating-label{border-radius:3px}
@media(hover:hover) and (pointer:fine){.xt-illustration:hover img{transform:scale(1.025)}.xt-flow-node:hover{translate:0 -4px;border-color:var(--accent);box-shadow:0 10px 30px #2458e812}}
@media(max-width:950px){.header-inner{min-height:82px}.main-nav{display:none}.main-nav~.header-tools .menu-toggle{display:flex}.storefront-header .currency-control{top:82px}.hero h1{font-size:clamp(52px,7.5vw,78px)}.xt-flow ol{gap:26px}.xt-flow{padding:28px}.xt-gallery-row{gap:35px}}
@media(max-width:720px){.section{padding-block:65px}.xt-visual-section{padding-block:20px 45px}.xt-flow ol{grid-template-columns:1fr;gap:24px}.xt-flow-node{min-height:0;display:grid;grid-template-columns:38px 1fr;gap:4px 17px;padding:20px}.xt-flow-node h3{font-size:20px;margin:0;grid-column:2}.xt-flow-node p{grid-column:2;margin:0}.xt-node-icon{grid-column:1;grid-row:1/3;align-self:center}.xt-node-number{display:none}.xt-connections{display:none}.xt-flow-node:not(:last-child):after{content:"";position:absolute;left:38px;top:100%;height:25px;width:1px;background:linear-gradient(var(--accent),var(--line))}.xt-feature-grid,.xt-gallery-row,.service-hero-grid{grid-template-columns:1fr;gap:34px}.xt-feature-card .xt-illustration img{max-height:350px}.service-hero-grid .xt-illustration{max-width:540px;width:100%;margin:auto}.xt-gallery-row .xt-illustration{order:2}.xt-flow{padding:25px 20px}.hero h1{font-size:clamp(47px,10.7vw,74px)}.hero .lead{font-size:14px}.xt-flow-note{font-size:11px}}
@media(max-width:560px){.storefront-header .currency-control{top:auto}.header-inner{min-height:82px}.xt-illustration figcaption{font-size:7px;left:14px;bottom:10px}}
[data-document-hidden=true] .xt-packets{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.xt-packets{animation:none!important}.xt-flow-node,.xt-illustration img{transition:none!important;transform:none!important;translate:none!important}}@media(forced-colors:active){.xt-connections{display:none}.xt-flow,.xt-flow-node{border:1px solid CanvasText}}

.xt-feature-card .actions{display:flex;flex-wrap:wrap;gap:14px 28px}.xt-feature-card .text-link{font-size:12px}.xt-support-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.xt-support-grid h2{font-size:clamp(34px,3.8vw,50px)}.xt-support-grid p{font-size:14px;max-width:500px}.xt-support-grid .button{margin-top:14px}.xt-support-grid .xt-illustration{border:0;background:transparent}.xt-support-grid .xt-illustration figcaption{display:none}@media(max-width:720px){.xt-support-grid{grid-template-columns:1fr;gap:25px}.xt-support-grid .xt-illustration{max-width:540px}}

.xt-product-diagram{clear:both;margin-block:45px}.prose+.xt-flow{margin-top:12px}.xt-flow+.prose{padding-top:45px}.xt-flow .eyebrow{font-family:var(--mono)}

.xt-zone-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.xt-zone-chips span{padding:3px 7px;border:1px solid var(--line);border-radius:3px;font:8px var(--mono);color:var(--accent)}.project-art .xt-illustration{width:100%;height:100%;border:0;background:transparent}.project-art .xt-illustration img{height:100%;object-fit:contain}.project-art .xt-illustration figcaption{display:none}@media(max-width:720px){.xt-zone-chips{grid-column:2;margin-top:8px}}

.blueprint-cover img{width:100%;max-width:100%;height:100%;object-fit:contain;padding:25px 6px 0}

.xt-business-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.xt-business-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius,8px);background:var(--card)}.xt-business-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;align-items:center}.xt-business-card .xt-illustration{border:0;margin:0;background:transparent;border-radius:0;overflow:hidden}.xt-business-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .7s ease}.xt-business-card:hover img{transform:scale(1.025)}.xt-business-card>div{padding:28px}.xt-business-card h3{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:0 0 15px}.xt-business-card p{font-size:14px;margin:0;color:var(--muted)}.hero-art>img:not(.main-art){position:relative;z-index:1;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px #2458e820)}.prose+.xt-illustration{max-width:880px;margin:10px auto 40px}.support-bridge>.wrap:not(.xt-support-grid){max-width:920px}.support-bridge>.wrap:not(.xt-support-grid) p{max-width:660px}@media(max-width:720px){.xt-business-gallery{grid-template-columns:1fr;gap:20px}.xt-business-card:first-child{display:block}.xt-business-card>div{padding:22px}.xt-business-card img{aspect-ratio:3/2}}@media(prefers-reduced-motion:reduce){.xt-business-card img{transition:none}.xt-business-card:hover img{transform:none}}

/* Długie nazwy DE i kontrolki mieszczą się także przy 320 px. */
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.two-col>*,.service-hero-grid>*,.header-inner>*{min-width:0}
@media(max-width:560px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;height:auto;min-height:0;padding-block:17px}.header-inner>a:first-child{justify-self:start}.header-inner .brand-wordmark{width:180px}.header-tools{width:100%;justify-content:space-between;gap:10px}.storefront-header .header-tools{justify-content:flex-end;gap:8px}.storefront-header .currency-control{margin-right:auto}.storefront-header .currency-control select{max-width:72px}}