/*
Theme Name: SFXM Business
Theme URI: https://www.sfxm.pl/
Author: SYSTEM FX MANAGEMENT
Description: Dedykowany motyw WordPress dla SYSTEM FX MANAGEMENT — marketing internetowy i kontakty biznesowe B2B.
Version: 5.4.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: sfxm
*/
@font-face{font-family:"Manrope SFXM";font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/fonts/manrope-latin-ext-variable.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope SFXM";font-style:normal;font-display:swap;font-weight:200 800;src:url("assets/fonts/manrope-latin-variable.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#071526;--navy2:#0a1d34;--blue:#2676ff;--ink:#0a1726;--muted:#647184;--line:#dbe3ec;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#000;padding:12px}
.skip:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:88px;position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid #ffffff18}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.25;letter-spacing:.15em}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;font-size:18px}
.nav nav{display:flex;gap:24px;color:#c8d5e5;font-size:13px}
.nav nav{font-family:"Manrope SFXM",Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1.4}
.nav nav ul{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.nav nav li{margin:0;padding:0;list-style:none}
.nav nav a:hover,.nav nav a:focus{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:195px;padding:17px 22px;background:var(--blue);border:0;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:.22s}
.btn{font-family:"Manrope SFXM",Arial,sans-serif;font-weight:650;letter-spacing:.01em}
.btn:hover,.btn:focus{background:#145fe4;transform:translateY(-2px);box-shadow:0 10px 28px #0b5ce333}
.btn span{display:inline-block;transition:transform .22s ease}.btn:hover span,.btn:focus span{transform:translateX(4px)}
.btn.small{min-width:0;padding:13px 17px}
.menu-toggle{display:none;background:0;border:0;padding:8px}
.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero,.page-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#061322 0%,#0a2039 72%,#0b315b 100%);color:#fff}
.hero:after,.page-hero:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff10;border-radius:50%;right:-170px;top:70px;box-shadow:0 0 0 110px #ffffff05,0 0 0 220px #ffffff03}
.motion-ready .hero:after{animation:sfxm-orbit 16s ease-in-out infinite alternate;will-change:transform,opacity}
.motion-ready .hero .eyebrow,.motion-ready .hero h1,.motion-ready .hero .lead,.motion-ready .hero .actions,.motion-ready .hero .stats{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-ready .hero .is-visible{opacity:1;transform:none}
.motion-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
.motion-ready .cards article:nth-child(2),.motion-ready .service-list article:nth-child(even){transition-delay:.08s}
.motion-ready .cards article:nth-child(3){transition-delay:.16s}
@keyframes sfxm-orbit{from{transform:translate3d(0,0,0) scale(1);opacity:.72}to{transform:translate3d(-22px,18px,0) scale(1.035);opacity:1}}
.hero{min-height:max(840px,100svh);padding:180px 0 0}
.hero>.container{display:flex;flex-direction:column;min-height:max(660px,calc(100svh - 180px))}
.page-hero{padding:180px 0 105px}
.page-hero.compact{padding-bottom:80px}
.page-hero.full{min-height:700px}
.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700}
.eyebrow,.section-label{font-family:"Manrope SFXM",Arial,sans-serif;font-size:12px;font-weight:650;line-height:1.55;letter-spacing:.15em}
.eyebrow{color:#9db2c9}
.eyebrow:before{content:"";display:inline-block;width:26px;height:1px;background:var(--blue);vertical-align:middle;margin-right:12px}
.hero h1,.page-hero h1{position:relative;z-index:1;margin:40px 0 30px;max-width:1050px;font-size:clamp(48px,5.7vw,82px);line-height:1;letter-spacing:-.045em;overflow-wrap:break-word;text-wrap:balance}
.page-hero h1{font-size:clamp(52px,6.3vw,88px)}
h1 em,h2 em{color:#8fc0ff;font-style:normal;font-weight:300}
.lead{max-width:670px;color:#bac8d8;font-size:18px;line-height:1.7}
.actions{display:flex;align-items:center;gap:36px;margin-top:40px;margin-bottom:64px}
.text-link{padding:14px 0;border-bottom:1px solid #ffffff44;font-size:13px}
.stats{position:relative;width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;border-top:1px solid #ffffff1f;padding:26px 0}
.stats div{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:22px;align-items:center;border-right:1px solid #ffffff1f;padding:8px 30px}
.stats div:first-child{padding-left:0}
.stats strong{font-size:24px;line-height:1.15;white-space:nowrap}
.stats span{max-width:220px;color:#c4d3e3;font-size:13px;line-height:1.5}
.section{padding:40px 0}
.section-label{margin:0 0 58px;color:#5f6c7f}
.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.split h2,.section-head h2,.cta h2{margin:0;font-size:clamp(42px,5.1vw,72px);line-height:1.05;letter-spacing:-.045em}
.prose{color:#566477;font-size:16px;line-height:1.8}
.prose>p:first-of-type{color:#1d2a39;font-size:20px}
.prose h2{color:var(--ink);font-size:38px;letter-spacing:-.03em}
.prose.large{font-size:18px}
.narrow{max-width:820px}
.arrow-link{display:inline-block;margin-top:24px;padding-bottom:7px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:13px;font-weight:700}
.dark{background:var(--navy);color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}
.section-head>p{max-width:390px;color:#536173;line-height:1.7}
.dark .section-label{color:#a9bdd3}
.dark .section-head>p{color:#b4c5d8}
.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #ffffff1f}
.cards article{min-height:260px;padding:36px 34px 20px 0;border-right:1px solid #ffffff1f}
.cards article+article{padding-left:34px}
.cards span,.feature-list>article>span,.service-list span{color:#075ccf;font-size:11px}
.dark .cards span,.dark .feature-list>article>span{color:#78b4ff}
.cards h3{margin:36px 0 18px;font-size:21px}
.cards p{color:#91a4bb;font-size:14px;line-height:1.7}
.cta{padding:120px 24px;text-align:center;background:#edf4fc}
.cta>p{color:#65778b;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.cta h2{margin:28px 0 42px}
.cta h2 em{color:var(--blue)}
.feature-list{border-top:1px solid var(--line)}
.feature-list article{display:grid;grid-template-columns:80px 1fr;padding:38px 0;border-bottom:1px solid var(--line)}
.feature-list h2{margin:0 0 10px;font-size:27px}
.feature-list p{max-width:720px;margin:0;color:#657386}
.service-list{display:grid;grid-template-columns:1fr 1fr;margin-top:64px;border-top:1px solid var(--line)}
.service-list article{padding:34px;border-bottom:1px solid var(--line)}
.service-list article:nth-child(odd){border-right:1px solid var(--line)}
.service-list h2,.service-list h3{font-size:22px}
.service-list p{color:#697687}
.contact-grid{align-items:start}
.contact-form{display:grid;gap:22px}
.contact-form label{display:grid;gap:8px;color:#657386;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.contact-form input,.contact-form textarea{padding:13px 0;border:0;border-bottom:1px solid var(--line);outline:0;font:inherit}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}
.contact-form textarea{min-height:110px;resize:vertical}
.contact-form .consent{grid-template-columns:20px 1fr;align-items:start;line-height:1.5;text-transform:none;letter-spacing:0}
.consent input{margin:3px 0}
.consent a{text-decoration:underline}
.hp{position:absolute!important;left:-10000px!important}
.notice{padding:14px 18px;font-size:14px}
.notice.success{background:#e4f8eb;color:#166534}
.notice.error{background:#feecec;color:#991b1b}
.form-error{color:#b91c1c;font-size:13px}
.legal h2{margin-top:46px;font-size:26px}
.legal-note{margin-top:50px;padding:20px;background:#f2f6fa;font-size:14px!important}
.prose blockquote{margin:48px 0;padding:28px 32px;border-left:3px solid var(--blue);background:#edf4fc;color:#17304f}.prose blockquote p{margin:0}.page-cta{margin-top:58px;padding:42px;background:var(--navy);color:#fff}.page-cta h2{margin-top:0;color:#fff}.page-cta p{color:#b8c8da}.page-cta .btn{margin-top:18px;color:#fff}
.page-lead{color:#1d2a39!important;font-size:21px!important;line-height:1.75!important}.process-list{margin:34px 0 54px;border-top:1px solid var(--line)}.process-list section{display:grid;grid-template-columns:54px 1fr;column-gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.process-list span{grid-row:1/3;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.16em}.process-list h3{margin:0 0 9px;font-size:23px}.process-list p{margin:0}.faq-list{margin-top:30px;border-top:1px solid var(--line)}.faq-list details{padding:22px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;color:var(--ink);font-size:18px;font-weight:700}.faq-list details p{margin:16px 0 0}
.coop-seo-content{background:#f7faff}.coop-seo-content h2{scroll-margin-top:30px}.coop-seo-content h3{margin-top:34px}
.business-value{background:#fff}.business-value-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;gap:8vw}.business-value-head h2{margin:0;font-size:clamp(46px,5vw,72px);line-height:1.04;letter-spacing:-.045em}.business-value-head h2 em{color:var(--blue)}.business-value-head>div{padding-top:8px}.business-value-head p{margin:0;color:#607084;line-height:1.75}.business-value-head .business-value-lead{margin-bottom:12px;color:#172638;font-size:18px}.business-value-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.business-value-cards article{min-height:245px;padding:36px 34px}.business-value-cards article+article{border-left:1px solid var(--line)}.business-value-cards span{color:var(--blue);font-size:11px;font-weight:700}.business-value-cards h3{margin:34px 0 15px;font-size:22px}.business-value-cards p{margin:0;color:#68778a;line-height:1.7}@media(max-width:800px){.business-value-head{grid-template-columns:1fr;gap:30px}.business-value-cards{grid-template-columns:1fr;margin-top:48px}.business-value-cards article{min-height:0;padding:30px 0}.business-value-cards article+article{border-left:0;border-top:1px solid var(--line)}}
.page-hero .lead{max-width:980px;font-weight:400}.business-value-transition{padding:94px 0 8px}.business-value-transition h2{max-width:1000px;margin:0;font-size:clamp(48px,6vw,84px);line-height:1.03;letter-spacing:-.05em}.business-value-transition h2 em{color:var(--blue)}@media(max-width:800px){.business-value-transition{padding-top:64px}}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.knowledge-card{padding-bottom:32px;border-bottom:1px solid var(--line)}.knowledge-card img,.article-image{display:block;width:100%;height:auto}.knowledge-card h2{font-size:25px;line-height:1.2}.knowledge-card>p:not(.article-meta){color:var(--muted)}.article-meta{color:var(--blue);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.article-content h2{margin-top:48px;font-size:34px}.article-content h3{margin-top:34px;font-size:25px}.article-content img{max-width:100%;height:auto}.pagination{margin-top:45px}

/* Baza wiedzy — odrębny, redakcyjny charakter w palecie SFXM */
:root{--knowledge:#b96f45;--knowledge-dark:#81472f;--knowledge-cream:#eee9e1;--knowledge-ink:#10242c;--knowledge-petrol:#0d3039;--knowledge-petrol2:#123f49}
.knowledge-hub,.knowledge-article{background:#fff;color:var(--knowledge-ink)}
.knowledge-view .site-header{background:var(--knowledge-petrol);border-bottom-color:#ffffff20}
.knowledge-view .site-header .nav nav,.knowledge-view .site-header .nav nav a{color:#dbe7e8}.knowledge-view .site-header .nav nav a:hover,.knowledge-view .site-header .nav nav a:focus{color:#fff}
.knowledge-hero,.article-hero{position:relative;overflow:hidden;padding:185px 0 105px;background:linear-gradient(118deg,var(--knowledge-petrol) 0%,var(--knowledge-petrol2) 100%);color:#fff}
.knowledge-hero:after,.article-hero:after{content:"";position:absolute;right:-150px;bottom:-270px;width:600px;height:600px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 90px #b96f4512,0 0 0 180px #ffffff08}
.knowledge-hero-grid,.article-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:8vw;align-items:end}
.knowledge-hero .eyebrow,.article-hero .eyebrow{color:#e0a17c}
.knowledge-hero .eyebrow:before,.article-hero .eyebrow:before{background:var(--knowledge)}
.knowledge-hero h1,.article-hero h1{max-width:900px;margin:36px 0 0;font-size:clamp(54px,6.4vw,94px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.knowledge-hero h1 em{color:#e5a17a;font-style:normal;font-weight:400}
.knowledge-hero-copy{max-width:420px;padding-bottom:10px}
.knowledge-hero-copy p{color:#d5e1e2;font-size:18px;line-height:1.7}
.knowledge-hero-copy span{display:block;margin-top:34px;padding-top:20px;border-top:1px solid #ffffff25;color:#b9cdcf;font:600 11px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.knowledge-label{margin:0 0 42px;color:var(--knowledge-dark);font:650 11px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.knowledge-featured{background:#fff}
.featured-article{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:520px;border:1px solid #e7dbce}
.featured-visual{position:relative;display:block;overflow:hidden;min-height:520px;background:linear-gradient(145deg,#9a5939 0%,#bd754b 100%);color:#fff}
.featured-visual:before{content:"";position:absolute;width:390px;height:390px;left:50%;top:50%;border:1px solid #fff5;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 75px #ffffff10,0 0 0 150px #ffffff08}
.featured-number{position:absolute;left:45px;top:24px;font-size:clamp(130px,16vw,230px);font-weight:700;line-height:1;letter-spacing:-.08em;color:#ffffff25}
.featured-shape{position:absolute;right:70px;bottom:70px;width:105px;height:105px;background:#071526;border-radius:50% 50% 4px 50%;transform:rotate(45deg)}
.featured-visual small{position:absolute;left:42px;bottom:36px;font:700 11px/1 "Manrope SFXM",Arial,sans-serif;letter-spacing:.18em}
.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:58px}
.featured-copy .article-meta,.knowledge-card .article-meta,.knowledge-article .article-meta{color:var(--knowledge-dark)}
.featured-copy h2{margin:20px 0;font-size:clamp(34px,4vw,55px);line-height:1.03;letter-spacing:-.045em}
.featured-copy>p:not(.article-meta){color:#6f6258;font-size:17px;line-height:1.75}
.knowledge-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;width:max-content;min-width:210px;margin-top:28px;padding:16px 20px;background:var(--knowledge);color:#fff;font:650 13px/1.4 "Manrope SFXM",Arial,sans-serif;transition:.2s}
.knowledge-button:hover,.knowledge-button:focus{background:var(--knowledge-dark);transform:translateY(-2px)}
.knowledge-library{background:#f9f6f2}
.knowledge-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end;margin-bottom:65px}
.knowledge-section-head h2{max-width:720px;margin:0;font-size:clamp(44px,5.2vw,72px);line-height:1.03;letter-spacing:-.05em}
.knowledge-section-head>p{max-width:410px;color:#71675f;line-height:1.75}
.knowledge-hub .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #ded3c8}
.knowledge-hub .knowledge-card{display:grid;grid-template-columns:190px 1fr;gap:32px;padding:42px 38px 42px 0;border-bottom:1px solid #ded3c8}
.knowledge-hub .knowledge-card:nth-child(even){padding-left:38px;padding-right:0;border-left:1px solid #ded3c8}
.knowledge-card-visual{position:relative;display:block;overflow:hidden;min-height:245px;background:#0b263d;color:#fff}
.knowledge-card-visual span{position:absolute;z-index:2;left:18px;top:12px;font-size:74px;font-weight:700;letter-spacing:-.08em;color:#ffffff1f}
.knowledge-card-visual i{position:absolute;right:-25px;bottom:35px;width:125px;height:125px;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 30px #ffffff08}
.knowledge-card-visual.visual-2{background:#16434c}.knowledge-card-visual.visual-3{background:#7e4b38}.knowledge-card-visual.visual-4{background:#263f59}.knowledge-card-visual.visual-1{background:#4a4540}
.knowledge-card-content{display:flex;flex-direction:column;align-items:flex-start}
.knowledge-card-content h2{margin:14px 0;font-size:27px;line-height:1.15;letter-spacing:-.03em}
.knowledge-card-content>p:not(.article-meta){margin:0;color:#766b62;font-size:14px;line-height:1.7}
.knowledge-card-content .arrow-link{margin-top:auto;padding-top:24px;border-bottom-color:var(--knowledge)}
.knowledge-closing{padding:105px 0;background:linear-gradient(118deg,#0b2b34,#154550);color:#fff}
.knowledge-closing-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}
.knowledge-closing .knowledge-label{color:#fff}.knowledge-closing h2{max-width:800px;margin:0;font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.05em}.knowledge-closing p:not(.knowledge-label){max-width:580px;font-size:17px;line-height:1.7}.knowledge-button.light{background:#fff;color:var(--knowledge-ink)}

/* SFXM 3.1.32 — poprawiona responsywność listy Bazy wiedzy.
   Przy zwężonym oknie komputera karty przechodzą na jeden czytelny słupek,
   zanim tytuły i opisy zostaną nadmiernie ściśnięte. */
@media (max-width:1150px) and (min-width:801px){
  .knowledge-hub .knowledge-grid{grid-template-columns:1fr}
  .knowledge-hub .knowledge-card,
  .knowledge-hub .knowledge-card:nth-child(even){
    grid-template-columns:minmax(180px,230px) minmax(0,1fr);
    gap:36px;
    padding:38px 0;
    border-left:0;
  }
  .knowledge-card-visual{min-height:230px}
  .knowledge-card-content{min-width:0}
  .knowledge-card-content h2{font-size:clamp(26px,3.2vw,34px);overflow-wrap:anywhere}
  .knowledge-card-content>p:not(.article-meta){max-width:720px}
}

/* Artykuł */
.article-hero{padding-bottom:90px}
.article-hero-grid{align-items:end}
.article-hero h1{font-size:clamp(48px,5.7vw,82px)}
.article-hero-side>p{color:#d5e1e2;font-size:18px;line-height:1.7}
.article-byline{display:flex;align-items:center;gap:15px;margin-top:34px;padding-top:24px;border-top:1px solid #ffffff24}
.article-byline>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--knowledge);color:#fff;font-weight:800}.article-byline p{margin:0;color:#bed0d2;font-size:12px;line-height:1.6}.article-byline strong{color:#fff;font-size:11px;letter-spacing:.08em}
.article-body{padding-top:90px}
.article-layout{display:grid;grid-template-columns:180px minmax(0,780px);gap:70px;justify-content:center;align-items:start}
.article-rail{position:sticky;top:30px;display:grid;gap:22px;color:#7b6c61;font:650 11px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.article-rail a{padding-bottom:18px;border-bottom:1px solid #e3d9cf;color:var(--knowledge-dark)}
.knowledge-article .article-content{color:#4e4b47;font-size:17px;line-height:1.85}
.knowledge-article .article-content>p:first-of-type{font-size:21px;line-height:1.75;color:#28231f}
.knowledge-article .article-content h2{scroll-margin-top:40px;margin:70px 0 22px;color:var(--knowledge-ink);font-size:38px;line-height:1.12;letter-spacing:-.035em}
.knowledge-article .article-content h3{color:var(--knowledge-ink);font-size:25px}
.article-toc{margin:45px 0 62px;padding:32px 36px;background:var(--knowledge-cream);border-left:3px solid var(--knowledge)}
.article-toc strong{font:700 11px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;margin:22px 0 0;padding-left:20px}.article-toc a{border-bottom:1px solid transparent}.article-toc a:hover{border-color:var(--knowledge)}
.article-highlight{margin:40px 0;padding:28px 32px;background:#17374b;color:#fff;font-size:18px;line-height:1.7}.article-highlight strong{color:#ffb49f}
.article-checklist{margin:32px 0;padding:0;list-style:none}.article-checklist li{position:relative;padding:14px 0 14px 35px;border-bottom:1px solid #e9dfd6}.article-checklist li:before{content:"✓";position:absolute;left:0;color:var(--knowledge);font-weight:800}
.article-steps{margin:34px 0 50px;border-top:1px solid #dfd3c8}.article-steps section{display:grid;grid-template-columns:55px 1fr;column-gap:22px;padding:26px 0;border-bottom:1px solid #dfd3c8}.article-steps span{grid-row:1/3;color:var(--knowledge-dark);font-size:11px;font-weight:800;letter-spacing:.14em}.article-steps h3{margin:0 0 7px!important;font-size:22px!important}.article-steps p{margin:0}
.message-framework{display:grid;grid-template-columns:150px 1fr;margin:35px 0;border-top:1px solid #dfd3c8}.message-framework span,.message-framework p{margin:0;padding:19px 0;border-bottom:1px solid #dfd3c8}.message-framework span{color:var(--knowledge-dark);font:700 11px/1.6 "Manrope SFXM",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.knowledge-article .faq-list details{border-color:#dfd3c8}.knowledge-article .faq-list summary{font-size:19px}.knowledge-article .faq-list details[open] summary{color:var(--knowledge-dark)}
.article-cta{margin-top:75px;padding:48px;background:var(--knowledge);color:#fff}.article-cta-label{font:700 11px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.article-cta h2{margin:20px 0!important;color:#fff!important;font-size:38px!important}.article-cta p{color:#fff}.article-cta .btn{margin-top:18px;background:#071526}
.article-sources{margin:62px 0 0;padding:28px 32px;border-top:1px solid #d8cec4;border-bottom:1px solid #d8cec4;background:#f6f2ed;color:#625b55;font-size:13px;line-height:1.8}.article-sources strong{display:block;margin-bottom:12px;color:var(--knowledge-ink);font:700 11px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.article-sources p{margin:0}.article-sources a{text-decoration:underline;text-decoration-color:#b96f4570;text-underline-offset:3px}.article-sources a:hover{color:var(--knowledge-dark)}
.article-more{padding:95px 0;background:#f7f1ea}.article-related{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dcd0c4}.article-related article{padding:38px 45px 20px 0}.article-related article+article{padding-left:45px;border-left:1px solid #dcd0c4}.article-related h2{font-size:30px;line-height:1.2;letter-spacing:-.03em}
.footer{padding:60px 0 28px;background:#050e19;color:#fff}
.footer-grid{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,2.28fr);align-items:center;gap:24px}
.footer nav{display:flex;justify-content:flex-start;gap:12px;font-family:"Manrope SFXM",Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;white-space:nowrap}
.footer nav ul{display:flex;justify-content:flex-start;gap:12px;margin:0;padding:0;list-style:none;white-space:nowrap}.footer nav li{margin:0;padding:0;list-style:none}.footer nav a{color:#d4deea;white-space:nowrap;transition:color .2s}.footer nav a:hover,.footer nav a:focus{color:#fff}
.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:64px;margin-top:22px;padding-top:25px;border-top:1px solid #ffffff14}
.footer-bottom small{flex:0 0 auto;color:#9fb1c4}
.footer-description{max-width:650px;margin:0;color:#9fb1c4;font-family:"Manrope SFXM",Arial,sans-serif;font-size:13px;line-height:1.6;font-weight:400;letter-spacing:0;text-align:right;text-wrap:balance}
@media(max-width:800px){.desktop-cta,.nav>nav{display:none}
.menu-toggle{display:block}
.nav>nav.open{position:absolute;display:flex;flex-direction:column;top:88px;left:0;width:100%;padding:26px 24px;background:#071526;font-size:17px}
.nav>nav.open ul{display:flex;align-items:flex-start;flex-direction:column;gap:20px;width:100%;margin:0;padding:0;list-style:none}
.hero{min-height:0;padding:145px 0 0}
.hero>.container{min-height:0}
.hero h1,.page-hero h1{margin:28px 0 24px;font-size:clamp(38px,11vw,52px);line-height:1.03;letter-spacing:-.04em}
.actions{align-items:flex-start;flex-direction:column;margin-bottom:0}
.stats{position:relative;width:100%;grid-template-columns:1fr;margin-top:65px}
.stats div{grid-template-columns:minmax(120px,max-content) minmax(0,1fr);padding:18px 0;border-right:0;border-bottom:1px solid #ffffff15}
.stats span{max-width:none;font-size:14px}
.split,.contact-grid{grid-template-columns:1fr}
.section-head{display:block}
.cards,.service-list{grid-template-columns:1fr}
.service-list{margin-top:44px}
.cards article,.cards article+article{min-height:auto;padding:30px 0;border-right:0;border-bottom:1px solid #ffffff1f}
.service-list article:nth-child(odd){border-right:0}
.feature-list article{grid-template-columns:45px 1fr}
.footer-grid{grid-template-columns:1fr}
.footer nav{justify-content:flex-start;flex-wrap:wrap;font-size:14px;gap:16px 24px;white-space:normal}
.footer nav ul{justify-content:flex-start;flex-wrap:wrap;gap:16px 24px;white-space:normal}
.footer nav a{white-space:normal}
.footer-bottom{grid-column:auto;align-items:flex-start;flex-direction:column;gap:12px}
.footer-description{max-width:520px;text-align:left}
.knowledge-grid{grid-template-columns:1fr}
.knowledge-hero,.article-hero{padding:145px 0 72px}.knowledge-hero-grid,.article-hero-grid{grid-template-columns:1fr;gap:38px}.knowledge-hero h1,.article-hero h1{font-size:clamp(42px,12vw,60px)}.featured-article{grid-template-columns:1fr}.featured-visual{min-height:330px}.featured-copy{padding:35px 28px}.knowledge-section-head{grid-template-columns:1fr;gap:24px}.knowledge-hub .knowledge-grid{grid-template-columns:1fr}.knowledge-hub .knowledge-card,.knowledge-hub .knowledge-card:nth-child(even){grid-template-columns:120px 1fr;padding:30px 0;border-left:0}.knowledge-card-visual{min-height:210px}.knowledge-closing-grid{grid-template-columns:1fr;gap:20px}.article-layout{grid-template-columns:1fr;gap:25px}.article-rail{position:static;display:flex;justify-content:space-between}.article-toc ol{grid-template-columns:1fr}.article-cta{padding:34px 25px}.article-sources{padding:25px 22px}.article-related{grid-template-columns:1fr}.article-related article,.article-related article+article{padding:30px 0;border-left:0;border-bottom:1px solid #dcd0c4}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* v3.0.59 — kompletne menu mobilne pod ikoną po prawej stronie */
@media(max-width:800px){
  .site-header{height:82px;z-index:1000}
  .site-header .nav{position:relative;justify-content:flex-start;gap:14px}
  .site-header .brand{margin-right:auto}
  .menu-toggle{position:relative;z-index:1002;display:grid!important;place-items:center;width:46px;height:46px;margin-left:auto;padding:8px;border:1px solid #ffffff2b;background:#071526cc;cursor:pointer}
  .menu-toggle span{width:25px;height:2px;margin:3px 0;transition:transform .22s ease,opacity .22s ease}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .nav>#main-menu{display:none}
  .nav>#main-menu.open{position:absolute;display:block;top:81px;right:0;left:auto;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 98px);overflow-y:auto;padding:18px 22px 24px;background:#071526;border:1px solid #ffffff1f;box-shadow:0 24px 70px #0008}
  .nav>#main-menu.open ul{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:0}
  .nav>#main-menu.open li{width:100%;border-bottom:1px solid #ffffff18}
  .nav>#main-menu.open li:last-child{border-bottom:0}
  .nav>#main-menu.open a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:13px 2px;color:#e5edf7;font-size:16px;line-height:1.35}
  .nav>#main-menu.open a:after{content:"→";color:#78b4ff;font-size:17px}
  .nav>#main-menu.open a:hover,.nav>#main-menu.open a:focus{color:#fff;background:#ffffff08;outline:none}
  body.mobile-menu-open{overflow:hidden}
}
@media(max-width:430px){
  .nav>#main-menu.open{position:fixed;top:82px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 94px)}
}


/* SFXM 3.0.61 — pełne menu mobilne */
.mobile-full-menu{display:none}
@media(max-width:800px){
  body.mobile-menu-open{overflow:hidden;touch-action:none}
  .nav>#main-menu{display:none!important}
  .mobile-full-menu{display:none}
  .mobile-full-menu.open{
    position:fixed;
    z-index:1001;
    display:flex;
    flex-direction:column;
    top:82px;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    min-height:calc(100dvh - 82px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:18px max(28px,env(safe-area-inset-right))
            calc(30px + env(safe-area-inset-bottom))
            max(28px,env(safe-area-inset-left));
    background:#071526;
    border-top:1px solid #ffffff1c;
  }
  .mobile-full-menu ul{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:760px;
    margin:0 auto;
    padding:0;
    list-style:none;
  }
  .mobile-full-menu li{
    margin:0;
    border-bottom:1px solid #ffffff1b;
  }
  .mobile-full-menu li:first-child{
    border-top:1px solid #ffffff1b;
  }
  .mobile-full-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    width:100%;
    min-height:64px;
    padding:16px 0;
    color:#e8f0fb;
    font:500 clamp(18px,5vw,23px)/1.25 "Manrope SFXM",Arial,sans-serif;
    text-decoration:none;
  }
  .mobile-full-menu a:after{
    content:"→";
    flex:0 0 auto;
    color:#78b4ff;
    font-size:19px;
  }
  .mobile-full-menu a:hover,
  .mobile-full-menu a:focus-visible{
    color:#fff;
    outline:none;
  }
  .mobile-full-menu .mobile-menu-cta{
    justify-content:center;
    width:100%;
    max-width:760px;
    min-height:58px;
    margin:24px auto 0;
    padding:16px 22px;
    background:#2676ff;
    color:#fff;
    font-size:16px;
    font-weight:750;
    text-align:center;
  }
  .mobile-full-menu .mobile-menu-cta:after{
    content:"↗";
    color:#fff;
  }
  .mobile-full-menu .mobile-menu-note{
    width:100%;
    max-width:760px;
    margin:22px auto 0;
    color:#8fa5bd;
    font-size:11px;
    line-height:1.6;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
}
@media(max-width:430px){
  .mobile-full-menu.open{padding-top:8px}
  .mobile-full-menu a{min-height:60px;font-size:20px}
}


/* SFXM 3.0.62 — bezpieczne nagłówki dzielone na dwie części */
@media(max-width:800px){
  .join-section-head h2 em,
  .join-statement h2 em,
  .join-rules h2 em,
  .join-cta h2 em,
  .about-split h2 em,
  .about-timeline h2 em,
  .about-cta h2 em,
  .contact-page-head h2 em,
  .contact-page-experience h2 em,
  .contact-first-step h2 em,
  .contact-final h2 em,
  .coop-contact-heading h2 em,
  .b2b-difference-head h2 em,
  .b2b-fit h2 em,
  .b2b-final h2 em,
  .coop-readiness h2 em,
  .coop-final h2 em{
    white-space:normal;
  }
}


/* SFXM 3.0.63 — kopiowanie linku do artykułu */
.article-share-button{
  appearance:none;
  border:0;
  border-bottom:1px solid currentColor;
  padding:0 0 8px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.article-share-button:hover,
.article-share-button:focus-visible{
  color:#2676ff;
  outline:none;
}
.article-share-button.is-copied{
  color:#2676ff;
}
.article-share-status{
  display:block;
  min-height:1.4em;
  margin-top:10px;
  color:#2676ff;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.05em;
}


/* SFXM 3.0.65 — rozszerzenie strony Współpraca */
.coop-qualification-grid,
.coop-goal-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(34px,6vw,90px);
  align-items:start;
}
.coop-qualification-grid h2,
.coop-goal-grid h2{margin-top:0}
.coop-warning-list li::before{content:"—"; color:#2676ff}
.coop-responsibility-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:42px;
}
.coop-responsibility-grid article{
  border:1px solid rgba(255,255,255,.16);
  padding:clamp(24px,4vw,42px);
  background:rgba(255,255,255,.035);
}
.coop-responsibility-grid article>span{
  display:inline-block;
  margin-bottom:18px;
  color:#73a7ff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.14em;
}
.coop-responsibility-grid ul{margin:22px 0 0;padding-left:20px}
.coop-responsibility-grid li{margin:10px 0}
.coop-privacy-note{
  margin-top:22px;
  font-size:.88rem;
  opacity:.75;
}
.coop-goal-tool{
  padding:clamp(22px,4vw,38px);
  border:1px solid rgba(38,118,255,.28);
  background:rgba(38,118,255,.055);
}
.coop-goal-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.coop-goal-buttons button{
  min-height:58px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:0;
  padding:14px 16px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.coop-goal-buttons button:hover,
.coop-goal-buttons button:focus-visible,
.coop-goal-buttons button.is-active{
  border-color:#2676ff;
  background:rgba(38,118,255,.14);
  outline:none;
  transform:translateY(-2px);
}
.coop-goal-result{
  min-height:120px;
  margin-top:18px;
  padding:22px;
  border-left:3px solid #2676ff;
  background:rgba(255,255,255,.05);
}
.coop-goal-result strong{display:block;margin-bottom:8px}
.coop-goal-result p{margin:0}
@media(max-width:800px){
  .coop-qualification-grid,
  .coop-goal-grid,
  .coop-responsibility-grid{grid-template-columns:1fr}
  .coop-goal-buttons{grid-template-columns:1fr}
}


/* SFXM 3.0.66 — rozszerzenie strony Pozyskiwanie klientów B2B */
.b2b-privacy-note{
  margin-top:18px;
  font-size:.88rem;
  opacity:.74;
}
.b2b-readiness-check{
  display:grid;
  gap:12px;
  padding:clamp(22px,4vw,38px);
  border:1px solid rgba(38,118,255,.25);
  background:rgba(38,118,255,.05);
}
.b2b-readiness-check label{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.14);
  cursor:pointer;
}
.b2b-readiness-check input{
  width:20px;
  height:20px;
  margin-top:2px;
  accent-color:#2676ff;
  flex:0 0 auto;
}
.b2b-readiness-check .btn{margin-top:10px}
.b2b-deliverables-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:40px;
}
.b2b-deliverables-grid article{
  padding:clamp(22px,3vw,34px);
  border:1px solid rgba(38,118,255,.2);
  background:rgba(38,118,255,.035);
}
.b2b-deliverables-grid article>span{
  display:block;
  margin-bottom:18px;
  color:#2676ff;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.14em;
}
.b2b-progress-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:40px;
}
.b2b-progress-grid article{
  min-height:190px;
  padding:24px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
}
.b2b-progress-grid strong{
  display:block;
  margin-bottom:16px;
  color:#73a7ff;
  font-size:1.04rem;
}
.b2b-progress-note{
  max-width:900px;
  margin:30px 0 0;
  font-weight:700;
}
@media(max-width:1000px){
  .b2b-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .b2b-deliverables-grid,
  .b2b-progress-grid{grid-template-columns:1fr}
  .b2b-progress-grid article{min-height:auto}
}


/* SFXM 3.0.67 — modele współpracy */
.coop-models-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:42px;
}
.coop-models-grid article{
  padding:clamp(24px,4vw,40px);
  border:1px solid rgba(38,118,255,.22);
  background:rgba(38,118,255,.04);
}
.coop-models-grid article>span{
  display:block;
  margin-bottom:18px;
  color:#2676ff;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.14em;
}
.coop-models-grid h3{margin:0 0 14px}
.coop-models-note{
  margin-top:24px;
  padding:clamp(24px,4vw,38px);
  border-left:3px solid #2676ff;
  background:rgba(38,118,255,.07);
}
.coop-models-note h3{margin-top:0}
.coop-models-note p{margin-bottom:0}
@media(max-width:800px){
  .coop-models-grid{grid-template-columns:1fr}
}


/* SFXM 3.0.68 — wyróżnik SFXM na stronie głównej */
.home-difference{
  position:relative;
  overflow:hidden;
}
.home-difference-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(40px,7vw,110px);
  align-items:start;
}
.home-difference h2{margin-top:0}
.home-difference-lead{
  max-width:620px;
  margin:24px 0;
  font-size:clamp(1.02rem,1.4vw,1.2rem);
}
.home-difference-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.home-difference-list article{
  min-height:170px;
  padding:24px;
  border:1px solid rgba(38,118,255,.2);
  background:rgba(38,118,255,.035);
}
.home-difference-list span{
  display:block;
  margin-bottom:18px;
  color:#2676ff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.14em;
}
.home-difference-list p{
  margin:0;
  font-weight:650;
  line-height:1.55;
}
@media(max-width:900px){
  .home-difference-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .home-difference-list{grid-template-columns:1fr}
  .home-difference-list article{min-height:auto}
}

.section{
  padding:50px 0;
}


/* SFXM 3.0.71 — mniejsze odstępy pionowe między sekcjami */
@media(max-width:800px){
  .section{
    padding:50px 0;
  }
}


/* SFXM 3.0.73 — wygodny i bezpieczniejszy kontakt e-mail */
.email-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:18px;
}
.email-action-button{
  min-height:46px;
  padding:12px 18px;
  border:1px solid rgba(38,118,255,.48);
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.email-action-button:hover,
.email-action-button:focus-visible{
  border-color:#2676ff;
  background:rgba(38,118,255,.1);
  outline:none;
  transform:translateY(-1px);
}
.email-action-button.is-primary{
  border-color:#2676ff;
  background:#2676ff;
  color:#fff;
}
.email-action-button.is-primary:hover,
.email-action-button.is-primary:focus-visible{
  background:#1f63d6;
}
.email-action-status{
  flex-basis:100%;
  min-height:1.3em;
  color:#2676ff;
  font-size:.82rem;
  font-weight:700;
}
@media(max-width:600px){
  .email-actions{display:grid;grid-template-columns:1fr}
  .email-action-button{width:100%}
}


/* SFXM 3.0.75 — aktywny spis treści Polityki prywatności */
.privacy-section-anchor{
  scroll-margin-top:110px;
}
.privacy-nav a{
  cursor:pointer;
}
.privacy-nav a b{
  line-height:1.25;
}
.privacy-nav a.is-disabled{
  opacity:.45;
  pointer-events:none;
}
.privacy-nav a:focus-visible{
  outline:2px solid #2676ff;
  outline-offset:3px;
}


/* SFXM 3.0.77 — pewne działanie spisu treści Polityki prywatności */
.privacy-nav a{text-decoration:none}
.privacy-nav a:hover b,
.privacy-nav a:focus-visible b{color:#2676ff}
.privacy-section-anchor{scroll-margin-top:110px}





/* SFXM 3.0.87 — jeden spójny styl dla boxu e-mail i cookies */
.privacy-info-card{
  margin:28px 0 0;
  padding:clamp(26px,4.2vw,38px);
  border:1px solid rgba(7,21,38,.12);
  background:#fbfaf7;
  display:grid;
  gap:16px;
}
.privacy-email-contact{margin-top:32px}
.privacy-email-heading,
.privacy-cookie-heading{
  margin:0;
  font-size:clamp(1.12rem,2vw,1.38rem);
  line-height:1.5;
  font-weight:800;
  color:#071526;
}
.privacy-email-visual{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  margin:0;
  font-size:clamp(1rem,2vw,1.2rem);
  line-height:1.5;
  font-weight:750;
  letter-spacing:.02em;
}
.privacy-email-visual i{
  color:#2676ff;
  font-style:normal;
  font-size:.8em;
}
.privacy-cookie-link-wrap,
.privacy-email-note{
  margin:0;
}
.privacy-cookie-link{
  display:inline-block;
  font-size:clamp(1rem,1.7vw,1.12rem);
  line-height:1.6;
  font-weight:500;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.privacy-email-note{
  font-size:.9rem;
  line-height:1.6;
  color:rgba(7,21,38,.68);
}
.privacy-email-contact .email-action-button{
  color:#071526;
}
.privacy-email-contact .email-action-button.is-primary{
  color:#fff;
}
@media(max-width:700px){
  .privacy-info-card{
    padding:22px 18px;
    gap:14px;
  }
}


/* SFXM 3.0.89 — sekcja Jak działamy na stronie głównej */
.home-process{
  background:linear-gradient(180deg,#F4F7FB 0%,#EEF3F8 100%);
  border-top:1px solid rgba(7,21,38,.08);
  border-bottom:1px solid rgba(7,21,38,.08);
}
.home-process-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(52px,8vw,120px);
  align-items:start;
}
.home-process-intro h2{
  margin:0 0 18px;
  font-size:clamp(2.8rem,5.3vw,5.4rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:500;
}
.home-process-intro h2 em{
  color:#2676ff;
  font-style:normal;
}
.home-process-intro>p:last-child{
  max-width:580px;
  margin:0;
  color:#5f6d80;
  line-height:1.65;
}
.home-process-steps{
  border-top:1px solid rgba(7,21,38,.14);
}
.home-process-steps article{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:18px;
  padding:28px 0;
  border-bottom:1px solid rgba(7,21,38,.14);
}
.home-process-steps article>span{
  padding-top:4px;
  color:#2676ff;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.06em;
}
.home-process-steps h3{
  margin:0 0 8px;
  font-size:clamp(1.25rem,2vw,1.58rem);
  line-height:1.25;
  font-weight:600;
}
.home-process-steps p{
  margin:0;
  color:#647184;
  line-height:1.6;
}
@media(max-width:900px){
  .home-process-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
}
@media(max-width:600px){
  .home-process-steps article{
    grid-template-columns:42px 1fr;
    gap:10px;
    padding:22px 0;
  }
}

.language-switch{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.language-switch a{color:var(--muted);text-decoration:none}.language-switch a[aria-current="page"]{color:var(--blue)}.language-switch span{color:var(--line)}
@media(max-width:1050px){.language-switch{margin-left:auto}.desktop-cta{display:none}}
@media(max-width:760px){.language-switch{font-size:11px;gap:5px}}

/* 3.0.94 — separate English blog */
.en-blog-empty{max-width:760px}.en-blog-empty h2{margin:12px 0 16px}.sfxm-lang-en .knowledge-hub{font-language-override:normal}

@media(max-width:1050px){
  .mobile-full-menu .mobile-language-link{margin-top:8px;border-top:1px solid rgba(255,255,255,.14)}
  .mobile-full-menu .mobile-language-link a{color:#8fb6ff;font-weight:800}
  .mobile-full-menu .mobile-language-link a:after{content:"↗"}
}

/* SFXM 3.1.01 — homepage automotive feature with 70+ network teaser */
.en-auto-home-feature{background:linear-gradient(180deg,#f4f7fb 0%,#edf3f9 100%);border-top:1px solid rgba(10,26,47,.08);border-bottom:1px solid rgba(10,26,47,.08)}
.en-auto-feature-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:64px;align-items:end;margin-bottom:36px}
.en-auto-feature-head h2{margin:0}.en-auto-feature-head .en-auto-intro{margin:0 0 24px;max-width:690px}
.en-auto-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 28px}
.en-auto-network-grid article{background:#fff;border:1px solid rgba(10,26,47,.10);border-radius:18px;padding:28px;box-shadow:0 16px 36px rgba(10,26,47,.06)}
.en-auto-network-grid strong{display:block;color:#0a1a2f;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;margin-bottom:12px}
.en-auto-network-grid p{margin:0;color:#526174;line-height:1.65}
.en-auto-topic-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.en-auto-topic-links a{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:rgba(255,255,255,.7);border:1px solid rgba(10,26,47,.09);border-radius:14px;color:#0a1a2f;text-decoration:none;font-weight:700}
.en-auto-topic-links a:hover{background:#fff;transform:translateY(-2px)}
@media(max-width:980px){.en-auto-feature-head{grid-template-columns:1fr;gap:24px}.en-auto-network-grid{grid-template-columns:1fr}.en-auto-topic-links{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.en-auto-network-grid article{padding:22px}.en-auto-topic-links{grid-template-columns:1fr}.en-auto-topic-links a{min-height:auto}}

/* SFXM 3.1.02 — expanded EN automotive SEO pages */
.auto-cluster-expanded .auto-cluster-intro{font-size:clamp(1.15rem,2vw,1.42rem);line-height:1.75;color:#23344a;margin-bottom:42px}
.auto-cluster-expanded .auto-cluster-sections article{padding:34px 0}
.auto-cluster-expanded .auto-cluster-sections p{font-size:1.02rem;line-height:1.78}
.auto-network-proof{background:linear-gradient(180deg,#f4f7fb,#edf3f9);border-block:1px solid rgba(10,26,47,.08)}
.auto-disclaimer{font-size:.9rem;color:#68768a;max-width:900px;margin:18px 0 0}
.auto-checklist{background:#fff}
.auto-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
.auto-checklist-grid div{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border:1px solid rgba(10,26,47,.1);border-radius:14px;background:#f8fafc}
.auto-checklist-grid span{color:#2676ff;font-weight:900}.auto-checklist-grid p{margin:0;color:#26384e}
.auto-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.auto-insights-grid article{padding:26px;border:1px solid rgba(10,26,47,.1);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(10,26,47,.05)}
.auto-insights-grid h3{font-size:1.25rem;margin:8px 0 12px}.auto-insights-grid p{color:#5c697b;line-height:1.65}
.auto-faq{background:#f5f8fc}.auto-faq-list{margin-top:28px;border-top:1px solid rgba(10,26,47,.12)}
.auto-faq-list details{border-bottom:1px solid rgba(10,26,47,.12)}
.auto-faq-list summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-weight:750;font-size:1.05rem;position:relative;color:#0a1a2f}
.auto-faq-list summary::-webkit-details-marker{display:none}.auto-faq-list summary:after{content:'+';position:absolute;right:4px;top:20px;color:#2676ff;font-size:1.5rem}.auto-faq-list details[open] summary:after{content:'–'}
.auto-faq-list details div{padding:0 42px 22px 0}.auto-faq-list p{margin:0;color:#566579;line-height:1.72}
.auto-experience p:last-child{font-size:1.08rem;line-height:1.8;color:#405067}
@media(max-width:900px){.auto-insights-grid{grid-template-columns:1fr}.auto-checklist-grid{grid-template-columns:1fr}}

/* 3.1.05 — long-form automotive article readability */
.article-key-takeaways{margin:34px 0;padding:26px 30px;border:1px solid rgba(7,21,38,.12);background:#f4f7fb}
.article-key-takeaways h2{margin-top:0;font-size:1.35rem}
.article-key-takeaways ul{margin-bottom:0}
.automotive-insight .entry-content>h2{margin-top:52px}
.automotive-insight .entry-content>p{max-width:820px;line-height:1.8}
@media(max-width:700px){.article-key-takeaways{padding:20px}.automotive-insight .entry-content>h2{margin-top:38px}}


/* SFXM 3.1.23: earlier compact navigation breakpoint to protect the logo. */
@media(max-width:1220px){
  .site-header .nav{position:relative;justify-content:flex-start;gap:16px}
  .site-header .brand{flex:0 0 auto;margin-right:auto}
  .site-header .brand img{width:170px}
  .nav>#main-menu{display:none!important}
  .desktop-cta{display:none!important}
  .language-switch{margin-left:0}
  .menu-toggle{position:relative;z-index:1002;display:grid!important;place-items:center;width:46px;height:46px;margin-left:6px;padding:8px;border:1px solid #ffffff2b;background:#071526cc;cursor:pointer}
  .menu-toggle span{width:25px;height:2px;margin:3px 0;transition:transform .22s ease,opacity .22s ease}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  body.mobile-menu-open{overflow:hidden;touch-action:none}
  .mobile-full-menu{display:none}
  .mobile-full-menu.open{position:fixed;z-index:1001;display:flex;flex-direction:column;top:88px;right:0;bottom:0;left:0;width:100%;min-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:18px max(28px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:#071526;border-top:1px solid #ffffff1c}
  .mobile-full-menu ul{display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;padding:0;list-style:none}
  .mobile-full-menu li{margin:0;border-bottom:1px solid #ffffff1b}
  .mobile-full-menu li:first-child{border-top:1px solid #ffffff1b}
  .mobile-full-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:62px;padding:15px 0;color:#e8f0fb;font:500 clamp(18px,2.2vw,23px)/1.25 "Manrope SFXM",Arial,sans-serif;text-decoration:none}
  .mobile-full-menu a:after{content:"→";flex:0 0 auto;color:#78b4ff;font-size:19px}
  .mobile-full-menu a:hover,.mobile-full-menu a:focus-visible{color:#fff;outline:none}
  .mobile-full-menu .mobile-menu-cta{justify-content:center;width:100%;max-width:760px;min-height:58px;margin:24px auto 0;padding:16px 22px;background:#2676ff;color:#fff;font-size:16px;font-weight:750;text-align:center}
  .mobile-full-menu .mobile-menu-cta:after{content:"↗";color:#fff}
  .mobile-full-menu .mobile-menu-note{width:100%;max-width:760px;margin:22px auto 0;color:#8fa5bd;font-size:11px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
  .mobile-full-menu .mobile-language-link{margin-top:8px;border-top:1px solid rgba(255,255,255,.14)}
  .mobile-full-menu .mobile-language-link a{color:#8fb6ff;font-weight:800}
  .mobile-full-menu .mobile-language-link a:after{content:"↗"}
}
@media(max-width:800px){
  .mobile-full-menu.open{top:82px;min-height:calc(100dvh - 82px)}
  .site-header .brand img{width:156px}
  .language-switch{font-size:11px;gap:5px}
}

/* SFXM 5.0.1 — treść edytora i formularze na stronie Kontakt */
.contact-editor-content{position:relative;background:#f6f8fb}
.contact-editor-content__inner{position:relative;z-index:1}
.contact-editor-content .sfxm-contact-form{max-width:920px;margin-inline:auto}
@media (max-width:700px){.contact-editor-content{padding-block:28px}.contact-editor-content .container{width:min(100% - 24px,1180px)}}