/* AMK Vision: style sekcji, których nie da się opisać w theme.json. */

:root {
	--amk-grad: var(--wp--preset--gradient--amk);
	--amk-r: 18px;
	--amk-ink: var(--wp--preset--color--grafit);
	--amk-ink-2: var(--wp--preset--color--grafit-2);
	--amk-line-dark: var(--wp--preset--color--grafit-3);
	--amk-line: var(--wp--preset--color--linia);
	--amk-muted: var(--wp--preset--color--szary);
	--amk-muted-dark: var(--wp--preset--color--szary-jasny);
	--amk-soft: var(--wp--preset--color--tekst-2);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 2px solid var(--wp--preset--color--roz); outline-offset: 3px; }

/* Sekcje stykają się bez odstępów */
body .wp-site-blocks > * { margin-block-start: 0; }
body .amk-main > .alignfull, body .amk-main > .wp-block-post-content > .alignfull, body .amk-main > .wp-block-post-content { margin-block: 0; }
body .amk-main > * { margin-block: 0; }
[id] { scroll-margin-top: 96px; }
[hidden] { display: none !important; }
body { overflow-x: hidden; }

/* Wspólne */
.amk-grad-text {
	background: var(--amk-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
body .amk-eyebrow {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .32em;
	text-transform: uppercase;
	color: var(--amk-muted);
}
.has-grafit-background-color .amk-eyebrow,
.has-noc-background-color .amk-eyebrow { color: var(--amk-muted-dark); }
.amk-sec { padding-block: var(--wp--preset--spacing--60); }
.amk-sec-lead { color: var(--amk-soft); font-size: 18px; max-width: 46ch; }
.amk-dark .amk-sec-lead,
.amk-band .amk-sec-lead { color: var(--amk-muted-dark); }
h1, h2, h3 { text-wrap: balance; }
.wp-block-button__link { transition: transform .2s, box-shadow .2s, background-position .5s; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link { background-size: 160% 100%; background-position: 0 0; box-shadow: 0 10px 30px -10px rgba(255, 46, 126, .6); }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { transform: translateY(-2px); background-position: 100% 0; box-shadow: 0 16px 40px -10px rgba(255, 46, 126, .8); }
body .wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: inherit;
	border: 1px solid currentColor;
	padding: 13px 25px;
	opacity: .9;
}
body .wp-block-button.is-style-outline > .wp-block-button__link:hover { opacity: 1; }

.amk-icon {
	width: 44px; height: 44px; border-radius: 12px;
	display: grid; place-items: center;
	background: var(--wp--preset--color--papier);
}
.amk-icon svg { width: 24px; height: 24px; }

/* Nagłówek: zmniejsza się po przewinięciu, gradientowy pasek postępu */
.amk-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
body .amk-header {
	position: relative;
	/* Ten sam grafit co hero: pasek z logo zlewa się z tłem, bez szarej smugi. */
	background-color: var(--amk-ink) !important;
	transition: box-shadow .3s;
}
.is-scrolled .amk-header { box-shadow: 0 12px 30px -18px rgba(0, 0, 0, .6); }
.amk-header::after {
	content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%;
	background: var(--amk-grad); transform-origin: left; transform: scaleX(var(--amk-sp, 0));
}
.amk-header-inner { min-height: 76px; gap: 24px; transition: min-height .3s; }
.is-scrolled .amk-header-inner { min-height: 62px; }
body .amk-logo { margin: 0; }
.amk-logo img { display: block; height: auto; transition: width .3s; }
.is-scrolled .amk-logo img { width: 172px !important; }
.amk-header-right { gap: 32px; }
.amk-nav { gap: 30px; }
.amk-nav .wp-block-navigation-item__content { color: var(--amk-muted-dark); transition: color .2s; position: relative; }
.amk-nav .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px;
	background: var(--amk-grad); transform: scaleX(0); transform-origin: left; transition: transform .25s;
}
.amk-nav .wp-block-navigation-item__content:hover { color: #fff; }
.amk-nav .wp-block-navigation-item__content:hover::after { transform: scaleX(1); }
.amk-header-cta .wp-block-button__link { padding: 11px 20px; font-size: 15px; }
.amk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: #fff; font-size: 22px; }
.amk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after { display: none; }

/* Hero: gwiezdne tło, oddychająca poświata, światło biegnące po pętli logo */
.amk-hero { position: relative; overflow: hidden; isolation: isolate; }
.amk-hero > canvas.amk-sky { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; margin: 0; max-width: none; }
.amk-hero::before,
.amk-hero::after { content: ""; position: absolute; pointer-events: none; z-index: -1; }
.amk-hero::before { width: 1000px; height: 1000px; right: -320px; top: -300px; background: radial-gradient(closest-side, rgba(123, 61, 255, .38), transparent 70%); animation: amk-breathe 9s ease-in-out infinite; }
.amk-hero::after { width: 760px; height: 760px; left: -280px; bottom: -460px; background: radial-gradient(closest-side, rgba(255, 166, 46, .2), transparent 70%); }
@keyframes amk-breathe { 50% { transform: scale(1.08) translate(-20px, 10px); } }
.amk-hero-cols { padding-block: 104px 96px; gap: 48px; }
body .amk-hero .amk-eyebrow { margin-bottom: 26px; color: var(--amk-muted-dark); display: flex; align-items: center; gap: 12px; }
.amk-hero .amk-eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--amk-grad); flex: none; }
body .amk-hero-title { margin-top: 0; animation: amk-rise .9s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes amk-rise { from { transform: translateY(28px); opacity: .15; } to { transform: none; opacity: 1; } }
body .amk-lead { margin-top: 28px; font-size: 20px; color: var(--amk-muted-dark); max-width: 38ch; }
body .amk-hero-actions { margin-top: 40px; gap: 14px; }
body .amk-trust { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 12px 28px; font-size: 14px; color: var(--amk-muted-dark); }
.amk-trust span { display: flex; align-items: center; gap: 8px; }
.amk-trust svg { width: 16px; height: 16px; flex: none; }

.amk-dial { position: relative; width: min(460px, calc(100% - 44px)); aspect-ratio: 1; margin-left: auto; margin-right: 44px; max-width: 100%; transition: transform .4s ease-out; }
.amk-dial-ring {
	position: absolute; inset: 0; border-radius: 50%;
	background: conic-gradient(from 0deg, #7B3DFF, #FF2E7E, #FFA62E, #FF2E7E, #7B3DFF);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
	animation: amk-spin 24s linear infinite;
}
.amk-dial-ticks {
	position: absolute; inset: 18px; border-radius: 50%;
	background: repeating-conic-gradient(rgba(255, 255, 255, .28) 0 .5deg, transparent .5deg 7.5deg);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px));
	animation: amk-spin 60s linear infinite reverse;
}
.amk-dial-halo { position: absolute; inset: 16%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 46, 126, .22), transparent 70%); filter: blur(10px); }
.amk-deg { position: absolute; font-size: 12px; letter-spacing: .2em; color: var(--amk-muted-dark); }
.amk-d0 { top: -28px; left: 50%; transform: translateX(-50%); }
.amk-d90 { right: -40px; top: 50%; transform: translateY(-50%); }
.amk-d180 { bottom: -28px; left: 50%; transform: translateX(-50%); }
.amk-d270 { left: -46px; top: 50%; transform: translateY(-50%); }
.amk-dial-mark { position: absolute; left: 19%; right: 19%; top: 50%; transform: translateY(-50%); aspect-ratio: 212 / 120; }
.amk-dial-mark img { width: 100%; height: 100%; display: block; filter: drop-shadow(0 20px 50px rgba(255, 46, 126, .35)); }
.amk-dial-mark canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
@keyframes amk-spin { to { transform: rotate(360deg); } }

/* Pasek usług */
body .amk-ticker-wrap { padding: 0; }
.amk-ticker { background: var(--amk-grad); color: #fff; overflow: hidden; white-space: nowrap; }
.amk-ticker-track {
	display: inline-flex; padding-block: 18px;
	animation: amk-ticker 40s linear infinite;
	font-size: 15px; font-weight: 400; letter-spacing: .28em; text-transform: uppercase;
}
.amk-ticker-track span { padding-right: 48px; }
.amk-ticker-track span::after { content: "∞"; margin-left: 48px; font-weight: 300; opacity: .75; }
@keyframes amk-ticker { to { transform: translateX(-50%); } }

/* Nagłówki sekcji */
.amk-sec-head { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; margin-bottom: 56px; }
body .amk-sec-head > * { margin: 0; }
body .amk-sec-title > h2 { margin-top: 16px; }
body .amk-mb { margin-bottom: 48px; }

/* Usługi: bento (pierwsza karta duża i ciemna) albo równa siatka */
.amk-services { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
body .amk-services > * { margin: 0; }
.amk-svc {
	--mx: 50%; --my: 50%;
	background: #fff; border: 1px solid var(--amk-line); border-radius: var(--amk-r);
	padding: 30px 28px 32px; display: flex; flex-direction: column; gap: 14px;
	min-width: 0; position: relative; overflow: hidden; color: inherit; text-decoration: none;
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
body .amk-svc > * { margin: 0; position: relative; }
.amk-svc::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .3s;
	background: radial-gradient(420px circle at var(--mx) var(--my), rgba(123, 61, 255, .10), rgba(255, 46, 126, .06) 35%, transparent 60%);
}
.amk-svc:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -36px rgba(22, 19, 31, .45); border-color: transparent; }
.amk-svc:hover::before { opacity: 1; }
.amk-svc-top { display: flex; align-items: center; gap: 12px; }
.amk-svc .amk-icon { width: 48px; height: 48px; border-radius: 14px; }
.amk-num { margin-left: auto; font-size: 13px; letter-spacing: .2em; color: var(--amk-muted); }
.amk-badge-top { display: none; align-items: center; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; background: var(--amk-grad); color: #fff; }
.amk-svc h3 { font-size: 22px; font-weight: 500; letter-spacing: -.01em; }
.amk-svc-desc { display: block; color: var(--amk-soft); font-size: 15.5px; }
.amk-svc-more { margin-top: auto !important; padding-top: 10px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13px; color: var(--amk-muted); letter-spacing: .03em; }
.amk-svc-more svg { width: 18px; height: 18px; flex: none; color: var(--amk-ink); transition: transform .25s; }
.amk-svc:hover .amk-svc-more svg { transform: translateX(4px); }
.amk-services.is-bento > .amk-svc:first-child { grid-column: span 2; background: var(--amk-ink); color: #fff; border-color: var(--amk-ink); }
.amk-services.is-bento > .amk-svc:first-child::after {
	content: ""; position: absolute; right: -120px; bottom: -160px; width: 420px; height: 420px; border-radius: 50%; pointer-events: none;
	background: radial-gradient(closest-side, rgba(255, 46, 126, .35), transparent 70%);
}
.amk-services.is-bento > .amk-svc:first-child h3 { font-size: 30px; }
.amk-services.is-bento > .amk-svc:first-child .amk-svc-desc { color: var(--amk-muted-dark); font-size: 17px; max-width: 44ch; }
.amk-services.is-bento > .amk-svc:first-child .amk-icon { background: rgba(255, 255, 255, .08); }
.amk-services.is-bento > .amk-svc:first-child .amk-svc-more,
.amk-services.is-bento > .amk-svc:first-child .amk-num { color: var(--amk-muted-dark); }
.amk-services.is-bento > .amk-svc:first-child .amk-svc-more svg { color: #fff; }
.amk-services.is-bento > .amk-svc:first-child .amk-badge-top { display: inline-flex; }
.amk-services.is-siatka { grid-template-columns: repeat(3, 1fr); }
.amk-services.is-bento:has(> .amk-svc:nth-child(8):last-child) > .amk-svc:first-child { grid-row: span 2; }
.amk-services.is-bento > .amk-svc:nth-child(8):last-child { grid-column: span 2; }

/* Kinetyczny napis: dwa rzędy jadące w przeciwne strony przy przewijaniu */
body .amk-kinetic-wrap { overflow: hidden; padding-block: 8px 104px; background: var(--wp--preset--color--papier); }
.amk-kin-row { white-space: nowrap; font-size: clamp(56px, 11vw, 160px); font-weight: 700; letter-spacing: -.04em; line-height: 1.02; will-change: transform; transform: translateX(-80px); }
.amk-kin-row span { padding-right: .35em; }
.amk-kin-light { font-weight: 200; }
.amk-kinetic .o { color: transparent; -webkit-text-stroke: 1.5px #C9C3D9; }
.amk-kinetic .g { background: var(--amk-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Proces: linia wypełnia się gradientem przy przewijaniu */
.amk-steps { --p: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; }
.amk-steps::before,
.amk-steps::after { content: ""; position: absolute; left: 28px; right: 28px; top: 27px; height: 2px; }
.amk-steps::before { background: var(--amk-line-dark); }
.amk-steps::after { background: var(--amk-grad); transform-origin: left; transform: scaleX(var(--p)); transition: transform .2s linear; }
body .amk-steps > * { margin: 0; }
.amk-step { position: relative; min-width: 0; z-index: 1; }
body .amk-step > * { margin: 0; }
body .amk-step h3 { margin-top: 24px; font-size: 20px; font-weight: 500; }
body .amk-step p:not(.amk-step-n) { color: var(--amk-muted-dark); font-size: 15.5px; margin-top: 10px; }
.amk-step-n {
	width: 56px; height: 56px; border-radius: 50%;
	display: grid; place-items: center;
	background: var(--amk-ink); border: 2px solid var(--amk-line-dark);
	font-size: 18px; font-weight: 500; line-height: 1;
	transition: border-color .4s, box-shadow .4s;
}
.amk-step.is-on .amk-step-n {
	border-color: transparent;
	background-image: linear-gradient(var(--amk-ink), var(--amk-ink)), var(--amk-grad);
	background-origin: border-box; background-clip: padding-box, border-box;
	box-shadow: 0 0 0 6px rgba(255, 46, 126, .12), 0 0 30px rgba(255, 46, 126, .35);
}
body .amk-loop-note {
	margin-top: 56px; gap: 16px; padding: 20px 24px;
	border-radius: var(--amk-r); background: var(--amk-ink-2); border: 1px solid var(--amk-line-dark);
	color: var(--amk-muted-dark);
}
body .amk-loop-note > * { margin: 0; }
.amk-loop-note img { display: block; }
.amk-loop-note strong { color: #fff; font-weight: 500; }

/* Realizacje: filtry i kafelki */
.amk-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: -28px 0 28px; }
.amk-filter {
	padding: 9px 16px; border-radius: 999px; border: 1px solid var(--amk-line); background: #fff;
	font: 400 14px/1 var(--wp--preset--font-family--outfit); color: var(--amk-soft); cursor: pointer; transition: all .2s;
}
.amk-filter:hover { border-color: var(--wp--preset--color--fiolet); }
.amk-filter[aria-pressed="true"] { background: var(--amk-ink); color: #fff; border-color: var(--amk-ink); }
.amk-work { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body .amk-work > * { margin: 0; }
.amk-tile {
	border-radius: var(--amk-r); overflow: hidden; background: #fff; border: 1px solid var(--amk-line);
	display: flex; flex-direction: column; min-width: 0; color: inherit; text-decoration: none;
	transition: transform .3s, box-shadow .3s;
}
.amk-tile:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -32px rgba(22, 19, 31, .45); }
body .amk-tile > * { margin: 0; }
.amk-tile-img { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; max-width: 100%; }
.amk-tile-img img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.amk-tile-img > b { font-size: clamp(28px, 3vw, 40px); font-weight: 200; color: #fff; text-align: center; line-height: 1.1; padding: 0 16px; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.amk-tile:hover .amk-tile-img img,
.amk-tile:hover .amk-tile-img > b { transform: scale(1.06); }
.amk-tile-view {
	position: absolute; right: 14px; bottom: 14px; width: 44px; height: 44px; border-radius: 50%;
	background: #fff; color: var(--amk-ink); display: grid; place-items: center;
	transform: scale(.6); opacity: 0; transition: all .3s;
}
.amk-tile:hover .amk-tile-view { transform: none; opacity: 1; }
.amk-tile-view svg { width: 18px; height: 18px; }
.amk-tile-meta { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px 26px; }
body .amk-tile-meta > * { margin: 0; }
.amk-tile-meta h3 { font-size: 20px; font-weight: 500; letter-spacing: -.01em; }
.amk-tile-cat { font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--amk-muted); }

/* O nas */
.amk-white { border-block: 1px solid var(--amk-line); }
.amk-why { gap: 72px; }
body .amk-why h2 { margin-top: 16px; }
body .amk-why .amk-sec-lead { margin-top: 24px; }
.amk-point { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding-block: 26px; border-top: 1px solid var(--amk-line); transition: padding-left .3s; }
.amk-point:hover { padding-left: 8px; }
.amk-point:last-child { border-bottom: 1px solid var(--amk-line); }
body .amk-points > *,
body .amk-point > *,
body .amk-point > * > * { margin: 0; }
.amk-point .amk-icon { width: 56px; height: 56px; border-radius: 16px; }
.amk-point .amk-icon svg { width: 26px; height: 26px; }
body .amk-point p { color: var(--amk-soft); font-size: 16px; margin-top: 6px; }

/* FAQ (blok Szczegóły) */
.amk-faq-cols { gap: 72px; }
body .amk-faq-cols h2 { margin-top: 16px; }
body .amk-faq-cols .amk-sec-lead { margin-top: 24px; }
body .amk-faq > * { margin: 0; }
.amk-faq .wp-block-details { border-top: 1px solid var(--amk-line); }
.amk-faq .wp-block-details:last-child { border-bottom: 1px solid var(--amk-line); }
.amk-faq summary {
	list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px;
	padding-block: 24px; font-size: 20px; font-weight: 500; letter-spacing: -.01em;
}
.amk-faq summary::-webkit-details-marker { display: none; }
.amk-faq summary::after {
	content: ""; flex: none; width: 36px; height: 36px; border-radius: 50%;
	border: 1px solid var(--amk-line);
	background:
		linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) center / 1.5px 12px no-repeat;
	transition: transform .3s, background-color .3s, color .3s, border-color .3s;
}
.amk-faq details[open] summary::after { transform: rotate(45deg); background-color: var(--amk-ink); color: #fff; border-color: var(--amk-ink); }
body .amk-faq details > p { margin: 0; padding-bottom: 24px; color: var(--amk-soft); max-width: 60ch; }

/* Instagram */
body .amk-insta-head { margin-bottom: 28px; }
body .amk-insta-head h2 { margin-top: 12px; font-size: clamp(30px, 3.6vw, 44px); }

/* Duże CTA */
.amk-cta { position: relative; overflow: hidden; background: var(--amk-grad); }
.amk-cta::before {
	content: ""; position: absolute; inset: -50%; pointer-events: none;
	background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, .18), transparent 40%);
	animation: amk-drift 14s ease-in-out infinite alternate;
}
@keyframes amk-drift { to { transform: translate(20%, 10%); } }
.amk-cta > * { position: relative; }
.amk-cta-inner { padding-block: 88px; gap: 40px; align-items: center; }
body .amk-cta-inner > * { margin: 0; }
body .amk-cta h2 { font-size: clamp(36px, 5.4vw, 72px); max-width: 14ch; }
.amk-cta .amk-light { font-weight: 200; }
body .amk-cta-btn .wp-block-button__link {
	background: #fff; color: var(--amk-ink); padding: 18px 32px; font-size: 17px;
	box-shadow: 0 20px 40px -20px rgba(22, 19, 31, .5);
}

/* Kontakt */
.amk-contact { position: relative; overflow: hidden; }
.amk-contact::before { content: ""; position: absolute; right: -200px; bottom: -500px; width: 900px; height: 900px; background: radial-gradient(closest-side, rgba(255, 46, 126, .25), transparent 70%); pointer-events: none; }
.amk-contact > * { position: relative; }
.amk-contact-cols { gap: 72px; }
body .amk-contact h2 { margin-top: 16px; }
body .amk-contact .amk-sec-lead { margin-top: 24px; }
.amk-cdetails, .amk-cdetails-static { margin: 44px 0 0; display: grid; gap: 22px; }
body .amk-cdetails > *, body .amk-cdetails > * > *,
body .amk-cdetails-static > *, body .amk-cdetails-static > * > * { margin: 0; }
.amk-cdetails > div { display: grid; gap: 4px; }
.amk-label, .amk-cdetails dt { font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: var(--amk-muted); }
.amk-value, .amk-cdetails dd { font-size: 20px; font-weight: 400; margin-top: 4px; }
.amk-value a, .amk-cdetails a { text-decoration: none; }
.amk-value a:hover, .amk-cdetails a:hover { color: var(--wp--preset--color--roz); }
.amk-dark .amk-socials a { color: #fff; box-shadow: inset 0 0 0 1px var(--amk-line-dark); opacity: 1; }

.amk-form {
	background: var(--amk-ink-2); border: 1px solid var(--amk-line-dark); border-radius: 24px;
	padding: 36px; display: grid; gap: 18px; min-width: 0; position: relative; color: #fff;
}
.amk-form label { display: grid; gap: 8px; font-size: 14px; color: var(--amk-muted-dark); min-width: 0; }
.amk-form input:not([type="checkbox"]),
.amk-form textarea {
	width: 100%; font: 300 16px/1.4 var(--wp--preset--font-family--outfit);
	color: #fff; background: var(--amk-ink); border: 1px solid var(--amk-line-dark);
	border-radius: 12px; padding: 13px 15px; transition: border-color .2s, box-shadow .2s; color-scheme: dark; box-sizing: border-box;
}
.amk-form input:focus, .amk-form textarea:focus { outline: none; border-color: var(--wp--preset--color--roz); box-shadow: 0 0 0 4px rgba(255, 46, 126, .15); }
.amk-form textarea { min-height: 120px; resize: vertical; }
.amk-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.amk-form legend { font-size: 14px; color: var(--amk-muted-dark); margin-bottom: 10px; padding: 0; }
.amk-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.amk-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.amk-form .amk-chip { display: inline-block; }
.amk-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.amk-chip span { display: inline-block; padding: 9px 15px; border-radius: 999px; border: 1px solid var(--amk-line-dark); font-size: 14px; color: var(--amk-muted-dark); cursor: pointer; transition: all .2s; user-select: none; }
.amk-chip input:checked + span { background: var(--amk-grad); border-color: transparent; color: #fff; }
.amk-chip input:focus-visible + span { outline: 2px solid var(--wp--preset--color--roz); outline-offset: 2px; }
.amk-consent { font-size: 12.5px; color: var(--amk-muted); line-height: 1.5; margin: 0; }
.amk-consent a { color: inherit; }
.amk-form .wp-block-button { justify-self: start; margin-top: 6px; }
.amk-form .wp-block-button__link { border: 0; cursor: pointer; font-family: inherit; }
.amk-form-note { margin: 0; padding: 14px 16px; border-radius: 12px; font-size: 15px; }
.amk-form-note.is-ok { background: rgba(123, 61, 255, .16); border: 1px solid rgba(123, 61, 255, .5); }
.amk-form-note.is-error { background: rgba(255, 46, 126, .14); border: 1px solid rgba(255, 46, 126, .55); }
.amk-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Stopka */
.amk-footer { padding-block: 64px 40px; font-size: 15px; }
.amk-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
body .amk-footer-grid > *, body .amk-footer-grid > * > * { margin: 0; }
.amk-footer h4 { color: #fff; margin-bottom: 14px !important; font-size: 15px; font-weight: 500; }
.amk-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.amk-footer a { text-decoration: none; }
.amk-footer a:hover { color: #fff; }
.amk-footer-tag { margin-top: 18px !important; max-width: 30ch; }
.amk-footer .amk-socials { margin-top: 0; }
.amk-footer .amk-socials a { color: #fff; box-shadow: inset 0 0 0 1px #352E4A; }
body .amk-footer-bottom { margin-top: 56px; padding-top: 24px; border-top: 1px solid #241F33; font-size: 13px; color: var(--amk-muted); }
body .amk-footer-bottom > * { margin: 0; }

/* Podstrony i blog */
.amk-band { padding-block: clamp(56px, 7vw, 96px); }
body .amk-band h1, body .amk-band .wp-block-post-title, body .amk-band .wp-block-query-title { font-size: var(--wp--preset--font-size--x-large); margin-top: 12px; }
.amk-band .wp-block-post-date { margin: 0; }
.amk-content { padding-block: var(--wp--preset--spacing--50); }
body .amk-featured { margin-top: var(--wp--preset--spacing--50); }
.amk-featured img { border-radius: var(--amk-r); }
.amk-postnav { padding-bottom: var(--wp--preset--spacing--50); }
.amk-card { background: #fff; border: 1px solid var(--amk-line); border-radius: var(--amk-r); overflow: hidden; padding-bottom: 24px; height: 100%; }
body .amk-card > * { margin-inline: 24px; }
body .amk-card > .wp-block-post-featured-image { margin: 0 0 20px; }
.amk-card .wp-block-post-title { font-size: 20px; }
.amk-card .wp-block-post-title a { text-decoration: none; }

.amk-band-service .amk-eyebrow a { color: inherit; text-decoration: none; }
.amk-band-service .amk-eyebrow a:hover { color: #fff; }
.amk-service-content ul { padding-left: 0; list-style: none; display: grid; gap: 10px; }
.amk-service-content li { position: relative; padding-left: 30px; }
.amk-service-content li::before { content: ""; position: absolute; left: 0; top: .55em; width: 14px; height: 2px; background: var(--amk-grad); }

/* Podstrony: wspólny kontener tekstu i hero, również w zapisanych szablonach FSE. */
body.amk-subpage .amk-main {
	--amk-reading-width: var(--wp--style--global--wide-size, 1200px);
	--wp--style--global--content-size: var(--amk-reading-width);
}
body.amk-subpage .amk-main .wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.amk-subpage .amk-main .wp-block-post-content :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: min(100%, var(--amk-reading-width));
}
body.amk-subpage .amk-main :is(h1, h2, h3.wp-block-heading) {
	max-width: var(--amk-reading-width);
	text-wrap: pretty;
	overflow-wrap: anywhere;
}
body.amk-subpage .amk-main h1 {
	font-size: clamp(32px, 24px + 2vw, 48px) !important;
	line-height: 1.16;
	letter-spacing: -.025em;
}
body.amk-subpage .amk-main h2 {
	font-size: clamp(26px, 24px + .6vw, 32px) !important;
	line-height: 1.25;
	letter-spacing: -.02em;
}
body.amk-subpage .amk-main h3.wp-block-heading {
	font-size: clamp(22px, 20px + .3vw, 24px) !important;
	line-height: 1.35;
	letter-spacing: -.01em;
}
body.amk-subpage .amk-main .amk-band :is(.amk-lead, .amk-sec-lead) {
	max-width: none;
	width: 100%;
}
/* Starsze ręcznie poprawione opisy zachowują treść, ale nie wąski podział tekstu. */
body.amk-subpage .amk-main .wp-block-post-content :is(.amk-why, .amk-faq-cols) {
	flex-direction: column;
	align-items: stretch;
	gap: clamp(24px, 3vw, 40px);
}
body.amk-subpage .amk-main .wp-block-post-content :is(.amk-why, .amk-faq-cols) > .wp-block-column {
	flex-basis: auto !important;
	width: 100%;
}
body.amk-subpage .amk-main .wp-block-post-content :is(.amk-why, .amk-faq-cols) :is(.amk-sec-lead, .amk-faq details > p) {
	max-width: none;
	width: 100%;
}
body.amk-subpage .amk-main .wp-block-post-content > :is(h2, h3.wp-block-heading) {
	margin-block-start: 1.5em;
	margin-block-end: .65em;
}
body.amk-subpage .amk-main .wp-block-post-content > :is(p, ul, ol),
body.amk-subpage .amk-main .amk-prose > :is(p, ul, ol) { line-height: 1.75; }

/* Zatwierdzony tekst AI pozostaje zwykłą, edytowalną grupą bloków. */
.amkn-ai-generated { line-height: 1.75; }
body .amk-main > .amkn-ai-generated {
	max-width: var(--wp--style--global--wide-size, 1200px);
	padding-block: clamp(40px, 5vw, 72px);
	margin-inline: auto;
}
.amkn-ai-generated > :first-child { margin-block-start: 0; }
.amkn-ai-generated > :last-child { margin-block-end: 0; }
body .amkn-ai-generated h2 {
	font-size: clamp(26px, 24px + .6vw, 32px);
	line-height: 1.25;
	max-width: none;
	text-wrap: pretty;
}
body .amkn-ai-generated h3 {
	font-size: clamp(22px, 20px + .3vw, 24px);
	line-height: 1.35;
	margin-block-start: 1.5em;
}
.amkn-ai-generated details {
	padding-block: 16px;
	border-bottom: 1px solid var(--amk-line);
}
.amkn-ai-generated summary { cursor: pointer; font-weight: 500; }


/* Przełącznik języka w menu */
.amk-nav .amk-lang .wp-block-navigation-item__content {
	border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 4px 11px;
	font-size: 13px; letter-spacing: .12em; line-height: 1.4;
}
.amk-nav .amk-lang .wp-block-navigation-item__content::after { display: none; }
.amk-nav .amk-lang .wp-block-navigation-item__content:hover { border-color: #fff; }

/* Opinie i loga klientów (ciemna sekcja) */
.amk-reviews-sec { position: relative; overflow: hidden; }
.amk-reviews-sec::before { content: ""; position: absolute; left: -260px; top: -320px; width: 820px; height: 820px; background: radial-gradient(closest-side, rgba(123, 61, 255, .28), transparent 70%); pointer-events: none; }
.amk-reviews-sec > * { position: relative; }
.amk-logos { margin: -16px 0 48px; }
.amk-logos-title { margin: 0 0 18px; font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: var(--amk-muted); }
.amk-logos-mask { overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.amk-logos-track { display: inline-flex; align-items: center; animation: amk-ticker 38s linear infinite; }
.amk-logos-mask:hover .amk-logos-track { animation-play-state: paused; }
.amk-logos-dup { display: inline-flex; align-items: center; }
.amk-logo-item { flex: none; display: grid; place-items: center; height: 56px; padding: 0 36px; color: var(--amk-muted-dark); text-decoration: none; font-size: 22px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; opacity: .75; transition: opacity .25s; }
.amk-logo-item img { max-height: 44px; width: auto; max-width: 160px; object-fit: contain; filter: grayscale(1) brightness(1.8); transition: filter .25s; }
.amk-logo-item:hover { opacity: 1; }
.amk-logo-item:hover img { filter: none; }
.amk-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.amk-review-card {
	position: relative; margin: 0; padding: 32px 30px 28px; border-radius: var(--amk-r);
	background: var(--amk-ink-2); border: 1px solid var(--amk-line-dark);
	display: flex; flex-direction: column; gap: 18px; transition: transform .3s, border-color .3s;
}
.amk-review-card:hover { transform: translateY(-4px); border-color: rgba(255, 46, 126, .45); }
.amk-review-card .amk-qmark { width: 40px; height: 34px; fill: #FF2E7E; opacity: .9; }
.amk-stars { display: inline-flex; gap: 3px; }
.amk-stars i { display: inline-grid; }
.amk-stars svg { width: 18px; height: 18px; fill: #4A4360; }
.amk-stars i.is-on svg { fill: #FFA62E; }
.amk-review-card blockquote { margin: 0; padding: 0; border: 0; font-size: 17px; line-height: 1.6; color: #fff; flex: 1; }
.amk-review-card blockquote p { margin: 0 0 10px; }
.amk-review-card figcaption { display: flex; align-items: center; gap: 14px; padding-top: 18px; border-top: 1px solid var(--amk-line-dark); font-size: 14px; color: var(--amk-muted-dark); }
.amk-review-card figcaption strong { display: block; color: #fff; font-weight: 500; font-size: 16px; }
.amk-avatar { flex: none; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--amk-grad); color: #fff; font-weight: 600; font-size: 18px; }
.amk-avatar img { width: 100%; height: 100%; object-fit: cover; }
.amk-example { position: absolute; top: 16px; right: 16px; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; padding: 5px 9px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: var(--amk-muted-dark); }
.amk-reviews-foot { margin-top: 36px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.amk-google-badge { margin: 0; display: flex; align-items: center; gap: 12px; color: var(--amk-muted-dark); font-size: 14px; }
.amk-google-badge strong { font-size: 34px; font-weight: 600; color: #fff; line-height: 1; }
.amk-btn-line.amk-btn-dark { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px var(--amk-line-dark); }
.amk-btn-line.amk-btn-dark:hover { box-shadow: inset 0 0 0 1px #fff; }

/* Szybka wycena */
.amk-quote-cols { gap: 64px; }
body .amk-quote-cols h2 { margin-top: 16px; }
body .amk-quote-cols .amk-sec-lead { margin-top: 24px; }
ul.amk-ticks { list-style: none; padding: 0; margin: 32px 0 0; display: grid; gap: 14px; }
.amk-ticks li { position: relative; padding-left: 36px; color: var(--amk-soft); }
.amk-ticks li::before {
	content: ""; position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border-radius: 50%; background: var(--amk-grad);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");
}
.amk-ticks li::after { content: ""; position: absolute; left: 8px; top: 7px; width: 8px; height: 5px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(-45deg); }
.amk-quote {
	background: #fff; border: 1px solid var(--amk-line); border-radius: 24px; padding: 32px;
	box-shadow: 0 40px 80px -50px rgba(22, 19, 31, .45); display: grid; gap: 22px; position: relative; min-width: 0;
}
.amk-q-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; counter-reset: q; }
.amk-q-steps li { counter-increment: q; font-size: 12.5px; letter-spacing: .06em; color: var(--amk-muted); padding-top: 12px; position: relative; }
.amk-q-steps li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; border-radius: 4px; background: var(--amk-line); transition: background .3s; }
.amk-q-steps li.is-on { color: var(--amk-ink); }
.amk-q-steps li.is-on::before { background: var(--amk-grad); }
.amk-q-step { display: none; border: 0; margin: 0; padding: 0; min-width: 0; }
.amk-q-step.is-on { display: grid; gap: 16px; animation: amk-rise .45s cubic-bezier(.2, .7, .2, 1) both; }
.amk-q-step legend { padding: 0; margin-bottom: 16px; font-size: 22px; font-weight: 500; letter-spacing: -.01em; color: var(--amk-ink); }
.amk-q-step legend span { display: block; font-size: 15px; font-weight: 300; color: var(--amk-muted); letter-spacing: 0; margin-top: 4px; }
.amk-q-opts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.amk-q-opts.is-cols { grid-template-columns: repeat(3, 1fr); }
.amk-q-opt { position: relative; display: block; cursor: pointer; min-width: 0; }
.amk-q-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.amk-q-opt > span {
	display: flex; align-items: center; gap: 12px; height: 100%; box-sizing: border-box;
	padding: 14px 16px; border-radius: 14px; border: 1px solid var(--amk-line); background: var(--wp--preset--color--papier);
	font-size: 15px; color: var(--amk-ink); transition: border-color .2s, box-shadow .2s, background-color .2s;
}
.amk-q-opts.is-cols .amk-q-opt > span { display: block; font-size: 14px; color: var(--amk-soft); }
.amk-q-opt b { display: block; font-weight: 500; font-size: 16px; color: var(--amk-ink); margin-bottom: 4px; }
.amk-q-opt i { flex: none; width: 36px; height: 36px; border-radius: 10px; background: #fff; display: grid; place-items: center; }
.amk-q-opt i svg { width: 20px; height: 20px; }
.amk-q-opt:hover > span { border-color: var(--wp--preset--color--fiolet); }
.amk-q-opt input:checked + span {
	background: #fff; border-color: transparent;
	box-shadow: 0 0 0 2px #FF2E7E, 0 14px 30px -18px rgba(255, 46, 126, .7);
}
.amk-q-opt input:focus-visible + span { outline: 2px solid var(--wp--preset--color--roz); outline-offset: 2px; }
.amk-quote label:not(.amk-q-opt) { display: grid; gap: 8px; font-size: 14px; color: var(--amk-soft); min-width: 0; }
.amk-quote input:not([type="checkbox"]):not([type="radio"]),
.amk-quote textarea {
	width: 100%; box-sizing: border-box; font: 300 16px/1.4 var(--wp--preset--font-family--outfit);
	color: var(--amk-ink); background: var(--wp--preset--color--papier); border: 1px solid var(--amk-line);
	border-radius: 12px; padding: 13px 15px; transition: border-color .2s, box-shadow .2s;
}
.amk-quote input:focus, .amk-quote textarea:focus { outline: none; border-color: var(--wp--preset--color--roz); box-shadow: 0 0 0 4px rgba(255, 46, 126, .12); }
.amk-q-bar {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
	margin: 6px -32px -32px; padding: 22px 32px; border-top: 1px solid var(--amk-line);
	background: var(--wp--preset--color--papier); border-radius: 0 0 24px 24px;
}
.amk-q-result { display: grid; gap: 2px; min-width: 0; }
.amk-q-label { font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--amk-muted); }
.amk-q-sum { font-size: 26px; font-weight: 600; letter-spacing: -.02em; background: var(--amk-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.amk-q-note { font-size: 12.5px; color: var(--amk-muted); }
.amk-q-nav { display: flex; gap: 10px; }
.amk-q-nav button { font: 500 15px/1 var(--wp--preset--font-family--outfit); border: 0; cursor: pointer; border-radius: 999px; padding: 14px 24px; }
.amk-q-back { background: transparent; color: var(--amk-ink); box-shadow: inset 0 0 0 1px var(--amk-line); }
.amk-q-next, .amk-q-send { background: var(--amk-grad); color: #fff; box-shadow: 0 10px 30px -10px rgba(255, 46, 126, .6); transition: transform .2s; }
.amk-q-next:hover, .amk-q-send:hover { transform: translateY(-2px); }
.amk-q-next:disabled { opacity: .4; cursor: not-allowed; transform: none; box-shadow: none; }
.amk-quote .amk-form-note.is-ok { color: var(--amk-ink); }
.amk-quote .amk-consent { color: var(--amk-muted); }

/* Obszar działania (stopka) */
body .amk-areas { margin: 40px 0 0; font-size: 14px; color: var(--amk-muted); }
.amk-areas span { color: #fff; }
.amk-areas a { color: var(--amk-muted-dark); }
.amk-areas a:hover { color: #fff; }

/* Strony lokalne */
.amk-band-local { position: relative; overflow: hidden; padding-block: clamp(72px, 9vw, 128px); }
.amk-band-local::before { content: ""; position: absolute; width: 900px; height: 900px; right: -300px; top: -380px; background: radial-gradient(closest-side, rgba(123, 61, 255, .38), transparent 70%); pointer-events: none; }
.amk-band-local > * { position: relative; }
body .amk-band-local .amk-hero-title { font-size: clamp(40px, 6vw, 76px); margin-top: 18px; }

/* Efekty „wow”: wjazd sekcji, kursor, magnetyczne przyciski, karty 3D, intro z pętlą */
.amk-rv { opacity: 0; transform: translate3d(0, 46px, 0) scale(.98); filter: blur(8px); }
.amk-rv.is-in { opacity: 1; transform: none; filter: none; transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1), filter .9s; }
.amk-grad-text { background-size: 220% 100%; animation: amk-sheen 7s ease-in-out infinite alternate; }
@keyframes amk-sheen { from { background-position: 0 0; } to { background-position: 100% 0; } }
.amk-svc, .amk-tile, .amk-review-card { transform-style: preserve-3d; will-change: transform; }
.amk-svc::after, .amk-review-card::after {
	content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s;
	padding: 1px; background: radial-gradient(260px circle at var(--gx, 50%) var(--gy, 50%), #FF2E7E, #7B3DFF 45%, transparent 70%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
.amk-svc:hover::after, .amk-review-card:hover::after { opacity: 1; }
.amk-magnet { transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .2s, background-position .5s; will-change: transform; }
.amk-cur-dot, .amk-cur-ring { position: fixed; left: 0; top: 0; z-index: 9999; pointer-events: none; opacity: 0; transition: opacity .3s; }
.amk-cur-on .amk-cur-dot, .amk-cur-on .amk-cur-ring { opacity: 1; }
.amk-cur-dot { width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #FF2E7E; }
.amk-cur-ring { width: 38px; height: 38px; margin: -19px 0 0 -19px; }
.amk-cur-ring::before {
	content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(123, 61, 255, .55);
	transition: transform .35s cubic-bezier(.2, .7, .2, 1), background-color .3s, border-color .3s;
}
.amk-cur-ring span { position: absolute; inset: 0; display: grid; place-items: center; font-size: 12px; font-weight: 500; letter-spacing: .06em; color: #fff; opacity: 0; transform: scale(.6); transition: opacity .25s, transform .35s; }
.amk-cur-ring.is-link::before { transform: scale(1.7); border-color: rgba(255, 46, 126, .7); background: rgba(255, 46, 126, .08); }
.amk-cur-ring.is-text::before { transform: scale(.5); }
.amk-cur-ring.is-view::before { transform: scale(2.4); border-color: transparent; background: linear-gradient(120deg, #7B3DFF, #FF2E7E 55%, #FFA62E); }
.amk-cur-ring.is-view span { opacity: 1; transform: scale(1); }
.amk-cur-ring.is-down::before { transform: scale(.8); }
.amk-intro { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: #16131F; pointer-events: none; animation: amk-intro-out .7s cubic-bezier(.7, 0, .2, 1) 1.15s forwards; }
.amk-intro svg { width: min(260px, 52vw); height: auto; overflow: visible; animation: amk-intro-svg 1.6s cubic-bezier(.2, .7, .2, 1) forwards; }
.amk-intro path { fill: none; stroke-width: 15; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: amk-draw 1.05s cubic-bezier(.6, 0, .2, 1) .05s forwards; filter: drop-shadow(0 0 18px rgba(255, 46, 126, .55)); }
@keyframes amk-draw { to { stroke-dashoffset: 0; } }
@keyframes amk-intro-svg { 0% { transform: scale(.85); opacity: 1; } 70% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.25); opacity: 0; } }
@keyframes amk-intro-out { to { clip-path: inset(0 0 100% 0); visibility: hidden; } }
.amk-seen .amk-intro { display: none; }
@media (prefers-reduced-motion: reduce) {
	.amk-intro { display: none; }
	.amk-grad-text { animation: none; }
}


.amk-ticker-track { transform-origin: center; }
.amk-ticker { transform: skewX(0); }
.amk-ticker-track span { display: inline-block; transform: skewX(var(--amk-skew, 0deg)); transition: transform .2s; }
.amk-hero > canvas.amk-web { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; margin: 0; max-width: none; mix-blend-mode: screen; }
.amk-cta::after { content: ""; position: absolute; left: var(--cx, 50%); top: var(--cy, 50%); width: 620px; height: 620px; margin: -310px 0 0 -310px; border-radius: 50%; pointer-events: none; opacity: 0; transition: opacity .5s; background: radial-gradient(closest-side, rgba(255, 255, 255, .35), rgba(255, 166, 46, .18) 45%, transparent 75%); mix-blend-mode: soft-light; }
.amk-cta.is-lit::after { opacity: 1; }
.amk-giant { margin: 40px 0 0; overflow: hidden; text-align: center; line-height: .82; user-select: none; }
.amk-giant span {
	display: inline-block; white-space: nowrap; font-weight: 800; letter-spacing: -.045em; font-size: min(13.6vw, 196px);
	color: transparent;
	background: linear-gradient(90deg, transparent var(--fill, 0%), #221D30 var(--fill, 0%)), linear-gradient(90deg, #7B3DFF, #FF2E7E 50%, #FFA62E);
	-webkit-background-clip: text; background-clip: text;
}

/* Responsywność */
@media (max-width: 1020px) {
	.amk-services.is-bento > .amk-svc:first-child { grid-row: auto; }
	.amk-services, .amk-services.is-siatka { grid-template-columns: repeat(2, 1fr); }
	.amk-steps { grid-template-columns: 1fr; gap: 28px; }
	.amk-steps::before, .amk-steps::after { left: 27px; right: auto; top: 28px; bottom: 28px; width: 2px; height: auto; }
	.amk-steps::after { transform-origin: top; transform: scaleY(var(--p)); background: linear-gradient(180deg, #7B3DFF, #FF2E7E, #FFA62E); }
	.amk-step { display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; }
	.amk-step .amk-step-n { grid-row: span 2; }
	body .amk-step h3 { margin-top: 14px; }
	body .amk-step p:not(.amk-step-n) { grid-column: 2; }
	.amk-work { grid-template-columns: repeat(2, 1fr); }
	.amk-reviews { grid-template-columns: 1fr; max-width: 640px; }
	.amk-footer-grid { grid-template-columns: 1fr 1fr; }
	body .amk-header-cta { display: none; }
}
@media (max-width: 900px) {
	.amk-nav { gap: 18px; font-size: 14px; }
	.amk-logo img, .is-scrolled .amk-logo img { width: 160px !important; }
	.amk-sec-head { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 781px) {
	.amk-hero-cols { padding-block: 64px 88px; }
	.amk-dial { width: min(330px, 82%); margin: 24px auto 0; }
	.amk-why, .amk-contact-cols, .amk-faq-cols { gap: 48px; }
	.amk-sec { padding-block: 80px; }
}
@media (max-width: 560px) {
	.amk-services, .amk-services.is-siatka, .amk-work, .amk-row2, .amk-footer-grid { grid-template-columns: 1fr; }
	.amk-services.is-bento > .amk-svc:first-child, .amk-services.is-bento > .amk-svc:nth-child(8):last-child { grid-column: auto; }
	.amk-services.is-bento > .amk-svc:first-child h3 { font-size: 26px; }
	.amk-form { padding: 24px; }
	body .amk-lead { font-size: 18px; }
	.amk-d90 { right: -8px; }
	.amk-d270 { left: -14px; }
	.amk-logo img, .is-scrolled .amk-logo img { width: 150px !important; }
	.amk-faq summary { font-size: 18px; }
	.amk-quote { padding: 22px; }
	.amk-q-bar { margin: 6px -22px -22px; padding: 18px 22px; }
	.amk-q-opts, .amk-q-opts.is-cols { grid-template-columns: 1fr; }
	.amk-q-steps li { font-size: 0; }
	.amk-q-nav { width: 100%; }
	.amk-q-nav button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
	html { scroll-behavior: auto; }
	.amk-kin-row { transform: none; }
}
/* Fraza kluczowa w nagłówku H1 strony głównej (wygląda jak nadtytuł). */
.amk-hero-title .amk-h1-kw { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; font-size: 13px; font-weight: 400; line-height: 1.5; letter-spacing: .32em; text-transform: uppercase; color: var(--amk-muted-dark); }
.amk-hero-title .amk-h1-kw::before { content: ""; width: 28px; height: 2px; background: var(--amk-grad); flex: none; }