/* S 90 - wspólny CSS (wygenerowany z makiet przez convert_pages.py) */
@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family: "Inter Tight";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-tight-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family: "Inter Tight";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-tight-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg: #FAF8F5;--bg-alt: #F3EFEA;--card: #FFFFFF;--line: #E8E2DA;--line-strong: #D6CEC4;--ink: #141414;--ink-2: #5C5650;--orange: #F26E22;--orange-head: #E8641A;--orange-ink: #B84A0E;--orange-soft: #FDEBDD;--dark: #141414;--dark-2: #22201E;--on-dark: #F5F2EE;--on-dark-2: #B9B2AA;--font-head: "Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-body: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--container: 1240px;--gutter: 20px;--section: 84px;--header-h: 68px;--label-col: 0px}
@media (min-width: 768px){:root{--gutter: 40px;--section: 136px;--header-h: 80px}}
@media (min-width: 1000px){:root{--label-col: 220px}}
*,*::before,*::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 12px)}
body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--font-body);font-size: clamp(1.0625rem,1rem + .2vw,1.125rem);line-height: 1.6;font-feature-settings: "cv11","ss01";-webkit-font-smoothing: antialiased;overflow-x: clip}
img,svg{display: block;max-width: 100%;height: auto}
a{color: var(--orange-ink);text-underline-offset: .2em;text-decoration-thickness: 1px}
a:hover{color: var(--ink)}
p{margin: 0 0 1em;text-wrap: pretty}
ul,ol{margin: 0;padding: 0;list-style: none}
h1,h2,h3{font-family: var(--font-head);font-weight: 800;letter-spacing: -.04em;line-height: 1;margin: 0 0 .5em;text-wrap: balance}
h1{font-size: clamp(2.6rem,1.2rem + 5.6vw,5.75rem);letter-spacing: -.045em}
h2{font-size: clamp(2.1rem,1.2rem + 3.6vw,4.25rem)}
h3{font-size: 1.25rem;line-height: 1.25;letter-spacing: -.015em;font-weight: 700}
em{font-style: normal;color: var(--orange-head)}
address{font-style: normal}
button,input,select,textarea{font: inherit;color: inherit}
:focus-visible{outline: 3px solid var(--orange-ink);outline-offset: 3px;border-radius: 3px}
::selection{background: var(--orange-soft)}
.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;padding: 0}
.skip{position: absolute;left: 16px;top: -56px;z-index: 100;background: var(--ink);color: #fff;padding: 8px 14px;border-radius: 6px}
.skip:focus{top: 8px;color: #fff}
.container{width: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}
.muted{color: var(--ink-2)}
.btn{display: inline-flex;align-items: center;justify-content: center;gap: .55em;min-height: 56px;padding: .8em 1.6em;border: 1.5px solid transparent;border-radius: 8px;font-weight: 700;font-size: 1.0625rem;line-height: 1.2;text-decoration: none;cursor: pointer;transition: background-color .2s,border-color .2s,color .2s}
.btn svg{width: 18px;height: 18px;flex: none;transition: transform .2s}
.btn:hover svg{transform: translateX(3px)}
.btn-primary{background: var(--orange-head);color: #fff}
.btn-primary:hover{background: #D4560F;color: #fff}
.btn-ghost{border-color: var(--line-strong);color: var(--ink);background: transparent}
.btn-ghost:hover{border-color: var(--ink);color: var(--ink)}
.btn-sm{min-height: 44px;padding: .5em 1.1em;font-size: .9375rem}
.tlink{display: inline-flex;align-items: center;gap: .4em;font-weight: 600;color: var(--ink);text-decoration: none;border-bottom: 1px solid var(--orange);padding-bottom: 2px}
.tlink svg{width: 16px;height: 16px;transition: transform .2s}
.tlink:hover{color: var(--orange-ink)}
.tlink:hover svg{transform: translateX(3px)}
.site-header{position: sticky;top: 0;z-index: 50;background: rgba(250,248,245,.97);border-bottom: 1px solid transparent;transition: border-color .2s}
.site-header.is-scrolled,.site-header.mega-open{border-bottom-color: var(--line)}
.header-inner{display: flex;align-items: center;gap: 20px;height: var(--header-h)}
.site-header a,.site-header button{white-space: nowrap}
.logo{display: flex;align-items: center;gap: 12px;margin-right: auto;text-decoration: none;color: var(--ink);flex-shrink: 0}
.logo img{width: auto;height: 26px;max-width: none}
.logo-text{display: grid;padding-left: 12px;border-left: 1px solid var(--line-strong);line-height: 1.2;white-space: nowrap}
.logo-text strong{font-family: var(--font-head);font-weight: 700;font-size: .9375rem;letter-spacing: -.01em}
.logo-text span{font-size: .75rem;color: var(--ink-2)}
@media (min-width: 768px){.logo img{height: 34px}.logo-text strong{font-size: 1rem}.logo-text span{font-size: .8125rem}}
.nav-list{display: flex;align-items: center;gap: 22px}
.nav-link{display: inline-flex;align-items: center;gap: 6px;padding: 10px 0;background: none;border: 0;cursor: pointer;color: var(--ink);text-decoration: none;font-weight: 500;font-size: .9rem;position: relative}
.nav-link:hover,.nav-link[aria-expanded="true"]{color: var(--orange-ink)}
.nav-link .chev{width: 14px;height: 14px;transition: transform .2s}
.nav-link[aria-expanded="true"] .chev{transform: rotate(180deg)}
.nav-link[aria-expanded="true"]::after{content: "";position: absolute;left: 0;right: 0;bottom: -14px;height: 2px;background: var(--orange)}
.header-ctas{display: flex;align-items: center;gap: 8px}
.hbtn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 44px;min-width: 44px;padding: 0 14px;border: 1px solid var(--line-strong);border-radius: 10px;background: var(--card);color: var(--ink);text-decoration: none;font-family: var(--font-head);font-weight: 700;font-size: .9375rem;letter-spacing: -.01em;transition: border-color .2s,background-color .2s}
.hbtn:hover{border-color: var(--ink);color: var(--ink)}
.hbtn svg{width: 18px;height: 18px;flex: none}
.hbtn-phone svg{color: var(--orange-ink)}
.hbtn-wa{padding: 0;width: 44px}
.hbtn-wa svg{width: 22px;height: 22px;color: #25D366}
.header-ctas .btn{min-height: 44px;border-radius: 10px;padding-inline: 1.15em}
@media (max-width: 1379px){.hbtn-phone{padding: 0;width: 44px}.hbtn-phone .num{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}}
.nav-toggle{display: none;align-items: center;justify-content: center;width: 44px;height: 44px;background: none;border: 0;margin-right: -8px;cursor: pointer;color: var(--ink)}
.nav-toggle svg{width: 26px;height: 26px}
.nav-toggle .i-close{display: none}
.nav-toggle[aria-expanded="true"] .i-open{display: none}
.nav-toggle[aria-expanded="true"] .i-close{display: block}
.mega{position: absolute;left: 0;right: 0;top: 100%;background: var(--bg);border-bottom: 1px solid var(--line);box-shadow: 0 30px 60px -30px rgba(70,45,20,.35);opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity .18s,transform .18s,visibility .18s}
.mega.is-open{opacity: 1;visibility: visible;transform: none}
.mega-grid{display: grid;grid-template-columns: minmax(0,2fr) minmax(0,1fr) 280px;gap: 40px;padding-block: 36px 30px}
.mega-kicker{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: 14px;padding-bottom: 12px;border-bottom: 1px solid var(--line-strong)}
.mega-kicker{min-height: 35px;align-items: center}
.mega-kicker span{font-size: .75rem;font-weight: 600;text-transform: uppercase;letter-spacing: .16em;color: var(--orange-ink)}
.mega-kicker a{font-size: .875rem;font-weight: 600;color: var(--ink);text-decoration: none;display: inline-flex;align-items: center;gap: 6px}
.mega-kicker a:hover{color: var(--orange-ink)}
.mega-kicker a svg{width: 15px;height: 15px;transition: transform .2s}
.mega-kicker a:hover svg{transform: translateX(3px)}
.mega-services{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 2px 20px}
.ms{display: grid;grid-template-columns: 30px minmax(0,1fr);gap: 2px 8px;padding: 14px 14px 14px 10px;margin-inline: -10px 0;border-radius: 10px;color: var(--ink);text-decoration: none;transition: background-color .15s;white-space: normal !important}
.ms:hover,.ms:focus-visible{background: var(--bg-alt);color: var(--ink)}
.ms-num{grid-row: span 2;font-family: var(--font-head);font-size: .8125rem;font-weight: 700;color: var(--orange-ink);padding-top: 3px;font-variant-numeric: tabular-nums}
.ms-title{font-family: var(--font-head);font-weight: 700;font-size: 1.0625rem;letter-spacing: -.015em;line-height: 1.3;transition: color .15s}
.ms:hover .ms-title{color: var(--orange-ink)}
.ms-desc{font-size: .875rem;line-height: 1.45;color: var(--ink-2)}
.ms-wide{grid-column: 1 / -1}
.ms-tag{display: inline-block;margin-top: 4px;font-size: .6875rem;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--orange-ink);background: var(--orange-soft);padding: 2px 7px;border-radius: 99px}
.mega-side{display: grid;align-content: start;gap: 16px}
.mega-h{font-size: .75rem;font-weight: 600;text-transform: uppercase;letter-spacing: .14em;color: var(--ink-2);margin: 0 0 8px}
.mega-also a{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;padding: 6px 0;border-bottom: 1px solid var(--line);color: var(--ink);text-decoration: none;font-size: .9375rem;font-weight: 500}
.mega-also a:hover{color: var(--orange-ink)}
.mega-also small{font-size: .75rem;color: var(--ink-2);font-weight: 400}
.mega-cities-wrap .mega-h{margin-bottom: 7px}
.mega-cities{display: flex;flex-wrap: wrap;gap: 4px}
.mega-cities a{font-size: .71875rem;line-height: 1.4;padding: 2px 7px;border: 1px solid var(--line-strong);border-radius: 99px;color: var(--ink);text-decoration: none}
.mega-cities a:hover{border-color: var(--orange);color: var(--orange-ink)}
.mega-card{background: var(--dark);color: var(--on-dark);border-radius: 16px;padding: 22px;display: grid;align-content: start;gap: 14px;white-space: normal}
.mega-card .who{display: flex;align-items: center;gap: 12px}
.mega-card .who img{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;object-position: 50% 18%;border: 2px solid var(--orange)}
.mega-card .who strong{display: block;font-family: var(--font-head);font-size: 1rem;color: #fff}
.mega-card .who span{font-size: .8125rem;color: var(--on-dark-2)}
.mega-card p{margin: 0;font-size: .9375rem;line-height: 1.5;color: var(--on-dark)}
.mega-card .btn{width: 100%;min-height: 46px;font-size: .9375rem}
.mega-card .alt{display: flex;gap: 8px}
.mega-card .alt a{flex: 1;display: inline-flex;align-items: center;justify-content: center;gap: 7px;height: 40px;border: 1px solid #3A3632;border-radius: 9px;color: var(--on-dark);text-decoration: none;font-size: .875rem;font-weight: 600}
.mega-card .alt a:hover{border-color: var(--on-dark-2);color: #fff}
.mega-card .alt svg{width: 16px;height: 16px}
.mega-card .alt .wa svg{color: #25D366}
.mega-card .alt .tel svg{color: var(--orange)}
.mega-foot{display: flex;flex-wrap: wrap;gap: 8px 28px;padding-block: 14px;border-top: 1px solid var(--line);font-size: .8125rem;color: var(--ink-2)}
.mega-foot span{display: inline-flex;align-items: center;gap: 7px}
.mega-foot svg{width: 15px;height: 15px;color: var(--orange-ink)}
.mega-scrim{position: fixed;inset: 0;top: var(--header-h);background: rgba(20,20,20,.22);opacity: 0;visibility: hidden;transition: opacity .18s,visibility .18s;z-index: -1}
.mega-open .mega-scrim{opacity: 1;visibility: visible}
@media (min-width: 1200px){.logo{margin-right: 0}.nav{flex: 1;margin-left: 12px}}
@media (min-width: 1200px) and (max-width: 1299px){.mega-grid{grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) 260px;gap: 32px}}
@media (max-width: 1199px){.header-ctas .btn{display: none}.hbtn-phone{padding: 0;width: 44px}.hbtn-phone .num{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.js .nav-toggle{display: inline-flex}.nav{display: none}.js .nav.is-open{display: block;position: absolute;left: 0;right: 0;top: var(--header-h);background: var(--bg);border-bottom: 1px solid var(--line);padding: 4px var(--gutter) 28px;max-height: calc(100dvh - var(--header-h));overflow-y: auto}.nav-list{flex-direction: column;align-items: stretch;gap: 0}.nav-link{width: 100%;justify-content: space-between;padding: 15px 0;font-size: 1.125rem;border-bottom: 1px solid var(--line)}.nav-link[aria-expanded="true"]::after{display: none}.mega{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: 0;background: none;display: none}.mega.is-open{display: block}.mega .container{padding: 0}.mega-grid{grid-template-columns: 1fr;gap: 20px;padding-block: 12px 18px}.mega-kicker:not(.mega-kicker--side){display: none}.mega-services{grid-template-columns: 1fr}.ms{padding: 10px 6px;margin: 0}.ms-desc{display: none}.ms-title{font-size: 1rem}.mega-foot,.mega-scrim{display: none}}
@media (min-width: 700px) and (max-width: 1199px){.mega-services{grid-template-columns: 1fr 1fr}.mega-grid{grid-template-columns: 1fr 1fr}.mega-grid>:first-child{grid-column: 1 / -1}}
@media (max-width: 479px){.header-ctas .hbtn{display: none}}
@media (max-width: 699px){.mega-card{display: none}}
.section{padding-block: var(--section)}
.section--alt{background: var(--bg-alt)}
.section--dark{background: var(--dark);color: var(--on-dark)}
.sec{display: grid;grid-template-columns: var(--label-col) minmax(0,1fr);column-gap: 0}
.sec>.label{grid-column: 1}
.sec>.body{grid-column: 2;min-width: 0}
@media (max-width: 999px){.sec{display: block}}
.label{font-size: .75rem;font-weight: 600;text-transform: uppercase;letter-spacing: .16em;color: var(--orange-ink);margin-bottom: 1.5rem;line-height: 1.7;padding-top: .75rem}
.label::before{content: "";display: block;width: 28px;height: 1px;background: currentColor;margin-bottom: 14px}
@media (min-width: 1000px){.label{padding-top: 1.1rem}}
.section--dark .label{color: var(--orange)}
.lead{font-size: clamp(1.125rem,1.05rem + .35vw,1.3125rem);line-height: 1.55;color: var(--ink-2);max-width: 60ch}
.section--dark .lead,.section--dark p{color: var(--on-dark-2)}
.section--dark h2,.section--dark h3,.section--dark strong{color: #fff}
.hero{padding-block: clamp(36px,6vw,88px) 0}
.hero-grid{display: grid;gap: 44px;align-items: end}
@media (min-width: 960px){.hero-grid{grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);gap: 72px}}
.kicker{display: flex;align-items: center;gap: 14px;font-size: .75rem;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--orange-ink);margin-bottom: 28px}
.kicker::before{content: "";width: 28px;height: 1px;background: currentColor;flex: none}
.hero h1{margin-bottom: .35em;font-size: clamp(2.3rem,1.1rem + 3.4vw,4rem);line-height: 1.04}
.hero .lead{margin-bottom: 0}
.hero-form{margin-top: 36px;max-width: 640px}
.field-label{display: block;font-size: .75rem;font-weight: 600;text-transform: uppercase;letter-spacing: .12em;color: var(--ink-2);margin: 0 0 .5rem}
.inline-field{display: flex;flex-wrap: wrap;gap: 10px}
.inline-field input{flex: 1 1 240px}
@media (max-width: 520px){.inline-field .btn{flex: 1 1 100%}}
input[type="text"],input[type="tel"],input[type="email"],select,textarea{width: 100%;min-height: 56px;padding: 14px 16px;background: #fff;border: 1.5px solid var(--line-strong);border-radius: 8px;font-size: 1rem;line-height: 1.4;transition: border-color .2s,box-shadow .2s}
textarea{min-height: 110px;resize: vertical}
input:hover,textarea:hover,select:hover{border-color: #B5ACA1}
input::placeholder,textarea::placeholder{color: #776F68}
input:focus,textarea:focus,select:focus{outline: none;border-color: var(--ink);box-shadow: 0 0 0 4px rgba(242,110,34,.25)}
.hint{font-size: .9375rem;color: var(--ink-2);margin: .8rem 0 0}
.hint a{color: var(--ink);font-weight: 600;text-decoration: none}
.hint a:hover{color: var(--orange-ink)}
.form-ok{margin: .8rem 0 0;padding: 12px 14px;background: var(--orange-soft);border-radius: 8px;font-weight: 500;font-size: .9375rem}
.form-ok[hidden]{display: none}
.portrait{margin: 0;position: relative;max-width: 440px;justify-self: start}
@media (min-width: 960px){.portrait{justify-self: end;width: 100%}}
.portrait-frame{position: relative}
.portrait-frame::before{content: "";position: absolute;inset: 18px -18px -18px 18px;border: 1px solid var(--orange);z-index: 0}
.portrait img{position: relative;z-index: 1;width: 100%;aspect-ratio: 424 / 560;object-fit: cover;object-position: 50% 12%;background: var(--bg-alt)}
.portrait figcaption{display: flex;justify-content: space-between;gap: 16px;margin-top: 34px;padding-top: 12px;border-top: 1px solid var(--line-strong);font-size: .8125rem;color: var(--ink-2);line-height: 1.4}
.portrait figcaption strong{color: var(--ink);font-family: var(--font-head);font-size: .9375rem}
@media (max-width: 959px){.portrait-frame::before{inset: 12px -10px -12px 12px}}
.figures{display: grid;grid-template-columns: repeat(2,1fr);margin-top: clamp(56px,7vw,104px);border-top: 1px solid var(--ink)}
@media (min-width: 900px){.figures{grid-template-columns: repeat(4,1fr)}}
.figures li{padding: 22px 20px 26px 0;border-bottom: 1px solid var(--line)}
@media (min-width: 900px){.figures li{border-bottom: 0;border-left: 1px solid var(--line);padding-left: 24px}.figures li:first-child{border-left: 0;padding-left: 0}}
.fig-num{display: block;font-family: var(--font-head);font-weight: 800;font-size: clamp(2rem,1.2rem + 2.8vw,3.75rem);letter-spacing: -.045em;line-height: 1;white-space: nowrap;font-variant-numeric: tabular-nums}
.fig-num small{font-size: .5em;letter-spacing: -.02em;color: var(--orange-head);margin-left: .08em}
.fig-lab{display: block;margin-top: 10px;font-size: .9375rem;color: var(--ink-2);line-height: 1.4;max-width: 22ch}
.offer-main h2{font-size: clamp(2.6rem,1.2rem + 6vw,6rem);letter-spacing: -.05em;margin-bottom: .3em}
.offer-main .lead{margin-bottom: 44px}
.services{border-top: 1px solid var(--ink);counter-reset: srv}
.services li{border-bottom: 1px solid var(--line-strong)}
.services a{display: grid;grid-template-columns: 44px minmax(0,1fr);gap: 4px 12px;padding: 24px 0 26px;text-decoration: none;color: var(--ink);align-items: baseline;transition: background-color .2s}
@media (min-width: 760px){.services a{grid-template-columns: 64px minmax(0,1fr) minmax(0,1.25fr) 28px;gap: 0 24px;padding: 28px 0}}
.srv-n{font-size: .8125rem;font-weight: 700;color: var(--orange-ink);font-variant-numeric: tabular-nums;letter-spacing: .04em}
.srv-t{font-family: var(--font-head);font-weight: 700;font-size: clamp(1.3rem,1.1rem + .9vw,1.75rem);letter-spacing: -.03em;line-height: 1.15}
.srv-d{grid-column: 2;color: var(--ink-2);font-size: 1rem;line-height: 1.5;margin-top: 6px}
@media (min-width: 760px){.srv-d{grid-column: auto;margin-top: 0}}
.srv-go{display: none;width: 20px;height: 20px;color: var(--orange-ink);transition: transform .2s;align-self: center}
@media (min-width: 760px){.srv-go{display: block}}
.services a:hover .srv-t{color: var(--orange-ink)}
.services a:hover .srv-go{transform: translateX(5px)}
.offer-cta{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 28px;margin-top: 40px}
.offer-cta p{margin: 0;color: var(--ink-2);font-size: 1rem}
.offer-more{margin-top: clamp(64px,8vw,112px);display: grid;gap: 48px 56px}
@media (min-width: 860px){.offer-more{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.more-lead{min-height: calc(1.55em * 3)}}
.more-head{font-size: .75rem;font-weight: 600;text-transform: uppercase;letter-spacing: .16em;color: var(--orange-ink);padding-bottom: 12px;border-bottom: 1px solid var(--ink);margin: 0}
.more-lead{color: var(--ink-2);font-size: .9375rem;line-height: 1.55;margin: 14px 0 6px;max-width: 46ch}
.more-list a{display: grid;grid-template-columns: minmax(0,1fr) auto 20px;align-items: baseline;gap: 4px 16px;padding: 15px 0;border-bottom: 1px solid var(--line-strong);color: var(--ink);text-decoration: none}
.more-t{font-family: var(--font-head);font-weight: 700;font-size: 1.125rem;letter-spacing: -.02em;transition: color .15s}
.more-d{font-size: .875rem;color: var(--ink-2);text-align: right}
.more-list svg{width: 16px;height: 16px;color: var(--orange-ink);align-self: center;transition: transform .2s}
.more-list a:hover .more-t{color: var(--orange-ink)}
.more-list a:hover svg{transform: translateX(4px)}
@media (max-width: 479px){.more-list a{grid-template-columns: minmax(0,1fr) 20px}.more-d{grid-column: 1;grid-row: 2;text-align: left}.more-list svg{grid-row: 1 / span 2}}
.section--dark2{background: var(--dark-2);color: var(--on-dark);--dark-line: #3A3633}
.section--dark2 .label{color: var(--orange)}
.section--dark2 h2,.section--dark2 h3{color: #fff}
.section--dark2 p{color: var(--on-dark-2)}
.section--dark2 em{color: var(--orange)}
.section--dark2 :focus-visible{outline-color: var(--orange)}
.manifest-head{max-width: 900px;margin-bottom: clamp(40px,5vw,72px)}
.manifest-head h2{font-size: clamp(2.1rem,1.2rem + 3.6vw,4.25rem);letter-spacing: -.045em;line-height: 1.02}
.manifest-head p{font-size: 1.1875rem;max-width: 60ch;margin: 0}
.manifest-grid{display: grid;gap: 48px}
@media (min-width: 1024px){.manifest-grid{grid-template-columns: 1fr 1fr;gap: 80px;align-items: start}}
.principles{display: grid;gap: 0;margin-top: 8px}
.principles li{display: grid;grid-template-columns: 44px 1fr;gap: 0 12px;padding: 22px 0;border-top: 1px solid var(--dark-line)}
.principles li:last-child{border-bottom: 1px solid var(--dark-line)}
.principles .n{font-family: var(--font-head);font-weight: 800;font-size: 1.25rem;color: var(--orange);letter-spacing: -.03em}
.principles h3{margin: 0 0 .3em;font-size: 1.1875rem}
.principles p{margin: 0;font-size: 1rem}
.backstage{margin-top: 36px;padding: 4px 0 4px 22px;border-left: 2px solid var(--orange)}
.backstage .lbl{font-size: .6875rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--orange);margin: 0 0 8px}
.section--dark2 .backstage p:not(.lbl){font-size: 1rem;color: var(--on-dark);margin: 0 0 .7em}
.diagrams{display: grid;gap: 16px}
@media (min-width: 560px){.diagrams{grid-template-columns: 1fr 1fr}}
.diagram{margin: 0;background: var(--dark);border-radius: 16px;padding: 20px 16px 16px}
.diagram figcaption{font-size: .6875rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--on-dark-2);margin: 0 0 14px 4px}
.diagram--me{box-shadow: inset 0 0 0 1.5px var(--orange)}
.diagram--me figcaption{color: var(--orange)}
.diagram svg{width: 100%}
.diagram text{font-family: var(--font-body)}
.diagram .t1{font-size: 15px;font-weight: 700;fill: #fff}
.diagram .t2{font-size: 12px;fill: #B9B2AA}
.diagram .n-box{fill: #2C2926;stroke: #3A3633}
.diagram .n-end{fill: none;stroke: #57514C;stroke-width: 1.5}
.diagram .n-me{fill: #F26E22}
.diagram .link{stroke: #57514C;stroke-width: 1.5;fill: none}
.diagram .link--me{stroke: #F26E22;stroke-width: 2}
.diagram .arrow{fill: #57514C}
.diagram .arrow--me{fill: #F26E22}
.diagram .lbl-me{font-size: 12px;font-weight: 700;fill: #F26E22;letter-spacing: .02em}
.diagram-note{font-size: .9375rem;margin: 16px 4px 0}
.steps-title{font-family: var(--font-head);font-weight: 800;font-size: clamp(1.6rem,1.3rem + 1.2vw,2.25rem);letter-spacing: -.035em;margin-bottom: 28px}
.step-list{display: grid}
@media (min-width: 1000px){.step-list{grid-template-columns: repeat(5,1fr);gap: 28px}}
.step{border-top: 1px solid var(--ink);padding: 20px 0 26px;display: grid;grid-template-columns: 56px 1fr;column-gap: 12px}
@media (min-width: 1000px){.step{display: block;padding-top: 22px}}
.step-n{font-family: var(--font-head);font-weight: 800;font-size: 2.25rem;letter-spacing: -.05em;line-height: 1;color: var(--orange-head);grid-row: 1 / span 2}
@media (min-width: 1000px){.step-n{display: block;font-size: 3.25rem;margin-bottom: 18px}}
.step h3{margin: 2px 0 .4em;font-size: 1.1875rem}
.step p{margin: 0;color: var(--ink-2);font-size: .9375rem;line-height: 1.55}
.phrases{margin-top: 28px;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 22px;padding-top: 18px;border-top: 1px solid var(--line);font-size: .9375rem;color: var(--ink-2)}
.phrases b{font-size: .75rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase}
.phrases span{font-family: var(--font-head);font-weight: 600;color: var(--ink)}
.ai-grid{display: grid;gap: 56px;align-items: start}
@media (min-width: 1200px){.ai-grid{grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: 80px}}
.section--dark h2{font-size: clamp(2.1rem,1.2rem + 3.4vw,4rem)}
.do-list{margin: 28px 0 0;border-top: 1px solid #3A3633}
.do-list li{display: grid;grid-template-columns: 28px 1fr;gap: 12px;padding: 14px 0;border-bottom: 1px solid #3A3633;color: var(--on-dark);font-size: 1rem;line-height: 1.5}
.do-list svg{width: 18px;height: 18px;color: var(--orange);margin-top: 4px}
.ai-note{margin-top: 28px;font-size: 1rem}
.ai-note strong{color: var(--orange)}
.qa{border-left: 1px solid #3A3633;padding-left: clamp(20px,3vw,36px)}
.qa-cap{font-size: .6875rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--on-dark-2);margin: 0 0 22px}
.qa-q{font-family: var(--font-head);font-weight: 700;font-size: clamp(1.3rem,1.1rem + .9vw,1.75rem);letter-spacing: -.025em;line-height: 1.25;color: #fff;margin-bottom: 26px}
.qa-a{color: var(--on-dark);font-size: 1rem;margin-bottom: 14px}
.qa-recs{counter-reset: r;display: grid;gap: 10px;margin-bottom: 22px}
.qa-recs li{counter-increment: r;display: grid;grid-template-columns: 22px 1fr;gap: 6px;font-size: .9375rem;color: var(--on-dark-2);padding: 12px 14px;border: 1px solid #3A3633}
.qa-recs li::before{content: counter(r) ".";font-weight: 600}
.qa-recs li.you{border-color: var(--orange);background: rgba(242,110,34,.08);color: var(--on-dark)}
.qa-recs li.you::before{color: var(--orange)}
.qa-recs .skel{display: block;height: 8px;margin-top: 7px;background: #3A3633;border-radius: 99px;width: 60%}
.qa-src{font-size: .8125rem;color: var(--on-dark-2);margin: 0}
.qa-src b{color: var(--orange);font-weight: 600}
.qa-mock{margin: 22px 0 0;font-size: .8125rem;color: var(--on-dark-2)}
.ai-cta{margin-top: clamp(56px,7vw,96px);padding-top: 32px;border-top: 1px solid #3A3633;display: grid;gap: 24px 40px;align-items: center}
@media (min-width: 860px){.ai-cta{grid-template-columns: minmax(0,1fr) auto}}
.ai-cta p{margin: 0;font-family: var(--font-head);font-weight: 800;font-size: clamp(1.5rem,1.2rem + 1.4vw,2.5rem);letter-spacing: -.035em;line-height: 1.1;color: #fff;max-width: 30ch}
.ai-cta em{color: var(--orange)}
.ai-engines{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 16px}
.ai-engines li{font-size: .8125rem;font-weight: 600;color: var(--on-dark-2);padding: 4px 11px;border: 1px solid #3A3633;border-radius: 99px}
.ai-engines li.more{border-color: transparent;padding-inline: 2px;font-weight: 400}
.cases{margin-top: 20px}
.case-picker{display: flex;gap: 8px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin: 0 calc(-1 * var(--gutter));padding: 2px var(--gutter) 4px;scroll-padding-inline: var(--gutter)}
.case-picker::-webkit-scrollbar{display: none}
@media (min-width: 768px){.case-picker{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));overflow: visible;margin: 0;padding: 0}}
.case-tile{flex: 0 0 150px;scroll-snap-align: start;position: relative;display: grid;gap: 3px;align-content: start;text-align: left;padding: 10px 12px;background: var(--card);border: 1px solid var(--line);border-radius: 10px;cursor: pointer;color: var(--ink-2);font: inherit;transition: border-color .15s,box-shadow .15s}
.case-tile strong{font-family: var(--font-head);font-size: .875rem;font-weight: 700;letter-spacing: -.015em;color: var(--ink);line-height: 1.2;padding-right: 4px}
.case-tile span{font-size: .75rem}
.case-tile b{font-family: var(--font-head);font-size: .9375rem;font-weight: 800;color: var(--orange-ink);letter-spacing: -.02em}
.tile-spark{display: block;width: 100%;height: 16px;margin-top: 4px;overflow: visible}
.tile-spark polyline{fill: none;stroke: var(--line-strong);stroke-width: 1.5;stroke-linejoin: round;stroke-linecap: round;vector-effect: non-scaling-stroke}
.case-tile:hover{border-color: var(--line-strong)}
.case-tile:hover strong{color: var(--orange-ink)}
.case-tile[aria-selected="true"]{border-color: var(--orange);box-shadow: inset 0 0 0 1px var(--orange)}
.case-tile[aria-selected="true"] .tile-spark polyline{stroke: var(--orange-head)}
.case-panel{display: grid;gap: 28px 48px;padding-top: 20px;align-items: start}
@media (min-width: 960px){.case-panel{grid-template-columns: minmax(0,1fr) 250px}}
.case-panel[hidden]{display: none}
.chart-card{background: var(--card);border: 1px solid var(--line);border-radius: 14px;padding: 18px 18px 14px;min-width: 0}
.chart-top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 16px;margin-bottom: 10px}
.chart-title{margin: 0;font-family: var(--font-head);font-weight: 700;font-size: 1rem;letter-spacing: -.015em}
.chart-title small{display: block;font-family: var(--font-body);font-weight: 400;font-size: .8125rem;color: var(--ink-2);letter-spacing: 0}
.chart-legend{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 14px;font-size: .8125rem;color: var(--ink-2)}
.chart-legend span{display: inline-flex;align-items: center;gap: 6px;white-space: nowrap}
.chart-legend i{width: 12px;height: 3px;border-radius: 2px}
.chart-legend b{display: inline-block;font-family: var(--font-head);font-weight: 800;color: var(--ink);font-variant-numeric: tabular-nums}
.chart-legend .lg-per{display: inline-block;font-size: .75rem;color: #8A827A;font-variant-numeric: tabular-nums}
.chart-box{position: relative}
.chart-box svg{width: 100%;height: auto;display: block;overflow: visible}
.chart-box .grid line{stroke: var(--line);stroke-width: 1}
.chart-box .axis text{font-size: 11px;fill: #8A827A;font-family: var(--font-body)}
.chart-box .line{fill: none;stroke: var(--orange-head);stroke-width: 2;stroke-linejoin: round;stroke-linecap: round}
.chart-box .line.is-sparse{stroke-dasharray: 5 5}
.chart-box .area{fill: url(#case-grad)}
.chart-box .end-dot{fill: var(--orange-head);stroke: var(--card);stroke-width: 2}
.chart-box .axis .ax-cap{font-size: 10px;font-weight: 600;letter-spacing: .04em;text-transform: uppercase}
.chart-box .mark line{stroke: var(--orange-head);stroke-width: 1.25;stroke-dasharray: 3 4;opacity: .7}
.chart-box .mark rect{fill: var(--orange-soft);stroke: var(--orange);stroke-width: 1}
.chart-box .mark text{font-size: 11px;font-weight: 600;fill: var(--orange-ink);font-family: var(--font-body)}
.chart-box .mark-dot{stroke: var(--card);stroke-width: 2}
.chart-box .hover-line{stroke: var(--ink);stroke-width: 1;stroke-dasharray: 3 3;opacity: 0}
.chart-box .hover-dot{stroke: var(--card);stroke-width: 2;opacity: 0}
.chart-box.is-hover .hover-line,.chart-box.is-hover .hover-dot{opacity: 1}
.chart-box.is-hover .end-dot{opacity: .35}
.chart-note{margin: 8px 0 0;font-size: .75rem;color: var(--ink-2)}
.case-side{display: grid;align-content: start;gap: 18px}
.case-wins{display: grid;gap: 14px}
.win-num{display: block;font-family: var(--font-head);font-weight: 800;font-size: clamp(2.4rem,1.8rem + 2vw,3.25rem);letter-spacing: -.05em;line-height: .95}
.win-num small{font-size: .55em;color: var(--orange-head)}
.win-lbl{font-size: .875rem;color: var(--ink-2)}
.case-period{margin: 0;font-size: .8125rem;color: var(--ink-2)}
.case-kpis{border-top: 1px solid var(--line-strong);margin: 0}
.case-kpis div{display: flex;justify-content: space-between;align-items: baseline;gap: 12px;padding: 8px 0;border-bottom: 1px solid var(--line)}
.case-kpis dt{font-size: .875rem;color: var(--ink-2)}
.case-kpis dd{margin: 0;font-family: var(--font-head);font-weight: 700;font-size: 1.0625rem;letter-spacing: -.02em}
@media (min-width: 560px) and (max-width: 959px){.case-side{grid-template-columns: 1fr 1fr;gap: 18px 32px}.case-period{grid-column: 1 / -1}}
.brands{margin-top: clamp(64px,8vw,112px)}
.brands-head{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px 40px;align-items: baseline;margin-bottom: 18px}
.brands-head h3{font-size: clamp(1.4rem,1.2rem + .8vw,1.9rem);letter-spacing: -.035em;margin: 0}
.brands-head p{margin: 0;font-size: .9375rem;color: var(--ink-2);max-width: 52ch}
.marquee-wrap{border-block: 1px solid var(--line-strong);padding-block: 8px;overflow: hidden}
.marquee-lab{font-size: .6875rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--ink-2);padding: 14px 0 0;margin: 0}
.marquee{overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display: flex;width: max-content;animation: mq 60s linear infinite}
.marquee--rev .marquee-track{animation-direction: reverse;animation-duration: 70s}
.marquee:hover .marquee-track{animation-play-state: paused}
.marquee ul{display: flex;flex: none;align-items: center}
.marquee li{white-space: nowrap;font-family: var(--font-head);font-weight: 700;font-size: clamp(1.6rem,1.2rem + 2vw,2.75rem);letter-spacing: -.035em;padding: 8px 0}
.marquee li::after{content: "";display: inline-block;width: 6px;height: 6px;margin: 0 clamp(18px,3vw,36px);background: var(--orange);border-radius: 50%;vertical-align: middle}
.marquee--soft li{color: var(--ink-2)}
@keyframes mq{to{transform: translateX(-50%)}}
.brands-all{border-bottom: 1px solid var(--line-strong)}
.brands-all .brand-row:first-child{border-top: 0}
.brand-row{display: grid;gap: 2px 32px;padding: 16px 0;border-top: 1px solid var(--line)}
@media (min-width: 768px){.brand-row{grid-template-columns: 200px 1fr}}
.brand-row h4{margin: 0;font-family: var(--font-head);font-size: 1rem;font-weight: 700;letter-spacing: -.015em}
.brand-row h4 small{display: block;font-family: var(--font-body);font-weight: 400;font-size: .8125rem;color: var(--ink-2);letter-spacing: 0}
.brand-row ul{display: flex;flex-wrap: wrap;font-size: .9375rem;color: var(--ink-2);line-height: 1.7}
.brand-row li:not(:last-child)::after{content: "·";margin: 0 .55em;color: #A39A90;font-weight: 700}
.quotes-head{margin-bottom: 18px}
.quotes-head h2{font-size: clamp(1.4rem,1.2rem + .8vw,1.9rem);letter-spacing: -.035em;margin: 0}
.quotes{display: grid;gap: 16px}
@media (min-width: 760px){.quotes{grid-template-columns: 1fr 1fr;gap: 20px}}
.quote{margin: 0;display: flex;flex-direction: column;gap: 22px;padding: 26px 26px 22px;background: var(--card);border: 1px solid var(--line);border-radius: 14px}
.quote blockquote{order: -1;margin: 0}
.quote blockquote::before{content: "„";display: block;height: 22px;margin-bottom: 12px;transform: translateY(-30px);font-family: var(--font-head);font-weight: 800;font-size: 3.25rem;line-height: 1;color: var(--orange-head)}
.quote blockquote p{font-family: var(--font-head);font-weight: 500;font-size: clamp(1.0625rem,1rem + .25vw,1.1875rem);letter-spacing: -.015em;line-height: 1.5;margin: 0}
.quote figcaption{margin-top: auto;display: flex;align-items: center;gap: 14px;padding-top: 18px;border-top: 1px solid var(--line)}
.quote figcaption strong{display: block;color: var(--ink);font-family: var(--font-head);font-size: 1rem;letter-spacing: -.015em;line-height: 1.25}
.quote figcaption span{font-size: .8125rem;color: var(--ink-2)}
.avatar{flex: none;width: 52px;height: 52px;border-radius: 50%;object-fit: cover;background: var(--bg-alt)}
.terms{display: grid;gap: 0 56px;border-top: 1px solid var(--ink)}
@media (min-width: 760px){.terms{grid-template-columns: 1fr 1fr}}
.term{display: grid;grid-template-columns: 44px 1fr;gap: 0 8px;padding: 22px 0 24px;border-bottom: 1px solid var(--line-strong)}
.term b{font-size: .8125rem;font-weight: 700;color: var(--orange-ink);padding-top: .35em;font-variant-numeric: tabular-nums}
.term h3{margin: 0 0 .25em;font-size: 1.25rem;letter-spacing: -.025em}
.term p{margin: 0;color: var(--ink-2);font-size: 1rem;line-height: 1.5}
.terms-note{margin: 36px 0 0;font-family: var(--font-head);font-weight: 700;font-size: clamp(1.25rem,1.05rem + .8vw,1.75rem);letter-spacing: -.03em;line-height: 1.25}
.about-grid{display: grid;gap: 56px}
@media (min-width: 1024px){.about-grid{grid-template-columns: 5fr 7fr;gap: 96px;align-items: start}.about-col{position: sticky;top: calc(var(--header-h) + 32px)}}
.about-col h2{font-size: clamp(2.1rem,1.2rem + 3vw,3.5rem)}
.about-photo{margin: 0 0 28px;max-width: 420px}
.about-photo img{width: 100%;aspect-ratio: 4 / 4.6;object-fit: cover;object-position: 50% 18%;border-radius: 16px;background: var(--bg-alt)}
.about-col p{color: var(--ink-2);max-width: 52ch}
.about-col p strong{color: var(--ink)}
.timeline{position: relative;display: grid;gap: 0;--tl-bg: var(--bg)}
.section--alt .timeline{--tl-bg: var(--bg-alt)}
.timeline::before{content: "";position: absolute;left: 7px;top: 12px;bottom: 12px;width: 2px;background: var(--line-strong)}
.tl{position: relative;padding: 0 0 44px 40px}
.tl:last-child{padding-bottom: 0}
.tl::before{content: "";position: absolute;left: 0;top: 14px;width: 16px;height: 16px;border-radius: 50%;background: var(--tl-bg);border: 3px solid var(--ink)}
.tl--accent::before{background: var(--orange);border-color: var(--orange)}
.tl .year{display: block;font-family: var(--font-head);font-weight: 800;font-size: clamp(2.25rem,1.5rem + 2.6vw,3.75rem);letter-spacing: -.05em;line-height: 1;color: var(--ink);font-variant-numeric: tabular-nums}
.tl--accent .year{color: var(--orange-head)}
.tl .year.gap{color: var(--ink-2);letter-spacing: .1em}
.tl h3{margin: 10px 0 .3em;font-size: 1.25rem}
.tl p{margin: 0;color: var(--ink-2);font-size: 1rem;max-width: 52ch}
.posts{border-top: 1px solid var(--ink)}
.post a{display: grid;grid-template-columns: 88px minmax(0,1fr);gap: 14px;padding: 20px 0;border-bottom: 1px solid var(--line-strong);text-decoration: none;color: var(--ink);align-items: start}
@media (min-width: 760px){.post a{grid-template-columns: 168px minmax(0,1fr) 28px;gap: 28px;padding: 26px 0;align-items: center}}
.post-txt{display: grid;gap: 6px;min-width: 0}
.post-thumb{display: block;width: 100%;aspect-ratio: 16 / 10;border-radius: 10px;object-fit: cover;background: var(--bg-alt);transition: transform .25s}
.post-thumb--ph{border: 1px dashed var(--line-strong);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A79E94' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E") center / 26px no-repeat,repeating-linear-gradient(135deg,transparent 0 9px,rgba(167,158,148,.12) 9px 10px),var(--bg-alt)}
.post a:hover .post-thumb{transform: scale(1.03)}
@media (min-width: 1024px){.posts{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 36px 28px;padding-top: 28px}.post a{grid-template-columns: 1fr;gap: 14px;padding: 0;border-bottom: 0;align-items: start}.post-thumb{border-radius: 12px}.posts .post h3{font-size: clamp(1.0625rem,.95rem + .2vw,1.1875rem);letter-spacing: -.015em;line-height: 1.35;-webkit-line-clamp: 3;line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden}.posts .post svg{display: none}}
.post time{font-size: .8125rem;font-weight: 600;letter-spacing: .08em;color: var(--ink-2);font-variant-numeric: tabular-nums}
.post time i{font-style: normal;color: var(--orange-ink);margin-left: 8px;letter-spacing: .12em;text-transform: uppercase;font-size: .6875rem}
.post h3{margin: 0;font-size: clamp(1.0625rem,.85rem + 1.1vw,1.9rem);letter-spacing: -.03em;line-height: 1.15;font-weight: 600;text-wrap: pretty}
.post svg{display: none;width: 20px;height: 20px;color: var(--orange-ink);transition: transform .2s}
@media (min-width: 760px){.post svg{display: block}}
.post a:hover h3{color: var(--orange-ink)}
.post a:hover svg{transform: translateX(5px)}
.blog-foot{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;gap: 12px 32px;margin-top: 28px;font-size: .9375rem;color: var(--ink-2)}
.faq{border-top: 1px solid var(--ink);max-width: 940px}
.faq details{border-bottom: 1px solid var(--line-strong)}
.faq summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 24px 0;cursor: pointer;list-style: none;font-family: var(--font-head);font-weight: 700;font-size: clamp(1.125rem,1.05rem + .4vw,1.4rem);letter-spacing: -.025em;line-height: 1.3}
.faq summary::-webkit-details-marker{display: none}
.faq summary:hover{color: var(--orange-ink)}
.faq .pm{position: relative;flex: none;width: 18px;height: 18px}
.faq .pm::before,.faq .pm::after{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1.5px;margin-top: -.75px;background: currentColor;transition: transform .25s}
.faq .pm::after{transform: rotate(90deg)}
.faq details[open] .pm::after{transform: rotate(0)}
.faq details[open] summary{color: var(--orange-ink)}
.faq .ans{padding: 0 48px 26px 0;color: var(--ink-2);font-size: 1.0625rem}
.faq .ans p{margin: 0;max-width: 64ch}
.contact-head h2{font-size: clamp(2.4rem,1.2rem + 5vw,5.25rem);letter-spacing: -.05em}
.contact-grid{display: grid;gap: 56px;margin-top: clamp(32px,4vw,56px);align-items: start}
@media (min-width: 1000px){.contact-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: 80px}}
.lead-form{display: grid;gap: 20px}
.lead-form .pair{display: grid;gap: 20px 16px}
@media (min-width: 640px){.lead-form .pair{grid-template-columns: 1fr 1fr}}
.lead-form .small{font-size: .8125rem;color: var(--ink-2);line-height: 1.5;margin: 0}
.hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}
.contact-side{display: grid;gap: 0;border-top: 1px solid var(--ink)}
.c-item{padding: 20px 0 22px;border-bottom: 1px solid var(--line-strong)}
.c-item .field-label{margin-bottom: .4rem}
.c-big{font-family: var(--font-head);font-weight: 800;font-size: clamp(2.1rem,1.5rem + 2vw,3rem);letter-spacing: -.045em;line-height: 1.05;color: var(--ink);text-decoration: none}
.c-mid{font-family: var(--font-head);font-weight: 700;font-size: clamp(1.15rem,1rem + .7vw,1.5rem);letter-spacing: -.02em;color: var(--ink);text-decoration: none;overflow-wrap: anywhere}
.c-big:hover,.c-mid:hover{color: var(--orange-ink)}
.c-item p{margin: 6px 0 0;color: var(--ink-2);font-size: .9375rem}
.c-item address{line-height: 1.5}
.site-footer{background: #141414;color: #A9A098;font-size: .9375rem;padding-bottom: 28px}
.site-footer a{color: #ECE7E1;text-decoration: none;transition: color .15s,border-color .15s}
.site-footer a:hover{color: var(--orange)}
.site-footer p{margin: 0 0 .6em}
.site-footer h3{font-size: .75rem;letter-spacing: .14em;text-transform: uppercase;font-weight: 600;margin: 0 0 14px;color: #fff}
.site-footer ul{list-style: none;margin: 0;padding: 0}
.site-footer li{margin-bottom: 8px}
.foot-cta{display: grid;gap: 24px 64px;padding-block: clamp(48px,7vw,88px) clamp(36px,5vw,56px);border-bottom: 1px solid rgba(255,255,255,.12)}
@media (min-width: 960px){.foot-cta{grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);align-items: end}}
.foot-cta h2{margin: 0;color: #fff;font-size: clamp(1.9rem,1.2rem + 2.6vw,3.25rem);letter-spacing: -.045em;line-height: 1.02}
.foot-cta h2 em{font-style: normal;color: var(--orange)}
.site-footer .foot-phone{display: inline-flex;align-items: center;gap: 12px;font-family: var(--font-head);font-weight: 800;font-size: clamp(1.75rem,1.3rem + 1.8vw,2.6rem);letter-spacing: -.035em;color: #fff;line-height: 1.1}
.foot-phone svg{width: .8em;height: .8em;color: var(--orange)}
.site-footer .foot-phone:hover{color: var(--orange)}
.site-footer .foot-cta-sub{margin: 8px 0 0;font-size: .875rem}
.foot-cta-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 18px}
.site-footer .btn-primary,.site-footer .btn-primary:hover{color: #fff}
.site-footer .btn-onDark{border-color: rgba(255,255,255,.28);color: #fff}
.site-footer .btn-onDark:hover{border-color: #fff;color: #fff}
.btn-onDark svg{color: #25D366}
.foot-grid{display: grid;gap: 32px 24px;padding-block: 48px;grid-template-columns: repeat(2,minmax(0,1fr))}
.foot-brand{grid-column: 1 / -1}
@media (min-width: 960px){.foot-grid{grid-template-columns: 1.7fr 1.1fr 1fr .8fr .8fr;column-gap: 40px}.foot-brand{grid-column: auto}}
.site-footer .foot-name{display: grid;margin-bottom: 14px}
.foot-name strong{font-family: var(--font-head);font-size: 1.25rem;letter-spacing: -.02em;color: #fff}
.foot-name span{font-size: .8125rem;color: var(--orange)}
.foot-brand address{font-style: normal;margin: 14px 0;line-height: 1.6}
.site-footer .foot-brand a{color: inherit}
.site-footer .foot-brand a:hover{color: var(--orange)}
.foot-brand>p:nth-child(2){max-width: 36ch}
.foot-regions{display: flex;flex-wrap: wrap;align-items: baseline;gap: 10px 28px;padding-block: 22px 26px;border-top: 1px solid rgba(255,255,255,.12)}
.site-footer .foot-regions h3{margin: 0}
.foot-regions ul{display: flex;flex-wrap: wrap;gap: 6px 22px}
.site-footer .foot-regions li{margin: 0}
.foot-badges{display: flex;justify-content: center;padding-block: 30px;background: #ECE8E3;box-shadow: 0 0 0 100vmax #ECE8E3;clip-path: inset(0 -100vmax)}
.foot-badges ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 16px clamp(24px,5vw,64px)}
.site-footer .foot-badges li{margin: 0}
.foot-badges img{display: block;width: clamp(130px,12vw,172px);height: auto;opacity: .85;transition: opacity .2s}
.foot-badges li:hover img{opacity: 1}
.foot-legal{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 14px 24px;padding-top: 24px;font-size: .8125rem;color: #8A827A}
.site-footer .foot-legal p{margin: 0}
.site-footer .foot-legal a{color: #A9A098}
.foot-social{display: flex;gap: 8px}
.site-footer .foot-social a{display: grid;place-items: center;width: 38px;height: 38px;border: 1px solid rgba(255,255,255,.2);border-radius: 50%;color: #ECE7E1}
.site-footer .foot-social a:hover{border-color: var(--orange);color: var(--orange)}
.foot-social svg{width: 17px;height: 17px}
.mbar{display: none}
@media (max-width: 767px){.mbar{display: grid;grid-template-columns: 1fr 48px 1.6fr;gap: 8px;position: fixed;left: 0;right: 0;bottom: 0;z-index: 60;padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background: rgba(250,248,245,.97);border-top: 1px solid var(--line)}.mbar .btn{min-height: 48px;padding-inline: .6em;font-size: .9375rem}.mbar-wa{padding: 0 !important}.mbar-wa svg{width: 22px;height: 22px;color: #25D366}.mbar .btn:hover svg{transform: none}body{padding-bottom: 72px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.marquee-track{animation: none;width: auto;flex-wrap: wrap}.marquee ul[aria-hidden="true"]{display: none}.marquee ul{flex-wrap: wrap}.marquee{-webkit-mask-image: none;mask-image: none}.btn,.btn svg,.tlink svg{transition: none}}
@media (min-width: 768px){:root{--section: 104px}}
.section h2{font-size: clamp(2rem,1.3rem + 2.4vw,3.25rem);letter-spacing: -.045em;line-height: 1.04}
.section .lead{margin-bottom: 36px}
.ohero{position: relative;background: var(--bg-alt);padding-block: 18px clamp(48px,6vw,80px);overflow: hidden}
.ohero::after{content: "";position: absolute;right: -40px;bottom: -10px;width: min(760px,70vw);height: 300px;pointer-events: none;opacity: .5;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 300' fill='none'%3E%3Cpath d='M0 280 C120 276 180 270 250 250 S360 230 420 190 S520 120 590 90 S700 30 760 14' stroke='%23F26E22' stroke-opacity='.35' stroke-width='2'/%3E%3Cpath d='M0 290 C140 288 220 284 300 272 S420 250 480 222 S600 160 680 130 S740 110 760 104' stroke='%23A79E94' stroke-opacity='.35' stroke-width='1.5' stroke-dasharray='4 6'/%3E%3C/svg%3E") right bottom / contain no-repeat}
.ohero .container{position: relative;z-index: 1}
.crumbs{margin-bottom: clamp(24px,4vw,48px);font-size: .8125rem;color: var(--ink-2)}
.crumbs ol{display: flex;flex-wrap: wrap;gap: 4px 0}
.crumbs li:not(:last-child)::after{content: "›";margin: 0 .6em;color: #A39A90}
.crumbs a{color: var(--ink-2);text-decoration: none}
.crumbs a:hover{color: var(--orange-ink)}
.ohero-grid{display: grid;gap: 32px}
@media (min-width: 960px){.ohero-grid{grid-template-columns: minmax(0,1.38fr) minmax(0,1fr);grid-template-areas: "main form" "proof form";gap: 0 64px;align-items: start}.ohero-main{grid-area: main}.form-card{grid-area: form}.ohero-proof{grid-area: proof}}
.ohero h1{font-size: clamp(2.5rem,1.3rem + 4vw,4.75rem);line-height: .98;margin-bottom: .35em;max-width: 12ch}
.ohero .lead{margin: 0;color: var(--ink-2)}
.ohero-proof{display: grid;gap: 28px}
@media (min-width: 960px){.ohero-proof{margin-top: 44px}}
.hero-figs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));border-top: 1px solid var(--ink)}
.hero-figs li{padding: 16px 14px 0 0}
.hero-figs li + li{padding-left: 16px;border-left: 1px solid var(--line-strong)}
.hf-num{display: block;font-family: var(--font-head);font-weight: 800;font-size: clamp(1.9rem,1.4rem + 1.6vw,2.75rem);letter-spacing: -.05em;line-height: 1;white-space: nowrap}
.hf-num small{font-size: .5em;color: var(--orange-head);margin-left: .22em;letter-spacing: -.02em}
.hf-lbl{display: block;margin-top: 8px;font-size: .8125rem;line-height: 1.4;color: var(--ink-2)}
.hf-lbl a{color: var(--ink);font-weight: 600;text-decoration: none;border-bottom: 1px solid var(--orange)}
@media (max-width: 520px){.hero-figs{grid-template-columns: 1fr}.hero-figs li,.hero-figs li + li{display: grid;grid-template-columns: 124px minmax(0,1fr);align-items: center;gap: 0 12px;padding: 14px 0;border-left: 0}.hero-figs li + li{border-top: 1px solid var(--line)}.hf-num{font-size: 2.25rem}.hf-lbl{margin: 0}}
.signature{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 16px;padding: 14px 16px;background: var(--card);border: 1px solid var(--line);border-radius: 14px}
.signature img{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;object-position: 50% 15%;border: 2px solid var(--orange);flex: none}
.sig-txt{margin-right: auto;line-height: 1.3}
.sig-txt strong{display: block;font-family: var(--font-head);font-size: 1rem;letter-spacing: -.015em}
.sig-txt span{font-size: .8125rem;color: var(--ink-2)}
.sig-phone{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-head);font-weight: 800;font-size: 1.375rem;letter-spacing: -.03em;color: var(--ink);text-decoration: none}
.sig-phone svg{width: 18px;height: 18px;color: var(--orange-head)}
.sig-phone:hover{color: var(--orange-ink)}
.sig-wa{display: grid;place-items: center;width: 42px;height: 42px;border: 1px solid var(--line-strong);border-radius: 10px}
.sig-wa svg{width: 22px;height: 22px;color: #25D366}
.sig-wa:hover{border-color: var(--ink)}
.form-card{background: var(--card);border: 1px solid var(--line);border-radius: 18px;padding: clamp(22px,2.4vw,32px);box-shadow: 0 30px 60px -36px rgba(70,45,20,.45);scroll-margin-top: calc(var(--header-h) + 16px)}
.form-card{background-image: linear-gradient(var(--orange-head),var(--orange-head));background-size: 100% 4px;background-repeat: no-repeat}
.form-card h2{font-size: clamp(1.375rem,1.2rem + .6vw,1.75rem);letter-spacing: -.035em;line-height: 1.15;margin: 0 0 .35em}
.form-card>p{margin: 0 0 20px;font-size: .9375rem;color: var(--ink-2);line-height: 1.5}
.form-card form{display: grid;gap: 14px}
.form-card input[type="text"],.form-card textarea{min-height: 50px;padding: 12px 14px;background: var(--bg)}
.form-card input:focus,.form-card textarea:focus{background: #fff}
.form-card textarea{min-height: 88px}
.form-card .field-label{margin-bottom: .35rem}
.form-card .req{color: var(--orange-ink)}
.more-fields summary{cursor: pointer;list-style: none;display: inline-flex;align-items: center;gap: 10px;padding: 6px 16px 6px 6px;border: 1px dashed var(--line-strong);border-radius: 999px;font-size: .875rem;font-weight: 600;color: var(--ink);user-select: none;transition: border-color .2s,background-color .2s,color .2s}
.more-fields summary::-webkit-details-marker{display: none}
.more-fields summary::before{content: "";flex: none;width: 26px;height: 26px;border-radius: 50%;background: linear-gradient(currentColor,currentColor) center / 10px 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 10px no-repeat,var(--orange-soft);color: var(--orange-ink);transition: transform .25s ease,background-color .2s,color .2s}
.more-fields summary:hover{border-style: solid;border-color: var(--orange);background: #fff}
.more-fields summary:hover::before{background-color: var(--orange);color: #fff}
.more-fields summary:focus-visible{outline: 2px solid var(--orange);outline-offset: 2px}
.more-fields[open] summary{margin-bottom: 10px;border-style: solid;border-color: var(--orange);background: #fff;color: var(--orange-ink)}
.more-fields[open] summary::before{transform: rotate(45deg);background-color: var(--orange);color: #fff}
.more-fields[open] textarea{animation: mf-in .25s ease}
@keyframes mf-in{from{opacity: 0;transform: translateY(-6px)}}
@media (prefers-reduced-motion: reduce){.more-fields summary::before{transition: none}.more-fields[open] textarea{animation: none}}
.form-card .btn{width: 100%}
.fc-gets{display: grid;gap: 7px;padding: 16px;margin-top: 2px;background: var(--orange-soft);border-radius: 10px;font-size: .875rem;color: var(--ink)}
.fc-gets b{font-size: .6875rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--orange-ink)}
.fc-gets li{display: flex;gap: 8px;align-items: baseline}
.fc-gets svg{width: 15px;height: 15px;flex: none;color: var(--orange-ink);transform: translateY(2px)}
.fc-small{font-size: .75rem;line-height: 1.5;color: var(--ink-2);margin: 0}
.fc-small a{color: var(--ink-2)}
.proofbar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px 32px;padding-block: 24px;border-bottom: 1px solid var(--line-strong)}
.proofbar p{margin: 0}
.pb-serp{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px}
.pb-q{display: inline-flex;align-items: center;gap: 10px;padding: 9px 18px 9px 14px;background: var(--card);border: 1px solid var(--line-strong);border-radius: 99px;font-size: .9375rem;box-shadow: 0 2px 6px rgba(70,45,20,.06)}
.pb-q svg{width: 16px;height: 16px;color: var(--ink-2)}
.fit{display: grid;gap: 16px}
@media (min-width: 860px){.fit{grid-template-columns: 1fr 1fr;gap: 20px}}
.fit-card{padding: clamp(22px,2.4vw,30px);border-radius: 16px}
.fit-yes{background: var(--card);border: 1px solid var(--line);box-shadow: inset 0 4px 0 var(--orange-head)}
.fit-no{border: 1px dashed var(--line-strong)}
.fit-card h3{display: flex;align-items: center;gap: 10px;font-size: 1.25rem;margin: 0 0 8px}
.fit-card h3 svg{width: 26px;height: 26px;padding: 5px;border-radius: 50%}
.fit-yes h3 svg{background: var(--orange-soft);color: var(--orange-ink)}
.fit-no h3 svg{background: var(--bg-alt);color: var(--ink-2)}
.fit li{padding: 12px 0;border-top: 1px solid var(--line);font-size: 1rem;line-height: 1.5}
.fit-no li{color: var(--ink-2)}
.scope{display: grid;gap: 12px}
@media (min-width: 640px){.scope{grid-template-columns: repeat(2,minmax(0,1fr))}}
@media (min-width: 1200px){.scope{gap: 16px}}
.scope-item{display: grid;grid-template-columns: 44px minmax(0,1fr);align-content: start;gap: 4px 16px;padding: 22px 22px;background: var(--card);border: 1px solid var(--line);border-radius: 14px;transition: border-color .2s,transform .2s}
.scope-item:hover{border-color: var(--line-strong);transform: translateY(-2px)}
.scope-ic{grid-row: span 2;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: var(--orange-soft);color: var(--orange-ink)}
.scope-ic svg{width: 22px;height: 22px}
.scope-item h3{margin: 0;font-size: 1.125rem;align-self: center;line-height: 1.3}
.scope-item p{margin: 0;font-size: .9063rem;line-height: 1.55;color: var(--ink-2)}
.scope-item p a{color: var(--ink);font-weight: 600;text-decoration: none;border-bottom: 1px solid var(--orange)}
.vs{width: 100%;border-collapse: collapse;font-size: 1rem}
.vs th,.vs td{text-align: left;padding: 16px 18px;border-bottom: 1px solid #3A3633;vertical-align: top;line-height: 1.5}
.vs th:first-child{padding-left: 0}
.vs thead th{font-size: .75rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--on-dark-2);border-bottom-color: #57514C}
.vs .me{background: rgba(242,110,34,.09)}
.vs thead th.me{color: var(--orange);border-radius: 12px 12px 0 0}
.vs tbody tr:last-child td.me{border-radius: 0 0 12px 12px}
.vs tbody th{font-family: var(--font-head);font-weight: 700;color: #fff;width: 30%;letter-spacing: -.01em}
.vs td{color: var(--on-dark-2)}
.vs td.me{color: #fff;font-weight: 500}
.vs td.me b{color: var(--orange);font-weight: 700}
/* Porównanie „Agencja / U mnie” na telefonie: pytanie na całą szerokość, pod nim 2 odpowiedzi z etykietą w lewej kolumnie, „U mnie” w podświetlonej ramce */
@media (max-width: 699px){.vs thead{display: none}.vs tr{display: grid;gap: 6px;padding: 22px 0;border-bottom: 1px solid #3A3633}.vs th,.vs td,.vs tbody th{border: 0;padding: 0;width: auto}.vs tbody th{margin-bottom: 6px;font-size: 1.125rem;line-height: 1.35}.vs td{position: relative;padding-left: 84px}.vs td::before{content: attr(data-l);position: absolute;left: 0;top: .45em;font-size: .6875rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: #8A827A}.vs td.me{padding: 10px 12px 10px 96px;margin-inline: -12px;border-radius: 10px;background: rgba(242,110,34,.09)}.vs tbody tr:last-child td.me{border-radius: 10px}.vs td.me::before{left: 12px;top: calc(10px + .45em);color: var(--orange)}}
.vs-note{margin: 22px 0 0;font-size: .9375rem}
.step .get{display: block;margin-top: 12px;padding: 10px 12px;background: var(--card);border: 1px solid var(--line);border-radius: 10px;font-size: .875rem;color: var(--ink);line-height: 1.45}
.step .get b{display: block;font-size: .6875rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--orange-ink);margin-bottom: 2px}
.step .when{display: inline-block;font-size: .6875rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--ink-2);margin-bottom: 6px;padding: 3px 8px;background: var(--bg-alt);border-radius: 99px}
.paths{display: grid;gap: 16px;margin-top: clamp(40px,5vw,56px)}
@media (min-width: 760px){.paths{grid-template-columns: 1fr 1fr;gap: 20px}}
.path{display: grid;gap: 10px;align-content: start;padding: 26px;background: var(--bg-alt);border-radius: 16px}
.path:last-child{background: var(--dark)}
.path:last-child h3{color: #fff}
.path:last-child p{color: var(--on-dark-2)}
.path:last-child .tlink{color: #fff}
.path h3{margin: 0;font-size: 1.375rem;letter-spacing: -.03em}
.path p{margin: 0;color: var(--ink-2);font-size: 1rem}
.path .tlink{justify-self: start;margin-top: 6px}
.report-grid{display: grid;gap: 32px}
.report-points{display: grid}
@media (min-width: 860px){.report-points{grid-template-columns: 1fr 1fr;column-gap: 40px}}
.report-points li{display: grid;grid-template-columns: 26px 1fr;gap: 8px;padding: 12px 0;border-bottom: 1px solid var(--line-strong);font-size: 1rem;line-height: 1.5}
.report-points svg{width: 18px;height: 18px;margin-top: 3px;color: var(--orange-ink)}
.rep{margin: 0;background: var(--card);border: 1px solid var(--line);border-radius: 16px;padding: 22px;min-width: 0;box-shadow: 0 24px 48px -36px rgba(70,45,20,.4)}
.rep-cap{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 6px 16px;margin: 0 0 14px;font-size: .8125rem;color: var(--ink-2)}
.rep-cap strong{font-family: var(--font-head);color: var(--ink);font-size: 1rem}
.rep-cap span{padding: 2px 9px;border: 1px solid var(--line-strong);border-radius: 99px;font-size: .75rem}
.rep-scroll{overflow-x: auto}
.rep table{border-collapse: separate;border-spacing: 4px;font-size: .8125rem;font-variant-numeric: tabular-nums;width: 100%}
.rep th{font-weight: 600;color: #8A827A;text-align: center;padding: 2px;font-size: .75rem}
.rep th[scope="row"]{text-align: left;color: var(--ink);font-weight: 500;white-space: nowrap;padding-right: 12px;font-size: .875rem}
.rep td{text-align: center;min-width: 30px;padding: 7px 2px;border-radius: 6px;background: var(--bg-alt);color: var(--ink-2)}
.rep td.t3{background: var(--orange-head);color: #fff;font-weight: 700}
.rep td.t10{background: var(--orange-soft);color: var(--orange-ink);font-weight: 600}
.rep-legend{display: flex;flex-wrap: wrap;gap: 6px 16px;margin: 14px 0 0;font-size: .75rem;color: var(--ink-2)}
.rep-legend i{display: inline-block;width: 12px;height: 12px;border-radius: 3px;margin-right: 6px;vertical-align: -1px}
.rep-note{margin: 8px 0 0;font-size: .75rem;color: var(--ink-2)}
.packs{display: grid;gap: 16px;padding-top: 14px}
@media (min-width: 900px){.packs{grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px;align-items: stretch}}
.pack{position: relative;display: grid;grid-template-rows: auto auto 1fr auto auto;gap: 16px;padding: 30px 26px 26px;background: var(--card);border: 1px solid var(--line);border-radius: 18px}
.pack--hot{background: var(--dark);border-color: var(--dark);color: var(--on-dark);box-shadow: 0 30px 60px -30px rgba(20,20,20,.55)}
@media (min-width: 900px){.pack--hot{transform: translateY(-12px)}}
.pack-tag{position: absolute;top: -12px;left: 26px;font-size: .6875rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: #fff;background: var(--orange-head);padding: 5px 11px;border-radius: 99px}
.pack h3{margin: 0;font-size: .8125rem;font-weight: 700;letter-spacing: .16em;text-transform: uppercase;color: var(--orange-ink)}
.pack--hot h3{color: var(--orange)}
.pack-price{margin: 0;font-family: var(--font-head);font-weight: 800;font-size: clamp(2.25rem,1.7rem + 1.6vw,3rem);letter-spacing: -.05em;line-height: 1;white-space: nowrap}
.pack-price span{font-size: .45em;font-weight: 600;letter-spacing: -.01em;color: var(--ink-2);vertical-align: .35em}
.pack--hot .pack-price{color: #fff}
.pack--hot .pack-price span{color: var(--on-dark-2)}
.pack-price small{display: block;margin-top: 8px;font-family: var(--font-body);font-weight: 400;font-size: .8125rem;letter-spacing: 0;color: var(--ink-2)}
.pack--hot .pack-price small,.pack--hot .pack-for,.pack--hot .pack-kw{color: var(--on-dark-2)}
.pack-for{margin: 0;color: var(--ink-2);font-size: .9375rem;line-height: 1.5}
.pack-kw{display: grid;gap: 2px;margin: 0;padding-top: 16px;border-top: 1px solid var(--line);font-size: .875rem;color: var(--ink-2)}
.pack--hot .pack-kw{border-top-color: #3A3633}
.pack-kw b{white-space: nowrap;font-family: var(--font-head);font-weight: 800;font-size: 1.25rem;letter-spacing: -.03em;color: var(--ink)}
.pack--hot .pack-kw b{color: #fff}
.pack .btn{width: 100%}
.pack--hot .btn-primary{color: #fff}
.packs-all{display: grid;gap: 12px;margin-top: 20px;padding: 20px 22px;border: 1px solid var(--line-strong);border-radius: 14px}
@media (min-width: 900px){.packs-all{grid-template-columns: 170px 1fr;align-items: center}}
.packs-all p{margin: 0;font-size: .75rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--ink-2)}
.packs-all ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 16px}
@media (min-width: 900px){.packs-all ul{grid-template-columns: repeat(4,minmax(0,1fr))}}
.packs-all li{display: flex;align-items: center;gap: 8px;font-size: .9375rem}
.packs-all svg{width: 16px;height: 16px;flex: none;color: var(--orange-ink)}
.packs-notes{display: grid;gap: 16px 48px;margin-top: 32px}
@media (min-width: 860px){.packs-notes{grid-template-columns: 1fr 1fr}}
.packs-notes h3{margin: 0 0 .4em;font-size: 1.125rem}
.packs-notes p{margin: 0;font-size: .9375rem;color: var(--ink-2);line-height: 1.6}
.incl{display: grid;gap: 16px;margin-top: clamp(40px,5vw,56px)}
@media (min-width: 860px){.incl{grid-template-columns: 1fr 1fr;gap: 20px}}
.incl-card{padding: 24px 26px;background: var(--card);border: 1px solid var(--line);border-radius: 16px}
.incl-out{background: transparent;border-style: dashed;border-color: var(--line-strong)}
.incl h3{font-size: 1.125rem;margin: 0 0 6px}
.incl li{display: grid;grid-template-columns: 24px 1fr;gap: 8px;padding: 11px 0;border-top: 1px solid var(--line);font-size: .9375rem;line-height: 1.5;color: var(--ink-2)}
.incl li svg{width: 18px;height: 18px;margin-top: 2px;color: var(--orange-ink)}
.incl-out li svg{color: #A39A90}
.incl li strong{color: var(--ink)}
.bundle{display: grid;gap: 18px 36px;margin-top: 20px;padding: clamp(24px,3vw,36px);background: var(--orange-soft);border-radius: 18px;align-items: center}
@media (min-width: 860px){.bundle{grid-template-columns: auto minmax(0,1fr) auto}}
.bundle-num{font-family: var(--font-head);font-weight: 800;font-size: clamp(3rem,2rem + 3vw,4.5rem);letter-spacing: -.06em;line-height: .9;color: var(--orange-head)}
.bundle h3{margin: 0 0 .3em;font-size: 1.375rem;letter-spacing: -.03em}
.bundle p{margin: 0;color: var(--ink);font-size: 1rem}
.bundle .fine{margin-top: 8px;font-size: .75rem;color: var(--ink-2)}
#ai h2{font-size: clamp(2rem,1.3rem + 2.2vw,3rem)}
.ads{display: grid;gap: 16px}
@media (min-width: 860px){.ads{grid-template-columns: 1fr 1fr;gap: 20px}}
.ads-col{padding: 26px;background: var(--card);border: 1px solid var(--line);border-radius: 16px}
.ads-seo{border-color: var(--orange);box-shadow: inset 0 0 0 1px var(--orange)}
.ads-tag{display: inline-block;margin: 0 0 10px;font-size: .6875rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--ink-2);padding: 4px 10px;background: var(--bg-alt);border-radius: 99px}
.ads-seo .ads-tag{background: var(--orange-soft);color: var(--orange-ink)}
.ads-col h3{font-size: 1.5rem;letter-spacing: -.03em;margin-bottom: 8px}
.ads-col li{display: grid;grid-template-columns: 18px 1fr;gap: 8px;padding: 10px 0;border-top: 1px solid var(--line);font-size: .9375rem;line-height: 1.5;color: var(--ink-2)}
.ads-col li::before{content: "";width: 6px;height: 6px;margin-top: .6em;border-radius: 50%;background: var(--line-strong)}
.ads-seo li::before{background: var(--orange-head)}
.ads-verdict{display: grid;gap: 16px 40px;margin-top: 20px;padding: 24px 26px;background: var(--dark);border-radius: 16px;align-items: center}
@media (min-width: 860px){.ads-verdict{grid-template-columns: minmax(0,1fr) auto}}
.ads-verdict p{margin: 0;font-family: var(--font-head);font-weight: 700;font-size: clamp(1.125rem,1rem + .5vw,1.375rem);letter-spacing: -.02em;line-height: 1.4;color: #fff}
.ads-verdict .tlink{color: #fff;white-space: nowrap}
.who-grid{display: grid;gap: 32px 56px;align-items: center}
@media (min-width: 860px){.who-grid{grid-template-columns: 260px minmax(0,1fr)}}
.who-grid img{width: 100%;max-width: 260px;aspect-ratio: 4 / 4.4;object-fit: cover;object-position: 50% 15%;border-radius: 18px;background: var(--bg-alt)}
.who-grid h2{font-size: clamp(1.8rem,1.2rem + 2vw,2.75rem)}
.who-grid p{color: var(--ink-2);max-width: 64ch}
.who-grid p strong{color: var(--ink)}
.guide-wrap{display: grid;gap: 40px}
@media (min-width: 1100px){.guide-wrap{grid-template-columns: minmax(0,720px) 240px;justify-content: space-between;align-items: start}}
.guide h2{font-size: clamp(1.9rem,1.2rem + 2.2vw,2.75rem)}
.guide h3{font-size: clamp(1.25rem,1.1rem + .5vw,1.5rem);margin: 2em 0 .6em;letter-spacing: -.025em;scroll-margin-top: calc(var(--header-h) + 20px)}
.guide p,.guide li{color: var(--ink-2)}
.guide p strong,.guide li strong{color: var(--ink)}
.guide a{color: var(--orange-ink)}
.guide ul{margin: 0 0 1em}
.guide ul li{position: relative;padding-left: 22px;margin-bottom: .5em}
.guide ul li::before{content: "";position: absolute;left: 4px;top: .7em;width: 7px;height: 7px;border-radius: 50%;background: var(--orange)}
.guide-data{margin: 1.6em 0;padding: 22px 24px;background: var(--card);border: 1px solid var(--line);border-left: 4px solid var(--orange-head);border-radius: 0 14px 14px 0}
.guide-data p{margin: 0 0 .6em;color: var(--ink)}
.guide-data p:last-child{margin: 0;font-size: .8125rem;color: var(--ink-2)}
.guide-data b{line-height: 1;font-family: var(--font-head);font-weight: 800;font-size: 1.25em;letter-spacing: -.02em;color: var(--orange-ink)}
.toc{display: none}
@media (min-width: 1100px){.toc{display: block;position: sticky;top: calc(var(--header-h) + 32px);padding: 20px;background: var(--card);border: 1px solid var(--line);border-radius: 14px}}
.toc p{margin: 0 0 10px;font-size: .6875rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--orange-ink)}
.toc ol{counter-reset: t}
.toc li{counter-increment: t;border-top: 1px solid var(--line)}
.toc a{display: grid;grid-template-columns: 22px 1fr;padding: 9px 0;font-size: .875rem;line-height: 1.4;color: var(--ink);text-decoration: none}
.toc a::before{content: counter(t);font-weight: 700;color: var(--orange-ink);font-variant-numeric: tabular-nums}
.toc a:hover{color: var(--orange-ink)}
.related{display: grid;gap: 12px}
@media (min-width: 760px){.related{grid-template-columns: 1fr 1fr;gap: 16px}}
.related a{display: grid;grid-template-columns: minmax(0,1fr) 20px;gap: 4px 16px;padding: 20px 22px;background: var(--card);border: 1px solid var(--line);border-radius: 14px;text-decoration: none;color: var(--ink);transition: border-color .2s}
.related a:hover{border-color: var(--orange)}
.related strong{font-family: var(--font-head);font-size: 1.125rem;letter-spacing: -.02em;transition: color .15s}
.related span{grid-column: 1;font-size: .9375rem;color: var(--ink-2);line-height: 1.5}
.related svg{grid-row: 1 / span 2;grid-column: 2;align-self: center;width: 18px;height: 18px;color: var(--orange-ink);transition: transform .2s}
.related a:hover strong{color: var(--orange-ink)}
.related a:hover svg{transform: translateX(4px)}
.byline{display: flex;flex-wrap: wrap;gap: 6px 18px;margin: 40px 0 0;padding-top: 16px;border-top: 1px solid var(--line-strong);font-size: .8125rem;color: var(--ink-2)}
.byline a{color: var(--ink)}
@media (max-width: 520px){.signature{display: grid;grid-template-columns: 52px minmax(0,1fr) 42px}.sig-txt{grid-column: span 2;margin: 0}.sig-phone{grid-column: 1 / 3}}
@media (min-width: 1000px){.sec>.label{padding-right: 32px}}
.incl-card{padding-top: 0;overflow: hidden}
.incl .incl-card h3{display: flex;align-items: center;gap: 10px;margin: 0 -26px 4px;padding: 16px 26px;font-size: .8125rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;background: var(--orange-soft);color: var(--orange-ink)}
.incl .incl-out h3{background: var(--bg-alt);color: var(--ink-2)}
.incl .incl-card h3::before{content: "✓";display: grid;place-items: center;width: 22px;height: 22px;border-radius: 50%;background: var(--orange-head);color: #fff;font-size: .75rem;letter-spacing: 0}
.incl .incl-out h3::before{content: "−";background: #A39A90}
.incl .incl-card li:first-child{border-top: 0}
/* Oś czasu (.step-list): numer, termin, tytuł, opis i „Dostajesz” na tej samej wysokości we wszystkich kolumnach – CSS subgrid */
@media (min-width: 1000px){.step-list{grid-auto-rows: auto;row-gap: 0}.step{display: grid;grid-row: span 5;grid-template-rows: subgrid;grid-template-columns: minmax(0,1fr);row-gap: 0}.step-n{grid-row: auto}.step > div{display: contents}.step .when{justify-self: start;align-self: start}.step-list .step .get{align-self: stretch;margin-top: 12px}}