/*
Theme Name: nikcut-studio
Text Domain: nikcut-studio
Description: Website theme for NikCut Studio — reels for businesses, Kiryat Gat
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* ═══════════════════════════ TOKENS ═══════════════════════════ */
:root {
	--ink: #08080C;
	--ink-2: #0F0F16;
	--ink-3: #16161F;
	--line: rgba(255, 255, 255, .10);
	--paper: #F4F1EA;
	--muted: #A5A3B0;

	--yellow: #FFD400;
	--purple: #8B5CF6;
	--blue: #2E7DFF;
	--green: #00E08A;
	--pink: #FF4D9D;

	--nav-h: 68px;
	--r: 20px;
	--wrap: 1160px;
	--a11y-font: 1;
}

/* ═══════════════════════════ BASE ═════════════════════════════ */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 12px); }

body.nk {
	margin: 0;
	background: var(--ink);
	color: var(--paper);
	font-family: 'Rubik', system-ui, sans-serif;
	font-size: calc(17px * var(--a11y-font));
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
body.nk * { box-sizing: border-box; }
body.nk img, body.nk svg { max-width: 100%; }
body.nk a { color: inherit; text-decoration: none; }
body.nk p { margin: 0 0 1em; }
body.nk h1, body.nk h2, body.nk h3 { margin: 0 0 .4em; line-height: 1.05; letter-spacing: -.02em; font-weight: 800; }
body.nk [hidden] { display: none !important; }

.nk-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding-inline: 22px; }
.nk-wrap--narrow { max-width: 760px; }

.nk-skip { position: absolute; inset-inline-start: -9999px; top: 0; z-index: 2000; background: var(--yellow); color: #000; padding: 12px 20px; font-weight: 700; border-radius: 0 0 12px 12px; }
.nk-skip:focus { inset-inline-start: 12px; }

.nk-grain {
	position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: .30;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
	mix-blend-mode: overlay;
}

:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; border-radius: 4px; }

/* ═══════════════════════════ BUTTONS ══════════════════════════ */
.nk-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em;
	padding: 15px 30px; border: 0; border-radius: 999px; cursor: pointer;
	background: linear-gradient(135deg, #7C4DEF 0%, #2E7DFF 100%); color: #fff;
	font-family: inherit; font-size: 1em; font-weight: 700; letter-spacing: -.01em;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
	transition: transform .22s cubic-bezier(.2,.9,.3,1), box-shadow .22s, filter .22s;
}
.nk-btn:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 12px 34px -10px rgba(124, 77, 239, .75), inset 0 0 0 1px rgba(255,255,255,.2); }
.nk-btn--wide { padding: 12px 62px; font-weight: 600; }
.nk-btn--full { width: 100%; padding: 17px 24px; font-size: 1.05em; }

.nk-more { margin-top: 34px; }
.nk-more a { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--yellow); border-bottom: 1.5px solid rgba(255,212,0,.4); padding-bottom: 3px; }
.nk-more a:hover { border-bottom-color: var(--yellow); }

/* ═══════════════════════════ NAV ══════════════════════════════ */
.nk-nav {
	position: fixed; inset-inline: 0; top: 0; z-index: 900;
	backdrop-filter: blur(14px); background: rgba(8, 8, 12, .62);
	border-bottom: 1px solid var(--line); transition: background .3s;
}
.nk-nav__inner { max-width: var(--wrap); margin: 0 auto; padding: 0 22px; height: var(--nav-h); display: flex; align-items: center; gap: 18px; }

/* Bookmark — a ribbon hanging from the top edge with the logo at its tip */
.nk-corner {
	position: fixed; top: -40px; left: 46px; right: auto; z-index: 960;
	width: 132px; height: 216px; display: block;
}
.nk-corner__tri {
	position: absolute; inset: 0; background: #101A33;
	border-radius: 0 0 32px 32px;
	border: 2px solid #2BB8FF; border-top: 0;
	box-shadow:
		inset 0 -10px 14px -6px rgba(43, 184, 255, .55),
		0 0 5px rgba(43, 184, 255, 1),
		0 0 12px rgba(43, 184, 255, .85),
		0 0 22px rgba(43, 184, 255, .45),
		0 18px 44px -14px rgba(0, 0, 0, .85);
}
.nk-corner__logo {
	position: absolute; bottom: 20px; inset-inline: 0; margin: 0 auto;
	width: 98px; height: auto; display: block;
}
.nk-corner__text {
	position: absolute; bottom: 26px; inset-inline: 0; text-align: center;
	font-weight: 900; font-size: 1.4rem; letter-spacing: -.04em; color: #0A0A0E;
}
body.nk-site .nk-nav__inner--corner { max-width: none; padding-left: 210px; padding-right: 34px; }
/* Landing pages: the bookmark is branding only — not a link. */
.nk-corner--static { pointer-events: none; cursor: default; }

.nk-brand { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.12em; letter-spacing: -.03em; }
.nk-brand__logo { height: 62px; width: auto; display: block; margin-block: -14px; }
.nk-brand__text em { font-style: normal; color: var(--yellow); }

.nk-nav__scroller {
	flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden;
	scrollbar-width: none; -ms-overflow-style: none;
	transition: opacity .3s;
}
.nk-nav__scroller::-webkit-scrollbar { display: none; }
.nk-nav__links { display: flex; align-items: center; gap: 38px; width: max-content; margin-inline-end: auto; padding-block: 20px; font-size: 1.3em; font-weight: 600; color: var(--muted); }
.nk-nav__links a { position: relative; white-space: nowrap; padding: 4px 0; transition: color .2s; }
.nk-nav__links a::after { content: ''; position: absolute; inset-inline: 0; bottom: 0; height: 2px; background: var(--yellow); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
.nk-nav__links a:hover { color: var(--paper); }
.nk-nav__links a.is-active { color: var(--yellow); font-weight: 600; }
.nk-nav__links a:hover::after, .nk-nav__links a.is-active::after { transform: scaleX(1); }

.nk-nav.is-collapsed .nk-nav__scroller { opacity: 0; pointer-events: none; }

/* Side dock that replaces the row once you scroll */
.nk-dock { position: fixed; right: 20px; left: auto; top: 92px; z-index: 940; opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .3s, transform .3s; }
.nk-dock.is-on { opacity: 1; pointer-events: auto; transform: none; }
.nk-dock__btn {
	width: 66px; height: 66px; border: 0; border-radius: 20px; cursor: pointer;
	background: rgba(16,16,22,.96); backdrop-filter: blur(10px);
	box-shadow: 0 16px 40px -10px rgba(0,0,0,.95), inset 0 0 0 1.6px rgba(255,255,255,.22);
	display: grid; place-content: center; gap: 7px; transition: box-shadow .22s, transform .22s;
}
.nk-dock__btn:hover { transform: scale(1.05); box-shadow: 0 16px 40px -8px rgba(0,0,0,1), inset 0 0 0 1.8px rgba(255,212,0,.75); }
.nk-dock__btn span { display: block; width: 28px; height: 3px; border-radius: 3px; background: var(--paper); transition: transform .28s, opacity .2s; }
.nk-dock__btn.is-open span:nth-child(1) { transform: translateY(10px) rotate(45deg); }
.nk-dock__btn.is-open span:nth-child(2) { opacity: 0; }
.nk-dock__btn.is-open span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }
.nk-dock__panel {
	position: absolute; top: 76px; right: 0; left: auto; min-width: 186px; padding: 12px;
	border-radius: 18px; background: rgba(16,16,22,.97); backdrop-filter: blur(10px);
	box-shadow: 0 22px 50px -16px rgba(0,0,0,.95), inset 0 0 0 1px var(--line);
	display: flex; flex-direction: column;
}
.nk-dock__panel a { padding: 11px 12px; border-radius: 11px; font-weight: 600; font-size: .95em; transition: background .2s; }
.nk-dock__panel a:hover { background: var(--ink-3); }
.nk-dock__panel a.is-active { color: var(--yellow); background: rgba(255,212,0,.10); box-shadow: inset 0 0 0 1px rgba(255,212,0,.35); }

/* ═══════════════════════════ HERO ═════════════════════════════ */
.nk-hero { position: relative; padding: calc(var(--nav-h) + 110px) 0 120px; overflow: hidden; }
.nk-hero__glow {
	position: absolute; inset: -20% -10% auto -10%; height: 720px; pointer-events: none; filter: blur(6px);
	background:
		radial-gradient(46% 46% at 22% 32%, rgba(139, 92, 246, .40) 0%, transparent 70%),
		radial-gradient(40% 40% at 78% 20%, rgba(46, 125, 255, .32) 0%, transparent 70%),
		radial-gradient(38% 38% at 55% 78%, rgba(255, 212, 0, .18) 0%, transparent 70%),
		radial-gradient(30% 30% at 90% 75%, rgba(255, 77, 157, .18) 0%, transparent 70%);
}
.nk-hero__inner { position: relative; text-align: center; }
.nk-eyebrow {
	display: inline-block; padding: 7px 16px; border-radius: 999px; margin-bottom: 26px;
	font-size: .82em; font-weight: 600; color: var(--green);
	background: rgba(0, 224, 138, .10); box-shadow: inset 0 0 0 1px rgba(0, 224, 138, .28);
}
.nk-eyebrow--wide {
	padding: 12px 56px; font-size: .96em; font-weight: 600; margin-bottom: 32px;
	background: rgba(0, 224, 138, .13); box-shadow: inset 0 0 0 1.6px rgba(0, 224, 138, .55);
}
.nk-hero__title { font-size: clamp(2.6rem, 8.2vw, 5.6rem); font-weight: 900; letter-spacing: -.045em; }
.nk-line { display: block; }
.nk-hl--yellow { color: var(--yellow); }
.nk-hero__sub { max-width: 620px; margin: 22px auto 0; font-size: clamp(1rem, 2.4vw, 1.26rem); color: var(--muted); }

/* ═══════════════════════ PAGE HEADERS ═════════════════════════ */
.nk-phead { position: relative; padding: calc(var(--nav-h) + 84px) 0 60px; overflow: hidden; text-align: center; }
.nk-phead--short { padding-bottom: 30px; }
.nk-phead__glow {
	position: absolute; inset: -30% -10% auto -10%; height: 560px; pointer-events: none; filter: blur(8px);
	background:
		radial-gradient(45% 45% at 30% 30%, rgba(139, 92, 246, .34) 0%, transparent 70%),
		radial-gradient(40% 40% at 72% 24%, rgba(46, 125, 255, .28) 0%, transparent 70%);
}
.nk-phead .nk-wrap { position: relative; }
.nk-phead__title { font-size: clamp(2.4rem, 7vw, 4.4rem); font-weight: 900; letter-spacing: -.05em; }
.nk-phead__sub { max-width: 640px; margin: 14px auto 0; color: var(--muted); font-size: 1.06em; }

/* ═══════════════════════════ ABOUT ════════════════════════════ */
.nk-about { position: relative; padding: 110px 0; overflow: hidden; }
.nk-about--page { padding-top: calc(var(--nav-h) + 90px); }
.nk-about__bg { position: absolute; inset: 0; background: #0A0A10; overflow: hidden; }
.nk-about__photo { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .40; filter: saturate(1.15) contrast(1.05); transform: scale(1.03); }
.nk-about__tint {
	position: absolute; inset: 0; mix-blend-mode: screen; opacity: .55;
	background:
		radial-gradient(120% 90% at 20% 10%, #3A1D6E 0%, transparent 55%),
		radial-gradient(100% 80% at 90% 20%, #0B3C7A 0%, transparent 55%),
		radial-gradient(90% 70% at 60% 100%, #6E3A00 0%, transparent 60%);
}
.nk-about__bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,8,12,.72) 0%, rgba(8,8,12,.50) 45%, rgba(8,8,12,.94) 100%); }
.nk-about__inner { position: relative; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; align-items: center; }
.nk-about__title { font-size: clamp(3.4rem, 11vw, 7rem); font-weight: 900; letter-spacing: -.055em; color: #fff; margin: 0; text-shadow: 0 12px 60px rgba(0,0,0,.6); }
.nk-about__text { font-size: clamp(1rem, 2.1vw, 1.16rem); color: rgba(255,255,255,.88); }
.nk-about__kicker { color: var(--yellow); font-weight: 600; }

/* ═══════════════════════ CURVED TICKER ════════════════════════ */
.nk-marquee {
	overflow: hidden; padding: 26px 0; border-block: 1px solid var(--line); background: var(--ink-2);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.nk-marquee__track { display: flex; align-items: center; gap: 34px; width: max-content; animation: nk-scroll 42s linear infinite; }
.nk-marquee__item { font-size: 30px; white-space: nowrap; color: rgba(244, 241, 234, .55); line-height: 1.4; }
.nk-marquee__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); opacity: .55; flex: 0 0 auto; }
@keyframes nk-scroll { from { transform: translateX(0); } to { transform: translateX(50%); } }

.nk-f--anton { font-family: 'Anton', sans-serif; }
.nk-f--playfair { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; }
.nk-f--mono { font-family: 'Space Mono', monospace; font-weight: 700; font-size: 25px; }
.nk-f--caveat { font-family: 'Caveat', cursive; font-weight: 700; font-size: 38px; }
.nk-f--bebas { font-family: 'Bebas Neue', sans-serif; letter-spacing: .06em; font-size: 34px; }
.nk-f--cinzel { font-family: 'Cinzel', serif; font-weight: 700; font-size: 26px; letter-spacing: .04em; }
.nk-f--pacifico { font-family: 'Pacifico', cursive; font-size: 27px; }
.nk-f--archivo { font-family: 'Archivo Black', sans-serif; font-size: 26px; }


/* ═══════════════════════════ SECTIONS ═════════════════════════ */
.nk-section { padding: 100px 0; }
.nk-section--alt { background: var(--ink-2); }
.nk-h2 { font-size: clamp(2rem, 5.4vw, 3.3rem); font-weight: 900; letter-spacing: -.04em; }
.nk-sub { max-width: 560px; margin-top: -6px; color: var(--muted); font-size: 1.03em; }

.nk-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px; }
.nk-cards--two { grid-template-columns: repeat(2, 1fr); }
.nk-card { padding: 32px 28px; border-radius: var(--r); background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); transition: transform .3s, box-shadow .3s; }
.nk-section--alt .nk-card { background: var(--ink-3); }
.nk-card:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.nk-card h3 { font-size: 1.4em; }
.nk-card p { color: var(--muted); margin: 0; font-size: .96em; }
.nk-card--lead { background: linear-gradient(160deg, rgba(139,92,246,.20), rgba(46,125,255,.10) 60%, transparent), var(--ink-2); box-shadow: inset 0 0 0 1px rgba(139,92,246,.42); }
.nk-card__tag { display: inline-block; margin-bottom: 12px; padding: 5px 12px; border-radius: 999px; font-size: .72em; font-weight: 700; background: var(--purple); color: #fff; }

.nk-srv { padding: 40px; border-radius: 26px; background: linear-gradient(160deg, rgba(139,92,246,.18), rgba(46,125,255,.08) 60%, transparent), var(--ink-2); box-shadow: inset 0 0 0 1px rgba(139,92,246,.38); }
.nk-srv h2 { font-size: clamp(1.8rem, 4.4vw, 2.6rem); }
.nk-srv p { color: rgba(244,241,234,.86); max-width: 720px; }
.nk-srv__price { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin: 26px 0; padding: 20px 24px; border-radius: 18px; background: rgba(0,0,0,.35); }
.nk-srv__price strong { display: block; font-size: 1.2em; }
.nk-srv__price span { color: var(--muted); font-size: .88em; }
.nk-srv__amount { margin-inline-start: auto; font-size: 2.6rem; font-weight: 900; letter-spacing: -.05em; color: var(--yellow); }
.nk-srv__amount span { font-size: 1.3rem; vertical-align: super; }

.nk-flow { list-style: none; margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.nk-flow li { position: relative; padding: 32px 26px; border-radius: var(--r); background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); }
.nk-flow__num { font-size: 2.6rem; font-weight: 900; line-height: 1; letter-spacing: -.05em; display: block; margin-bottom: 12px; }
.nk-flow li:nth-child(1) .nk-flow__num { color: var(--yellow); }
.nk-flow li:nth-child(2) .nk-flow__num { color: var(--purple); }
.nk-flow li:nth-child(3) .nk-flow__num { color: var(--blue); }
.nk-flow li:nth-child(4) .nk-flow__num { color: var(--green); }
.nk-flow li:nth-child(5) .nk-flow__num { color: var(--pink); }
.nk-flow li:nth-child(6) .nk-flow__num { color: var(--yellow); }
.nk-flow h3 { font-size: 1.22em; }
.nk-flow p { color: var(--muted); margin: 0; font-size: .95em; }

.nk-price { display: grid; grid-template-columns: 1fr 1fr; border-radius: 28px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--line); background: var(--ink-3); }
.nk-price__side { padding: 46px 40px; background: linear-gradient(155deg, rgba(255,212,0,.13), transparent 60%); }
.nk-price__badge { display: inline-block; margin-bottom: 16px; padding: 6px 14px; border-radius: 999px; font-size: .78em; font-weight: 700; background: var(--pink); color: #fff; }
.nk-price h2 { font-size: 2.3em; }
.nk-price__amount { font-size: 4.4rem; font-weight: 900; line-height: 1; letter-spacing: -.055em; color: var(--yellow); margin: 6px 0 14px; }
.nk-price__amount span { font-size: 2rem; vertical-align: super; margin-inline-end: 4px; }
.nk-price__note { color: var(--muted); font-size: .92em; }
.nk-price__list { list-style: none; margin: 0; padding: 46px 40px; display: grid; gap: 13px; align-content: center; }
.nk-ticks { list-style: none; margin: 26px 0; padding: 0; display: grid; gap: 13px; }
.nk-price__list li, .nk-ticks li { position: relative; padding-inline-start: 30px; color: rgba(244,241,234,.9); }
.nk-price__list li::before, .nk-ticks li::before {
	content: ''; position: absolute; inset-inline-start: 0; top: .45em; width: 16px; height: 16px; background: var(--green);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ═══════════════════ VIDEO STRIP + TILES ══════════════════════ */
.nk-stripwrap { position: relative; }
.nk-strip { margin-top: 40px; overflow-x: auto; padding-bottom: 14px; scrollbar-width: none; }
.nk-strip::-webkit-scrollbar { height: 0; }
.nk-arrow {
	position: absolute; top: calc(50% + 12px); transform: translateY(-50%); z-index: 3;
	width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
	display: grid; place-items: center; color: var(--paper); background: rgba(12,12,18,.72);
	backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
	box-shadow: 0 10px 26px -10px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.22);
	transition: transform .2s, background .2s, box-shadow .2s;
}
.nk-arrow svg { width: 22px; height: 22px; }
.nk-arrow:hover { transform: translateY(-50%) scale(1.08); background: rgba(12,12,18,.92); box-shadow: 0 10px 26px -10px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.5); }
.nk-arrow[hidden] { display: none; }
.nk-arrow--prev { inset-inline-start: -8px; }
.nk-arrow--next { inset-inline-end: -8px; }
@media (max-width: 820px) {
	.nk-arrow { width: 38px; height: 38px; }
	.nk-arrow--prev { inset-inline-start: 0; }
	.nk-arrow--next { inset-inline-end: 0; }
}
.nk-strip__track { display: flex; gap: 14px; width: max-content; }
.nk-tile {
	position: relative; flex: 0 0 auto; width: 158px; aspect-ratio: 9 / 16;
	border: 0; padding: 0; margin: 0; cursor: pointer; overflow: hidden;
	border-radius: 16px; background: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line);
	transition: transform .25s, box-shadow .25s;
}
.nk-tile:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(255,212,0,.55); }
.nk-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nk-tile__play {
	position: absolute; inset: 0; margin: auto; width: 46px; height: 46px; border-radius: 50%;
	display: grid; place-items: center; background: rgba(255,212,0,.92); color: #0A0A0E;
	box-shadow: 0 8px 22px -6px rgba(0,0,0,.8);
}
.nk-tile__play svg { width: 22px; height: 22px; margin-inline-start: 2px; }
.nk-tile--soon { display: grid; place-items: center; color: var(--muted); font-weight: 600; font-size: .9em; background: repeating-linear-gradient(135deg, var(--ink-3) 0 12px, var(--ink-2) 12px 24px); cursor: default; }

/* ═══════════════════════════ WINDOWS ══════════════════════════ */
.nk-windows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-items: center; gap: 26px; margin-top: 20px; max-width: 820px; margin-inline: auto; }
.nk-window { position: relative; width: 100%; max-width: 380px; aspect-ratio: 1 / .95; }
.nk-window__glow { position: absolute; inset: 14%; border-radius: 50%; filter: blur(46px); opacity: 0; transition: opacity 1s ease .3s; background: radial-gradient(circle, rgba(255,212,0,.40), rgba(139,92,246,.30) 55%, transparent 72%); }
.nk-window.is-open .nk-window__glow { opacity: 1; }

.nk-window__reveal { position: absolute; inset: 16% 18%; overflow: hidden; border-radius: 6px; background: #0B0B12; opacity: 0; transition: opacity .5s ease .18s; }
.nk-window__reveal img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nk-window--multi { flex-basis: 560px; aspect-ratio: 1 / .78; }
.nk-window__grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 4px; width: 100%; height: 100%; }
.nk-window__grid img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 0; }
/* Three photos: the first one takes the whole first column. */
.nk-window__grid img:first-child:nth-last-child(3) { grid-row: 1 / span 2; }
.nk-window.is-open .nk-window__reveal { opacity: 1; }

.nk-window__frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .5s ease .22s; pointer-events: none; z-index: 3; }
.nk-window.is-open .nk-window__frame { opacity: 1; }

.nk-window__btn { position: absolute; inset: 0; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; z-index: 4; transition: transform .3s; }
.nk-window__btn:hover { transform: scale(1.012); }
.nk-window__shut { width: 100%; height: 100%; object-fit: contain; display: block; transition: opacity .45s ease, transform .6s cubic-bezier(.3,.8,.3,1); }
.nk-window.is-open .nk-window__shut { opacity: 0; transform: scale(1.06); }
.nk-window__srtext { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.nk-window__cue {
	position: absolute; inset-inline-start: 15%; bottom: 20%; width: 40px; height: 40px;
	display: grid; place-items: center; border-radius: 50%;
	background: rgba(255,255,255,.16); color: rgba(255,255,255,.72);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
	animation: nk-cue 2.4s ease-in-out infinite; transition: opacity .3s;
}
.nk-window__cue svg { width: 21px; height: 21px; }
.nk-window__btn:hover .nk-window__cue { background: rgba(255,255,255,.28); color: #fff; }
@keyframes nk-cue { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* ═══════════════════════════ CAROUSEL ═════════════════════════ */
.nk-carousel { display: flex; gap: 18px; margin-top: 44px; padding-bottom: 14px; overflow-x: auto; scroll-snap-type: x mandatory; }
.nk-review { flex: 0 0 clamp(180px, 24%, 230px); margin: 0; scroll-snap-align: start; }
.nk-review__video { position: relative; aspect-ratio: 9 / 16; border-radius: var(--r); overflow: hidden; background: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; color: var(--muted); font-size: .9em; }
.nk-review--empty .nk-review__video { background: repeating-linear-gradient(135deg, var(--ink-3) 0 12px, var(--ink-2) 12px 24px); }

/* ═══════════════════════════ DECK ═════════════════════════════ */
.nk-deck { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 46px; align-items: center; }
.nk-deck__img img { display: block; width: 100%; height: auto; filter: drop-shadow(0 34px 60px rgba(0,0,0,.55)); }

/* ═══════════════════════════ FAQ ══════════════════════════════ */
.nk-faq { margin-top: 40px; }
.nk-faq details { border-bottom: 1px solid var(--line); }
.nk-faq summary { list-style: none; cursor: pointer; padding: 22px 0; padding-inline-end: 40px; position: relative; font-size: 1.08em; font-weight: 600; }
.nk-faq summary::-webkit-details-marker { display: none; }
.nk-faq summary::after {
	content: ''; position: absolute; inset-inline-end: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; transition: transform .3s; background: var(--yellow);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.nk-faq details[open] summary::after { transform: rotate(135deg); }
.nk-faq details p { color: var(--muted); margin: 0 0 22px; }

.nk-endcta { text-align: center; }
.nk-endcta p { color: var(--muted); margin-bottom: 26px; }
.nk-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 24px; text-align: center; align-items: start; }
.nk-details h3 { font-size: 1em; color: var(--muted); font-weight: 600; letter-spacing: .04em; margin-bottom: .55em; }
.nk-details p { font-size: 1.45em; font-weight: 700; margin: 0; word-break: break-word; }
.nk-details a:hover { color: var(--yellow); }
.nk-section--tight { padding-block: 64px; }
.nk-prose { color: rgba(244,241,234,.88); }

/* ═══════════════════════════ MIC ══════════════════════════════ */
.nk-mic { position: relative; padding: 40px 0 48px; background: var(--ink-2); border-top: 1px solid var(--line); overflow: hidden; }
.nk-mic__inner { position: relative; }
.nk-mic__img {
	display: block; max-width: none; height: auto;
	width: calc(100% + 36vw); margin-inline-start: -22vw;
}
.nk-mic__ph { color: rgba(255,255,255,.16); }
.nk-mic__ph svg { width: 100%; height: auto; fill: currentColor; }
.nk-mic__line {
	position: absolute; top: 7%; inset-inline-start: 0; z-index: 2;
	margin: 0; max-width: 40%; text-align: start;
	font-weight: 900; font-size: clamp(1.9rem, 4.4vw, 3.1rem); line-height: 1.05; letter-spacing: -.045em;
}
.nk-mic__line span { color: var(--yellow); }

/* ═══════════════════════════ CONTACT ══════════════════════════ */
.nk-contact { padding: 100px 0; background: radial-gradient(80% 60% at 50% 0%, rgba(139,92,246,.20), transparent 70%), var(--ink); }
.nk-form { margin-top: 34px; }
.nk-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.nk-form label { display: block; margin-bottom: 14px; }
.nk-form label span { display: block; margin-bottom: 8px; font-size: .9em; font-weight: 600; color: var(--muted); }
.nk-form input { width: 100%; padding: 15px 18px; border-radius: 14px; border: 0; background: var(--ink-2); color: var(--paper); font-family: inherit; font-size: 1em; box-shadow: inset 0 0 0 1.5px var(--line); transition: box-shadow .22s; }
.nk-form input::placeholder { color: rgba(165,163,176,.65); }
.nk-form input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--yellow); }
.nk-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.nk-note { margin-top: 26px; padding: 16px 20px; border-radius: 14px; font-weight: 600; }
.nk-note--ok { background: rgba(0,224,138,.12); color: var(--green); box-shadow: inset 0 0 0 1px rgba(0,224,138,.35); }
.nk-bit { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); text-align: center; }
.nk-bit__or { display: inline-block; font-size: 13px; letter-spacing: .12em; color: var(--muted); margin-bottom: 8px; }
.nk-bit__title { margin: 0 0 6px; font-weight: 700; font-size: 17px; }
.nk-bit__body { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.78); }
.nk-bit__num { color: var(--yellow); font-weight: 700; text-decoration: none; white-space: nowrap; }
.nk-bit__wa { display: inline-block; }

.nk-prefill { margin: 0 auto 14px; max-width: 720px; font-size: 14px; color: rgba(255,255,255,.72); text-align: center; }
.nk-prefill a { color: var(--yellow); text-decoration: underline; }

.nk-note--err { background: rgba(255,77,157,.12); color: var(--pink); box-shadow: inset 0 0 0 1px rgba(255,77,157,.35); }

.nk-or { position: relative; text-align: center; margin: 30px 0; color: var(--muted); font-size: .88em; }
.nk-or::before { content: ''; position: absolute; inset-inline: 0; top: 50%; height: 1px; background: var(--line); }
.nk-or span { position: relative; background: var(--ink); padding: 0 14px; }

.nk-wa { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 18px 24px; border-radius: 999px; font-size: 1.03em; font-weight: 700; background: #25D366; color: #06331A; transition: transform .22s, box-shadow .22s; }
.nk-wa svg { width: 26px; height: 26px; flex: 0 0 auto; }
.nk-wa:hover { transform: translateY(-2px); box-shadow: 0 12px 34px -10px rgba(37,211,102,.7); }

/* ═══════════════════════════ FOOTER ═══════════════════════════ */
.nk-footer { background: var(--ink); border-top: 1px solid var(--line); padding: 56px 0 34px; }
.nk-footer__inner { max-width: var(--wrap); margin: 0 auto; padding: 0 22px; text-align: center; }
.nk-footer__logo {
	height: 132px; width: auto; margin: 0 auto; display: block;
	filter:
		drop-shadow(0 0 60px rgba(255, 255, 255, .85))
		drop-shadow(0 0 150px rgba(255, 255, 255, .55))
		drop-shadow(0 0 280px rgba(255, 255, 255, .35));
}
.nk-footer__name { display: block; font-weight: 800; font-size: 1.3em; letter-spacing: -.03em; }
.nk-footer__name em { font-style: normal; color: var(--yellow); }
.nk-footer__city { margin: 6px 0 0; color: var(--muted); font-size: .88em; }
.nk-footer__nav { display: flex; justify-content: center; gap: 26px; flex-wrap: wrap; margin-top: 26px; font-size: .95em; color: var(--muted); }
.nk-footer__nav a:hover { color: var(--yellow); }
.nk-footer__nav--legal { margin-top: 14px; gap: 18px; font-size: .86em; color: rgba(165,163,176,.75); }
.nk-footer__legal {
	display: block; width: 100%; max-width: none;
	margin: 30px 0 0; padding-top: 24px;
	border-top: 1px solid var(--line);
	color: rgba(165,163,176,.7); font-size: .84em;
	text-align: center !important; unicode-bidi: isolate;
}

/* ═══════════════════════════ LIGHTBOX ═════════════════════════ */
.nk-light { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 30px; background: rgba(4,4,8,.93); backdrop-filter: blur(8px); }
.nk-light__stage img { max-width: min(1100px, 92vw); max-height: 84vh; width: auto; height: auto; display: block; border-radius: 12px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.9); }
.nk-light__video { width: min(400px, 86vw); aspect-ratio: 9 / 16; max-height: 84vh; }
.nk-light__video iframe { width: 100%; height: 100%; border: 0; border-radius: 16px; }
.nk-light__close {
	position: absolute; top: 20px; inset-inline-end: 20px; width: 46px; height: 46px; border: 0; cursor: pointer;
	border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 28px; line-height: 1;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); transition: background .2s;
}
.nk-light__close:hover { background: rgba(255,255,255,.24); }

/* ═══════════════════════ ACCESSIBILITY ════════════════════════ */
.nk-a11y { position: fixed; inset-inline-start: 18px; bottom: 18px; z-index: 950; }
.nk-a11y__toggle { position: relative; width: 52px; height: 52px; border-radius: 50%; border: 0; cursor: pointer; background: var(--blue); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 28px -8px rgba(46,125,255,.8); transition: transform .22s; }
.nk-a11y__toggle:hover { transform: scale(1.06); }

.nk-a11y__toggle svg { width: 28px; height: 28px; grid-area: 1 / 1; }
.nk-a11y__label {
	position: absolute; top: 50%; inset-inline-end: calc(100% + 10px); transform: translateY(-50%);
	padding: 7px 13px; border-radius: 9px; white-space: nowrap;
	background: #2F2F33; color: #fff; font-size: .78rem; font-weight: 500; line-height: 1.2;
	box-shadow: 0 6px 18px -6px rgba(0,0,0,.8);
	pointer-events: none;
}
.nk-a11y__panel { position: absolute; bottom: 62px; inset-inline-start: 0; width: 232px; padding: 16px; border-radius: 18px; background: #14141C; box-shadow: 0 20px 50px -14px rgba(0,0,0,.9), inset 0 0 0 1px var(--line); display: grid; gap: 8px; }
.nk-a11y__panel strong { font-size: .9em; color: var(--muted); }
.nk-a11y__panel button { width: 100%; padding: 10px 14px; border: 0; border-radius: 11px; cursor: pointer; text-align: start; background: var(--ink-3); color: var(--paper); font-family: inherit; font-size: .92em; font-weight: 600; box-shadow: inset 0 0 0 1px var(--line); transition: background .2s; }
.nk-a11y__panel button:hover { background: #22222E; }

html.a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; }
html.a11y-motion *, html.a11y-motion *::before, html.a11y-motion *::after { animation: none !important; transition: none !important; }
html.a11y-motion [data-reveal] { opacity: 1 !important; transform: none !important; }
html.a11y-contrast body.nk { background: #000; color: #fff; }
html.a11y-contrast .nk-section--alt, html.a11y-contrast .nk-card, html.a11y-contrast .nk-flow li,
html.a11y-contrast .nk-marquee, html.a11y-contrast .nk-mic, html.a11y-contrast .nk-footer { background: #000 !important; }
html.a11y-contrast .nk-grain, html.a11y-contrast .nk-hero__glow, html.a11y-contrast .nk-phead__glow,
html.a11y-contrast .nk-about__photo, html.a11y-contrast .nk-about__tint { display: none !important; }
html.a11y-contrast .nk-sub, html.a11y-contrast .nk-card p, html.a11y-contrast .nk-flow p,
html.a11y-contrast .nk-nav__links { color: #fff !important; }
html.a11y-contrast .nk-card, html.a11y-contrast .nk-flow li { box-shadow: inset 0 0 0 2px #fff !important; }

/* ═══════════════════════ SCROLL REVEAL ════════════════════════ */
[data-reveal] { opacity: 0; transform: translateY(28px); }
.nk-reveal-ready [data-reveal] { transition: opacity .75s cubic-bezier(.16,.8,.3,1), transform .75s cubic-bezier(.16,.8,.3,1); }
[data-reveal].is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	[data-reveal] { opacity: 1 !important; transform: none !important; }
	.nk-marquee__track, .nk-window__cue { animation: none !important; }
}

/* מסך מגע אמיתי (טלפון/טאבלט): אין ריחוף, אז התריסים רק מפריעים — החלון נפתח מעצמו.
   במחשב החלון תמיד סגור ונפתח בלחיצה, בכל רמת זום. */
@media (hover: none) and (pointer: coarse) {
	.nk-window .nk-window__reveal { opacity: 1; }
	.nk-window .nk-window__frame { opacity: 1; }
	.nk-window .nk-window__glow { opacity: 1; }
	.nk-window__btn { pointer-events: none; }
	.nk-window__shut, .nk-window__cue { display: none; }
}

/* ═══════════════════════════ RESPONSIVE ═══════════════════════ */
@media (max-width: 1000px) {
	.nk-cards, .nk-flow { grid-template-columns: 1fr 1fr; }
	.nk-window { flex-basis: 300px; }
	.nk-about__inner, .nk-deck { grid-template-columns: 1fr; gap: 22px; }
	.nk-windows { grid-template-columns: 1fr; gap: 18px; }
	.nk-price { grid-template-columns: 1fr; }
	.nk-price__list { padding-top: 0; }
	.nk-details { gap: 14px 16px; }
	.nk-details p { font-size: 1.15em; }
}

@media (min-width: 821px) {
	.nk-nav__scroller { -webkit-mask-image: none; mask-image: none; overflow-x: visible; }
	.nk-nav__links { justify-content: flex-start; }
}

@media (max-width: 820px) {
	/* Fade only the far (left) end, so the first link is never dimmed. */
	.nk-nav__scroller {
		-webkit-mask-image: linear-gradient(90deg, transparent, #000 30px, #000 100%);
		mask-image: linear-gradient(90deg, transparent, #000 30px, #000 100%);
	}
	.nk-nav__links { margin-inline-start: 0; gap: 20px; padding-inline: 10px; }
	.nk-brand__logo { height: 52px; margin-block: -10px; }
	.nk-corner { width: 96px; height: 156px; top: -30px; left: 16px; right: auto; }
	.nk-corner__tri { border-radius: 0 0 24px 24px; }
	.nk-corner__logo { width: 70px; bottom: 14px; }
	.nk-corner__text { bottom: 18px; font-size: 1.05rem; }
	body.nk-site .nk-nav__inner--corner { padding-left: 118px; padding-right: 22px; }
	body.nk-lp .nk-hero--lp, body.nk-lp .nk-phead { padding-top: 96px; }
	.nk-section, .nk-contact, .nk-about, .nk-mic { padding: 70px 0; }
	.nk-hero { padding: calc(var(--nav-h) + 56px) 0 70px; }
	.nk-phead { padding: calc(var(--nav-h) + 56px) 0 40px; }
	.nk-cards, .nk-cards--two, .nk-flow { grid-template-columns: 1fr; }
	.nk-window { flex-basis: 100%; }
	.nk-form__row { grid-template-columns: 1fr; }
	.nk-price__side, .nk-price__list, .nk-srv { padding: 30px 24px; }
	.nk-marquee__item { font-size: 24px; }
	.nk-f--caveat { font-size: 30px; }
	.nk-f--bebas { font-size: 27px; }
	.nk-a11y { inset-inline-start: 12px; bottom: 12px; }
	.nk-a11y__label { display: none; }
	/* The three details stay side by side at every width. */
	.nk-details { grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.nk-details h3 { font-size: .82em; }
	.nk-details p { font-size: .95em; }
	.nk-dock { top: 84px; right: 14px; left: auto; }
	.nk-eyebrow--wide { padding: 11px 30px; }
	.nk-tile { width: 132px; }
	.nk-mic__img { width: calc(100% + 14vw); margin-inline-start: -7vw; }
	.nk-mic__line { position: static; max-width: none; margin-top: 10px; }
}

/* ═══════════════════ LANDING: 10 REELS ════════════════════════ */
.nk-hero--lp { padding-bottom: 84px; }
.nk-hero__split { position: relative; display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: 44px; align-items: center; }
.nk-hero__split .nk-hero__inner { text-align: start; }
.nk-hero__split .nk-hero__sub { margin-inline: 0; }
.nk-hero__split .nk-cta-row, .nk-hero__split .nk-badges { justify-content: flex-start; }

.nk-hero__video { position: relative; aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden; background: var(--ink-3); box-shadow: 0 30px 70px -24px rgba(0,0,0,.9), inset 0 0 0 1px var(--line); }
.nk-hero__video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.nk-hero__sound {
	position: absolute; inset-inline-end: 12px; bottom: 12px; width: 42px; height: 42px; border: 0; cursor: pointer;
	border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(10,10,14,.6);
	backdrop-filter: blur(6px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); transition: background .2s, color .2s;
}
.nk-hero__vtag {
	position: absolute; inset-inline-start: 10px; top: 10px; z-index: 2;
	display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 999px;
	font-size: .78em; font-weight: 700; color: #fff; background: rgba(10,10,14,.62); backdrop-filter: blur(6px);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
}
.nk-hero__vtag i { width: 7px; height: 7px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 0 4px rgba(255,77,157,.25); animation: nk-live 1.8s ease-in-out infinite; }
@keyframes nk-live { 50% { opacity: .35; } }
.nk-hero__sound svg { width: 22px; height: 22px; }
.nk-hero__sound:hover { background: rgba(10,10,14,.85); }
.nk-hero__video.is-loud .nk-hero__sound { color: #0A0A0E; background: var(--yellow); box-shadow: none; }
.nk-section--tight { padding: 70px 0 100px; }
.nk-h2--sm { font-size: clamp(1.5rem, 3.6vw, 2.1rem); margin-top: 54px; }

.nk-cta-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: center; margin-top: 34px; }
.nk-cta-row--start { justify-content: flex-start; }
.nk-cta-row--center { justify-content: center; }

.nk-ghost {
	display: inline-flex; align-items: center; gap: .5em; padding: 15px 28px; border-radius: 999px;
	font-weight: 600; color: var(--paper); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.22);
	transition: box-shadow .22s, transform .22s, color .22s;
}
.nk-ghost:hover { color: var(--yellow); box-shadow: inset 0 0 0 1.5px rgba(255,212,0,.6); transform: translateY(-2px); }

.nk-badges { list-style: none; margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.nk-badges li {
	padding: 8px 16px; border-radius: 999px; font-size: .86em; font-weight: 600; color: var(--muted);
	background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line);
}

.nk-cta-band { background: radial-gradient(70% 60% at 50% 0%, rgba(139,92,246,.24), transparent 70%), var(--ink-2); text-align: center; }

.nk-sticky { position: fixed; inset-inline: 0; bottom: 0; z-index: 930; display: none; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(8,8,12,.92); backdrop-filter: blur(12px); border-top: 1px solid var(--line); }
.nk-sticky__inner { display: flex; align-items: center; gap: 12px; }
.nk-sticky__price { flex: 1 1 auto; font-size: .95em; color: var(--muted); }
.nk-sticky__price strong { color: var(--yellow); font-size: 1.15em; }
.nk-sticky .nk-btn { flex: 0 0 auto; padding: 13px 26px; }

/* ═══════════════════ SIGNUP FLOW ══════════════════════════════ */
.nk-steps { list-style: none; margin: 0 0 34px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.nk-steps li {
	display: flex; align-items: center; gap: 9px; padding: 10px 18px; border-radius: 999px;
	font-size: .9em; font-weight: 600; color: var(--muted); background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line);
}
.nk-steps li span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-size: .78em; background: rgba(255,255,255,.10); color: var(--paper); }
.nk-steps li.is-on { color: #0A0A0E; background: var(--yellow); box-shadow: none; }
.nk-steps li.is-on span { background: rgba(0,0,0,.22); color: #0A0A0E; }
.nk-steps li.is-done { color: var(--green); box-shadow: inset 0 0 0 1px rgba(0,224,138,.4); }
.nk-steps li.is-done span { background: rgba(0,224,138,.18); color: var(--green); }
.nk-steps li a { display: flex; align-items: center; gap: 9px; color: inherit; }
.nk-steps li:has(a) { cursor: pointer; transition: box-shadow .2s, color .2s; }
.nk-steps li:has(a):hover { color: var(--paper); box-shadow: inset 0 0 0 1px rgba(0,224,138,.75); }

.nk-signup { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); gap: 22px; align-items: start; }

.nk-form--card { margin-top: 0; padding: 32px 30px; border-radius: 26px; background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); }
.nk-form textarea, .nk-form select {
	width: 100%; padding: 15px 18px; border-radius: 14px; border: 0; background: var(--ink-3); color: var(--paper);
	font-family: inherit; font-size: 1em; box-shadow: inset 0 0 0 1.5px var(--line); transition: box-shadow .22s;
}
.nk-form--card input { background: var(--ink-3); }
.nk-form textarea { resize: vertical; min-height: 110px; }
.nk-form textarea:focus, .nk-form select:focus { outline: none; box-shadow: inset 0 0 0 2px var(--yellow); }
.nk-form select { appearance: none; cursor: pointer; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-size: 6px 6px, 6px 6px; background-position: left 20px top 25px, left 14px top 25px; background-repeat: no-repeat; }
.nk-form__foot { margin: 14px 0 0; font-size: .85em; color: var(--muted); text-align: center; }

.nk-fieldset { margin: 0 0 22px; padding: 0; border: 0; }
.nk-fieldset legend { padding: 0; margin-bottom: 12px; font-size: .95em; font-weight: 700; }
.nk-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.nk-choice { position: relative; margin: 0; cursor: pointer; }
.nk-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.nk-choice span {
	display: block; padding: 16px 18px; border-radius: 16px; font-size: .92em; color: var(--muted);
	background: var(--ink-3); box-shadow: inset 0 0 0 1.5px var(--line); transition: box-shadow .2s, color .2s;
}
.nk-choice strong { display: block; margin-bottom: 4px; font-size: 1.04em; color: var(--paper); }
.nk-choice input:checked + span { color: var(--paper); box-shadow: inset 0 0 0 2px var(--yellow); background: rgba(255,212,0,.08); }
.nk-choice input:focus-visible + span { outline: 3px solid var(--yellow); outline-offset: 3px; }

.nk-ask {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 24px;
	padding: 14px 18px; border-radius: 16px; background: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line);
	font-size: .93em; color: var(--muted);
}
.nk-ask__wa {
	position: relative; display: inline-grid; place-items: center; margin-inline-start: auto; flex: 0 0 auto;
	width: 34px; height: 34px; border-radius: 50%; color: #25D366;
	background: rgba(37,211,102,.12); box-shadow: inset 0 0 0 1px rgba(37,211,102,.4);
	transition: background .2s, color .2s;
}
.nk-ask__wa svg { width: 19px; height: 19px; position: relative; z-index: 1; }
.nk-ask__wa::before {
	content: ''; position: absolute; inset: -5px; border-radius: 50%;
	background: radial-gradient(circle, rgba(37,211,102,.45) 0%, transparent 68%);
	animation: nk-wapulse 2.6s ease-in-out infinite;
}
@keyframes nk-wapulse { 0%, 100% { opacity: .5; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }
.nk-ask__wa:hover { background: #25D366; color: #06331A; box-shadow: 0 0 18px -2px rgba(37,211,102,.75), inset 0 0 0 1px rgba(37,211,102,.6); }

.nk-qgroup { margin: 34px 0 16px; padding-bottom: 10px; font-size: 1.15em; color: var(--yellow); border-bottom: 1px solid var(--line); }
.nk-form--card > .nk-qgroup:first-of-type { margin-top: 26px; }

.nk-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.nk-tag { margin: 0; cursor: pointer; }
.nk-tag input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.nk-tag span {
	display: inline-block; padding: 9px 16px; border-radius: 999px; font-size: .92em; font-weight: 600; color: var(--muted);
	background: var(--ink-3); box-shadow: inset 0 0 0 1.5px var(--line); transition: color .2s, box-shadow .2s, background .2s;
}
.nk-tag input:checked + span { color: #0A0A0E; background: var(--yellow); box-shadow: none; }
.nk-tag input:focus-visible + span { outline: 3px solid var(--yellow); outline-offset: 3px; }

.nk-check { display: flex; align-items: flex-start; gap: 12px; margin: 4px 0 22px; font-size: .88em; color: var(--muted); line-height: 1.6; cursor: pointer; }
.nk-check input[type="checkbox"] {
	appearance: none; -webkit-appearance: none; position: relative;
	flex: 0 0 auto; width: 24px; height: 24px; margin: 2px 0 0; padding: 0; border: 0; border-radius: 8px;
	background: var(--ink-3); box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); cursor: pointer;
	transition: background .18s, box-shadow .18s;
}
.nk-check input[type="checkbox"]:hover { box-shadow: inset 0 0 0 2px rgba(255,212,0,.7); }
.nk-check input[type="checkbox"]:checked { background: var(--yellow); box-shadow: none; }
.nk-check input[type="checkbox"]:checked::after {
	content: ''; position: absolute; inset: 4px; background: #0A0A0E;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.nk-check input[type="checkbox"]:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.nk-check--soft { font-size: .84em; opacity: .92; }
.nk-check a {
	display: inline-flex; align-items: center; gap: 7px; margin-top: 8px;
	padding: 7px 16px; border-radius: 999px; white-space: nowrap;
	color: var(--yellow) !important; font-weight: 700; font-size: 1.02em; text-decoration: none;
	background: rgba(255,212,0,.12); box-shadow: inset 0 0 0 1.5px rgba(255,212,0,.55);
	transition: background .2s, color .2s;
}
.nk-check a::before {
	content: ''; width: 15px; height: 15px; flex: 0 0 auto; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3l-9 9M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3l-9 9M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.nk-check a:hover { background: var(--yellow); color: #0A0A0E !important; }

.nk-summary { padding: 30px 28px; border-radius: 26px; background: linear-gradient(160deg, rgba(139,92,246,.20), rgba(46,125,255,.08) 60%, transparent), var(--ink-2); box-shadow: inset 0 0 0 1px rgba(139,92,246,.38); }
.nk-summary h2 { font-size: 1.3em; }
.nk-summary__amount { font-size: 3.2rem; font-weight: 900; line-height: 1; letter-spacing: -.055em; color: var(--yellow); margin: 6px 0 16px; }
.nk-summary__amount span { font-size: 1.5rem; vertical-align: super; margin-inline-end: 4px; }
.nk-summary .nk-ticks { margin: 0; font-size: .93em; }
.nk-summary__note { margin: 20px 0 0; font-size: .86em; color: var(--muted); }
.nk-summary__note a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }

.nk-paybox { padding: 34px 30px; border-radius: 26px; text-align: center; background: linear-gradient(155deg, rgba(255,212,0,.14), transparent 62%), var(--ink-2); box-shadow: inset 0 0 0 1px rgba(255,212,0,.34); }
.nk-paybox .nk-summary__amount { margin-top: 12px; }
.nk-paybox .nk-btn { margin-top: 8px; }
.nk-payhint {
	margin: 16px 0 0; padding: 12px 16px; border-radius: 14px; font-size: .88em; line-height: 1.6;
	color: var(--paper); background: rgba(255,212,0,.08); box-shadow: inset 0 0 0 1px rgba(255,212,0,.3);
}
.nk-payhint strong { color: var(--yellow); }
.nk-paymethods { margin: 14px 0 0; font-size: .85em; line-height: 1.6; color: var(--muted); text-align: center; }
.nk-paymethods--loud { margin-top: 16px; font-size: .97em; font-weight: 700; color: var(--paper); }

.nk-contacts { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line); }
.nk-contacts p { margin: 0 0 14px; font-size: .92em; color: var(--muted); }
.nk-contacts__row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.nk-contacts__row a {
	display: inline-flex; align-items: baseline; gap: 9px; padding: 11px 20px; border-radius: 999px;
	background: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line); font-weight: 600; transition: box-shadow .2s;
}
.nk-contacts__row a:hover { box-shadow: inset 0 0 0 1px rgba(255,212,0,.6); }
.nk-contacts__row strong { color: var(--yellow); }
.nk-contacts__row bdi { color: var(--paper); font-size: .95em; }

.nk-wa--quiet {
	margin-top: 16px; padding: 9px 16px; font-size: .86em; font-weight: 600;
	background: transparent; color: var(--muted); box-shadow: inset 0 0 0 1px var(--line);
}
.nk-wa--quiet svg { width: 17px; height: 17px; color: #25D366; }
.nk-wa--quiet:hover { transform: none; box-shadow: inset 0 0 0 1px rgba(37,211,102,.55); color: var(--paper); }

.nk-flow--two { grid-template-columns: 1fr 1fr; }

.nk-prose h2 { margin-top: 44px; }
.nk-prose h2:first-child { margin-top: 0; }
.nk-prose a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.nk-prose .nk-ticks { margin-block: 18px; }

.nk-summary .nk-ticks + .nk-summary__note { margin-top: 22px !important; padding-top: 16px; border-top: 1px solid var(--line); }

/* Shoot questions */
.nk-qs { list-style: none; margin: 0; padding: 0; counter-reset: nkq; }
.nk-qs > li { counter-increment: nkq; margin: 0 0 14px; padding: 18px 20px; border-radius: 18px; background: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line); }
.nk-qs__q { display: flex; gap: 12px; align-items: baseline; margin: 0; font-weight: 600; line-height: 1.55; }
.nk-qs__q::before { content: counter(nkq); flex: 0 0 auto; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; font-size: .8em; color: #0A0A0E; background: var(--yellow); }
.nk-qs details { margin-top: 10px; }
.nk-qs summary { cursor: pointer; font-size: .85em; color: var(--muted); }
.nk-qs summary:hover { color: var(--yellow); }
.nk-qs textarea { margin-top: 10px; min-height: 70px !important; }
.nk-qs--final > li { padding: 14px 18px; }
.nk-qs__actions { display: grid; gap: 12px; margin-top: 24px; }
.nk-btn--ghost { background: transparent !important; color: var(--paper) !important; box-shadow: inset 0 0 0 1.5px var(--line) !important; }
.nk-btn--ghost:hover { box-shadow: inset 0 0 0 1.5px var(--yellow) !important; }
.nk-qs__wait { padding: 46px 24px; text-align: center; border-radius: 26px; background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); }
.nk-qs__spin { width: 46px; height: 46px; margin: 0 auto 18px; border-radius: 50%; border: 4px solid rgba(255,255,255,.12); border-top-color: var(--yellow); animation: nk-spin 1s linear infinite; }
@keyframes nk-spin { to { transform: rotate(360deg); } }
.nk-qs__rounds { margin: 0 0 18px; font-size: .88em; color: var(--muted); }

@media (max-width: 1000px) {
	.nk-signup { grid-template-columns: 1fr; }
	.nk-flow--two { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 820px) {
	.nk-hero__split { grid-template-columns: 1fr; gap: 20px; }
	.nk-hero__video { width: 148px; max-width: 42vw; margin-inline: auto; border-radius: 18px; }
	.nk-hero__vtag { inset-inline-start: 6px; top: 6px; padding: 4px 9px; font-size: .68em; gap: 5px; }
	.nk-hero__vtag i { width: 6px; height: 6px; box-shadow: 0 0 0 3px rgba(255,77,157,.25); }
	.nk-hero__sound { width: 32px; height: 32px; inset-inline-end: 7px; bottom: 7px; }
	.nk-hero__sound svg { width: 17px; height: 17px; }
	.nk-hero__split .nk-hero__inner { text-align: center; }
	.nk-hero__split .nk-cta-row, .nk-hero__split .nk-badges { justify-content: center; }
	.nk-sticky { display: block; }
	.nk-a11y { bottom: 80px; }
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left { bottom: 80px !important; }
	body.nk .nk-cta-band { padding-bottom: 120px; }
	.nk-choices, .nk-flow--two { grid-template-columns: 1fr; }
	.nk-ask { padding: 12px 14px; font-size: .88em; }
	.nk-form--card, .nk-summary, .nk-paybox { padding: 24px 20px; }
	.nk-cta-row { justify-content: stretch; }
	.nk-cta-row .nk-btn, .nk-cta-row .nk-ghost { flex: 1 1 100%; justify-content: center; }
	.nk-steps { gap: 8px; }
	.nk-steps li { padding: 8px 13px; font-size: .82em; }
}

/* ═══════════════════════════ PODCAST — raw footage callout ═══════════════════════════ */
.nk-raw-wrap { padding-top: 0; }
.nk-raw {
	display: flex; gap: 16px; align-items: flex-start;
	padding: 22px 24px; border-radius: var(--r);
	background: rgba(255,212,0,.10); box-shadow: inset 0 0 0 2px var(--yellow);
}
.nk-raw__icon {
	flex: 0 0 38px; height: 38px; border-radius: 50%;
	display: grid; place-items: center;
	background: var(--yellow); color: var(--ink); font-weight: 900; font-size: 1.3em;
}
.nk-raw__title { display: block; color: var(--yellow); font-size: 1.15em; font-weight: 800; margin-bottom: 4px; }
.nk-raw p { margin: 0; color: var(--paper); font-weight: 600; }
@media (max-width: 720px) {
	body.nk #signup { padding-bottom: 120px; }
	.nk-raw { padding: 18px; }
}

/* ═══════════════════════ BOOKING PAGE ═══════════════════════ */
.nk-bookalt {
	margin: 0 0 26px; padding: 18px 20px; border-radius: 18px;
	background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line);
	display: grid; gap: 12px; justify-items: center; text-align: center;
}
.nk-bookalt p { margin: 0; color: var(--paper); font-weight: 700; font-size: 1.05em; }
@media (max-width: 720px) {
	.nk-bookalt .nk-btn { width: 100%; }
}

/* ═══════════════════════ AVAILABILITY PAGE ═══════════════════════ */
.nk-avail { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.nk-avail > li {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
	padding: 16px 20px; border-radius: 18px;
	background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line);
}
.nk-avail__day { display: flex; align-items: baseline; gap: 10px; }
.nk-avail__day strong { font-size: 1.05em; color: var(--paper); }
.nk-avail__day span { color: var(--muted); font-size: .92em; }
.nk-avail__slots { display: flex; flex-wrap: wrap; gap: 8px; }
.nk-avail__slots span {
	padding: 7px 14px; border-radius: 999px; font-weight: 700; font-size: .9em;
	color: var(--yellow); background: rgba(255,212,0,.09); box-shadow: inset 0 0 0 1px rgba(255,212,0,.35);
}
.nk-avail__more { margin: 16px 0 0; text-align: center; color: var(--muted); font-size: .95em; }
.nk-avail__more strong { color: var(--paper); }
.nk-avail__stamp { margin: 20px 0 0; text-align: center; color: var(--muted); font-size: .8em; opacity: .75; }
@media (max-width: 560px) {
	.nk-avail > li { flex-direction: column; align-items: flex-start; }
}

/* ═══════════════════════ DEMO PAGE (internal) ═══════════════════════ */
.nk-demonote {
	margin: 0 0 18px; padding: 11px 16px; border-radius: 14px;
	font-size: .85em; line-height: 1.6; color: var(--muted); text-align: center;
	background: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line);
}
.nk-steps--demo a { color: inherit; text-decoration: none; }
.nk-steps--demo li { cursor: pointer; }
.nk-steps--demo li:hover { opacity: .85; }

/* ═══════════════════════ SAMPLES PAGE ═══════════════════════ */.nk-samples { padding: 54px 0 90px; }
.nk-samples__title { font-size: clamp(2rem, 6vw, 3.2rem); line-height: 1.05; margin: 0 0 10px; }
.nk-samples__sub { color: var(--muted); margin: 0 0 30px; font-size: 1.05em; }
/* ── One-time clapperboard intro ── */
html.nk-clap-on { overflow: hidden; }
.nk-clap {
	position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
	background: radial-gradient(ellipse at center, #1b2544 0%, #070a14 70%);
	cursor: pointer; transition: opacity .6s ease, transform .6s ease;
}
.nk-clap.is-out { opacity: 0; transform: scale(1.08); pointer-events: none; }
.nk-clap__board { position: relative; width: min(340px, 78vw); direction: ltr; transform: translateY(20px) scale(.9); opacity: 0; transition: transform .45s cubic-bezier(.2,1.4,.4,1), opacity .3s ease; }
.nk-clap.is-go .nk-clap__board { transform: none; opacity: 1; }
.nk-clap__stripes, .nk-clap__stick, .nk-clap__top {
	height: 44px; border-radius: 6px;
	background: repeating-linear-gradient(-55deg, #111 0 26px, #f5f5f0 26px 52px);
	border: 3px solid #111;
}
.nk-clap__top { border-radius: 6px 6px 0 0; }
.nk-clap__stick {
	position: absolute; left: 0; right: 0; top: -50px; transform-origin: 4px 100%;
	transform: rotate(-28deg);
	background: repeating-linear-gradient(55deg, #111 0 26px, #f5f5f0 26px 52px);
}
.nk-clap.is-go .nk-clap__stick { animation: nk-clap-snap .5s .55s cubic-bezier(.7,0,.9,.4) forwards; }
@keyframes nk-clap-snap {
	0% { transform: rotate(-28deg); }
	80% { transform: rotate(1.5deg); }
	100% { transform: rotate(0deg); }
}
.nk-clap.is-go .nk-clap__board { animation: nk-clap-shake .25s 1.02s ease-out; }
@keyframes nk-clap-shake {
	0%, 100% { translate: 0 0; }
	30% { translate: 0 5px; }
	60% { translate: 0 -2px; }
}
.nk-clap__slate {
	background: #141414; color: #f5f5f0; border: 3px solid #111; border-top: 0;
	border-radius: 0 0 8px 8px; padding: 16px 18px 18px;
	font-family: "Rubik", system-ui, sans-serif; box-shadow: 0 30px 60px rgba(0,0,0,.5);
}
.nk-clap__brand { font-size: clamp(1.4rem, 6vw, 1.9rem); font-weight: 800; letter-spacing: .02em; text-align: center; padding-bottom: 10px; border-bottom: 2px solid rgba(245,245,240,.25); margin-bottom: 10px; }
.nk-clap__row { display: flex; justify-content: space-between; gap: 8px; font-size: .82rem; letter-spacing: .12em; color: rgba(245,245,240,.7); padding: 6px 0; border-bottom: 1px solid rgba(245,245,240,.12); }
.nk-clap__row b { color: #FFD23F; font-weight: 700; margin-inline-start: 4px; }
.nk-clap__row--sm { border-bottom: 0; letter-spacing: .04em; }
.nk-clap__action {
	position: absolute; left: 50%; top: calc(50% + 150px); translate: -50% 0; white-space: nowrap;
	font-family: "Rubik", system-ui, sans-serif; font-weight: 900; color: #FFD23F;
	font-size: clamp(3rem, 16vw, 6.5rem); text-shadow: 0 6px 30px rgba(0,0,0,.6);
	opacity: 0; transform: scale(.4) rotate(-6deg); pointer-events: none;
}
.nk-clap.is-go .nk-clap__action { animation: nk-clap-action .9s 1.1s cubic-bezier(.2,1.6,.4,1) forwards; }
.nk-clap.is-go .nk-clap__board { transition-delay: 0s; }
.nk-clap.is-go.is-late .nk-clap__board { opacity: .2; }
@keyframes nk-clap-action {
	0% { opacity: 0; transform: scale(.4) rotate(-6deg); }
	55% { opacity: 1; transform: scale(1.12) rotate(-3deg); }
	100% { opacity: 1; transform: scale(1) rotate(-3deg); }
}
.nk-clap::after {
	content: ''; position: absolute; inset: 0; background: #fff; opacity: 0; pointer-events: none;
}
.nk-clap.is-go::after { animation: nk-clap-flash .35s 1.03s ease-out; }
@keyframes nk-clap-flash { 0% { opacity: .55; } 100% { opacity: 0; } }

/* Keep the heading clear of the logo bookmark (fixed, top-left) */
.nk-samples__title, .nk-samples__sub { padding-left: 200px; }
@media (max-width: 720px) {
	.nk-samples__title, .nk-samples__sub { padding-left: 112px; }
}
.nk-samples__hero {
	position: relative; width: min(380px, 78vw); margin: 0 auto 34px;
	aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden; background: var(--ink-3);
	box-shadow: 0 30px 70px -24px rgba(0,0,0,.9), inset 0 0 0 1px var(--line);
}
.nk-samples__hero video { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Wrapper takes over the hero's box so the layout stays exactly the same */
.nk-samples__herowrap { position: relative; width: min(380px, 78vw); margin: 0 auto 34px; }
.nk-samples__herowrap .nk-samples__hero { width: 100%; margin: 0; }
/* Handwritten note + curved arrow, to the right of the video */
/* Never on the video itself: beside it, fuchsia handwriting, arrow drops down then turns into the video */
/* Bottom-right, beside the video (never on it). Sizes follow the free space
   so the note always stays inside the page. */
.nk-hand {
	position: absolute; left: calc(100% + 6px); top: auto; bottom: 14%; width: auto; pointer-events: none;
	color: #FF2D95; direction: ltr; transform: rotate(-4deg); transform-origin: left bottom;
	max-width: calc((100vw - min(380px, 78vw)) / 2 - 22px);
}
.nk-hand__text {
	display: block; font-family: "Playpen Sans Hebrew", "Segoe Print", "Comic Sans MS", cursive;
	font-weight: 500; font-size: clamp(1.05rem, 2.2vw, 1.9rem); line-height: 1.1; white-space: nowrap;
	padding-left: 1.1em; text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.nk-hand__arrow { display: block; width: clamp(44px, 5.5vw, 78px); height: auto; margin-top: 4px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
@media (max-width: 720px) {
	/* Phones: only a thin margin to the right of the video. The words run up
	   that margin near the bottom, the arrow drops below and turns into the video. */
	.nk-hand {
		left: calc(100% + 3px); bottom: 6%; transform: none; max-width: none;
		width: calc(11vw - 6px); display: flex; flex-direction: column; align-items: center;
	}
	.nk-hand__text {
		font-size: .95rem; padding: 0; writing-mode: vertical-rl; transform: rotate(180deg); line-height: 1;
	}
	.nk-hand__arrow { width: 100%; max-width: 32px; margin: 6px 0 0; }
}
.nk-samples__grid {
	display: grid; gap: 14px;
	grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
}
.nk-samples__grid .nk-tile { width: 100%; flex: none; }
/* small "סרטון לקוח" label on client reels */
.nk-tile__client {
	position: absolute; right: 8px; bottom: 8px; z-index: 2; pointer-events: none;
	padding: 3px 9px; border-radius: 999px; font-size: .68rem; line-height: 1.4; color: #fff;
	background: rgba(0, 0, 0, .55); border: 1px solid rgba(255, 255, 255, .18);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.nk-samples__cta { margin-top: 48px; text-align: center; }
.nk-samples__cta h2 { font-size: clamp(1.4rem, 4vw, 2rem); margin: 0 0 8px; }
.nk-samples__cta p { color: var(--muted); margin: 0 auto 20px !important; max-width: 46ch; text-align: center !important; text-wrap: balance; }
.nk-social { list-style: none; margin: 0 0 22px !important; padding: 0 !important; display: flex; justify-content: center; gap: 14px; }
.nk-social li { margin: 0; padding: 0; }
.nk-social a { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: #fff; transition: transform .2s ease, box-shadow .2s ease; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.nk-social a:hover, .nk-social a:focus-visible { transform: translateY(-3px) scale(1.06); }
.nk-social svg { width: 22px; height: 22px; }
.nk-social__ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.nk-social__tt { background: #000; box-shadow: -2px -2px 0 #25F4EE inset, 2px 2px 0 #FE2C55 inset, 0 4px 14px rgba(0,0,0,.25) !important; }
.nk-social__fb { background: #1877F2; }
.nk-social__yt { background: #FF0000; }

/* ── Samples page, Oct 2026: neon social pills, small WhatsApp logo, more air ── */
.nk-samples__cta { margin-top: 90px; }
.nk-samples__cta h2 { margin-bottom: 14px; }
.nk-samples__cta p { margin-bottom: 34px !important; line-height: 1.7; }
.nk-social {
	display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 12px;
	max-width: 760px; margin: 0 auto 26px !important;
}
.nk-social a,
.nk-social__ig, .nk-social__tt, .nk-social__fb, .nk-social__yt {
	width: 100%; height: 56px; border-radius: 999px;
	color: #8CC8FF; background: rgba(46, 139, 255, .08) !important;
	border: 2px solid #2E8BFF;
	box-shadow: 0 0 8px rgba(46,139,255,.55), 0 0 22px rgba(46,139,255,.25), inset 0 0 12px rgba(46,139,255,.25) !important;
	transition: box-shadow .2s, transform .2s, color .2s;
}
.nk-social a:hover, .nk-social a:focus-visible {
	color: #fff; transform: translateY(-2px);
	box-shadow: 0 0 12px rgba(46,139,255,.9), 0 0 32px rgba(46,139,255,.45), inset 0 0 16px rgba(46,139,255,.4) !important;
}
.nk-social svg { width: 26px; height: 26px; filter: drop-shadow(0 0 4px rgba(140,200,255,.8)); }
.nk-wa-mini { display: inline-grid; place-items: center; width: 34px; height: 34px; color: #25D366; opacity: .85; transition: opacity .2s, transform .2s; }
.nk-wa-mini svg { width: 26px; height: 26px; }
.nk-wa-mini:hover, .nk-wa-mini:focus-visible { opacity: 1; transform: scale(1.08); }

/* ── Neon sign "האולפן שלנו" beside the studio video ──
   One cycle = 2.3s: words steady while light runs down the arrow (0.9s) and splits
   into the two head strokes (0.25s); the arrow goes dark at once; then only the
   words flicker softly for 1s; then the arrow lights up again. */
.nk-neon {
	position: absolute; left: calc(100% + 40px); top: 6%; pointer-events: none;
	direction: ltr; transform: rotate(-6deg); transform-origin: left top;
	max-width: calc((100vw - min(380px, 78vw)) / 2 - 48px);
}
.nk-neon__text {
	display: block; white-space: nowrap; padding-left: 1.4em;
	font-family: "Playpen Sans Hebrew", "Segoe Print", cursive; font-weight: 600;
	font-size: clamp(1.05rem, 2.2vw, 1.9rem); color: #FFF1B0;
	text-shadow: 0 0 2px #FFD54A, 0 0 8px rgba(255, 213, 74, .75), 0 0 18px rgba(255, 213, 74, .35);
	/* steady: Tony wants the words still, only the arrow animates */
	animation: none;
}
.nk-neon__arrow { display: block; width: clamp(60px, 7vw, 96px); height: auto; margin-top: 6px; overflow: visible; }
/* Sound toggle inside the studio video, bottom-left */
.nk-snd {
	position: absolute; left: 12px; bottom: 12px; z-index: 3;
	width: 40px; height: 40px; padding: 0; border-radius: 50%; cursor: pointer;
	display: grid; place-items: center; color: #fff;
	background: rgba(0, 0, 0, .55); border: 1px solid rgba(255, 255, 255, .25);
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
	transition: background .2s, transform .2s;
}
.nk-snd:hover, .nk-snd:focus-visible { background: rgba(0, 0, 0, .75); transform: scale(1.06); }
.nk-snd svg { width: 22px; height: 22px; grid-area: 1 / 1; }
.nk-snd__on { display: none; }
.nk-snd.is-on .nk-snd__on { display: block; }
.nk-snd.is-on .nk-snd__off { display: none; }
/* YouTube-style sound control: one rounded banner. Normally just the round speaker;
   hovering it (desktop) stretches it to show the iPhone-style volume bar inside.
   It shrinks back when the mouse leaves. Click the speaker = mute / unmute. */
.nk-sndbar {
	position: absolute; left: 12px; bottom: 12px; z-index: 3;
	display: flex; align-items: center; direction: ltr;
	width: 40px; height: 40px; border-radius: 999px; overflow: hidden;
	background: rgba(0, 0, 0, .55); border: 1px solid rgba(255, 255, 255, .25);
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
	transition: width .25s ease .35s;
}
.nk-sndbar .nk-snd {
	position: static; flex: none; width: 38px; height: 38px;
	background: transparent; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none;
}
.nk-sndbar .nk-snd:hover, .nk-sndbar .nk-snd:focus-visible { background: transparent; transform: none; }
/* the bar: thick, fills with white from the left, no knob */
.nk-vol {
	position: relative; flex: none; width: 96px; height: 22px; margin-right: 9px; border-radius: 9px; overflow: hidden;
	background: rgba(255, 255, 255, .18); cursor: pointer; touch-action: none;
}
.nk-vol i { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, .92); pointer-events: none; }
.nk-sndbar:not(.is-on) .nk-vol i { width: 0 !important; } /* muted = empty bar */
.nk-vol:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) {
	.nk-sndbar:hover, .nk-sndbar:has(:focus-visible) { width: 145px; transition-delay: 0s; }
}
@media (hover: none), (pointer: coarse) {
	.nk-vol { display: none; } /* phones: just the round toggle */
}
.nk-neon__tube { stroke: rgba(255, 213, 74, .22); }
.nk-neon__lit {
	stroke: #FFF1B0; stroke-dasharray: 100; stroke-dashoffset: 100;
	filter: drop-shadow(0 0 3px #FFD54A) drop-shadow(0 0 8px rgba(255,213,74,.7));
}
/* Fully steady (Tony, 6.10): the arrow is lit and still, no animation at all */
.nk-neon__lit { stroke-dashoffset: 0; animation: none; }
@keyframes nk-neon-body {
	0%    { stroke-dashoffset: 100; opacity: 1; animation-timing-function: cubic-bezier(.45,0,.75,1); }
	39.1% { stroke-dashoffset: 0;   opacity: 1; }
	50%   { stroke-dashoffset: 0;   opacity: 1; }
	54.3% { stroke-dashoffset: 0;   opacity: 0; }
	99.9% { stroke-dashoffset: 0;   opacity: 0; }
	100%  { stroke-dashoffset: 100; opacity: 0; }
}
@keyframes nk-neon-head {
	0%, 39.1% { stroke-dashoffset: 100; opacity: 1; animation-timing-function: cubic-bezier(.2,.6,.4,1); }
	50%   { stroke-dashoffset: 0; opacity: 1; }
	54.3% { stroke-dashoffset: 0; opacity: 0; }
	99.9% { stroke-dashoffset: 0; opacity: 0; }
	100%  { stroke-dashoffset: 100; opacity: 0; }
}
@keyframes nk-neon-text {
	0%, 54.3% { opacity: 1; }
	59.8% { opacity: .35; }
	65.2% { opacity: 1; }
	70.7% { opacity: .6; }
	76.1% { opacity: 1; }
	81.5% { opacity: .3; }
	87%   { opacity: 1; }
	92.4% { opacity: .65; }
	97.8%, 100% { opacity: 1; }
}
@media (max-width: 720px) {
	.nk-samples__cta { margin-top: 60px; }
	.nk-social { gap: 8px; }
	.nk-social a, .nk-social__ig, .nk-social__tt, .nk-social__fb, .nk-social__yt { height: 48px; }
	.nk-social svg { width: 22px; height: 22px; }
	/* phone: thin LEFT margin near the bottom; arrow drops down and turns right into the video */
	.nk-neon {
		left: auto; right: calc(100% + 3px); top: auto; bottom: 6%; transform: none; max-width: none;
		width: calc(11vw - 6px); display: flex; flex-direction: column; align-items: center;
	}
	.nk-neon__text {
		font-family: "Varela Round", "Heebo", sans-serif; font-weight: 400; letter-spacing: .02em;
		font-size: .85rem; padding: 0; writing-mode: vertical-rl; transform: rotate(180deg); line-height: 1;
	}
	.nk-neon__arrow { width: 100%; max-width: 26px; margin-top: 5px; transform: scaleX(-1); }
}
@media (prefers-reduced-motion: reduce) {
	.nk-neon__text, .nk-neon__lit { animation: none; }
	.nk-neon__lit { stroke-dashoffset: 0; }
}
@media (max-width: 720px) {
	.nk-samples { padding: 38px 0 70px; }
	.nk-samples__grid { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 10px; }
}