.elementor-103839 .elementor-element.elementor-element-110f655{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-103839 .elementor-element.elementor-element-110f655.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-103839 .elementor-element.elementor-element-4f7f65b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-103839 .elementor-element.elementor-element-4f7f65b.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-103839 .elementor-element.elementor-element-110f655{--width:100%;}.elementor-103839 .elementor-element.elementor-element-4f7f65b{--width:100%;}}/* Start custom CSS */@import url("https://fonts.googleapis.com"); @import url("https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap"); /* --- scoped reset (no bare tag body.elementor-page-103839s) --- */ .kfs4-scope-leadowy-9723540a #case-bat-uxa, .kfs4-scope-leadowy-9723540a #case-bat-uxa *, .kfs4-scope-leadowy-9723540a #case-bat-uxa *::before, .kfs4-scope-leadowy-9723540a #case-bat-uxa *::after { box-sizing: border-box !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa * { margin: 0 !important; padding: 0 !important; border: 0 !important; font: inherit !important; color: inherit !important; background: transparent !important; list-style: none !important; text-decoration: none !important; font-style: normal !important; vertical-align: baseline !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa ::selection { background: #D6F612 !important; color: #000 !important; } /* --- root: base typography + KAMAN tokens --- */ .kfs4-scope-leadowy-9723540a #case-bat-uxa { font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.55 !important; color: #000000 !important; background: #FFFFFF !important; -webkit-font-smoothing: antialiased !important; text-align: left !important; /* ------------------------------------------------------------------ COLORS — primary palette (from Brand book) ------------------------------------------------------------------ */ --kaman-lime: #D6F612 !important; /* Pantone 13-0630 TN — hero accent */ --kaman-black: #000000 !important; /* Process Black C */ --kaman-white: #FFFFFF !important; /* Supplementary palette */ --kaman-purple: #6600CD !important; /* Pantone 266 C */ --kaman-gray: #D7D5D7 !important; /* Pantone Cool Gray 2 C */ --kaman-navy: #050027 !important; /* Pantone 5395 C — near-black w/ blue */ /* Practical extensions (derived for UI surfaces; not in brand book) */ --kaman-bg-dark: #0E0E10 !important; /* canvas dark — slightly softer than pure black */ --kaman-bg-dark-2: #1A1A1D !important; /* card on dark */ --kaman-bg-light: #F2F1ED !important; /* canvas light — warm off-white seen in posts */ --kaman-bg-light-2: #FFFFFF !important; /* card on light */ --kaman-line-dark: #2A2A2E !important; /* hairline on dark */ --kaman-line-light: #E3E1DC !important; /* hairline on light */ /* Lime tints / shades — for hover, marker highlight */ --kaman-lime-marker: #E8FA7A !important; /* softer lime for text-highlight bg */ --kaman-lime-hover: #C2DF0F !important; --kaman-lime-press: #A8C30A; /* Signature gradient — purple → white → lime (three-stop, white midpoint) */ --kaman-gradient: linear-gradient(135deg, var(--kaman-purple) 0%, var(--kaman-white) 50%, var(--kaman-lime) 100%) !important; /* ------------------------------------------------------------------ SEMANTIC COLOR TOKENS — dark surface (default for KAMAN) ------------------------------------------------------------------ */ --bg: var(--kaman-bg-dark) !important; --bg-elevated: var(--kaman-bg-dark-2); --fg: var(--kaman-white); --fg-muted: #B7B5B0; /* the slightly desaturated gray on dark posts */ --fg-subtle: #6E6C68 !important; --accent: var(--kaman-lime); --accent-fg: var(--kaman-black); /* text ON lime is always black */ --hairline: var(--kaman-line-dark) !important; /* ------------------------------------------------------------------ TYPOGRAPHY — families ------------------------------------------------------------------ */ --font-display: "Anton", "Impact", "Oswald", system-ui, sans-serif !important; --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* Type scale (px) — tuned for the editorial / poster look of KAMAN posts */ --fs-xs: 12px !important; --fs-sm: 14px; --fs-base: 16px; --fs-md: 18px; --fs-lg: 22px; --fs-xl: 28px; --fs-2xl: 36px; --fs-3xl: 48px; --fs-4xl: 64px; --fs-5xl: 84px; --fs-6xl: 112px; /* Line heights */ --lh-tight: 1.04 !important; --lh-snug: 1.15; --lh-normal: 1.35; --lh-relaxed: 1.55; /* Letter spacing */ --tracking-tight: -0.02em !important; --tracking-normal: 0; --tracking-wide: 0.06em; --tracking-xwide: 0.18em; /* small-caps eyebrows like "MARKETING E-COMMERCE" */ /* Weights */ --fw-regular: 400 !important; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extra: 800; /* ------------------------------------------------------------------ SPACING — 4-pt scale ------------------------------------------------------------------ */ --s-0: 0 !important; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px; /* ------------------------------------------------------------------ RADII — slightly squarish; KAMAN cards/buttons use soft-but-firm corners ------------------------------------------------------------------ */ --r-xs: 4px !important; --r-sm: 8px; --r-md: 12px; /* default card */ --r-lg: 18px !important; /* CTA square arrow button */ --r-xl: 28px !important; --r-pill: 999px; /* pill CTAs */ /* ------------------------------------------------------------------ ELEVATION ------------------------------------------------------------------ */ --shadow-sm: 0 1px 2px rgba(0,0,0,0.08) !important; --shadow-md: 0 6px 18px rgba(0,0,0,0.18); --shadow-lg: 0 18px 48px rgba(0,0,0,0.28); --shadow-lime: 0 8px 28px rgba(214,246,18,0.35); /* Motion */ --ease-out: cubic-bezier(.16,.84,.32,1) !important; --ease-snap: cubic-bezier(.2,.7,.2,1.1); --t-fast: 120ms; --t-base: 200ms; --t-slow: 360ms; } /* =========================================================== CASE-SPECIFIC RULES (scoped from case.css) =========================================================== */ /* ========================================================== CASE STUDY · Resibo UX audit — KAMAN-aligned Buduje na tokenach z ../../KAMAN! Design System/colors_and_type.css Domyślne tło: dark canvas (var(--bg)); sekcje .cream przełączają się na light canvas. Akcent lime jest jeden na sekcję (tytuł + ewentualnie jeden „strukturalny" lime hero element). ========================================================== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .container { max-width: 1280px !important; margin: 0 auto !important; padding: 0 40px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .container-wide { max-width: 1440px !important; margin: 0 auto !important; padding: 0 40px !important; } /* ====== Eyebrows (Poppins Medium ALL-CAPS + tracking-xwide) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .eyebrow { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .eyebrow.on-black { color: var(--fg-muted) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .eyebrow.on-white { color: #5C5A55 !important; } /* ====== Pill (zredukowana paleta — bez 3 kolorów funkcyjnych) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .pill { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 4px 10px !important; border-radius: var(--r-pill) !important; font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; line-height: 1.4 !important; } /* Crit = black + lime text (najmocniejszy sygnał, ale dyskretnie) */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .pill-crit { background: var(--kaman-black) !important; color: var(--accent) !important; } /* High = black + white */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .pill-high { background: var(--kaman-black) !important; color: var(--kaman-white) !important; } /* Med = outline */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .pill-med { background: transparent !important; color: var(--fg-muted) !important; border: 1px solid var(--hairline) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .pill-citron { background: var(--accent) !important; color: var(--accent-fg) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .pill-outline { background: transparent !important; color: var(--fg) !important; border: 1px solid var(--hairline) !important; } /* ====== 1. HERO (ciemny canvas, four-corner anchor) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero { background: var(--kaman-bg-dark) !important; color: var(--kaman-white) !important; padding: 120px 0 100px !important; position: relative !important; overflow: hidden !important; min-height: 100vh !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-topbar { position: absolute !important; top: 40px !important; left: 0 !important; right: 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 40px !important; z-index: 5 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-brand { display: inline-block !important; line-height: 1 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-brand img { display: block !important; height: 96px !important; width: auto !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-meta { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-content { position: relative !important; z-index: 2 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-eyebrow-row { display: flex !important; align-items: center !important; gap: 16px !important; margin-bottom: 48px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-eyebrow-row .divider { width: 60px !important; height: 1px !important; background: var(--kaman-line-dark) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-h1 { margin-bottom: 32px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-h1-numbers { display: flex !important; align-items: flex-start !important; gap: 24px !important; margin-bottom: 8px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-big-num { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: clamp(160px, 22vw, 320px) !important; line-height: 0.85 !important; color: var(--accent) !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-h1-text { font-family: var(--font-sans) !important; font-size: clamp(36px, 5vw, 72px) !important; font-weight: var(--fw-extra) !important; line-height: 0.95 !important; letter-spacing: var(--tracking-tight) !important; flex: 1 !important; padding-top: 24px !important; color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-h1-text em { font-style: normal !important; font-weight: var(--fw-extra) !important; color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-sub { font-size: 21px !important; line-height: 1.4 !important; color: var(--fg-muted) !important; max-width: 720px !important; margin-bottom: 64px !important; font-weight: var(--fw-regular) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-sub em { font-style: normal !important; color: var(--kaman-white) !important; font-weight: var(--fw-semibold) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-meta-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; border-top: 1px solid var(--kaman-line-dark) !important; padding-top: 32px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-meta-item .label { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; margin-bottom: 8px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-meta-item .value { font-size: var(--fs-md) !important; font-weight: var(--fw-semibold) !important; line-height: 1.3 !important; color: var(--kaman-white) !important; } /* Four-corner: eyebrow BL */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-eyebrow-bottom { position: absolute !important; bottom: 32px !important; left: 40px !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; z-index: 5 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-scroll-hint { position: absolute !important; bottom: 32px !important; right: 40px !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; display: flex !important; align-items: center !important; gap: 8px !important; z-index: 5 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-scroll-hint::before { content: '' !important; width: 24px !important; height: 1px !important; background: var(--fg-muted) !important; } /* ====== 2. DISCLAIMER (warm off-white) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .disclaimer { background: var(--kaman-bg-light-2) !important; color: var(--kaman-black) !important; padding: 36px 0 !important; border-top: 1px solid var(--kaman-line-light) !important; border-bottom: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .disclaimer-box { display: flex !important; align-items: flex-start !important; gap: 20px !important; max-width: 920px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .disclaimer-mark { flex-shrink: 0 !important; width: 40px !important; height: 40px !important; border: 1.5px solid var(--kaman-black) !important; border-radius: var(--r-pill) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: var(--font-sans) !important; font-weight: var(--fw-bold) !important; font-size: 20px !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .disclaimer-text { font-size: var(--fs-sm) !important; line-height: 1.6 !important; color: #5C5A55 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .disclaimer-text strong { color: var(--kaman-black) !important; font-weight: var(--fw-bold) !important; } /* ====== SECTIONS — generic ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .section { padding: 120px 0 !important; border-bottom: 1px solid var(--kaman-line-light) !important; background: var(--kaman-bg-light-2) !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section.dark { background: var(--kaman-bg-dark) !important; color: var(--kaman-white) !important; border-bottom-color: var(--kaman-line-dark) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section.cream { background: var(--kaman-bg-light-2) !important; color: var(--kaman-black) !important; border-bottom-color: var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-header { margin-bottom: 64px !important; max-width: 920px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-num { display: inline-block !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; margin-bottom: 16px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-num::before { content: '/ ' !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section.dark .section-num { color: var(--fg-muted) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-h2 { font-family: var(--font-sans) !important; font-size: clamp(40px, 5.5vw, 76px) !important; font-weight: var(--fw-extra) !important; line-height: 0.95 !important; letter-spacing: var(--tracking-tight) !important; margin-bottom: 24px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-h2 em { font-style: normal !important; font-weight: var(--fw-extra) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section.dark .section-h2 em { color: var(--accent) !important; } /* Marker za tekstem (gradient od 58% w dół), nie pełne tło — nie wpada na sąsiednie linie przy łamaniu nagłówka. */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .section:not(.dark) .section-h2 em { background-color: transparent !important; background-image: linear-gradient( transparent 58%, var(--kaman-lime-marker) 58%, var(--kaman-lime-marker) 95%, transparent 95% ) !important; color: var(--kaman-black) !important; padding: 0 0.06em !important; box-decoration-break: clone !important; -webkit-box-decoration-break: clone !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-lede { font-size: 21px !important; line-height: 1.5 !important; color: #5C5A55 !important; max-width: 720px !important; font-weight: var(--fw-regular) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section.dark .section-lede { color: var(--fg-muted) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section-lede strong { color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section.dark .section-lede strong { color: var(--kaman-white) !important; } /* ====== 3. SYTUACJA WYJŚCIOWA ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 48px !important; margin-top: 24px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-col h3 { font-family: var(--font-sans) !important; font-size: 22px !important; font-weight: var(--fw-extra) !important; margin-bottom: 24px !important; display: flex !important; align-items: center !important; gap: 12px !important; line-height: 1.2 !important; color: var(--kaman-black) !important; letter-spacing: var(--tracking-tight) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-col h3 .check { width: 32px !important; height: 32px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; flex-shrink: 0 !important; font-weight: var(--fw-extra) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-col.good h3 .check { background: var(--accent) !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-col.bad h3 .check { background: var(--kaman-black) !important; color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-list { list-style: none !important; border-top: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-list li { padding: 18px 0 !important; border-bottom: 1px solid var(--kaman-line-light) !important; font-size: var(--fs-base) !important; line-height: 1.5 !important; color: #5C5A55 !important; display: flex !important; gap: 14px !important; align-items: flex-start !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-list li::before { content: '' !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--kaman-black) !important; margin-top: 9px !important; flex-shrink: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-list li strong { color: var(--kaman-black) !important; font-weight: var(--fw-bold) !important; } /* ====== 4. DIAGNOZA — 5 PUŁAPEK (dark) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .traps { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-top: 32px !important; border-top: 1px solid var(--kaman-line-dark) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap { display: grid !important; grid-template-columns: 120px 1fr 280px !important; gap: 48px !important; padding: 40px 0 !important; border-bottom: 1px solid var(--kaman-line-dark) !important; align-items: center !important; transition: background var(--t-base) var(--ease-out) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap-num { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: 100px !important; line-height: 1 !important; color: var(--accent) !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap-body h3 { font-family: var(--font-sans) !important; font-size: 32px !important; font-weight: var(--fw-extra) !important; line-height: 1.1 !important; letter-spacing: var(--tracking-tight) !important; margin-bottom: 12px !important; color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap-body p { font-size: var(--fs-sm) !important; line-height: 1.5 !important; color: var(--fg-muted) !important; max-width: 520px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap-meta { display: flex !important; flex-direction: column !important; gap: 8px !important; align-items: flex-start !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap-stage { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; } /* ====== 5. MAPA ŚCIEŻKI ZAKUPU ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-map { margin-top: 48px !important; border: 1px solid var(--kaman-line-light) !important; background: var(--kaman-bg-light-2) !important; border-radius: var(--r-md) !important; overflow: hidden !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-row { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; border-bottom: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-row:last-child { border-bottom: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage { padding: 32px 24px !important; border-right: 1px solid var(--kaman-line-light) !important; background: var(--kaman-bg-light-2) !important; position: relative !important; transition: background var(--t-fast) var(--ease-out) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage:last-child { border-right: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-name { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; margin-bottom: 16px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-issues { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: 64px !important; line-height: 1 !important; color: var(--kaman-black) !important; margin-bottom: 4px !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-label { font-size: 12px !important; color: #5C5A55 !important; margin-bottom: 16px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-list { list-style: none !important; font-size: 12px !important; line-height: 1.4 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-list li { padding: 4px 0 !important; color: #5C5A55 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-list li::before { content: '— ' !important; color: var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-list li strong { color: var(--kaman-black) !important; font-weight: var(--fw-bold) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-list li em { font-style: normal !important; color: var(--kaman-black) !important; font-weight: var(--fw-semibold) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-pri { position: absolute !important; top: 24px !important; right: 24px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; } /* Tylko crit = lime; pozostałe neutralne */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-pri.crit { background: var(--accent) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-pri.high { background: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage-pri.med { background: #8C8A85 !important; } /* ====== 6-8. STAGE SECTIONS (PDP / Cart / Checkout) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-section { padding: 120px 0 !important; border-bottom: 1px solid var(--kaman-line-light) !important; background: var(--kaman-bg-light-2) !important; color: var(--kaman-black) !important; } /* Alternujące tło jest teraz białe — KAMAN-owy minimalizm bez kremu */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-section.alt { background: var(--kaman-bg-light-2) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-header { display: grid !important; grid-template-columns: 1fr 480px !important; gap: 64px !important; margin-bottom: 64px !important; align-items: end !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-tag { display: inline-block !important; background: var(--kaman-black) !important; color: var(--accent) !important; padding: 4px 12px !important; font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; margin-bottom: 16px !important; border-radius: var(--r-xs) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-h2 { font-family: var(--font-sans) !important; font-size: clamp(48px, 6vw, 88px) !important; font-weight: var(--fw-extra) !important; line-height: 0.95 !important; letter-spacing: var(--tracking-tight) !important; margin-bottom: 16px !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-h2 em { font-style: normal !important; font-weight: var(--fw-extra) !important; background-color: transparent !important; background-image: linear-gradient( transparent 58%, var(--kaman-lime-marker) 58%, var(--kaman-lime-marker) 95%, transparent 95% ) !important; color: var(--kaman-black) !important; padding: 0 0.06em !important; box-decoration-break: clone !important; -webkit-box-decoration-break: clone !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-narrative { font-size: 17px !important; line-height: 1.6 !important; color: #5C5A55 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-narrative strong { color: var(--kaman-black) !important; font-weight: var(--fw-bold) !important; } /* PRZED / PO comparison */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px !important; margin-bottom: 64px !important; align-items: start !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare-col { position: relative !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare-label { position: absolute !important; top: 16px !important; left: 16px !important; background: var(--kaman-black) !important; color: var(--kaman-white) !important; padding: 6px 12px !important; font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; z-index: 5 !important; border-radius: var(--r-xs) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare-col.po .compare-label { background: var(--accent) !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare-frame { background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; overflow: hidden !important; position: relative !important; border-radius: var(--r-md) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare-col.po .compare-frame { border: 1px solid var(--accent) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare-frame img { width: 100% !important; height: auto !important; display: block !important; } /* Zoom cards */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .zooms-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-bottom: 32px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom { background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; border-radius: var(--r-md) !important; overflow: hidden !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-img { background: var(--kaman-bg-light-2) !important; overflow: hidden !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-img img { width: 100% !important; height: auto !important; display: block !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-tabs { display: flex !important; border-bottom: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-tab { flex: 1 !important; padding: 8px !important; text-align: center !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; cursor: pointer !important; background: var(--kaman-bg-light-2) !important; color: #5C5A55 !important; border-right: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-tab:last-child { border-right: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-tab.active { background: var(--kaman-black) !important; color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-body { padding: 20px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-pri { display: inline-block !important; margin-bottom: 8px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-h3 { font-family: var(--font-sans) !important; font-size: var(--fs-md) !important; font-weight: var(--fw-extra) !important; margin-bottom: 8px !important; line-height: 1.2 !important; letter-spacing: var(--tracking-tight) !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-desc { font-size: var(--fs-sm) !important; line-height: 1.5 !important; color: #5C5A55 !important; margin-bottom: 12px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .zoom-meta { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; border-top: 1px solid var(--kaman-line-light) !important; padding-top: 10px !important; } /* ====== 8.5. AOV ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-section { background: var(--kaman-bg-light-2) !important; color: var(--kaman-black) !important; padding: 120px 0 !important; border-bottom: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; margin-top: 64px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card { background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; border-radius: var(--r-md) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card:hover { box-shadow: var(--shadow-md) !important; transform: translateY(-2px) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-img { background: var(--kaman-bg-light-2) !important; border-bottom: 1px solid var(--kaman-line-light) !important; overflow: hidden !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-img img { width: 100% !important; height: auto !important; display: block !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-body { padding: 32px !important; flex: 1 !important; display: flex !important; flex-direction: column !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-eyebrow { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; margin-bottom: 12px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card h3 { font-family: var(--font-sans) !important; font-size: 26px !important; font-weight: var(--fw-extra) !important; margin-bottom: 8px !important; line-height: 1.15 !important; letter-spacing: var(--tracking-tight) !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card h3 em { font-style: normal !important; font-weight: var(--fw-extra) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-stage { display: inline-block !important; font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; background: var(--kaman-black) !important; color: var(--accent) !important; padding: 3px 10px !important; margin-bottom: 16px !important; margin-right: 6px !important; border-radius: var(--r-xs) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-pri { display: inline-block !important; font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; background: transparent !important; color: var(--kaman-black) !important; border: 1px solid var(--kaman-black) !important; padding: 3px 10px !important; margin-bottom: 16px !important; border-radius: var(--r-xs) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card p { font-size: var(--fs-sm) !important; line-height: 1.55 !important; color: #5C5A55 !important; margin-bottom: 16px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card p strong { color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-meta { margin-top: auto !important; padding-top: 16px !important; border-top: 1px solid var(--kaman-line-light) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-card-meta strong { color: var(--kaman-black) !important; font-family: var(--font-sans) !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: var(--fw-semibold) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-banner { background: var(--kaman-bg-dark) !important; color: var(--kaman-white) !important; padding: 32px !important; margin-top: 32px !important; display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; gap: 32px !important; border-radius: var(--r-md) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-banner h3 { font-family: var(--font-sans) !important; font-size: 22px !important; font-weight: var(--fw-extra) !important; margin-bottom: 6px !important; letter-spacing: var(--tracking-tight) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-banner h3 em { font-style: normal !important; font-weight: var(--fw-extra) !important; color: var(--accent) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-banner p { font-size: var(--fs-sm) !important; line-height: 1.5 !important; color: var(--fg-muted) !important; max-width: 720px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-num { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: 96px !important; line-height: 0.9 !important; color: var(--accent) !important; text-align: right !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-num small { display: block !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; margin-top: 4px !important; } /* ====== 9. QUICK WINS (dark) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwins { margin-top: 48px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin { display: grid !important; grid-template-columns: 100px 1fr auto !important; gap: 32px !important; padding: 28px 0 !important; border-bottom: 1px solid var(--kaman-line-dark) !important; align-items: center !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin:last-child { border-bottom: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin-num { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: 72px !important; line-height: 1 !important; color: var(--accent) !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin-body h3 { font-family: var(--font-sans) !important; font-size: 24px !important; font-weight: var(--fw-extra) !important; margin-bottom: 6px !important; color: var(--kaman-white) !important; line-height: 1.2 !important; letter-spacing: var(--tracking-tight) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin-body p { font-size: var(--fs-sm) !important; line-height: 1.5 !important; color: var(--fg-muted) !important; max-width: 600px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin-effort { text-align: right !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin-effort strong { display: block !important; color: var(--kaman-white) !important; font-size: var(--fs-md) !important; font-weight: var(--fw-extra) !important; margin-bottom: 4px !important; font-family: var(--font-sans) !important; letter-spacing: var(--tracking-tight) !important; text-transform: none !important; } /* ====== 10. IMPACT (cream) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-top: 32px !important; margin-bottom: 32px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-card { background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; border-radius: var(--r-md) !important; padding: 32px !important; position: relative !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-stage-tag { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; margin-bottom: 12px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-headline { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: 72px !important; line-height: 0.9 !important; margin-bottom: 8px !important; color: var(--kaman-black) !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-headline em { font-family: var(--font-display) !important; font-style: normal !important; font-weight: var(--fw-regular) !important; color: var(--kaman-black) !important; font-size: 72px !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-body { font-size: var(--fs-sm) !important; line-height: 1.5 !important; color: #5C5A55 !important; margin-bottom: 12px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-body strong { color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-source { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: #5C5A55 !important; border-top: 1px solid var(--kaman-line-light) !important; padding-top: 10px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-disclaimer { background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; border-left: 3px solid var(--accent) !important; padding: 20px 24px !important; font-size: var(--fs-sm) !important; line-height: 1.6 !important; color: #5C5A55 !important; max-width: 920px !important; border-radius: var(--r-sm) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-disclaimer strong { color: var(--kaman-black) !important; } /* ====== 11. METODYKA (dark) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; margin-top: 48px !important; border: 1px solid var(--kaman-line-dark) !important; border-radius: var(--r-md) !important; overflow: hidden !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-step { padding: 40px 32px !important; border-right: 1px solid var(--kaman-line-dark) !important; position: relative !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-step:last-child { border-right: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-step-num { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; font-size: 80px !important; line-height: 0.9 !important; color: var(--accent) !important; margin-bottom: 24px !important; letter-spacing: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-step h3 { font-family: var(--font-sans) !important; font-size: 22px !important; font-weight: var(--fw-extra) !important; margin-bottom: 12px !important; color: var(--kaman-white) !important; line-height: 1.2 !important; letter-spacing: var(--tracking-tight) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-step p { font-size: var(--fs-sm) !important; line-height: 1.5 !important; color: var(--fg-muted) !important; margin-bottom: 16px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-step-time { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; border-top: 1px solid var(--kaman-line-dark) !important; padding-top: 12px !important; } /* ====== 12. PROOF (cream) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-section { padding: 100px 0 !important; background: var(--kaman-bg-light-2) !important; color: var(--kaman-black) !important; border-bottom: 1px solid var(--kaman-line-light) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px !important; margin-top: 48px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card { background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; border-radius: var(--r-md) !important; overflow: hidden !important; transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out) !important; cursor: pointer !important; text-decoration: none !important; color: inherit !important; display: block !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card:hover { transform: translateY(-2px) !important; box-shadow: var(--shadow-md) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card-img { aspect-ratio: 16/9 !important; background: var(--kaman-bg-light-2) !important; border-bottom: 1px solid var(--kaman-line-light) !important; overflow: hidden !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: top center !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card-body { padding: 24px 28px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card h3 { font-family: var(--font-sans) !important; font-size: 24px !important; font-weight: var(--fw-extra) !important; margin-bottom: 8px !important; line-height: 1.2 !important; letter-spacing: var(--tracking-tight) !important; color: var(--kaman-black) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card p { font-size: var(--fs-sm) !important; color: #5C5A55 !important; margin-bottom: 16px !important; line-height: 1.5 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-card-link { font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--kaman-black) !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; } /* ====== FINAL CTA (dark) ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta { background: var(--kaman-bg-dark) !important; color: var(--kaman-white) !important; padding: 140px 0 140px !important; position: relative !important; overflow: hidden !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-brand { position: absolute !important; top: 40px !important; left: 40px !important; z-index: 5 !important; line-height: 1 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-brand img { display: block !important; height: 84px !important; width: auto !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-eyebrow-bottom { position: absolute !important; bottom: 40px !important; left: 40px !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-xs) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; z-index: 5 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-arrow { position: absolute !important; bottom: 40px !important; right: 40px !important; width: 72px !important; height: 72px !important; background: var(--accent) !important; color: var(--kaman-black) !important; border-radius: var(--r-lg) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 32px !important; font-weight: var(--fw-extra) !important; text-decoration: none !important; z-index: 5 !important; transition: transform var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-arrow:hover { background: var(--kaman-lime-hover) !important; transform: translateY(-2px) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-arrow:active { background: var(--kaman-lime-press) !important; transform: scale(0.97) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-content { position: relative !important; z-index: 2 !important; max-width: 920px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-h2 { font-family: var(--font-sans) !important; font-size: clamp(44px, 6vw, 88px) !important; font-weight: var(--fw-extra) !important; line-height: 0.95 !important; letter-spacing: var(--tracking-tight) !important; margin-bottom: 32px !important; color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-h2 em { font-style: normal !important; font-weight: var(--fw-extra) !important; color: var(--accent) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-sub { font-size: 21px !important; line-height: 1.5 !important; color: var(--fg-muted) !important; margin-bottom: 56px !important; font-weight: var(--fw-regular) !important; max-width: 720px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-buttons { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; margin-bottom: 64px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-primary, .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-secondary { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 18px 32px !important; font-family: var(--font-sans) !important; font-size: var(--fs-base) !important; font-weight: var(--fw-bold) !important; letter-spacing: 0 !important; text-decoration: none !important; border: 1px solid transparent !important; cursor: pointer !important; border-radius: var(--r-pill) !important; transition: transform var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-primary { background: var(--accent) !important; color: var(--accent-fg) !important; box-shadow: var(--shadow-lime) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-primary:hover { background: var(--kaman-lime-hover) !important; transform: translateY(-2px) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-primary:active { background: var(--kaman-lime-press) !important; transform: scale(0.97) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-secondary { background: transparent !important; color: var(--kaman-white) !important; border-color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .btn-secondary:hover { background: var(--kaman-line-dark) !important; border-color: var(--kaman-white) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-warranty { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; border-top: 1px solid var(--kaman-line-dark) !important; padding-top: 40px !important; max-width: 720px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .warranty-item .label { font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; color: var(--fg-muted) !important; margin-bottom: 8px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .warranty-item .value { font-size: var(--fs-md) !important; font-weight: var(--fw-semibold) !important; line-height: 1.3 !important; color: var(--kaman-white) !important; } /* ====== FOOTER ====== */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .footer { background: var(--kaman-bg-dark) !important; color: var(--fg-muted) !important; padding: 40px 0 !important; border-top: 1px solid var(--kaman-line-dark) !important; font-size: var(--fs-xs) !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; text-transform: uppercase !important; letter-spacing: var(--tracking-xwide) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .footer-row { display: flex !important; justify-content: space-between !important; align-items: center !important; } /* ====== RESPONSIVE ====== */ @media (max-width: 1024px) { .kfs4-scope-leadowy-9723540a #case-bat-uxa .container, .kfs4-scope-leadowy-9723540a #case-bat-uxa .container-wide { padding: 0 24px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-topbar { padding: 0 24px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-brand img { height: 64px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-brand { top: 32px !important; left: 24px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-brand img { height: 56px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-eyebrow-bottom, .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-scroll-hint, .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-eyebrow-bottom, .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta-arrow { display: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-meta-grid { grid-template-columns: repeat(2, 1fr) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .situation-grid, .kfs4-scope-leadowy-9723540a #case-bat-uxa .compare, .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-grid, .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-banner { grid-template-columns: 1fr !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-summary-num { text-align: left !important; font-size: 72px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-header { grid-template-columns: 1fr !important; gap: 32px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap { grid-template-columns: 80px 1fr !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .trap-meta { grid-column: 1 / -1 !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; padding-top: 16px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin { grid-template-columns: 60px 1fr !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .quickwin-effort { grid-column: 1 / -1 !important; padding-top: 12px !important; text-align: left !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .impact-grid, .kfs4-scope-leadowy-9723540a #case-bat-uxa .method-grid, .kfs4-scope-leadowy-9723540a #case-bat-uxa .zooms-grid, .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-grid { grid-template-columns: 1fr !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-row { grid-template-columns: repeat(2, 1fr) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .journey-stage:nth-child(2n) { border-right: none !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .section, .kfs4-scope-leadowy-9723540a #case-bat-uxa .stage-section, .kfs4-scope-leadowy-9723540a #case-bat-uxa .aov-section, .kfs4-scope-leadowy-9723540a #case-bat-uxa .proof-section, .kfs4-scope-leadowy-9723540a #case-bat-uxa .final-cta { padding: 80px 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero { padding: 100px 0 60px !important; min-height: auto !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-h1-numbers { flex-direction: column !important; gap: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .hero-big-num { font-size: 140px !important; } } /* ============================================================ MINI-CTA pod każdą sekcją stage — link do prototypu#view (analogicznie do Orientana case study) ============================================================ */ .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 32px !important; padding: 28px 32px !important; background: var(--kaman-bg-light-2) !important; border: 1px solid var(--kaman-line-light) !important; border-radius: var(--r-md) !important; margin-top: 48px !important; flex-wrap: wrap !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta-text { font-family: var(--font-sans) !important; font-weight: var(--fw-semibold) !important; font-size: var(--fs-md) !important; color: var(--kaman-black) !important; letter-spacing: var(--tracking-tight) !important; line-height: 1.3 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta-text .mini-cta-sub { display: block !important; font-weight: var(--fw-regular) !important; font-size: var(--fs-sm) !important; color: #5C5A55 !important; letter-spacing: 0 !important; margin-top: 4px !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta-btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 14px 26px !important; background: var(--accent) !important; color: var(--accent-fg) !important; font-family: var(--font-sans) !important; font-weight: var(--fw-bold) !important; font-size: var(--fs-sm) !important; letter-spacing: 0 !important; text-decoration: none !important; border-radius: var(--r-pill) !important; border: 1px solid transparent !important; transition: all var(--t-fast) var(--ease-out) !important; white-space: nowrap !important; flex-shrink: 0 !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta-btn:hover { background: var(--kaman-lime-hover) !important; transform: translateY(-1px) !important; } .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta-btn:active { background: var(--kaman-lime-press) !important; transform: scale(0.97) !important; } @media (max-width: 768px) { .kfs4-scope-leadowy-9723540a #case-bat-uxa .mini-cta { flex-direction: column !important; align-items: flex-start !important; } }/* End custom CSS */