/* Automatyzacje Sklepów / nowa szata 2026. Wspólna dla wszystkich podstron. */
:root{--as-bg:#0a1018;--as-bg2:#0f1926;--as-line:rgba(213,231,244,.13);--as-lime:#c9fb64;--as-lime2:#dfff9c;--as-white:#f6f9fc;--as-muted:#a3b4c5;--as-ink:#142335;--as-body:#526275;--as-radius:24px;--as-max:1216px;--as-shadow:0 22px 70px rgba(4,12,21,.12);--lewy:max(28px,calc(50vw - 555px));--tekst:#1b293a;--szary:#58687b;--blekit:#1c6862;--link:#176d63;--kreska:#dbe3e8}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:#f5f7f8;color:var(--as-ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:inherit;letter-spacing:-.045em;line-height:1.12;font-weight:740;text-wrap:balance}
a{color:#1b7566;text-underline-offset:3px}
a:hover{color:#0b5348}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91cf36;outline-offset:4px}
::selection{background:#c9fb64;color:#0d1720}
.skip-link{position:absolute;z-index:200;top:-60px;left:20px;background:#fff;color:#11231e;padding:12px 18px;border-radius:12px}.skip-link:focus{top:10px}
/* Universal header: always one consistent dark treatment */
.gora,body.ciemna .gora{position:sticky;top:0;z-index:100;pointer-events:auto;background:rgba(10,16,24,.96)!important;border-bottom:1px solid rgba(227,242,255,.11)!important;backdrop-filter:blur(19px)}
.gora .w{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:var(--as-max);width:calc(100% - 56px);height:76px;margin:auto;padding:0}
.gora .znak,body.ciemna .gora .znak{position:static;display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--as-white)!important;letter-spacing:-.045em;font-size:17px;font-weight:760;white-space:nowrap}
.gora .znak img,.gora .znak img.b{width:34px;height:34px;object-fit:contain}
.gora .znak img.c{display:none!important}.gora .znak img.b{display:block!important}
.gora nav,body.ciemna .gora nav{position:static;display:flex;align-items:center;gap:30px;background:none!important;border:none;box-shadow:none;padding:0;font-size:13px;pointer-events:auto;opacity:1;visibility:visible;transform:none}
.gora nav a,body.ciemna .gora nav a{color:#bac7d5!important;font-size:13px;font-weight:620;letter-spacing:.005em;text-decoration:none;padding:12px 0;transition:color .2s}
.gora nav a:hover,body.ciemna .gora nav a:hover{color:#fff!important}
.gora nav a[aria-current="page"]{color:var(--as-lime)!important;text-decoration:none}
.gora nav .nav-cta,body.ciemna .gora nav .nav-cta{background:var(--as-lime)!important;color:#122019!important;padding:13px 20px!important;border-radius:10px;font-weight:760;box-shadow:none;transition:transform .2s,background .2s;white-space:nowrap}
.gora nav .nav-cta:hover,body.ciemna .gora nav .nav-cta:hover{transform:translateY(-2px);background:#e0ffa3!important;color:#122019!important}
.mobile-actions{display:none}
@media(max-width:1030px){
 .gora .w{width:calc(100% - 32px);height:68px}
 .gora .znak,body.ciemna .gora .znak{font-size:15px}
 .gora nav,body.ciemna .gora nav{gap:18px}
 .gora nav a,body.ciemna .gora nav a{font-size:12px}
}
@media(max-width:840px){
 .gora .w{height:70px}
 .gora .znak span,body.ciemna .gora .znak span{display:inline}
 .mobile-actions{position:static;display:flex;align-items:center;gap:8px;pointer-events:auto}
 .mobile-cta,body.ciemna .mobile-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 13px;border-radius:9px;background:var(--as-lime)!important;color:#14201d!important;text-decoration:none;font-size:12px;font-weight:780}
 .menu-toggle,body.ciemna .menu-toggle{position:relative;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#1a2735!important;padding:0;cursor:pointer}
 .menu-toggle::before,.menu-toggle::after,.menu-toggle i,body.ciemna .menu-toggle::before,body.ciemna .menu-toggle::after,body.ciemna .menu-toggle i{background:#f1f7ff}
 .gora nav,body.ciemna .gora nav{position:absolute;top:70px;left:auto;right:0;width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:stretch;gap:0;background:#13202f!important;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 20px 60px #02040b77;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px)}
 body.menu-open .gora nav,body.ciemna.menu-open .gora nav{opacity:1;visibility:visible;transform:none;pointer-events:auto}
 .gora nav a,body.ciemna .gora nav a{padding:12px 14px!important;font-size:14px;border-radius:8px}
 .gora nav a:hover{background:rgba(255,255,255,.08)!important}
 .gora nav .nav-cta,body.ciemna .gora nav .nav-cta{display:block!important;text-align:center;margin-top:10px}
 body.menu-open{overflow:hidden}
}
@media(max-width:370px){.gora .znak span{font-size:13px}.gora .znak{gap:8px}.mobile-cta{font-size:11px;padding:0 8px}}
/* Shared footer */
.stopka{background:#0a1018!important;color:#b1c1d0!important;margin:0;padding:76px max(22px,calc(50vw - 608px)) 28px;border-top:1px solid rgba(255,255,255,.13)}
.stopka-grid{max-width:var(--as-max);margin:auto;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:38px}
.stopka-grid>div>strong{color:#fff!important;font-size:15px;letter-spacing:-.02em;margin-bottom:16px}
.stopka .stopka-brand>strong{font-size:21px;letter-spacing:-.045em}
.stopka .stopka-brand p{color:#b3c3d2;max-width:310px;line-height:1.7}
.stopka a{color:#bbcbd9!important;text-decoration:none}
.stopka a:hover{color:var(--as-lime)!important}
.stopka-grid>div:not(.stopka-brand) a{line-height:1.55;padding:4px 0}
.stopka .stopka-cta{background:var(--as-lime)!important;color:#18241b!important;border-radius:9px;padding:11px 15px;font-weight:750;text-decoration:none}
.stopka .stopka-cta:hover{background:#e0ffa2!important;color:#18241b!important}
.stopka-dol{max-width:var(--as-max);border-top:1px solid rgba(255,255,255,.13);margin:45px auto 0;padding-top:20px;display:flex;gap:20px;flex-wrap:wrap;color:#8da0b3}
@media(max-width:850px){.stopka{padding:54px 25px 28px}.stopka-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.stopka-brand{grid-column:1/-1}.stopka-dol{margin-top:35px}}
@media(max-width:530px){.stopka-grid{grid-template-columns:1fr;gap:20px}.stopka-brand{grid-column:auto}.stopka-dol{display:block}.stopka-dol>*{display:block;margin:6px 0}}
/* Existing 45 service/article pages: shared clear editorial design */
body:not(.flow-home) .rozdzial.czolo{background:#0d1722!important;color:#eef6fe!important;border-bottom:1px solid rgba(255,255,255,.08)}
body:not(.flow-home) .rozdzial.czolo .w{max-width:var(--as-max);min-height:450px;padding:85px 0 75px;margin:auto;position:relative}
body:not(.flow-home) .rozdzial.czolo .tekst{margin-left:0;max-width:690px;padding:0 26px}
body:not(.flow-home) .rozdzial.czolo .tekst h1{font-size:clamp(38px,5.2vw,66px);line-height:1.07;font-weight:790;letter-spacing:-.06em;color:#fff!important;margin:0 0 22px}
body:not(.flow-home) .rozdzial.czolo .tekst .etykieta,body:not(.flow-home) .rozdzial.czolo .tekst .article-meta{color:var(--as-lime)!important;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:760}
body:not(.flow-home) .rozdzial.czolo .tekst p,body:not(.flow-home) .rozdzial.czolo .tekst .wstep,body:not(.flow-home) .rozdzial.czolo .tekst .slaby{font-size:clamp(16px,1.7vw,19px);line-height:1.65;color:#becdd8!important}
body:not(.flow-home) .rozdzial.czolo .tekst a{color:var(--as-lime)}
body:not(.flow-home) .rozdzial.czolo .obraz{width:48%;right:-8%;opacity:.15;filter:saturate(.8) contrast(1.1);pointer-events:none;transform:translateY(-50%) scale(.88)}
body:not(.flow-home) .rozdzial.czolo::after{content:"";position:absolute;right:0;top:0;height:100%;width:47%;background:radial-gradient(ellipse at 95% 60%,rgba(129,238,155,.11),transparent 70%);pointer-events:none}
body:not(.flow-home) .rozdzial.czolo .okruszki,body:not(.flow-home) .rozdzial.czolo .okruszki a{color:#9eafbf!important;font-size:12px}
body:not(.flow-home) .rozdzial.czolo .okruszki{margin:0 0 30px}
body:not(.flow-home) .tresc{background:#f6f8f9;padding-top:78px;padding-bottom:88px;color:#213247}
body:not(.flow-home) .tresc .blok,body:not(.flow-home) .tresc .pudlo,body:not(.flow-home) .tresc .faq{border-color:#dce5eb;border-radius:18px}
body:not(.flow-home) .tresc h2{color:#16273c;font-size:clamp(24px,3vw,35px)}
body:not(.flow-home) .tresc h3{color:#183049;font-size:clamp(19px,2.25vw,23px);line-height:1.26}
body:not(.flow-home) .tresc p,body:not(.flow-home) .tresc li{line-height:1.75}
body:not(.flow-home) .tresc a:not(.przycisk){color:#136f62}
body:not(.flow-home) .tresc img{border-radius:13px}
body:not(.flow-home) .tresc details{border:1px solid #dce6ec;border-radius:13px;background:#fff;margin-bottom:12px;padding:11px 16px}
body:not(.flow-home) .tresc details summary{cursor:pointer;font-weight:690}
body:not(.flow-home) .koniec{background:#c9fb64!important;color:#173122!important}
body:not(.flow-home) .koniec .w{max-width:var(--as-max);min-height:330px;margin:auto;padding:65px 0}
body:not(.flow-home) .koniec .tekst{max-width:900px;margin-left:0;padding:0 22px}
body:not(.flow-home) .koniec h2{color:#183122!important;font-size:clamp(26px,3.6vw,42px)}
body:not(.flow-home) .koniec a{color:#1a4036!important;text-decoration-thickness:2px}
body:not(.flow-home) .tresc .przycisk,body:not(.flow-home) .rozdzial .przycisk{border-radius:11px;background:#183f3b;color:white;text-decoration:none;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center}
body:not(.flow-home) .tresc .przycisk:hover{background:#205b53}
body:not(.flow-home) .brief-form{background:#fff;border:1px solid #d6e2e8;box-shadow:0 18px 50px rgba(23,54,85,.05);border-radius:18px}
body:not(.flow-home) .brief-form input,body:not(.flow-home) .brief-form select,body:not(.flow-home) .brief-form textarea{background:#f9fbfc;border-color:#c6d4dd;border-radius:9px;min-height:47px;color:#173148}
body:not(.flow-home) .brief-form .przycisk{background:#183f3b}
body:not(.flow-home) .kontakt-skroty a{border-radius:12px}
body:not(.flow-home) .brief-info{color:#5c6e7b}
/* Home page complete layout */
.flow-home{background:#0a1018;color:#edf6ff}
.flow-home a{text-decoration:none;color:inherit}
.fh-wrap{max-width:var(--as-max);width:calc(100% - 56px);margin-inline:auto}
.fh-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 74% 30%,rgba(54,111,94,.25),transparent 35%),radial-gradient(ellipse at 20% 90%,rgba(65,111,116,.09),transparent 46%),#0a1018;min-height:695px;overflow:hidden}
.fh-hero::before,.fh-end::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(rgba(203,240,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(203,240,255,.1) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 3%,#000 80%)}
.fh-hero-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px;align-items:center;min-height:650px;padding:72px 0 82px}
.fh-hero-copy{position:relative;z-index:3}
.fh-kicker,.fh-eyebrow{display:inline-flex;gap:9px;align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:780}
.fh-kicker{border:1px solid rgba(201,251,100,.28);border-radius:60px;padding:10px 13px;color:#cde99c;background:rgba(201,251,100,.06)}
.fh-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bbf762;box-shadow:0 0 0 5px rgba(201,251,100,.12)}
.fh-hero h1{font-size:clamp(46px,5.65vw,83px);font-weight:800;letter-spacing:-.075em;line-height:1.03;margin:29px 0 22px;color:#fff;max-width:710px}
.fh-hero h1 em{font-style:normal;color:var(--as-lime)}
.fh-hero-lead{font-size:clamp(16px,1.45vw,20px);line-height:1.64;color:#b9c9d6;max-width:600px;margin:0 0 30px}
.fh-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.fh-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;border-radius:11px;padding:13px 20px;font-weight:780;font-size:14px;transition:transform .22s,background .22s,border-color .22s;white-space:nowrap}
.fh-btn:hover{transform:translateY(-3px)}
.fh-btn-lime{background:var(--as-lime);color:#172216!important}
.fh-btn-lime:hover{background:#e3ffaa;color:#172216!important}
.fh-btn-ghost{border:1px solid rgba(217,241,248,.28);color:#f0f5f9!important;background:rgba(255,255,255,.02)}
.fh-btn-ghost:hover{border-color:rgba(255,255,255,.7)}
.fh-hero-meta{margin-top:36px;display:flex;flex-wrap:wrap;gap:20px;color:#879caf;font-size:12px;line-height:1.5}
.fh-hero-meta span::before{content:"✓";color:var(--as-lime);font-weight:bold;margin-right:8px}
.fh-demo{border:1px solid rgba(219,236,253,.18);border-radius:22px;background:linear-gradient(160deg,rgba(24,43,59,.91),rgba(10,19,29,.92));box-shadow:0 32px 96px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);padding:17px;position:relative}
.fh-demo::after{content:"";position:absolute;z-index:-1;inset:18%;background:var(--as-lime);opacity:.1;filter:blur(85px)}
.fh-demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 14px;border-bottom:1px solid var(--as-line)}
.fh-demo-top strong{font-size:13px;color:#dce9f4;letter-spacing:-.01em}
.fh-live{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:690;color:#bdd69c}
.fh-live .fh-dot{width:6px;height:6px;box-shadow:none}
.fh-tabs{display:flex;gap:6px;margin:15px 2px 17px}
.fh-tab{border:1px solid rgba(255,255,255,.12);background:#182738;border-radius:8px;color:#9eafbe;cursor:pointer;padding:10px 12px;font-weight:690;font-size:11px;flex:1;transition:.2s}
.fh-tab[aria-selected=true]{color:#192217;background:var(--as-lime);border-color:var(--as-lime)}
.fh-flow-svg{width:100%;height:auto;display:block;overflow:visible}
.fh-flow-svg .fh-link{fill:none;stroke:rgba(131,161,175,.48);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:6 7}
.fh-flow-svg .fh-link-active{fill:none;stroke:#bbf26d;stroke-width:2.8;filter:drop-shadow(0 0 5px rgba(189,247,104,.47));stroke-linecap:round}
.fh-flow-svg .fh-stream{fill:none;stroke:#d5ff91;stroke-width:5;stroke-linecap:round;stroke-dasharray:1 90;stroke-dashoffset:0;animation:as-stream 3s linear infinite}
.fh-flow-svg .fh-card{fill:#182b3e;stroke:rgba(213,240,255,.21);stroke-width:1}
.fh-flow-svg .fh-card-main{fill:#1d362f;stroke:#9add65;stroke-width:1.7}
.fh-flow-svg .fh-pt{fill:#a9cae0;font-size:11px;font-weight:690}
.fh-flow-svg .fh-pt-main{fill:#d5ff9e;font-size:12px;font-weight:730}
.fh-flow-svg .fh-pt-sub{fill:#8da5b5;font-size:9px}
.fh-flow-svg .fh-status{fill:#b8f374}
.fh-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#9bb2c0;font-size:11px;border-top:1px solid var(--as-line);padding:13px 4px 0;margin-top:12px}
.fh-demo-footer strong{color:#c6fb73}
.fh-corner{position:absolute;right:-17px;bottom:25px;max-width:175px;padding:13px 16px;background:#c9fb64;color:#1d2c1f;border-radius:12px;box-shadow:0 16px 40px #0005;font-size:11px;transform:rotate(-2deg)}
.fh-corner b{display:block;font-size:14px}
@keyframes as-stream{to{stroke-dashoffset:-182}}
.fh-clientstrip{border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:#0e1924}
.fh-clientstrip .fh-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:22px 0}
.fh-clientstrip p{color:#8da1b2;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:690;margin:0}
.fh-badges{display:flex;flex-wrap:wrap;align-items:center;gap:21px 27px}
.fh-badges span{font-size:14px;font-weight:730;color:#aabccc;letter-spacing:-.025em}
.fh-section{padding:112px 0}
.fh-eyebrow{color:#536f7e;letter-spacing:.17em;margin-bottom:18px}
.fh-eyebrow .fh-dot{background:#378864;box-shadow:0 0 0 5px rgba(50,135,99,.11)}
.fh-section h2{font-size:clamp(34px,4.45vw,60px);letter-spacing:-.065em;line-height:1.08;margin:0 0 19px;color:#1a2939}
.fh-section-head{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:42px}
.fh-section-head p{color:#5b6c79;max-width:400px;margin:0;font-size:16px;line-height:1.72}
.fh-section-light{background:#f6f8f9;color:#15263b}
.fh-section-white{background:#fff;color:#15263b}
.fh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fh-service{border:1px solid #dce6e9;background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;min-height:286px;position:relative;overflow:hidden;transition:transform .26s,box-shadow .26s,border-color .26s}
.fh-service:hover{transform:translateY(-6px);border-color:#b8d7bd;box-shadow:0 18px 40px rgba(22,63,56,.1)}
.fh-service-index{font-size:11px;font-weight:790;color:#506f60;letter-spacing:.11em}
.fh-service-icon{width:47px;height:47px;border-radius:12px;border:1px solid #dceae1;background:#eff9eb;color:#256848;display:grid;place-items:center;font-weight:800;font-size:18px;margin:21px 0}
.fh-service h3{font-size:22px;line-height:1.22;letter-spacing:-.045em;color:#1d2d3d;margin:0 0 12px}
.fh-service p{font-size:14px;color:#5c6d79;line-height:1.65;margin:0 0 24px}
.fh-service-link{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;color:#226d50!important}
.fh-service-link::after{content:"↗";font-size:17px;transition:transform .2s}.fh-service:hover .fh-service-link::after{transform:translate(3px,-3px)}
.fh-method{background:#11202b;color:white}
.fh-method h2{color:white}.fh-method .fh-section-head p{color:#acbbc8}
.fh-method .fh-eyebrow{color:#abc4a3}.fh-method .fh-eyebrow .fh-dot{background:var(--as-lime)}
.fh-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.fh-method-lead{color:#a4b4c1;font-size:16px;line-height:1.8;max-width:530px}
.fh-steps{display:grid;gap:0}
.fh-step{display:grid;grid-template-columns:46px 1fr;gap:17px;border-top:1px solid var(--as-line);padding:24px 0}
.fh-step:last-child{border-bottom:1px solid var(--as-line)}
.fh-step-num{font-size:12px;color:var(--as-lime);font-weight:780}
.fh-step h3{color:#f0f7fb;font-size:20px;margin:0 0 8px}
.fh-step p{font-size:14px;color:#9aafc0;margin:0;line-height:1.65}
.fh-method-visual{border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(180deg,#1b2c3b,#111c28);padding:20px}
.fh-ops-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--as-line);padding:4px 4px 18px;color:#d8e5ec;font-size:14px;font-weight:770}
.fh-ops-title span{font-size:11px;color:#8ca8bb}
.fh-ops-list{display:grid;gap:10px;margin-top:18px}
.fh-ops-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.09);padding:13px;border-radius:10px;background:rgba(255,255,255,.025)}
.fh-ops-icon{display:grid;place-items:center;width:33px;height:33px;background:#294336;color:#c9fb64;border-radius:8px;font-size:16px}
.fh-ops-row b{display:block;font-size:12px;color:#ddeaf1}.fh-ops-row small{color:#849bab;font-size:10px}
.fh-ops-state{color:#b8ee8d;font-size:10px;white-space:nowrap}
.fh-realizations{background:#eff3f3}
.fh-projects{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.fh-case{border-radius:22px;background:#142332;color:white;min-height:352px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(22,49,52,.08)}
.fh-case.fh-case-light{background:#dce8e2;color:#193029}
.fh-case-copy{padding:31px 34px;position:relative;z-index:2}
.fh-case-tag{font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.15em;color:#b6e789;display:block;margin-bottom:16px}
.fh-case-light .fh-case-tag{color:#316949}
.fh-case h3{font-size:29px;letter-spacing:-.055em;line-height:1.15;margin:0 0 12px;color:inherit}
.fh-case p{font-size:14px;line-height:1.65;color:#afc4cf;max-width:450px;margin:0 0 18px}
.fh-case-light p{color:#4d6a5f}
.fh-case a.fh-case-link{font-size:12px;font-weight:810;color:#caff85;display:inline-flex;gap:8px}
.fh-case-light a.fh-case-link{color:#1e6552}
.fh-case-image{margin:auto 35px -38px;align-self:stretch;max-width:550px;min-height:170px;box-shadow:0 16px 40px rgba(0,0,0,.27);border:7px solid rgba(255,255,255,.11);background:#1b2937;border-radius:14px 14px 0 0;overflow:hidden}
.fh-case-image img{width:100%;height:220px;object-fit:cover;display:block;object-position:top}
.fh-case-mini{margin:25px 31px 0;min-height:165px;background:#f7faf7;border:1px solid #c4d9d1;border-radius:13px;padding:14px;color:#20352f}
.fh-mini-head{display:flex;gap:10px;justify-content:space-between;font-size:11px;font-weight:750;border-bottom:1px solid #d9e8e2;padding-bottom:10px}
.fh-mini-head b{color:#3a9b62}
.fh-mini-rows{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.fh-mini-row{border-radius:8px;background:#e5f1e9;padding:10px 11px}
.fh-mini-row span{display:block;color:#4e6e62;font-size:9px}
.fh-mini-row strong{display:block;color:#1d4330;font-size:13px;margin-top:4px}
.fh-realizations-note{color:#526773;font-size:12px;margin:20px 0 0}
.fh-integrations{background:white}
.fh-systems{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fh-system{border:1px solid #dce8e9;border-radius:13px;background:#f8fafb;display:flex;align-items:center;gap:11px;min-height:82px;padding:17px;transition:transform .2s,border-color .2s}
.fh-system:hover{transform:translateY(-4px);border-color:#bbd4c9}
.fh-system img{width:27px;height:27px;object-fit:contain}
.fh-system span{font-size:14px;font-weight:730;color:#334a5b}
.fh-disclaimer{color:#536978;font-size:12px;line-height:1.65;margin:20px 0 0;max-width:820px}
.fh-pricing{background:#eef3ef}
.fh-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fh-price{border:1px solid #d8e3db;border-radius:20px;background:white;padding:30px;display:flex;flex-direction:column;min-height:275px}
.fh-price.featured{background:#172a25;color:#f2faee;border-color:#2e5945;transform:translateY(-6px);box-shadow:0 20px 40px rgba(17,39,31,.15)}
.fh-price-head{color:#43805c;font-size:11px;font-weight:790;letter-spacing:.1em;text-transform:uppercase}
.fh-price.featured .fh-price-head{color:#c9fb64}
.fh-price strong{font-size:31px;line-height:1.2;display:block;letter-spacing:-.055em;margin:16px 0;color:#1b3027}
.fh-price.featured strong{color:#fff}
.fh-price p{font-size:14px;color:#60726a;line-height:1.65}
.fh-price.featured p{color:#abbdaf}
.fh-price a{margin-top:auto;display:inline-flex;font-size:13px;font-weight:780;gap:8px;color:#287451}
.fh-price.featured a{color:#d2ff8e}
.fh-end{background:#0b151d;color:#fff;position:relative;overflow:hidden;padding:112px 0}
.fh-end-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:50px;position:relative;z-index:2}
.fh-end h2{font-size:clamp(39px,5vw,65px);line-height:1.06;letter-spacing:-.065em;margin:0 0 22px;color:#fff}
.fh-end h2 em{color:var(--as-lime);font-style:normal}
.fh-end p{color:#aabecb;line-height:1.7;max-width:535px}
.fh-end-box{border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:30px;background:rgba(29,51,61,.5);backdrop-filter:blur(12px)}
.fh-end-box .fh-e-label{display:block;color:#bfdf9a;font-size:12px;font-weight:790;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px}
.fh-end-box a.fh-email{display:block;color:#f2fff5;font-size:clamp(15px,2vw,23px);letter-spacing:-.04em;overflow-wrap:anywhere;font-weight:740}
.fh-end-box a.fh-email:hover{color:var(--as-lime)}
.fh-end-box p{font-size:12px;margin:8px 0 25px}
.fh-end-box .fh-btn{width:100%}
.fh-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}
.fh-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.fh-hero-main{grid-template-columns:1fr 1fr;gap:20px}.fh-corner{right:-8px}.fh-service{padding:23px}.fh-case-copy{padding:25px 25px}}
@media(max-width:920px){.fh-hero-main{grid-template-columns:1fr;min-height:auto;gap:36px;padding:68px 0 80px}.fh-hero-copy{max-width:720px}.fh-hero h1{max-width:760px}.fh-demo{max-width:640px;margin:auto;width:100%}.fh-section{padding:80px 0}.fh-section-head{display:block}.fh-section-head p{max-width:710px}.fh-cards{grid-template-columns:repeat(2,1fr)}.fh-method-grid{grid-template-columns:1fr;gap:25px}.fh-projects{grid-template-columns:1fr 1fr}.fh-systems{grid-template-columns:repeat(3,1fr)}.fh-end-grid{grid-template-columns:1fr}}
@media(max-width:680px){.fh-wrap{width:calc(100% - 36px)}.fh-hero{min-height:0}.fh-hero-main{padding:54px 0 68px}.fh-hero h1{font-size:clamp(43px,10.2vw,61px);letter-spacing:-.068em}.fh-hero-meta{gap:10px 16px}.fh-demo{padding:13px}.fh-corner{position:static;transform:none;margin:13px 0 0;max-width:none}.fh-section{padding:65px 0}.fh-section-head{margin-bottom:27px}.fh-section h2{font-size:clamp(34px,8.5vw,49px)}.fh-cards,.fh-projects,.fh-pricing-grid{grid-template-columns:1fr}.fh-service{min-height:230px}.fh-systems{grid-template-columns:repeat(2,1fr)}.fh-case h3{font-size:25px}.fh-price.featured{transform:none}.fh-end{padding:80px 0}.fh-hero-meta{font-size:11px}.fh-clientstrip .fh-wrap{padding:18px 0}.fh-badges{gap:12px 20px}.fh-badges span{font-size:12px}}
@media(max-width:450px){.fh-flow-svg{min-height:208px}.fh-demo-top strong{font-size:11px}.fh-demo-footer{font-size:10px}.fh-tabs{gap:3px}.fh-tab{font-size:10px;padding:9px 5px}.fh-system{padding:12px;min-height:70px}.fh-system span{font-size:12px}}
/* Rich form on the shared contact page */
.as-contact-panel{margin:28px 0;border-radius:20px;background:#fff;border:1px solid #d7e3e3;box-shadow:0 22px 55px rgba(31,78,70,.07);padding:31px}
.as-contact-panel h2{font-size:clamp(25px,3.5vw,34px)!important;color:#1b342c}
.as-contact-panel p{color:#61766d;font-size:14px}
.as-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.as-field{display:flex;flex-direction:column;gap:6px}
.as-field>label{font-size:13px;font-weight:760;color:#304b40}
.as-field input,.as-field select,.as-field textarea{width:100%;padding:13px 15px;border:1px solid #bbcec6;background:#f9fcfa;border-radius:10px;color:#1c342c;font-size:15px}
.as-field textarea{resize:vertical;min-height:125px}
.as-field-full{grid-column:1/-1}
.as-form-help{font-size:12px;color:#62796d}
.as-check{display:flex;gap:10px;align-items:flex-start;color:#475f55;font-size:12px;line-height:1.6}
.as-check input{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.as-submit{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:23px}
.as-submit button{border:0;cursor:pointer}
.as-submit span[role=status]{font-size:13px;color:#42685a}
.as-honey{position:absolute!important;left:-10000px!important;opacity:0!important;width:1px!important;height:1px!important}
@media(max-width:650px){.as-grid{grid-template-columns:1fr}.as-field-full{grid-column:auto}.as-contact-panel{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.fh-reveal{opacity:1;transform:none;transition:none}.fh-flow-svg .fh-stream{animation:none}.fh-btn,.fh-service,.fh-system{transition:none!important}}

/* Detailed service directory */
.as-hub-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1100px;margin:5px auto 30px;padding:23px 25px;border:1px solid #d5e5dc;background:#e9f5ee;border-radius:16px}
.as-hub-intro p{margin:0;max-width:660px;font-size:15px;line-height:1.7}
.as-hub-intro a{white-space:nowrap;flex-shrink:0}
.as-hub-grid{max-width:1130px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.as-hub-card{border:1px solid #dce6ea;background:white;border-radius:19px;padding:30px 31px;box-shadow:0 8px 24px rgba(30,54,62,.025);transition:transform .2s,border-color .2s}
.as-hub-card:hover{transform:translateY(-4px);border-color:#b8d6c5}
.as-hub-card>span{color:#458061;font-size:11px;font-weight:790;letter-spacing:.15em}
.as-hub-card h2{margin:13px 0;font-size:24px!important;color:#183327!important;letter-spacing:-.045em}
.as-hub-card p{color:#5b7072;line-height:1.68;font-size:14px}
.as-hub-card a{display:inline-flex;margin:8px 16px 0 0;font-weight:780;color:#18694d!important;font-size:13px}
.as-hub-cta{max-width:1120px;margin:32px auto 0;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#122b26;color:white}
.as-hub-cta h2{color:white!important;font-size:27px!important;margin:0 0 8px!important}
.as-hub-cta p{color:#accbbf;margin:0;max-width:600px}
.as-hub-cta .przycisk{background:#c9fb64!important;color:#163023!important;font-weight:790}
@media(max-width:780px){.as-hub-intro,.as-hub-cta{display:block}.as-hub-intro>a,.as-hub-cta>a{margin-top:18px}.as-hub-grid{grid-template-columns:1fr}.as-hub-card{padding:25px}}

/* Correct visibility of active nav contact button and full width of custom pages */
.gora nav .nav-cta[aria-current="page"],body.ciemna .gora nav .nav-cta[aria-current="page"]{color:#122019!important}
.tresc.as-wide{width:calc(100% - 52px);max-width:var(--as-max);margin:0 auto;padding:68px 0 100px;box-sizing:border-box}
.tresc.as-wide .as-contact-panel{max-width:1060px;margin:26px auto 34px}
.tresc.as-wide .as-hub-grid,.tresc.as-wide .as-hub-intro,.tresc.as-wide .as-hub-cta{max-width:1100px}
@media(max-width:740px){.tresc.as-wide{width:calc(100% - 34px);padding:40px 0 68px}}

/* Small-viewport safety, grid min-content prevention */
.fh-hero-copy,.fh-demo,.fh-hero-main>*,.fh-end-grid>*{min-width:0}
@media(max-width:920px){.fh-hero-main{grid-template-columns:minmax(0,1fr)}.fh-demo{width:100%;max-width:640px}}
@media(max-width:480px){.fh-hero h1{overflow-wrap:break-word}.fh-hero-lead{max-width:100%;overflow-wrap:break-word}.fh-actions .fh-btn{white-space:normal;max-width:100%;text-align:center}.fh-corner{width:100%}.fh-demo-top{flex-wrap:wrap}}

/* Responsive final QA: intrinsic SVG and long brand name must not widen mobile grid. */
.fh-hero-main>*{min-width:0}
.fh-demo,.fh-hero-copy,.fh-section-head>*,.fh-end-grid>*{min-width:0;max-width:100%}
.fh-demo{overflow:hidden}
.fh-flow-svg{max-width:100%;min-width:0;overflow:hidden}
@media(max-width:920px){.fh-hero-main{grid-template-columns:minmax(0,1fr)}.fh-end-grid,.fh-method-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:840px){.gora .znak{min-width:0;flex-shrink:1}.gora .znak span{overflow:hidden;text-overflow:ellipsis}.mobile-actions{flex-shrink:0}}
@media(max-width:530px){.gora .znak{gap:7px}.gora .znak img.b{width:27px;height:27px}.gora .znak span{font-size:13px;letter-spacing:-.055em}.mobile-cta{padding-inline:9px!important;font-size:11px!important}.fh-actions .fh-btn{white-space:normal;text-align:center}.fh-hero h1{overflow-wrap:break-word}.fh-clientstrip .fh-wrap{min-width:0}}
@media(max-width:355px){.gora .znak span{font-size:11px}.gora .znak img.b{width:24px;height:24px}.mobile-cta{font-size:10px!important;padding:0 7px!important}}