/* ============================================================
   Skup Aut Opole — motyw 2.0 „Licznik”. Prefiks .skauto-
   Navy-ink + bursztyn, papierowe jasne sekcje, ziarno, ścięcia jak pas drogi.
   ============================================================ */

:root {
	--sk-navy: #0e1a61;
	--sk-navy-2: #16267f;
	--sk-ink-bg: #070d33;
	--sk-blue: #1e73be;
	--sk-indigo: #3f51b5;
	--sk-amber: #e1a136;
	--sk-amber-2: #f2c26b;
	--sk-amber-dark: #c98a22;
	--sk-ink: #141826;
	--sk-body: #3d4354;
	--sk-muted: #5d6475;
	--sk-line: #e6e2d7;
	--sk-paper: #f6f3ec;
	--sk-paper-2: #efeadf;
	--sk-radius: 20px;
	--sk-radius-sm: 12px;
	--sk-shadow: 0 30px 70px -40px rgba(7, 13, 51, .55);
	--sk-shadow-sm: 0 12px 30px -18px rgba(7, 13, 51, .4);
	--sk-head: "Montserrat", system-ui, sans-serif;
	--sk-text: "Instrument Sans", system-ui, sans-serif;
	--sk-wrap: 1200px;
	--sk-header-h: 80px;
	--sk-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--sk-header-h) + 16px); }
body { margin: 0; font-family: var(--sk-text); font-size: 17px; line-height: 1.7; color: var(--sk-body); background: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--sk-blue); text-decoration: none; transition: color .15s; }
a:hover { color: var(--sk-navy); }
h1, h2, h3, h4 { font-family: var(--sk-head); color: var(--sk-ink); line-height: 1.15; margin: 0 0 .55em; overflow-wrap: break-word; text-wrap: balance; }
p { text-wrap: pretty; }
:focus-visible { outline: 3px solid var(--sk-amber); outline-offset: 3px; }

.skauto-container { width: 100%; max-width: var(--sk-wrap); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.skauto-skip { position: absolute; left: -9999px; }
.skauto-skip:focus { left: 16px; top: 16px; z-index: 1000; background: #fff; padding: 10px 16px; border-radius: 8px; }

/* ---------- Buttons ---------- */
.skauto-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border: 2px solid transparent; border-radius: var(--sk-radius-sm); font-family: var(--sk-head); font-weight: 800; font-size: 15px; letter-spacing: .2px; cursor: pointer; white-space: nowrap; text-decoration: none; transition: transform .15s, box-shadow .15s, background-color .15s, color .15s, border-color .15s; }
.skauto-btn--lg { min-height: 60px; padding: 0 30px; font-size: 16px; }
.skauto-btn--amber { background: var(--sk-amber); color: #1b1200; box-shadow: 0 16px 34px -16px rgba(225, 161, 54, .95); }
.skauto-btn--amber:hover { background: #ebb04b; color: #1b1200; transform: translateY(-2px); }
.skauto-btn--navy { background: var(--sk-navy); color: #fff; }
.skauto-btn--navy:hover { background: var(--sk-navy-2); color: #fff; transform: translateY(-2px); }
.skauto-btn--ghost { background: rgba(255, 255, 255, .06); color: #fff; border-color: rgba(255, 255, 255, .45); }
.skauto-btn--ghost:hover { background: #fff; color: var(--sk-navy); border-color: #fff; }
.skauto-btn strong { font-weight: inherit; }
.skauto-link-arrow { display: inline-flex; align-items: center; gap: 10px; font: 800 15px var(--sk-head); color: var(--sk-navy); border-bottom: 2px solid var(--sk-amber); padding-bottom: 4px; }
.skauto-link-arrow span { transition: transform .18s; }
.skauto-link-arrow:hover span { transform: translateX(5px); }

/* ---------- Icons (CSS masks) ---------- */
[class^="skauto-ico-"], [class*=" skauto-ico-"] { display: inline-block; flex: none; width: 1em; height: 1em; vertical-align: -.12em; background: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.skauto-ico-phone { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.skauto-ico-pin { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.skauto-ico-cash { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E"); }
.skauto-ico-shield { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.skauto-ico-clock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.skauto-ico-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); }
.skauto-ico-fb { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.2C16.7 2.1 15.7 2 14.6 2 12.2 2 10.6 3.4 10.6 6.1v2.4H8v3.4h2.6V22H14v-10.1h2.7l.4-3.4H14z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.2C16.7 2.1 15.7 2 14.6 2 12.2 2 10.6 3.4 10.6 6.1v2.4H8v3.4h2.6V22H14v-10.1h2.7l.4-3.4H14z'/%3E%3C/svg%3E"); }
.skauto-ico-yt { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2C.5 9.1.5 12 .5 12s0 2.9.5 4.8a3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-4.8.5-4.8s0-2.9-.5-4.8zM9.7 15.1V8.9L15.5 12l-5.8 3.1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2C.5 9.1.5 12 .5 12s0 2.9.5 4.8a3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-4.8.5-4.8s0-2.9-.5-4.8zM9.7 15.1V8.9L15.5 12l-5.8 3.1z'/%3E%3C/svg%3E"); }

/* ---------- Topbar & header ---------- */
.skauto-topbar { background: var(--sk-ink-bg); color: #cdd6f5; font-size: 14px; }
.skauto-topbar__inner { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 38px; }
.skauto-topbar__phone { color: #fff; font: 700 14px var(--sk-head); display: inline-flex; align-items: center; gap: 8px; }
.skauto-topbar__phone:hover { color: var(--sk-amber); }
.skauto-header { position: sticky; top: 0; z-index: 100; isolation: isolate; border-bottom: 1px solid #eceae3; transition: box-shadow .2s; }
.skauto-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); }
.skauto-header.is-stuck { box-shadow: 0 10px 30px -20px rgba(7, 13, 51, .5); }
.skauto-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: var(--sk-header-h); gap: 24px; }
.skauto-brand img, .custom-logo { height: 48px; width: auto; }
.skauto-nav { display: flex; align-items: center; gap: 26px; }
.skauto-menu { list-style: none; display: flex; align-items: center; gap: 22px; margin: 0; padding: 0; }
.skauto-menu li { position: relative; margin: 0; }
.skauto-menu a { position: relative; display: inline-block; padding: 8px 0; font: 600 15px var(--sk-head); color: var(--sk-ink); }
.skauto-menu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 3px; border-radius: 2px; background: var(--sk-amber); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.skauto-menu a:hover::after, .skauto-menu .current-menu-item > a::after { transform: scaleX(1); }
.skauto-menu a:hover, .skauto-menu .current-menu-item > a { color: var(--sk-navy); }
.skauto-menu .sub-menu { position: absolute; top: 100%; left: 0; min-width: 220px; background: #fff; border: 1px solid var(--sk-line); border-radius: 12px; box-shadow: var(--sk-shadow-sm); padding: 8px; list-style: none; margin: 10px 0 0; opacity: 0; visibility: hidden; transform: translateY(6px); transition: .18s; }
.skauto-menu li:hover > .sub-menu, .skauto-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.skauto-menu .sub-menu a { display: block; padding: 8px 12px; }
.skauto-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 48px; height: 48px; border: 1px solid var(--sk-line); border-radius: 12px; background: #fff; cursor: pointer; padding: 0; }
.skauto-burger span { width: 22px; height: 2px; background: var(--sk-navy); margin: 0 auto; transition: transform .2s, opacity .2s; }
body.skauto-nav-open .skauto-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.skauto-nav-open .skauto-burger span:nth-child(2) { opacity: 0; }
body.skauto-nav-open .skauto-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Type helpers ---------- */
.skauto-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 700 12.5px var(--sk-head); letter-spacing: 2.6px; text-transform: uppercase; color: #17609f; }
.skauto-kicker::before { content: ""; width: 26px; height: 2px; background: var(--sk-amber); }
.skauto-h2 { font-size: clamp(30px, 4vw, 46px); font-weight: 900; letter-spacing: -1.2px; color: var(--sk-navy); }
.skauto-lead { font-size: 1.12em; color: var(--sk-ink); line-height: 1.65; }
.skauto-section-head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.skauto-section-head .skauto-kicker::before { display: none; }
.skauto-section-head__lead { color: var(--sk-muted); font-size: 18px; margin: 0; }
.skauto-prose strong, .skauto-about__body strong, .skauto-seo__text strong, .skauto-service__body strong, .skauto-adam__quote strong { color: var(--sk-navy); font-weight: 700; }

/* ---------- HERO „Licznik” ---------- */
.skauto-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--sk-ink-bg); color: #fff; }
.skauto-hero__bg { position: absolute; inset: 0; z-index: -3; background-size: cover; background-position: 60% 25%; filter: brightness(1.45) saturate(1.1) contrast(1.05); }
.skauto-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(100deg, rgba(7, 13, 51, .95) 0%, rgba(7, 13, 51, .86) 32%, rgba(7, 13, 51, .45) 58%, rgba(14, 26, 97, .2) 100%), linear-gradient(0deg, rgba(7, 13, 51, .55) 0%, rgba(7, 13, 51, 0) 38%); }
.skauto-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: var(--sk-noise); pointer-events: none; }
.skauto-hero__giant { position: absolute; left: -1.5vw; bottom: 58px; z-index: -1; display: flex; align-items: baseline; gap: 1vw; font: 900 clamp(9rem, 21vw, 19rem)/.78 var(--sk-head); letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 2px rgba(242, 194, 107, .28); white-space: nowrap; pointer-events: none; user-select: none; }
.skauto-hero__giant small { font-size: .34em; letter-spacing: -.02em; }
.skauto-hero__stripe { position: absolute; left: 0; right: 0; bottom: -1px; height: 110px; z-index: -1; background: var(--sk-amber); clip-path: polygon(0 78%, 100% 8%, 100% 100%, 0 100%); }
.skauto-hero__stripe::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(100deg, transparent 0 46px, rgba(255, 255, 255, .16) 46px 70px); clip-path: polygon(0 78%, 100% 8%, 100% 100%, 0 100%); }
.skauto-hero__inner { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); grid-template-areas: "intro card" "trust card"; column-gap: clamp(32px, 5vw, 72px); row-gap: 0; align-items: center; padding-top: clamp(56px, 7vw, 88px); padding-bottom: clamp(150px, 13vw, 190px); }
.skauto-hero__intro { grid-area: intro; }
.skauto-hero__trust { grid-area: trust; align-self: start; }
.skauto-quick { grid-area: card; }
.skauto-hero__kicker { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 700 12.5px var(--sk-head); letter-spacing: 3px; text-transform: uppercase; color: var(--sk-amber-2); }
.skauto-hero__kicker::before { content: ""; width: 30px; height: 2px; background: var(--sk-amber); }
.skauto-hero__title { margin: 0 0 30px; color: #fff; font-size: clamp(40px, 5.3vw, 70px); font-weight: 900; line-height: .95; letter-spacing: -.04em; }
.skauto-hero__title span { display: block; color: var(--sk-amber); }
.skauto-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 40px; }
.skauto-hero__trust { list-style: none; margin: 0; padding: 26px 0 0; border-top: 1px solid rgba(255, 255, 255, .14); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; }
.skauto-hero__trust li { position: relative; padding-left: 38px; font-size: 14.5px; line-height: 1.45; color: rgba(255, 255, 255, .72); }
.skauto-hero__trust li strong { display: block; margin-bottom: 2px; font: 700 15px var(--sk-head); color: #fff; }
.skauto-hero__trust li > span { position: absolute; left: 0; top: 1px; font-size: 24px; color: var(--sk-amber); }

/* Quick-start card */
.skauto-quick { position: relative; isolation: isolate; display: grid; gap: 14px; padding: clamp(24px, 3vw, 34px); border-radius: 24px; color: var(--sk-ink); }
.skauto-quick::before { content: ""; position: absolute; inset: 12px -12px -12px 12px; z-index: -2; border-radius: 26px; background: var(--sk-amber); transform: rotate(2.2deg); }
.skauto-quick::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 24px; background: var(--sk-paper); box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .85); }
.skauto-quick__title { margin: 0; font: 900 26px/1.1 var(--sk-head); letter-spacing: -.5px; color: var(--sk-navy); }
.skauto-quick__lead { margin: -6px 0 4px; font-size: 14.5px; color: var(--sk-muted); }
.skauto-quick__field { display: grid; gap: 7px; }
.skauto-quick__field label { font: 600 14px var(--sk-text); color: var(--sk-ink); }
.skauto-quick__field input { height: 56px; width: 100%; padding: 0 16px; border: 1.5px solid #dcd8cc; border-radius: 12px; background: #fff; font: 500 16px var(--sk-text); color: var(--sk-ink); outline: none; transition: border-color .15s, box-shadow .15s; }
.skauto-quick__field input:focus { border-color: var(--sk-blue); box-shadow: 0 0 0 4px rgba(30, 115, 190, .2); }
.skauto-quick__field input::placeholder { color: #9a9fab; }
.skauto-quick__btn { width: 100%; min-height: 58px; margin-top: 4px; font-size: 16px; }
.skauto-quick__btn span { transition: transform .18s; }
.skauto-quick__btn:hover span { transform: translateX(5px); }
.skauto-odo { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.skauto-odo b { display: grid; place-items: center; width: 28px; height: 38px; border-radius: 6px; background: var(--sk-ink-bg); color: #fff; font: 800 19px var(--sk-head); box-shadow: inset 0 -6px 10px -6px rgba(255, 255, 255, .25); }
.skauto-odo b.is-accent { background: var(--sk-amber); color: #1b1200; }
.skauto-odo span { margin-left: 10px; font-size: 13px; color: var(--sk-muted); }

/* ---------- Adam (editorial quote) ---------- */
.skauto-adam { position: relative; padding: clamp(72px, 9vw, 120px) 0; background: #fff; }
.skauto-adam__grid { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); gap: clamp(36px, 6vw, 88px); align-items: center; }
.skauto-adam__person { margin: 0; text-align: center; }
.skauto-adam__arch { position: relative; max-width: 300px; margin: 0 auto 18px; padding-top: 24px; border-radius: 160px 160px 24px 24px; background: linear-gradient(180deg, var(--sk-amber-2), var(--sk-amber)); overflow: hidden; }
.skauto-adam__arch::after { content: ""; position: absolute; inset: 0; background-image: var(--sk-noise); opacity: .14; mix-blend-mode: multiply; }
.skauto-adam__photo { display: block; width: 100%; height: auto; margin: 0 auto; filter: drop-shadow(0 18px 24px rgba(7, 13, 51, .25)); }
.skauto-adam__name { display: block; font: 800 24px var(--sk-head); color: var(--sk-navy); }
.skauto-adam__role { display: block; margin-bottom: 6px; color: var(--sk-muted); font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; }
.skauto-adam__sign { max-width: 190px; margin: 4px auto 0; }
.skauto-adam__title { margin: 0 0 22px; }
.skauto-adam__mark { display: inline-block; padding: 6px 16px 8px; border-radius: 8px; background: var(--sk-navy); color: #fff; font-size: clamp(28px, 3.4vw, 40px); font-weight: 900; letter-spacing: -.8px; transform: rotate(-1.5deg); }
.skauto-adam__sub { display: block; margin-top: 16px; font: italic 700 clamp(19px, 2.2vw, 24px)/1.3 var(--sk-head); color: var(--sk-blue); letter-spacing: -.2px; }
.skauto-adam__intro { color: var(--sk-muted); margin: 0 0 22px; }
.skauto-adam__quote { position: relative; margin: 0; padding: 8px 0 0 84px; }
.skauto-adam__quote::before { content: "„"; position: absolute; left: -6px; top: -78px; font: 900 150px/1 Georgia, serif; color: var(--sk-amber); pointer-events: none; }
.skauto-adam__quote p { margin: 0; font: 500 clamp(17px, 1.6vw, 19.5px)/1.7 var(--sk-text); color: var(--sk-ink); }

/* ---------- Minimum band (angled) ---------- */
.skauto-minimum { position: relative; isolation: isolate; overflow: hidden; background: var(--sk-navy); color: #fff; clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%); margin: -2px 0; }
.skauto-minimum__bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; opacity: .3; filter: grayscale(.4); }
.skauto-minimum::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7, 13, 51, .95), rgba(14, 26, 97, .6)); }
.skauto-minimum__inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding-top: clamp(84px, 10vw, 130px); padding-bottom: clamp(84px, 10vw, 130px); }
.skauto-minimum__title { margin: 0; color: #fff; font-size: clamp(36px, 5.4vw, 68px); font-weight: 900; letter-spacing: -.04em; line-height: .98; }
.skauto-minimum__title span { display: block; }
.skauto-minimum__sub { margin-top: 10px; font-size: .42em; letter-spacing: -.01em; color: var(--sk-amber); }

/* ---------- About ---------- */
.skauto-about { padding: clamp(80px, 10vw, 130px) 0 clamp(72px, 9vw, 110px); }
.skauto-about__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 80px); align-items: center; }
.skauto-about__body h3 { font-size: 22px; margin-top: 1.3em; color: var(--sk-navy); }
.skauto-about__body p { margin: 0 0 16px; }
.skauto-about__body .skauto-link-arrow { margin-top: 10px; }
.skauto-about__media { position: relative; }
.skauto-about__media::before { content: ""; position: absolute; inset: 26px -22px -22px 26px; z-index: 0; border-radius: 26px; background: var(--sk-amber); background-image: repeating-linear-gradient(100deg, transparent 0 30px, rgba(255, 255, 255, .18) 30px 46px); }
.skauto-about__media img { position: relative; z-index: 1; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; box-shadow: var(--sk-shadow); }

/* ---------- Testimonials (magazine) ---------- */
.skauto-testi { position: relative; isolation: isolate; padding: clamp(80px, 10vw, 130px) 0; background: var(--sk-ink-bg); color: #fff; }
.skauto-testi::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--sk-noise); opacity: .14; }
.skauto-testi__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: end; margin-bottom: 48px; }
.skauto-testi__head .skauto-h2 { margin: 0; color: #fff; }
.skauto-testi__head p { margin: 0; color: rgba(255, 255, 255, .7); font-size: 17px; }
.skauto-testi__grid { display: grid; grid-template-columns: 1.35fr 1fr; grid-template-rows: auto auto; gap: 20px; }
.skauto-testi__card { margin: 0; padding: clamp(26px, 3vw, 36px); border-radius: var(--sk-radius); background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); display: flex; flex-direction: column; gap: 22px; }
.skauto-testi__card.is-featured { grid-row: span 2; background: var(--sk-paper); border-color: transparent; color: var(--sk-ink); }
.skauto-testi__quote { position: relative; margin: 0; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, .86); }
.skauto-testi__quote::before { content: "”"; display: block; height: 38px; margin-bottom: 4px; font: 900 72px/1 Georgia, serif; color: var(--sk-amber); }
.skauto-testi__card.is-featured .skauto-testi__quote { color: var(--sk-ink); font-size: clamp(17px, 1.6vw, 19px); }
.skauto-testi__person { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.skauto-testi__person img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid var(--sk-amber); }
.skauto-testi__author { margin: 0; font-size: 17px; color: #fff; }
.skauto-testi__card.is-featured .skauto-testi__author { color: var(--sk-navy); }

/* ---------- Form section (paper) ---------- */
.skauto-form-section { position: relative; padding: clamp(80px, 10vw, 130px) 0; background: var(--sk-paper); }
.skauto-form-section::before { content: ""; position: absolute; inset: 0; background-image: var(--sk-noise); opacity: .1; mix-blend-mode: multiply; pointer-events: none; filter: invert(1); }
.skauto-formgrid { position: relative; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); grid-template-areas: "head form" "side form"; grid-template-rows: auto 1fr; column-gap: clamp(36px, 5vw, 72px); row-gap: 0; align-items: start; }
.skauto-formgrid__head { grid-area: head; }
.skauto-formgrid__side { grid-area: side; position: sticky; top: calc(var(--sk-header-h) + 28px); }
.skauto-formgrid__form { grid-area: form; }
.skauto-formgrid__head .skauto-h2 { font-size: clamp(36px, 4.6vw, 58px); letter-spacing: -.04em; }
.skauto-formgrid__lead { font-size: 18px; color: var(--sk-ink); margin: 0 0 28px; }
.skauto-formgrid__steps { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 16px; counter-reset: s; }
.skauto-formgrid__steps li { display: flex; gap: 14px; align-items: flex-start; }
.skauto-formgrid__steps b { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--sk-navy); color: #fff; font: 800 15px var(--sk-head); }
.skauto-formgrid__steps span { font-size: 15px; line-height: 1.45; color: var(--sk-muted); }
.skauto-formgrid__steps strong { display: block; font: 700 16px var(--sk-head); color: var(--sk-ink); }
.skauto-formgrid__note { margin: 0 0 22px; font-size: 14.5px; color: var(--sk-muted); padding-top: 18px; border-top: 1px dashed #d3cdbd; }
.skauto-formgrid__call { display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 14px; background: #fff; border: 1px solid var(--sk-line); color: var(--sk-ink); font-size: 15px; box-shadow: var(--sk-shadow-sm); }
.skauto-formgrid__call .skauto-ico-phone { font-size: 20px; color: var(--sk-amber-dark); }
.skauto-formgrid__call strong { color: var(--sk-navy); white-space: nowrap; }
.skauto-formgrid__call:hover { color: var(--sk-ink); transform: translateY(-1px); }
.skauto-formgrid__form .saf { max-width: none; margin: 0; }

/* ---------- SEO block ---------- */
.skauto-seo { padding: clamp(80px, 10vw, 120px) 0; background: #fff; }
.skauto-seo__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 72px); align-items: center; }
.skauto-seo__text p { margin: 0 0 16px; }
.skauto-seo__text h3 { font-size: 22px; margin-top: 1.3em; color: var(--sk-navy); }
.skauto-seo__benefits { position: relative; isolation: isolate; overflow: hidden; padding: clamp(26px, 3.5vw, 40px); border-radius: 24px; background: var(--sk-ink-bg); color: #fff; box-shadow: var(--sk-shadow); }
.skauto-seo__benefits::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 100% 0%, rgba(30, 115, 190, .5), transparent 60%); }
.skauto-seo__benefits-title { margin: 0 0 18px; font: 800 20px var(--sk-head); color: #fff; }
.skauto-benefits { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.skauto-benefits li { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); font-size: 15px; line-height: 1.45; color: rgba(255, 255, 255, .92); }
.skauto-benefits li > span { font-size: 22px; color: var(--sk-amber); }

/* ---------- Services ---------- */
.skauto-services { padding: clamp(80px, 10vw, 120px) 0; background: var(--sk-paper); }
.skauto-services__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.skauto-service { display: flex; flex-direction: column; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: var(--sk-shadow-sm); transition: transform .25s, box-shadow .25s; }
.skauto-service:hover { transform: translateY(-4px); box-shadow: var(--sk-shadow); }
.skauto-service__media { position: relative; overflow: hidden; }
.skauto-service__media img { width: 100%; height: 260px; object-fit: cover; transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.skauto-service:hover .skauto-service__media img { transform: scale(1.04); }
.skauto-service__tag { position: absolute; left: 20px; bottom: 18px; padding: 8px 14px; border-radius: 999px; background: var(--sk-amber); color: #1b1200; font: 800 12.5px var(--sk-head); letter-spacing: 1.2px; text-transform: uppercase; }
.skauto-service__body { padding: 28px 30px 32px; }
.skauto-service__title { font-size: 24px; color: var(--sk-navy); }
.skauto-service__body p:last-child { margin: 0; }

/* ---------- Steps (timeline) ---------- */
.skauto-steps { position: relative; isolation: isolate; padding: clamp(80px, 9vw, 110px) 0; background: var(--sk-ink-bg); color: #fff; }
.skauto-steps::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 85% 0%, rgba(30, 115, 190, .35), transparent 55%); }
.skauto-steps__list { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.skauto-steps__list::before { content: ""; position: absolute; top: 32px; left: 16%; right: 16%; height: 2px; background: repeating-linear-gradient(90deg, var(--sk-amber) 0 14px, transparent 14px 26px); opacity: .8; }
.skauto-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 12px; }
.skauto-step__num { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 20px; border-radius: 50%; background: var(--sk-amber); color: #1b1200; font: 900 22px var(--sk-head); box-shadow: 0 0 0 8px var(--sk-ink-bg); }
.skauto-step__title { display: block; margin-bottom: 6px; font: 800 21px var(--sk-head); color: #fff; }
.skauto-step__text { color: rgba(255, 255, 255, .72); }
.skauto-steps__cta { display: flex; justify-content: center; margin-top: 48px; }

/* ---------- Interior pages ---------- */
.skauto-pagehead { position: relative; isolation: isolate; overflow: hidden; padding: clamp(64px, 9vw, 110px) 0 clamp(90px, 11vw, 130px); background: var(--sk-ink-bg); text-align: center; }
.skauto-pagehead__bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center top; opacity: .28; filter: grayscale(.4); }
.skauto-pagehead::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7, 13, 51, .6), rgba(7, 13, 51, .9)); }
.skauto-pagehead__title { margin: 0; color: #fff; font-size: clamp(36px, 6vw, 72px); font-weight: 900; letter-spacing: -.04em; }
.skauto-pagehead__stripe { position: absolute; left: 0; right: 0; bottom: -1px; height: 64px; background: var(--sk-amber); clip-path: polygon(0 80%, 100% 10%, 100% 100%, 0 100%); }

.skauto-split { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(36px, 5vw, 64px); align-items: start; padding-top: clamp(56px, 7vw, 90px); padding-bottom: clamp(56px, 7vw, 90px); }
.skauto-split--single { grid-template-columns: minmax(0, 1fr); max-width: 900px; }
.skauto-split__aside { position: sticky; top: calc(var(--sk-header-h) + 24px); }
.skauto-article { padding-top: clamp(56px, 7vw, 90px); padding-bottom: clamp(56px, 7vw, 90px); }
.skauto-prose { font-size: 17px; }
.skauto-article .skauto-prose { max-width: 860px; margin: 0 auto; }
.skauto-prose h2 { font-size: clamp(26px, 3vw, 34px); font-weight: 900; letter-spacing: -.6px; color: var(--sk-navy); margin: 1.3em 0 .55em; }
.skauto-prose > h2:first-child { margin-top: 0; }
.skauto-prose h3 { font-size: 22px; margin: 1.3em 0 .5em; color: var(--sk-navy); }
.skauto-prose p { margin: 0 0 1.1em; }
.skauto-prose ul, .skauto-prose ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.skauto-prose li { margin-bottom: .5em; }
.skauto-prose a { color: var(--sk-indigo); text-decoration: underline; text-decoration-color: rgba(225, 161, 54, .8); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.skauto-prose a.skauto-btn { text-decoration: none; }

/* Sell box (dark) */
.skauto-sellbox { position: relative; isolation: isolate; overflow: hidden; padding: 30px 28px; border-radius: 22px; background: var(--sk-ink-bg); color: #fff; box-shadow: var(--sk-shadow); }
.skauto-sellbox::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 100% 0%, rgba(30, 115, 190, .45), transparent 60%); }
.skauto-sellbox__odo { display: flex; align-items: center; gap: 3px; margin-bottom: 18px; }
.skauto-sellbox__odo b { display: grid; place-items: center; width: 24px; height: 32px; border-radius: 5px; background: rgba(255, 255, 255, .1); font: 800 16px var(--sk-head); }
.skauto-sellbox__odo b.is-accent { background: var(--sk-amber); color: #1b1200; }
.skauto-sellbox__odo small { margin-left: 8px; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.skauto-sellbox__title { margin: 0; font: 900 26px var(--sk-head); letter-spacing: -.5px; color: #fff; }
.skauto-sellbox__sub { margin: 2px 0 14px; color: var(--sk-amber-2); font-size: 14px; }
.skauto-sellbox__text { margin: 0 0 22px; font-size: 15.5px; color: rgba(255, 255, 255, .8); }
.skauto-sellbox .skauto-btn { width: 100%; white-space: normal; text-align: center; }
.skauto-sellbox__call { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; color: #fff; font: 700 15px var(--sk-head); }
.skauto-sellbox__call:hover { color: var(--sk-amber); }

.skauto-contact-form { margin-top: 30px; }
.skauto-contact-form .saf { max-width: none; }

/* ---------- Footer ---------- */
.skauto-footer { background: #050a26; color: #aab4de; }
.skauto-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 40px; padding-top: 72px; padding-bottom: 56px; }
.skauto-footer__logo { margin-bottom: 18px; }
.skauto-footer__company { margin: 0 0 4px; color: #fff; font: 700 16px var(--sk-head); }
.skauto-footer__addr { margin: 0; font-size: 15px; }
.skauto-footer__title { margin: 0 0 16px; color: #fff; font: 700 14px var(--sk-head); letter-spacing: 1.6px; text-transform: uppercase; }
.skauto-footer__menu { list-style: none; margin: 0; padding: 0; }
.skauto-footer__menu li { margin-bottom: 9px; }
.skauto-footer a { color: #cfd6f3; }
.skauto-footer a:hover { color: #fff; }
.skauto-footer .skauto-btn--amber, .skauto-footer .skauto-btn--amber:hover { color: #1b1200; }
.skauto-footer__call { margin: 0 0 16px; color: #fff; font: 600 17px var(--sk-head); }
.skauto-footer__call a { color: var(--sk-amber); font-weight: 800; white-space: nowrap; }
.skauto-social { display: flex; gap: 10px; margin-top: 22px; }
.skauto-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .08); font-size: 18px; color: #fff; }
.skauto-social a:hover { background: var(--sk-amber); color: #1b1200; }
.skauto-footer__bar { border-top: 1px solid rgba(255, 255, 255, .08); font-size: 14px; }
.skauto-footer__bar .skauto-container { padding-top: 18px; padding-bottom: 18px; }

/* ---------- Mobile action bar ---------- */
.skauto-mbar { display: none; }

/* ---------- Blog / 404 ---------- */
.skauto-postlist { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; }
.skauto-postcard { background: #fff; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); overflow: hidden; }
.skauto-postcard__media img { width: 100%; height: 200px; object-fit: cover; }
.skauto-postcard__body { padding: 24px; }
.skauto-postcard__title { font-size: 20px; margin-bottom: 6px; }
.skauto-postcard__meta { color: var(--sk-muted); font-size: 14px; margin: 0 0 10px; }
.skauto-pagination { margin-top: 40px; }
.skauto-pagination .page-numbers { display: inline-flex; min-width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--sk-line); margin: 0 3px; font: 600 15px var(--sk-head); }
.skauto-pagination .page-numbers.current { background: var(--sk-navy); color: #fff; border-color: var(--sk-navy); }
.skauto-404 { text-align: center; }
.skauto-404 .skauto-btn { margin: 6px; }

/* ---------- Reveal ---------- */
.skauto-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease var(--skauto-delay, 0ms), transform .7s cubic-bezier(.2, .8, .2, 1) var(--skauto-delay, 0ms); }
.skauto-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
	.skauto-hero__title, .skauto-hero__kicker, .skauto-hero__actions, .skauto-quick { animation: skauto-rise .8s cubic-bezier(.2, .8, .2, 1) both; }
	.skauto-hero__title { animation-delay: .06s; }
	.skauto-hero__actions { animation-delay: .14s; }
	.skauto-quick { animation-delay: .2s; }
	.skauto-hero__giant { animation: skauto-giant 1.4s cubic-bezier(.2, .8, .2, 1) both; }
}
@keyframes skauto-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes skauto-giant { from { opacity: 0; transform: translateX(-6%); } to { opacity: 1; transform: none; } }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.skauto-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); }
	.skauto-split { grid-template-columns: minmax(0, 1fr) 300px; }
	.skauto-formgrid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
}
@media (max-width: 920px) {
	:root { --sk-header-h: 68px; }
	.skauto-burger { display: flex; position: relative; z-index: 96; }
	.skauto-nav { position: fixed; top: 0; right: 0; bottom: 0; z-index: 95; width: min(340px, 86vw); flex-direction: column; align-items: stretch; gap: 0; padding: 92px 24px 32px; background: #fff; box-shadow: -20px 0 60px -20px rgba(0, 0, 0, .4); transform: translateX(105%); visibility: hidden; transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility .28s; overflow-y: auto; }
	body.skauto-nav-open .skauto-nav { transform: none; visibility: visible; }
	body.skauto-nav-open { overflow: hidden; }
	.skauto-menu { flex-direction: column; align-items: stretch; gap: 0; }
	.skauto-menu li { border-bottom: 1px solid var(--sk-line); }
	.skauto-menu a { display: block; padding: 15px 0; font-size: 17px; }
	.skauto-menu a::after { display: none; }
	.skauto-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 8px 14px; margin: 0; }
	.skauto-nav__cta { margin-top: 22px; }
	.skauto-hero::before { background: linear-gradient(180deg, rgba(7, 13, 51, .55) 0%, rgba(7, 13, 51, .78) 30%, rgba(7, 13, 51, .9) 60%, rgba(7, 13, 51, .95) 100%); }
	.skauto-hero__bg { background-size: auto 62%; background-repeat: no-repeat; background-position: 62% 0; }
	.skauto-hero__inner { grid-template-columns: 1fr; grid-template-areas: "intro" "card" "trust"; row-gap: 36px; padding-bottom: clamp(180px, 34vw, 240px); }
	.skauto-hero__actions { margin-bottom: 0; }
	.skauto-hero__giant { bottom: 70px; font-size: clamp(7rem, 34vw, 13rem); }
	.skauto-quick { max-width: 560px; }
	.skauto-hero__formbtn { display: none; }
	.skauto-adam__grid, .skauto-about__grid, .skauto-seo__grid, .skauto-split, .skauto-formgrid { grid-template-columns: 1fr; }
	.skauto-adam__quote { padding-left: 64px; }
	.skauto-formgrid__side, .skauto-split__aside { position: static; }
	.skauto-formgrid { grid-template-areas: "head" "form" "side"; grid-template-rows: auto; row-gap: 8px; }
	.skauto-formgrid__side { margin-top: 32px; }
	.skauto-formgrid__lead { margin-bottom: 18px; }
	.skauto-testi__head { grid-template-columns: 1fr; gap: 12px; }
	.skauto-testi__grid { grid-template-columns: 1fr; }
	.skauto-testi__card.is-featured { grid-row: auto; }
	.skauto-services__grid { grid-template-columns: 1fr; }
	.skauto-steps__list { grid-template-columns: 1fr; gap: 34px; }
	.skauto-steps__list::before { top: 32px; bottom: 32px; left: 31px; right: auto; width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--sk-amber) 0 14px, transparent 14px 26px); }
	.skauto-step { flex-direction: row; align-items: center; text-align: left; gap: 18px; padding: 0; }
	.skauto-step__num { margin: 0; flex: none; }
	.skauto-step__title { margin-bottom: 2px; }
	.skauto-footer__grid { grid-template-columns: 1fr 1fr; }
	.skauto-minimum__inner { flex-direction: column; align-items: flex-start; }

	/* Mobile action bar */
	body.has-mbar { padding-bottom: 76px; }
	.skauto-mbar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90; display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; padding: 8px; border-radius: 18px; background: rgba(7, 13, 51, .94); backdrop-filter: blur(10px); box-shadow: 0 20px 40px -12px rgba(0, 0, 0, .6); transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .3s; }
	.skauto-mbar.is-hidden, .skauto-mbar.is-done, body.skauto-nav-open .skauto-mbar { transform: translateY(140%); opacity: 0; pointer-events: none; }
	.skauto-mbar a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; border-radius: 12px; font: 800 15px var(--sk-head); }
	.skauto-mbar__call { color: #fff; background: rgba(255, 255, 255, .1); }
	.skauto-mbar__call:hover { color: #fff; }
	.skauto-mbar__cta { color: #1b1200; background: var(--sk-amber); }
	.skauto-mbar__cta:hover { color: #1b1200; }
}
@media (max-width: 560px) {
	body { font-size: 16px; }
	.skauto-topbar { display: none; }
	.skauto-brand img, .custom-logo { height: 40px; }
	.skauto-hero__title { font-size: clamp(40px, 12vw, 54px); }
	.skauto-hero__actions .skauto-btn { flex: 1 1 100%; }
	.skauto-hero__trust { grid-template-columns: 1fr; }
	.skauto-quick::before { inset: 10px -6px -8px 8px; }
	.skauto-adam__quote { padding-left: 0; padding-top: 62px; }
	.skauto-adam__quote::before { left: -4px; top: -64px; font-size: 120px; }
	.skauto-about__media::before { inset: 16px -8px -10px 14px; }
	.skauto-benefits { grid-template-columns: 1fr; }
	.skauto-service__media img { height: 200px; }
	.skauto-footer__grid { grid-template-columns: 1fr; gap: 32px; }
	.skauto-minimum { clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.skauto-reveal { opacity: 1; transform: none; transition: none; }
	.skauto-service, .skauto-service__media img, .skauto-mbar { transition: none; }
}


/* ============================================================
   2.1 — poprawki po recenzji Designera
   ============================================================ */

/* Hero: „15 MIN” po prawej, częściowo za kartą (desktop) */
@media (min-width: 921px) {
	.skauto-hero__giant { left: auto; right: -4vw; top: 9%; bottom: auto; font-size: clamp(12rem, 25vw, 23rem); -webkit-text-stroke-color: rgba(242, 194, 107, .34); }
}

/* „Minimum formalności” + 3 kroki w jednej sekcji */
.skauto-minimum__head { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding-top: clamp(96px, 11vw, 140px); margin-bottom: clamp(48px, 6vw, 72px); }
.skauto-minimum .skauto-steps__list { padding-bottom: clamp(96px, 11vw, 140px); }
.skauto-minimum .skauto-step__num { box-shadow: 0 0 0 8px rgba(7, 13, 51, .9); }
.skauto-step__body { display: flex; flex-direction: column; }
.skauto-step__title { color: #fff; }

/* Podsumowując: lista z przerywanymi liniami zamiast siatki kart */
.skauto-benefits { display: block; columns: 2; column-gap: 32px; }
.skauto-benefits li { break-inside: avoid; flex-direction: row; align-items: flex-start; gap: 14px; padding: 16px 0; border: 0; border-bottom: 2px dashed rgba(242, 194, 107, .35); border-radius: 0; background: none; }
.skauto-benefits li > span { flex: none; margin-top: 2px; }

/* Usługi: asymetrycznie — duże zdjęcie + dwie usługi jako tekst z linią */
.skauto-services__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); align-items: center; }
.skauto-services__media { position: relative; margin: 0; }
.skauto-services__media::before { content: ""; position: absolute; inset: -18px 26px 26px -18px; border-radius: 26px; background: var(--sk-navy); }
.skauto-services__media img { position: relative; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; box-shadow: var(--sk-shadow); }
.skauto-services__list { display: flex; flex-direction: column; }
.skauto-service { display: block; overflow: visible; padding: 28px 0; border-radius: 0; background: none; box-shadow: none; border-top: 3px dashed rgba(14, 26, 97, .2); }
.skauto-service:first-child { padding-top: 0; border-top: 0; }
.skauto-service:hover { transform: none; box-shadow: none; }
.skauto-service p:last-child { margin: 0; }
.skauto-service__tag { position: static; display: inline-block; margin: 0 0 10px; padding: 6px 12px; border-radius: 999px; background: var(--sk-amber); color: #1b1200; font: 800 12px var(--sk-head); letter-spacing: 1.2px; text-transform: uppercase; }
.skauto-service__title { margin-bottom: 10px; }

/* Opinie: dwie duże, typograficzne */
.skauto-testi__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; gap: 24px; }
.skauto-testi__card { padding: clamp(28px, 3.4vw, 44px); }
.skauto-testi__quote { font-size: clamp(17px, 1.5vw, 19px); color: rgba(255, 255, 255, .9); }
.skauto-testi__person img { border-radius: 14px; }

/* Podstrony: nagłówek w duchu „Licznika” */
.skauto-pagehead { text-align: left; padding: clamp(72px, 9vw, 120px) 0 clamp(100px, 12vw, 150px); }
.skauto-pagehead__kicker { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 14px; font: 700 12.5px var(--sk-head); letter-spacing: 3px; text-transform: uppercase; color: var(--sk-amber-2); }
.skauto-pagehead__kicker::before { content: ""; width: 30px; height: 2px; background: var(--sk-amber); }
.skauto-pagehead__giant { position: absolute; right: -3vw; bottom: 40px; z-index: -1; font: 900 clamp(7rem, 17vw, 15rem)/.8 var(--sk-head); letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 2px rgba(242, 194, 107, .3); white-space: nowrap; pointer-events: none; user-select: none; }
.skauto-sellbox__icon { display: block; margin-bottom: 14px; font-size: 30px; color: var(--sk-amber); }

/* Dostępność: większe pola kliknięcia w stopce */
.skauto-footer__menu a, .skauto-footer__addr a { display: inline-block; padding: 10px 0; }
.skauto-footer__menu li { margin-bottom: 0; }
.skauto-topbar__phone { padding: 10px 0; }

@media (max-width: 920px) {
	.skauto-minimum__head { flex-direction: column; align-items: flex-start; }
	.skauto-services__grid { grid-template-columns: 1fr; }
	.skauto-services__media::before { inset: -12px 16px 16px -12px; }
	.skauto-testi__grid { grid-template-columns: 1fr; }
	.skauto-benefits { columns: 1; }
	.skauto-pagehead__giant { bottom: 50px; font-size: clamp(5rem, 24vw, 9rem); }
}