/* === GLOBAL === */
:root {
  --bg:#0F1923;--bg-alt:#E6EAE4;--bg-card:#182633;--surface:#1E2F3D;--surface-2:#243545;
  --lt-ink:#1A2028;--lt-mid:#52616E;--lt-dim:#8A98A4;--lt-border:rgba(0,0,0,0.08);
  --lt-card:#F4F6F2;--lt-card-2:#D8DDD6;--lt-card-3:#CDD3CF;
  --orange:#d4731a;--orange-lt:#e8893a;--orange-pale:rgba(212,115,26,0.07);--orange-dim:rgba(212,115,26,0.18);
  --teal:#2A9D8F;--teal-lt:#40BFB0;
  --text-1:#F0EDE8;--text-2:#8FA3B8;--text-3:rgba(143,163,184,0.45);
  --border:rgba(255,255,255,0.08);--border-2:rgba(255,255,255,0.05);--border-card:#2A3545;
  --sans:'DM Sans',sans-serif;--head:'Montserrat',sans-serif;--mono:'DM Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--head);font-weight:300;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}

section.alt{background:var(--bg-alt)}
section.alt h2,section.alt h3,section.alt h4{color:var(--lt-ink)}
section.alt p{color:var(--lt-mid)}
section.alt .mlabel{color:var(--lt-dim)}
section.alt .mlabel.accent{color:var(--orange)}
section.alt .section-header{border-bottom:1px solid var(--lt-border)}
section.alt .problem-row{border-top:1px solid var(--lt-border);border-bottom:none}
section.alt .problem-row:last-child{border-bottom:1px solid var(--lt-border)}
section.alt .problem-sidebar{border-right:1px solid var(--lt-border)}
section.alt .problem-sidebar .p-num{color:rgba(0,0,0,0.25)}
section.alt .problem-sidebar svg{color:var(--orange)}
section.alt .benefit-card{background:transparent;border-right:1px solid var(--lt-border);border-bottom:1px solid var(--lt-border)}
section.alt .benefit-card:hover{background:var(--lt-card)}
section.alt .benefit-card svg{color:var(--orange)}
section.alt .persona-tabs-wrap{border-bottom:1px solid var(--lt-border)}
section.alt .persona-tab{color:var(--lt-dim)}
section.alt .persona-tab.active{color:var(--lt-ink);border-bottom-color:var(--orange)}
section.alt .persona-left{border-right:1px solid var(--lt-border)}
section.alt .persona-left .role-tag{color:var(--orange)}
section.alt .persona-points li{border-bottom:1px solid var(--lt-border);color:var(--lt-mid)}
section.alt .persona-right{background:var(--lt-card-2)}
section.alt .scenario-block p{color:var(--lt-mid)}
section.alt .scenario-label.challenge{color:var(--lt-dim)}
section.alt .scenario-label.effect{color:var(--orange)}
section.alt .scenario-divider{background:var(--lt-border)}
section.alt .persona-quote blockquote{color:var(--lt-ink);border-bottom:1px solid var(--lt-border)}
section.alt .persona-quote .q-meta{color:var(--orange)}
section.alt .persona-draft{border-color:rgba(212,115,26,0.25);color:rgba(212,115,26,0.5)}
section.alt .security-item{background:var(--lt-card);border-right:1px solid var(--lt-border)}
section.alt .security-item:hover{background:var(--lt-card-2)}
section.alt .security-item svg{color:var(--orange)}
section.alt .security-item h4{color:var(--lt-ink)}
section.alt .security-item p{color:var(--lt-mid)}
section.alt .cowork-card{background:var(--lt-card);border-color:var(--lt-border)}
section.alt .cowork-card h4{color:var(--lt-ink)}
section.alt .cowork-card p{color:var(--lt-mid)}
section.alt .roi-card{background:var(--lt-card);border-color:var(--lt-border)}
section.alt .roi-card p{color:var(--lt-mid)}
section.alt .roi-cards{border-bottom:1px solid var(--lt-border)}
section.alt .arr{color:var(--orange) !important}

h1,h2{font-family:var(--head);font-weight:800;letter-spacing:-0.03em;line-height:1.05}
h1{font-size:clamp(36px,5.5vw,66px)}
h2{font-size:clamp(26px,3.2vw,44px)}
h3,h4{font-family:var(--head)}
.mlabel{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-2)}
.mlabel.accent{color:var(--orange)}
.mlabel.dim{color:var(--text-3)}
.mlabel.teal{color:var(--teal-lt)}
p{font-family:var(--head);font-size:17px;font-weight:300;line-height:1.75;color:var(--text-2)}
p.large{font-size:19px;font-weight:300}
.btn-primary{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:14px 28px;border-radius:2px;background:var(--orange);color:var(--text-1);text-decoration:none;border:1px solid var(--orange);transition:background .2s;display:inline-block}
.btn-primary:hover{background:var(--orange-lt);border-color:var(--orange-lt)}
.btn-ghost{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:13px 27px;border-radius:2px;background:transparent;color:var(--text-2);text-decoration:none;border:1px solid var(--border-card);transition:border-color .2s,color .2s;display:inline-block}
.btn-ghost:hover{border-color:rgba(255,255,255,0.25);color:var(--text-1)}
.section-header{padding:96px 10% 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;border-bottom:1px solid var(--border)}
.section-header h2{margin-bottom:0}
.section-header .right{display:flex;align-items:flex-end}
.section-header .mlabel{margin-bottom:14px}

.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,.68,0,1.2),transform .6s cubic-bezier(.22,.68,0,1.2)}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-up[data-delay="1"]{transition-delay:100ms}
.fade-up[data-delay="2"]{transition-delay:200ms}
.fade-up[data-delay="3"]{transition-delay:300ms}
.fade-up[data-delay="4"]{transition-delay:400ms}

/* === NAV === */
nav{position:relative;top:0;left:0;right:0;width:100%;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 10%;background:rgba(15,25,35,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .3s,box-shadow .3s}
nav.scrolled{position:fixed;background:rgba(15,25,35,0.98);box-shadow:0 2px 20px rgba(0,0,0,0.3)}
.nav-spacer{height:0;transition:height .3s}
.nav-spacer.active{height:64px}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo .logo-lockup{height:48px;width:auto}
.nav-logo .product{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--orange);border:1px solid rgba(212,115,26,0.4);padding:2px 8px;border-radius:2px}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-2);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--text-1)}
.nav-cta{color:var(--text-1) !important;border:1px solid rgba(212,115,26,0.5) !important;padding:7px 18px;border-radius:2px;background:rgba(212,115,26,0.12) !important;transition:background .2s !important}
.nav-cta:hover{background:rgba(212,115,26,0.28) !important}

/* === HERO === */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:64px;border-bottom:1px solid var(--border);position:relative;overflow:hidden;background:var(--bg)}
.hero-photo{position:absolute;top:0;right:0;width:55%;height:100%;pointer-events:none;z-index:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(0.35) saturate(0.3) sepia(0.15) hue-rotate(180deg);mix-blend-mode:lighten}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 5%,rgba(15,25,35,0.85) 35%,rgba(15,25,35,0.4) 70%,rgba(15,25,35,0.6) 100%)}
.hero-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,35,0.3) 0%,transparent 30%,transparent 70%,rgba(15,25,35,0.8) 100%);z-index:1}
.hero-grid-bg{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(var(--border-2) 1px,transparent 1px),linear-gradient(90deg,var(--border-2) 1px,transparent 1px);background-size:80px 80px}
.hero-inner{position:relative;z-index:2;padding:80px 10% 0}
.hero-eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:36px}
.hero-eyebrow .line{flex:none;width:48px;height:1px;background:rgba(212,115,26,0.45)}
.hero-title{color:var(--text-1);max-width:900px;margin-bottom:28px}
.hero-title em{color:var(--orange);font-style:normal}
.hero-subtitle{font-family:var(--head);font-size:19px;line-height:1.75;font-weight:300;color:var(--text-2);max-width:620px;margin-bottom:44px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:72px}
.hero-stats{border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}
.hero-stat{padding:28px 0 28px 24px;border-right:1px solid var(--border)}
.hero-stat:first-child{padding-left:0}
.hero-stat:last-child{border-right:none}
.hero-stat .val{font-family:var(--head);font-size:36px;font-weight:800;letter-spacing:-0.03em;color:var(--text-1);margin-bottom:6px;line-height:1}
.hero-stat .val span{color:var(--orange)}
.hero-stat .desc{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-3)}

/* === WYZWANIE === */
#wyzwanie{border-bottom:1px solid var(--lt-border)}
#wyzwanie .section-header{padding:0;gap:0;border-bottom:1px solid var(--lt-border)}
.section-header-left{padding:96px 10% 64px;display:flex;flex-direction:column;justify-content:center}
.section-header-left h2{margin-bottom:0}
.section-header-left .mlabel{margin-bottom:14px}
.section-header-photo{position:relative;overflow:hidden;min-height:360px;background:linear-gradient(135deg,#c8cdc6 0%,#b0b8b4 40%,#8a9490 100%)}
.section-header-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(20%) contrast(1.05);transition:transform 1.2s cubic-bezier(.22,.68,0,1)}
.section-header-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(230,234,228,0.7) 0%,transparent 50%)}
.photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:rgba(0,0,0,0.25)}
.problem-row{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--lt-border);opacity:0;transform:translateX(-32px);transition:opacity .7s cubic-bezier(.22,.68,0,1.1),transform .7s cubic-bezier(.22,.68,0,1.1)}
.problem-row.visible{opacity:1;transform:translateX(0)}
.problem-row:nth-child(2){transition-delay:150ms}
.problem-row:nth-child(3){transition-delay:300ms}
.problem-row:last-child{border-bottom:1px solid var(--lt-border)}
.problem-sidebar{padding:40px 0;border-right:1px solid var(--lt-border);display:flex;align-items:center;justify-content:center}
.problem-sidebar .p-big{font-family:var(--head);font-size:96px;font-weight:800;letter-spacing:-0.04em;line-height:1;color:rgba(26,32,40,0.10);user-select:none;transform:scale(0.6);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}
.problem-row.visible .p-big{transform:scale(1);opacity:1}
.problem-content{padding:40px 10% 40px 48px}
.problem-content h4{font-family:var(--head);font-size:18px;font-weight:600;color:var(--lt-ink);margin-bottom:10px}
.problem-content p{font-size:17px;line-height:1.75;color:var(--lt-mid)}
#wyzwanie.visible .section-header-photo img{transform:scale(1.04)}
#wyzwanie .section-header-left{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
#wyzwanie.visible .section-header-left{opacity:1;transform:translateY(0)}

/* === ROZWIAZANIE === */
#rozwiazanie{border-bottom:1px solid var(--border)}
#rozwiazanie .section-header{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
#rozwiazanie.visible .section-header{opacity:1;transform:translateY(0)}
#rozwiazanie .argus-shield{transition:opacity 1s ease .3s,transform 1s cubic-bezier(.22,.68,0,1.1) .3s;opacity:0 !important;transform:scale(0.7) rotate(-10deg)}
#rozwiazanie.visible .argus-shield{opacity:0.85 !important;transform:scale(1) rotate(0deg)}
.modules{display:grid;grid-template-columns:1fr 120px 1fr;border-bottom:1px solid var(--border)}
.module{padding:64px 8%;border-right:1px solid var(--border);opacity:0;transition:opacity .7s cubic-bezier(.22,.68,0,1.1),transform .7s cubic-bezier(.22,.68,0,1.1)}
.modules .module:first-child{transform:translateX(-32px)}
.modules .module:last-child{transform:translateX(32px)}
#rozwiazanie.visible .module{opacity:1;transform:translateX(0)}
#rozwiazanie.visible .module:first-child{transition-delay:200ms}
#rozwiazanie.visible .module:last-child{transition-delay:400ms}
#rozwiazanie.visible .module-photo{opacity:1}
.module:last-child{border-right:none}
.module-photo{position:relative;overflow:hidden;border-right:1px solid var(--border);opacity:0;transition:opacity 1s ease .2s}
.module-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.4) saturate(0.25) sepia(0.2) hue-rotate(180deg)}
.module-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 15%,transparent 85%,var(--bg) 100%)}
.module-photo::before{content:'';position:absolute;inset:0;border-left:1px solid rgba(212,115,26,0.15);border-right:1px solid rgba(212,115,26,0.15);z-index:1}
.module-num{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.module-num::after{content:'';flex:1;max-width:32px;height:1px}
.module h3{font-family:var(--head);font-size:clamp(20px,2.2vw,30px);font-weight:800;letter-spacing:-0.025em;line-height:1.1;color:var(--text-1);margin-bottom:10px}
.module .module-for{font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:28px}
.module p{font-size:17px;font-weight:300;line-height:1.8;color:var(--text-2)}
#rozwiazanie .pillars{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
#rozwiazanie .pillar{padding:44px 10%;border-right:1px solid var(--border)}
#rozwiazanie .pillar:last-child{border-right:none}
.p-step{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.p-step::after{content:'';flex:1;max-width:32px;height:1px;background:rgba(212,115,26,0.25)}
#rozwiazanie .pillar h4{font-size:17px;font-weight:600;color:var(--text-1);margin-bottom:12px}
#rozwiazanie .pillar p{font-size:16px;line-height:1.75}
.how-header{padding:28px 10%;font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border)}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr)}
.how-step{padding:48px 10%;border-right:1px solid var(--border)}
.how-step:last-child{border-right:none}
.how-num{font-family:var(--head);font-size:56px;font-weight:800;line-height:1;color:rgba(255,255,255,0.04);margin-bottom:16px;letter-spacing:-0.04em}
.how-step h4{font-size:18px;font-weight:600;color:var(--text-1);margin-bottom:12px}
.how-step p{font-size:16px;line-height:1.75}

/* Loop diagram */
.loop-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.loop-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);background-size:80px 80px}
.loop-header{padding:64px 10% 52px;border-bottom:1px solid var(--border);position:relative;opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.loop-section.visible .loop-header{opacity:1;transform:translateY(0)}
.loop-diagram{padding:0 10%;position:relative}
.loop-row{display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;align-items:center}
.loop-row-top{padding:52px 0 0}
.loop-row-bottom{padding:0 0 52px}
.loop-node{position:relative;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,.68,0,1.1),transform .6s cubic-bezier(.22,.68,0,1.1)}
.loop-section.visible .loop-node{opacity:1;transform:translateY(0)}
.loop-section.visible .loop-row-top .loop-node:nth-child(1){transition-delay:100ms}
.loop-section.visible .loop-row-top .loop-node:nth-child(3){transition-delay:200ms}
.loop-section.visible .loop-row-top .loop-node:nth-child(5){transition-delay:300ms}
.loop-section.visible .loop-row-bottom .loop-node:nth-child(1){transition-delay:400ms}
.loop-section.visible .loop-row-bottom .loop-node:nth-child(3){transition-delay:500ms}
.loop-section.visible .loop-row-bottom .loop-node:nth-child(5){transition-delay:600ms}
.loop-node-inner{background:var(--surface);border:1px solid var(--border-card);border-radius:4px;padding:24px 24px 22px;position:relative;transition:background 0.4s,border-color 0.4s}
.loop-node-inner::before{content:'';position:absolute;top:-1px;left:20px;width:28px;height:2px;background:var(--orange);transition:width 0.4s}
.loop-node-learn .loop-node-inner::before{background:var(--teal-lt)}
.loop-node.node-active .loop-node-inner{background:#1a2e3e;border-color:rgba(212,115,26,0.5)}
.loop-node.node-active .loop-node-inner::before{width:48px}
.loop-node-learn.node-active .loop-node-inner{border-color:rgba(64,191,176,0.5)}
.loop-num{font-family:var(--head);font-size:11px;font-weight:800;letter-spacing:0.1em;color:var(--orange);margin-bottom:4px}
.loop-tag{font-family:var(--mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:8px;opacity:0.6;transition:opacity 0.4s}
.node-active .loop-tag{opacity:1}
.loop-node-inner h4{font-size:14px;font-weight:700;color:var(--text-1);margin-bottom:6px;line-height:1.3}
.loop-node-inner p{font-size:12.5px;line-height:1.65;color:var(--text-2);transition:color 0.4s}
.node-active .loop-node-inner p{color:#a8bece}
.loop-arrow{display:flex;align-items:center;justify-content:center}
.loop-arrow svg{width:48px;height:16px;overflow:visible}
.loop-arrow line,.loop-arrow polyline{stroke:var(--border-card);transition:stroke 0.3s}
.loop-arrow.arrow-active line,.loop-arrow.arrow-active polyline{stroke:var(--orange)}
.loop-arrow.arrow-active-teal line,.loop-arrow.arrow-active-teal polyline{stroke:var(--teal-lt)}
@keyframes march-r{to{stroke-dashoffset:-7}}
@keyframes march-l{to{stroke-dashoffset:7}}
@keyframes march-d{to{stroke-dashoffset:-7}}
@keyframes march-u{to{stroke-dashoffset:7}}
.loop-arrow.arrow-active line{animation:march-r 0.4s linear infinite}
.loop-arrow.arrow-active-teal line{animation:march-l 0.4s linear infinite}
.loop-connectors{display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;pointer-events:none}
.loop-connector{height:80px;display:flex;align-items:center;justify-content:center;width:100%}
.loop-connector svg{width:24px;height:80px;overflow:visible}
.loop-connector line,.loop-connector polyline{stroke:var(--border-card);transition:stroke 0.3s}
.loop-connector.arrow-active line,.loop-connector.arrow-active polyline{stroke:var(--orange)}
.loop-connector.arrow-active-teal line,.loop-connector.arrow-active-teal polyline{stroke:var(--teal-lt)}
.loop-connector.arrow-active line{animation:march-d 0.4s linear infinite}
.loop-connector.arrow-active-teal line{animation:march-u 0.4s linear infinite}

/* === KORZYSCI === */
#korzysci{border-bottom:1px solid var(--lt-border)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.benefit-card{padding:40px 10%;border-right:1px solid var(--lt-border);border-bottom:1px solid var(--lt-border);background:transparent;transition:background .25s,opacity .7s cubic-bezier(.22,.68,0,1.1),transform .7s cubic-bezier(.22,.68,0,1.1);opacity:0;transform:translateY(28px)}
.benefit-card.visible{opacity:1;transform:translateY(0)}
.benefit-card:nth-child(2){transition-delay:100ms}
.benefit-card:nth-child(3){transition-delay:200ms}
.benefit-card:nth-child(4){transition-delay:250ms}
.benefit-card:nth-child(5){transition-delay:350ms}
.benefit-card:nth-child(6){transition-delay:450ms}
.benefit-card svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(0.5)}
.benefit-card.visible svg{transform:scale(1)}
#korzysci .section-header{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
#korzysci.visible .section-header{opacity:1;transform:translateY(0)}
.benefit-card:hover{background:var(--lt-card)}
.benefit-card:nth-child(3n){border-right:none}
.benefit-card:nth-child(4),.benefit-card:nth-child(5),.benefit-card:nth-child(6){border-bottom:none}
.benefit-card svg{width:28px;height:28px;color:var(--orange);margin-bottom:20px}
.benefit-num{font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:rgba(0,0,0,0.2);margin-bottom:14px}
.benefit-card h4{font-family:var(--head);font-size:17px;font-weight:600;color:var(--lt-ink);margin-bottom:10px}
.benefit-card p{font-size:16px;line-height:1.75;color:var(--lt-mid)}

/* === OBLICZENIA (metryki) === */
#obliczenia{border-bottom:1px solid var(--border);position:relative}
.obliczenia-bg{position:absolute;top:0;right:0;width:45%;height:480px;pointer-events:none;z-index:0;overflow:hidden}
.obliczenia-bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.15) saturate(0.2) sepia(0.2) hue-rotate(180deg)}
.obliczenia-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(15,25,35,0.7) 50%,rgba(15,25,35,0.5) 100%)}
.obliczenia-bg::before{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,var(--bg));z-index:1}
#obliczenia .section-header,#obliczenia .big-metrics{position:relative;z-index:1}
.big-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
.big-metric{padding:48px 10% 40px;border-right:1px solid var(--border);position:relative}
.big-metric:last-child{border-right:none}
.big-metric::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.big-metric.orange::before{background:var(--orange)}
.big-metric.teal::before{background:var(--teal)}
.big-metric .val{font-family:var(--head);font-size:clamp(44px,5.5vw,72px);font-weight:800;letter-spacing:-0.04em;line-height:1;margin-bottom:10px}
.big-metric.orange .val{color:var(--orange)}
.big-metric.teal .val{color:var(--teal-lt)}
.big-metric .metric-label{font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}
.big-metric .metric-desc{font-size:15px;line-height:1.7;color:var(--text-2)}
#obliczenia .scenario-blocks{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}
#obliczenia .scenario-block{padding:48px 10% 56px;border-right:1px solid var(--border)}
#obliczenia .scenario-block:last-child{border-right:none}
.scenario-num{font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
.scenario-title{font-family:var(--head);font-size:17px;font-weight:600;color:var(--text-1);line-height:1.3;margin-bottom:28px}
.state-group{margin-bottom:0}
.state-label{font-family:var(--mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;padding:7px 0;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.state-label::after{content:'';flex:1;height:1px;background:var(--border)}
.state-label.before{color:var(--text-3)}
.state-label.after{color:var(--orange)}
.state-label.after.teal{color:var(--teal-lt)}
.state-steps{display:flex;flex-direction:column}
.state-step{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid var(--border-2)}
.state-step:last-child{border-bottom:none}
.step-dot{width:5px;height:5px;border-radius:50%;background:var(--text-3);margin-top:7px;flex-shrink:0}
.step-dot.accent{background:var(--orange)}
.step-dot.teal{background:var(--teal)}
.step-desc{font-size:14px;line-height:1.65;color:var(--text-2)}
.state-group+.state-group{margin-top:20px}
.disclaimer-strip{padding:24px 10%;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.015)}
.disclaimer-strip svg{width:14px;height:14px;color:var(--text-3);flex-shrink:0;margin-top:2px}
.disclaimer-strip p{font-family:var(--mono);font-size:11px;color:var(--text-3);line-height:1.7;letter-spacing:0.02em}

/* Slider */
.slider-wrap{overflow:hidden;border-bottom:1px solid var(--border);position:relative}
.slider-track{display:flex;flex-wrap:nowrap;width:100%;transition:transform 0.55s cubic-bezier(0.65,0,0.35,1);will-change:transform}
.slide{min-width:100%;width:100%;flex-shrink:0;display:flex;flex-direction:column}
.slide-header{padding:44px 10% 24px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:20px}
.slide-num{font-family:var(--mono);font-size:11px;letter-spacing:0.15em;color:var(--text-3);flex-shrink:0}
.slide-title{font-family:var(--head);font-size:22px;font-weight:600;color:var(--text-1);letter-spacing:-0.01em;line-height:1.2}
.slide-body{display:grid;grid-template-columns:1fr 1fr}
.slide-half{padding:36px 10% 60px;display:flex;flex-direction:column;gap:14px}
.slide-half.before{border-right:1px solid var(--border);background:var(--bg)}
.slide-half.after{background:var(--bg-card)}
.half-label{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase}
.slide-half.before .half-label{color:var(--text-3)}
.slide-half.after .half-label{color:var(--orange)}
.slide-half p{font-size:16px;line-height:1.85;color:var(--text-2);max-width:520px}
.slide-half.after p{color:rgba(240,237,232,0.75)}
.slide-half ul{list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:0}
.slide-half ul li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border-2);font-size:15px;line-height:1.65;color:var(--text-2)}
.slide-half ul li:last-child{border-bottom:none}
.slide-half.after ul li{color:rgba(240,237,232,0.72)}
.slide-half ul li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--text-3);margin-top:7px;flex-shrink:0}
.slide-half.after ul li::before{background:var(--orange)}
.slider-controls{display:flex;align-items:center;justify-content:space-between;padding:20px 10%;border-top:1px solid var(--border)}
.slider-dots{display:flex;gap:8px;align-items:center}
.dot{width:6px;height:6px;border-radius:50%;background:var(--text-3);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.dot.active{background:var(--orange);transform:scale(1.4)}
.slider-arrows{display:flex;gap:8px;align-items:center}
.slider-counter{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;color:var(--text-2);min-width:48px;text-align:center;padding:0 12px}
.arrow-btn{width:44px;height:44px;border:1px solid var(--border-card);border-radius:2px;background:transparent;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,opacity .2s}
.arrow-btn:hover{border-color:rgba(255,255,255,0.25);color:var(--text-1)}
.arrow-btn.disabled{opacity:0.25;cursor:default}
.arrow-btn.disabled:hover{border-color:var(--border-card);color:var(--text-2)}
.arrow-btn svg{width:18px;height:18px}
.table-wrap{padding:48px 10% 0}
.table-bottom{padding:20px 10% 80px}


/* === PERSONY === */
#persony{border-bottom:1px solid var(--border)}
#persony .section-header{border-bottom:1px solid var(--border)}
.persona-tabs-wrap{display:flex;border-bottom:1px solid var(--border);padding:0 10%;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.persona-tabs-wrap.visible{opacity:1;transform:none}
.persona-tab{padding:18px 20px;font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-3);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.persona-tab.active{color:var(--text-1);border-bottom-color:var(--orange)}
.persona-tab:hover:not(.active){color:var(--text-2)}
.persona-panel{display:none}
.persona-panel.active{display:grid;grid-template-columns:1fr 1fr}
.persona-panel.active .persona-left{animation:panelLeft .4s cubic-bezier(0.22,1,0.36,1) both}
.persona-panel.active .persona-right{animation:panelRight .45s cubic-bezier(0.22,1,0.36,1) .05s both}
@keyframes panelLeft{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes panelRight{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.persona-left{padding:64px 10%;border-right:1px solid var(--border)}
.persona-left .role-tag{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;display:block}
.persona-left h3{font-family:var(--head);font-size:clamp(19px,2vw,26px);font-weight:700;color:var(--text-1);line-height:1.25;margin-bottom:20px}
.persona-left p{margin-bottom:32px;font-size:17px;line-height:1.75;color:var(--text-2)}
.persona-points{list-style:none}
.persona-points li{display:grid;grid-template-columns:16px 1fr;gap:14px;font-family:var(--head);font-size:16px;color:var(--text-2);padding:11px 0;border-bottom:1px solid var(--border);line-height:1.6;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.persona-points li.visible{opacity:1;transform:none}
.persona-points li:last-child{border-bottom:none}
.persona-points li .arr{color:var(--orange);font-weight:700}
#persony .section-header{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
#persony.visible .section-header{opacity:1;transform:translateY(0)}
.persona-tabs-wrap{opacity:0;transform:translateY(12px);transition:opacity .6s ease .15s,transform .6s ease .15s}
#persony.visible .persona-tabs-wrap{opacity:1;transform:translateY(0)}
.persona-right{background:var(--bg-card);padding:64px 10%}
.persona-scenario{display:flex;flex-direction:column;gap:0;height:100%}
#persony .scenario-block{padding:32px 0;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
#persony .scenario-block.visible{opacity:1;transform:none}
#persony .scenario-block:first-child{padding-top:0}
#persony .scenario-block p{font-size:16px;line-height:1.75;color:var(--lt-mid);margin-bottom:10px}
#persony .scenario-block p:last-child{margin-bottom:0}
.scenario-label{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:16px}
.scenario-label.challenge{color:var(--text-2)}
.scenario-label.effect{color:var(--orange)}
.scenario-divider{height:1px;background:var(--border);margin:0}

/* === BEZPIECZENSTWO === */
#bezpieczenstwo{border-bottom:1px solid var(--lt-border)}
.sec-header{padding:96px 10% 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;border-bottom:1px solid var(--lt-border)}
.sec-header .mlabel{margin-bottom:14px}
.sec-header .right{display:flex;align-items:flex-end}
.sec-header .right p{font-size:18px;font-weight:300;line-height:1.8}
.statement-row{padding:56px 10%;display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center;border-bottom:1px solid var(--lt-border);background:var(--lt-card);overflow:hidden;position:relative}
.statement-row::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--lt-border) 1px,transparent 1px),linear-gradient(90deg,var(--lt-border) 1px,transparent 1px);background-size:40px 40px;opacity:0;transition:opacity 1.2s ease}
.statement-row.visible::before{opacity:1}
.statement-label{font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--lt-dim);margin-bottom:16px}
.statement-left h3{font-family:var(--head);font-size:clamp(22px,2.4vw,34px);font-weight:800;letter-spacing:-0.025em;line-height:1.1;color:var(--lt-ink)}
.statement-left h3 em{font-style:normal;color:var(--orange);display:inline-block;position:relative}
.shield-wrap{margin-top:28px;position:relative;display:flex;justify-content:center;width:100%}
.shield-svg{width:64px;height:64px;overflow:visible}
.shield-path{stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) .3s}
.shield-check{stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1) 1.2s}
.statement-row.visible .shield-path{stroke-dashoffset:0}
.statement-row.visible .shield-check{stroke-dashoffset:0}
.shield-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1.5px solid rgba(212,115,26,0.3);opacity:0;animation:none}
.statement-row.visible .shield-pulse{animation:pulse-ring 2.5s ease-out 1.5s infinite}
@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
.statement-facts{display:flex;flex-direction:column;gap:0}
.statement-fact{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--lt-border);opacity:0;transform:translateX(16px);transition:opacity .5s ease,transform .5s ease}
.statement-fact:last-child{border-bottom:none}
.statement-fact.visible{opacity:1;transform:translateX(0)}
.statement-fact[data-delay="1"]{transition-delay:200ms}
.statement-fact[data-delay="2"]{transition-delay:380ms}
.statement-fact[data-delay="3"]{transition-delay:560ms}
.sfact-icon{flex-shrink:0;width:36px;height:36px;border-radius:6px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;margin-top:2px;transition:background .25s,transform .25s}
.statement-fact:hover .sfact-icon{background:rgba(212,115,26,0.1);transform:scale(1.08)}
.sfact-icon svg{width:18px;height:18px;color:var(--orange)}
.sfact-text h4{font-size:16px;font-weight:600;color:var(--lt-ink);margin-bottom:4px;line-height:1.35}
.sfact-text p{font-size:15px;line-height:1.7;color:var(--lt-mid)}
#bezpieczenstwo .pillars{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--lt-border)}
#bezpieczenstwo .pillar{padding:44px 9%;border-right:1px solid var(--lt-border);position:relative;overflow:hidden;transition:background .25s}
#bezpieczenstwo .pillar:last-child{border-right:none}
#bezpieczenstwo .pillar::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:0%;background:var(--orange);transition:width .35s cubic-bezier(.22,.68,0,1.2)}
#bezpieczenstwo .pillar:hover::after{width:100%}
#bezpieczenstwo .pillar:hover{background:var(--lt-card)}
.pillar-icon-wrap{position:relative;display:inline-block;margin-bottom:20px}
#bezpieczenstwo .pillar svg{width:30px;height:30px;color:var(--orange);display:block;transition:transform .3s cubic-bezier(.22,.68,0,1.2)}
#bezpieczenstwo .pillar:hover svg{transform:translateY(-4px)}
#bezpieczenstwo .pillar-num{position:absolute;top:44px;right:9%;font-family:var(--mono);font-size:11px;color:rgba(0,0,0,0.1);transition:color .25s}
#bezpieczenstwo .pillar:hover .pillar-num{color:rgba(212,115,26,0.25)}
#bezpieczenstwo .pillar h4{font-size:16px;font-weight:600;color:var(--lt-ink);margin-bottom:8px;line-height:1.35}
#bezpieczenstwo .pillar p{font-size:15px;line-height:1.7}

/* === FAQ === */
#faq{border-bottom:1px solid var(--border)}
#faq .section-header{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
#faq.visible .section-header{opacity:1;transform:translateY(0)}
.faq-grid{display:grid;grid-template-columns:1fr;max-width:860px;margin:0 auto;padding:0 10%}
.faq-item{padding:28px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .25s;position:relative;padding-left:56px;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,background .25s}
.faq-item.visible{opacity:1;transform:translateY(0)}
.faq-item::before{content:counter(faq-counter,decimal-leading-zero);counter-increment:faq-counter;position:absolute;left:0;top:30px;font-family:var(--mono);font-size:11px;letter-spacing:0.1em;color:var(--text-3);transition:color .3s}
.faq-item.open::before{color:var(--orange)}
.faq-grid{counter-reset:faq-counter}
.faq-item:last-child{border-bottom:none}
.faq-item:hover{background:rgba(255,255,255,0.02)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q h4{font-size:17px;font-weight:500;color:var(--text-1);line-height:1.45;transition:color .3s}
.faq-item.open .faq-q h4{color:var(--orange)}
.faq-chevron{flex-shrink:0;width:20px;height:20px;color:var(--text-3);transition:transform .3s,color .3s}
.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--orange)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),margin .3s,padding .3s}
.faq-item.open .faq-a{max-height:300px;margin-top:16px}
.faq-a p{font-size:15px;line-height:1.85;color:var(--text-2)}

/* === CTA === */
#cta{background:var(--bg-alt);position:relative;overflow:hidden}
#cta::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--lt-border) 1px,transparent 1px),linear-gradient(90deg,var(--lt-border) 1px,transparent 1px);background-size:48px 48px;opacity:0;transition:opacity 1.4s ease .2s;pointer-events:none}
#cta.grid-visible::before{opacity:1}
#cta::after{content:'';position:absolute;bottom:-80px;right:-80px;width:480px;height:480px;background:radial-gradient(circle,rgba(212,115,26,0.10) 0%,transparent 65%);pointer-events:none}
.cta-top{padding:96px 10% 80px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1;border-bottom:1px solid var(--lt-border);transition:padding-bottom .5s ease}
.cta-top.form-open{border-bottom:none;padding-bottom:48px}
.cta-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}
.cta-top h2{margin-bottom:16px;color:var(--lt-ink)}
.cta-top>div>p{font-size:18px;font-weight:300;line-height:1.8;color:var(--lt-mid)}
.cta-right{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.cta-tagline{font-family:var(--mono);font-size:12px;letter-spacing:0.04em;line-height:1.7;color:var(--lt-dim);padding-left:16px;border-left:2px solid var(--orange-dim)}
.cta-tagline strong{color:var(--lt-mid);font-weight:600}
.btn-cta{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:15px 28px;border-radius:2px;background:var(--orange);color:#F0EDE8;border:1px solid var(--orange);cursor:pointer;transition:background .2s,transform .15s;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}
.btn-cta:hover{background:var(--orange-lt);border-color:var(--orange-lt)}
.btn-cta:active{transform:scale(.98)}
.btn-cta::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);animation:btn-shimmer 3.5s ease-in-out 2s infinite}
@keyframes btn-shimmer{0%{left:-100%}100%{left:200%}}
.btn-cta-arrow{transition:transform .25s cubic-bezier(.22,.68,0,1.2);display:inline-block}
.btn-cta.open .btn-cta-arrow{transform:rotate(180deg)}
.btn-ghost-lt{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:14px 27px;border-radius:2px;background:transparent;color:var(--lt-mid);border:1px solid var(--lt-border);text-decoration:none;display:inline-block;transition:border-color .2s,color .2s}
.btn-ghost-lt:hover{border-color:rgba(0,0,0,0.2);color:var(--lt-ink)}
.form-wrap{max-height:0;overflow:hidden;transition:max-height .7s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}
.form-wrap.open{max-height:900px}
.form-inner{padding:0 10% 72px;opacity:0;transform:translateY(16px);transition:opacity .45s ease .25s,transform .45s ease .25s}
.form-wrap.open .form-inner{opacity:1;transform:translateY(0)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin-bottom:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-label{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--lt-dim)}
.form-label span{color:var(--orange);margin-left:2px}
.form-input,.form-textarea{font-family:var(--head);font-size:15px;color:var(--lt-ink);background:var(--lt-card);border:1px solid var(--lt-border);border-radius:2px;padding:12px 14px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}
.form-input::placeholder,.form-textarea::placeholder{color:var(--lt-dim)}
.form-input:focus,.form-textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(212,115,26,0.08)}
.form-input.error{border-color:#C94F3A}
.form-error-msg{font-family:var(--mono);font-size:10px;letter-spacing:0.05em;color:#C94F3A;display:none}
.form-error-msg.show{display:block}
.form-textarea{resize:vertical;min-height:90px}
.form-divider{height:1px;background:var(--lt-border);margin:8px 0 20px}
.form-submit-row{display:flex;align-items:center;gap:24px;margin-top:8px}
.btn-submit{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:15px 32px;border-radius:2px;background:var(--lt-ink);color:#F0EDE8;border:1px solid var(--lt-ink);cursor:pointer;transition:background .2s,opacity .2s;display:inline-flex;align-items:center;gap:10px}
.btn-submit:hover{background:#2A3545;border-color:#2A3545}
.btn-submit:disabled{opacity:.5;cursor:not-allowed}
.form-note{font-family:var(--mono);font-size:10.5px;letter-spacing:0.04em;color:var(--lt-dim);line-height:1.6}
.form-status{padding:14px 18px;border-radius:2px;font-family:var(--mono);font-size:11.5px;letter-spacing:0.05em;display:none;margin-top:16px}
.form-status.success{display:block;background:rgba(42,157,143,0.08);border:1px solid rgba(42,157,143,0.25);color:var(--teal)}
.form-status.fail{display:block;background:rgba(201,79,58,0.07);border:1px solid rgba(201,79,58,0.2);color:#C94F3A}
@keyframes spin{to{transform:rotate(360deg)}}
.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(240,237,232,0.3);border-top-color:#F0EDE8;animation:spin .7s linear infinite;display:none}
.btn-submit.loading .spinner{display:block}
.btn-submit.loading .btn-submit-label{display:none}

/* === FOOTER === */
footer{background:var(--bg);border-top:1px solid var(--border);position:relative;overflow:hidden}
footer::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border-2) 1px,transparent 1px),linear-gradient(90deg,var(--border-2) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
footer::after{content:'';position:absolute;bottom:-60px;left:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(212,115,26,0.07) 0%,transparent 65%);pointer-events:none}
.footer-main{padding:72px 10% 56px;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;border-bottom:1px solid var(--border);position:relative;z-index:1}
.footer-brand{padding-right:32px}
.brand-lockup{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}
.brand-product{font-family:var(--head);font-size:22px;font-weight:900;letter-spacing:-0.04em;color:var(--text-1);line-height:1}
.brand-product span{color:var(--orange)}
.brand-company{font-family:var(--mono);font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--text-3);padding-left:2px}
.footer-tagline{font-size:14px;line-height:1.75;color:var(--text-3);max-width:240px;margin-bottom:28px}
.footer-contact{display:flex;flex-direction:column;gap:10px}
.footer-contact-item{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:0.04em;color:var(--text-2);text-decoration:none;transition:color .2s}
.footer-contact-item:hover{color:var(--text-1)}
.footer-contact-item svg{width:13px;height:13px;color:var(--orange);flex-shrink:0}
.footer-sep{width:32px;height:1px;background:var(--orange-dim);margin:24px 0}
.footer-shows{display:flex;flex-direction:column;gap:6px}
.show-label{font-family:var(--mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}
.show-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:0.06em;color:var(--text-3)}
.show-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0;opacity:0.6}
.footer-col h5{font-family:var(--mono);font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.footer-col a{display:block;font-family:var(--head);font-size:14px;font-weight:400;color:var(--text-2);text-decoration:none;margin-bottom:11px;transition:color .18s;position:relative;padding-left:0}
.footer-col a::before{content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--orange);opacity:0;transition:opacity .18s,left .18s}
.footer-col a:hover{color:var(--text-1);padding-left:10px}
.footer-col a:hover::before{opacity:1;left:0}
.footer-col a.highlight{color:var(--orange)}
.footer-col a.highlight:hover{color:var(--orange-lt)}
.footer-bottom{padding:20px 10%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:24px}
.footer-legal{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;color:var(--text-3);line-height:1.6}
.footer-legal a{color:var(--text-3);text-decoration:none;transition:color .2s}
.footer-legal a:hover{color:var(--text-2)}
.footer-domain{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;color:var(--text-3);display:flex;align-items:center;gap:8px}
.footer-domain::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 6px rgba(42,157,143,.5);animation:pulse-dot 2.5s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
.footer-brand,.footer-col{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
footer.visible .footer-brand{opacity:1;transform:translateY(0);transition-delay:0ms}
footer.visible .footer-col:nth-child(2){opacity:1;transform:translateY(0);transition-delay:120ms}
footer.visible .footer-col:nth-child(3){opacity:1;transform:translateY(0);transition-delay:220ms}
footer.visible .footer-col:nth-child(4){opacity:1;transform:translateY(0);transition-delay:320ms}

/* === LANG SWITCHER === */
.lang-switch{display:flex;gap:8px;margin-top:16px}
.lang-switch a{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;color:var(--text-3);text-decoration:none;padding:0}
.lang-switch a:hover{color:var(--text-2)}
.lang-switch a.active{color:var(--text-1);font-weight:700}
.lang-switch span{color:var(--text-3);font-size:10px}

/* === NAV LANG SWITCHER === */
.nav-lang{display:flex;align-items:center;gap:6px;margin-left:8px}
.nav-lang a{font-family:var(--mono);font-size:9px;letter-spacing:0.08em;color:var(--text-3);text-decoration:none;padding:3px 5px;border-radius:2px;transition:color .2s,background .2s}
.nav-lang a:hover{color:var(--text-2)}
.nav-lang a.active{color:var(--text-1);background:rgba(255,255,255,0.08);font-weight:700}
.nav-lang .sep{color:var(--text-3);font-size:8px;opacity:0.4}

/* === HAMBURGER === */
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:101}
.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--text-1);transition:transform .3s,opacity .3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* === RESPONSIVE === */
@media(max-width:1024px){
  /* Photos */
  .hero-photo{width:100%;opacity:0.4}
  .hero-photo::after{background:linear-gradient(90deg,var(--bg) 0%,rgba(15,25,35,0.6) 100%)}
  .modules{grid-template-columns:1fr 1fr}
  .module-photo{display:none}
  .obliczenia-bg{display:none}
  /* Grids → 2 cols or stack */
  .section-header{grid-template-columns:1fr;gap:32px;padding:64px 6% 48px}
  .sec-header{grid-template-columns:1fr;gap:32px;padding:64px 6% 48px}
  #rozwiazanie .pillars{grid-template-columns:1fr 1fr 1fr}
  .how-steps{grid-template-columns:1fr 1fr 1fr}
  .big-metrics{grid-template-columns:1fr 1fr 1fr}
  #obliczenia .scenario-blocks{grid-template-columns:1fr}
  #obliczenia .scenario-block{border-right:none;border-bottom:1px solid var(--border)}
  #obliczenia .scenario-block:last-child{border-bottom:none}
  .benefit-grid{grid-template-columns:1fr 1fr}
  .faq-grid{padding:0 6%}
  .faq-item{padding:24px 0 24px 48px}
  .hero-stats{grid-template-columns:repeat(4,1fr)}
  .persona-panel.active{grid-template-columns:1fr}
  .persona-left{border-right:none;border-bottom:1px solid var(--border);padding:48px 6%}
  .persona-right{padding:48px 6%}
  .statement-row{grid-template-columns:1fr;gap:32px;padding:48px 6%}
  .cta-top{grid-template-columns:1fr;gap:32px;padding:64px 6% 56px}
  .footer-main{grid-template-columns:1fr 1fr;gap:36px;padding:56px 6% 40px}
  #bezpieczenstwo .pillars{grid-template-columns:1fr 1fr 1fr}
  /* Padding adjustments */
  nav{padding:0 5%}
  .hero-inner{padding:60px 6% 0}
  .section-header-left{padding:64px 6% 48px}
  .problem-content{padding:32px 6% 32px 24px}
  .module{padding:48px 6%}
  #rozwiazanie .pillar{padding:36px 6%}
  .how-step{padding:36px 6%}
  .loop-header{padding:48px 6% 40px}
  .loop-diagram{padding:0 4%}
  .benefit-card{padding:32px 6%}
  .big-metric{padding:36px 6% 28px}
  .slide-header{padding:32px 6% 18px}
  .slide-half{padding:28px 6% 44px}
  .slider-controls{padding:16px 6%}
  .table-wrap{padding:36px 6% 0}
  .table-bottom{padding:16px 6% 56px}
  .persona-tabs-wrap{padding:0 6%}
  .disclaimer-strip{padding:20px 6%}
  .form-inner{padding:0 6% 56px}
  .footer-bottom{padding:16px 6%}
}

@media(max-width:768px){
  /* Nav mobile */
  .nav-links{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,25,35,0.98);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:99}
  .nav-links.open{opacity:1;pointer-events:auto}
  .nav-links a{font-size:14px;letter-spacing:0.1em}
  .nav-lang{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);z-index:100;gap:12px;opacity:0;pointer-events:none;transition:opacity .3s}
  .nav-links.open~.nav-lang{opacity:1;pointer-events:auto}
  .nav-hamburger{display:flex}
  /* Hero */
  .hero-photo{display:none}
  .hero-inner{padding:40px 5% 0}
  .hero-title{font-size:clamp(28px,7vw,42px)}
  .hero-subtitle{font-size:15px}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .hero-stat{padding:20px 0 20px 16px}
  .hero-stat .val{font-size:28px}
  .hero-actions{flex-direction:column;gap:10px}
  .hero-actions a{text-align:center;width:100%}
  /* Modules */
  .modules{grid-template-columns:1fr}
  .module{border-right:none;border-bottom:1px solid var(--border);padding:40px 5%}
  .modules .module:first-child,.modules .module:last-child{transform:translateY(20px)}
  /* Pillars → stack */
  #rozwiazanie .pillars{grid-template-columns:1fr}
  #rozwiazanie .pillar{border-right:none;border-bottom:1px solid var(--border);padding:32px 5%}
  #rozwiazanie .pillar:last-child{border-bottom:none}
  .how-steps{grid-template-columns:1fr}
  .how-step{border-right:none;border-bottom:1px solid var(--border);padding:32px 5%}
  .how-step:last-child{border-bottom:none}
  /* Loop diagram → stack */
  .loop-row{grid-template-columns:1fr;gap:0}
  .loop-arrow{display:none}
  .loop-connectors{display:none}
  .loop-node{margin-bottom:12px}
  /* Benefits */
  .benefit-grid{grid-template-columns:1fr}
  .benefit-card{border-right:none;padding:28px 5%}
  .faq-grid{padding:0 5%}
  .faq-item{padding:22px 0 22px 44px}
  .faq-item::before{top:24px;font-size:10px}
  .faq-q h4{font-size:15px}
  /* Metrics */
  .big-metrics{grid-template-columns:1fr}
  .big-metric{border-right:none;border-bottom:1px solid var(--border);padding:32px 5% 28px}
  .big-metric:last-child{border-bottom:none}
  .big-metric .val{font-size:clamp(36px,10vw,56px)}
  /* Slider */
  .slide-body{grid-template-columns:1fr}
  .slide-half{padding:24px 5% 32px}
  .slide-half.before{border-bottom:1px solid var(--border)}
  /* Bezpieczenstwo */
  #bezpieczenstwo .pillars{grid-template-columns:1fr}
  #bezpieczenstwo .pillar{border-right:none;border-bottom:1px solid var(--lt-border);padding:32px 5%}
  #bezpieczenstwo .pillar:last-child{border-bottom:none}
  /* Problems */
  .problem-row{grid-template-columns:1fr}
  .problem-sidebar{border-right:none;border-bottom:1px solid var(--lt-border);padding:24px 5%;flex-direction:row;gap:16px;align-items:center}
  .problem-content{padding:24px 5%}
  /* CTA */
  .cta-top{padding:48px 5% 40px}
  .form-grid{grid-template-columns:1fr}
  .form-inner{padding:0 5% 48px}
  /* Footer */
  .footer-main{grid-template-columns:1fr;gap:32px;padding:40px 5% 32px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 5%}
  /* General padding */
  .section-header{padding:48px 5% 36px}
  .sec-header{padding:48px 5% 36px}
  .section-header-left{padding:48px 5% 36px}
  .loop-header{padding:36px 5% 28px}
  .statement-row{padding:36px 5%}
  .persona-left{padding:36px 5%}
  .persona-right{padding:36px 5%}
  .persona-tabs-wrap{padding:0 5%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .disclaimer-strip{padding:16px 5%}
  .table-wrap{padding:28px 5% 0}
  .table-bottom{padding:12px 5% 40px}
  .slider-controls{padding:14px 5%}
  .slide-header{padding:24px 5% 14px}
}

@media(max-width:480px){
  .hero-stats{grid-template-columns:1fr 1fr}
  .hero-stat .val{font-size:24px}
  .hero-stat .desc{font-size:9px}
  nav{padding:0 4%}
  .footer-domain{font-size:9px}
}