:root {
	--necta-primary: #e85002;
	--necta-primary-light: #f16001;
	--necta-primary-dark: #c10801;
	--necta-dark: #0a0a0a;
	--necta-dark-2: #050505;
	--necta-cream: #faf5ed;
	--necta-ink: #1a1612;
	--necta-muted: #8a6a4a;
	--necta-border: #ede5d8;
	--necta-white: #fff;
	--necta-gray: #a7a7a7;

	--necta-font: 'Geist', system-ui, -apple-system, sans-serif;
	--necta-font-mono: 'Geist Mono', ui-monospace, monospace;
	--necta-font-serif: 'Instrument Serif', Georgia, serif;

	--necta-radius-sm: clamp(8px, 1vw, 10px);
	--necta-radius-md: clamp(12px, 1.5vw, 14px);
	--necta-radius-lg: clamp(18px, 2vw, 28px);
	--necta-section-pad: clamp(24px, 5vw, 56px);
	--necta-page-pad: clamp(14px, 2vw, 32px);

	--necta-h1: clamp(2.5rem, 6vw, 6rem);
	--necta-h2: clamp(1.75rem, 4vw, 2.5rem);
	--necta-h3: clamp(1.125rem, 2vw, 1.375rem);
	--necta-body: clamp(14px, 1.5vw, 16px);
	--necta-small: clamp(11px, 1.2vw, 13px);

	--necta-shadow-lg: 0 30px 60px rgba(26, 22, 18, 0.08);
	--necta-shadow-btn: 0 8px 24px rgba(232, 80, 2, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
	--necta-transition: 0.2s ease;

	--necta-tracking-h2: -0.035em;
	--necta-tracking-h3: -0.025em;
	/* Serif italic lines in h1–h3 (e.g. “up close.”, “sell more.”) */
	--necta-serif-accent: var(--necta-primary);
	--necta-mono-label: #8a6a4a;
}

.necta-section-title,
.necta-plugins-showcase__title,
.necta-stories-v2__title,
.necta-testimonials__head h2,
.necta-pricing-v2__head h2,
.necta-bv2-types__head h2,
.necta-bv2-layouts__head h2,
.necta-faq-dark__main h2 {
	letter-spacing: var(--necta-tracking-h2);
}

h1 .necta-serif,
h2 .necta-serif,
h3 .necta-serif,
.necta-section-title .necta-serif,
.necta-plugins-showcase__title .necta-serif,
.necta-plugins-showcase__copy h3 .necta-serif,
.necta-testimonials .necta-serif,
.necta-bv2-layouts__head .necta-serif,
.necta-bv2-types__head .necta-serif,
.necta-stories-v2__title .necta-serif,
.necta-v2-cta__copy .necta-serif,
.necta-faq-dark__main .necta-serif,
.necta-auth-showcase__accent {
	color: var(--necta-serif-accent);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

html {
	overflow-x: clip;
}

body.necta-wp {
	margin: 0;
	font-family: var(--necta-font);
	font-size: var(--necta-body);
	color: var(--necta-ink);
	background: var(--necta-cream);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

button {
	font-family: inherit;
	cursor: pointer;
}

.necta-serif {
	font-family: var(--necta-font-serif);
	font-style: italic;
	font-weight: 400;
	color: var(--necta-serif-accent);
}

.necta-mono {
	font-family: var(--necta-font-mono);
	font-size: var(--necta-small);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}