/* Prizma Landing – Prizma Mídia brand (black + amber, Raleway) */
:root {
	--prizma-bg: #000000;
	--prizma-bg-2: #0a0a0a;
	--prizma-card: #1a1a1a;
	--prizma-line: #2e2e2e;
	--prizma-text: #ffffff;
	--prizma-muted: #a9a9a9;
	--prizma-accent: #ffb300;
	--prizma-accent-dark: #e09e00;
	--prizma-radius: 12px;
	--prizma-font: "Raleway", system-ui, sans-serif;

	/* Sizes – change these to adjust the layout */
	--prizma-content-width: 1100px; /* max width of the page content */
	--prizma-form-width: 560px;     /* width of the form card */
	--prizma-section-space: clamp(48px, 7vw, 96px); /* top/bottom space of each section */
	--prizma-hero-min-height: 0px;  /* e.g. 100vh for a full-screen hero */
}


.prizma-lp {
	font-family: var(--prizma-font);
	color: var(--prizma-text);
	background: var(--prizma-bg);
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--prizma-section-space) max(16px, calc((100% - var(--prizma-content-width)) / 2)) !important;
	box-sizing: border-box;
	overflow-wrap: break-word;
}
.prizma-lp > * { max-width: none; }
.prizma-lp p, .prizma-lp h1, .prizma-lp h2, .prizma-lp h3 { color: inherit; font-family: inherit; }
.prizma-lp mark { background: none; color: var(--prizma-accent); }
.prizma-lp .wp-block-columns { flex-wrap: wrap; }
.prizma-lp .wp-block-column { min-width: 0; }
.prizma-center-text { text-align: center; }
.prizma-muted { color: var(--prizma-muted) !important; font-size: 17px; }

/* Hero: centered headline + form card */
.prizma-hero {
	background: radial-gradient(ellipse at top, #2a2a2a 0%, #000 65%); text-align: center;
	min-height: var(--prizma-hero-min-height); display: flex; flex-direction: column; justify-content: center;
}
.prizma-title {
	font-size: clamp(28px, 3.4vw, 44px) !important; line-height: 1.2 !important; font-weight: 800 !important;
	max-width: 900px; margin: 0 auto 14px !important; text-wrap: balance;
}
.prizma-subtitle { font-style: italic; color: var(--prizma-muted) !important; font-size: clamp(16px, 1.4vw, 19px); margin: 0 0 36px !important; }

/* Progressive form */
.prizma-form {
	width: 100%; max-width: var(--prizma-form-width); margin: 0 auto; text-align: left; background: #fff; color: #111; box-sizing: border-box;
	border-radius: var(--prizma-radius); overflow: hidden; box-shadow: 0 24px 70px rgba(0, 0, 0, .6);
	font-family: var(--prizma-font);
}
.prizma-form__progress { position: relative; height: 30px; background: #ececec; }
.prizma-form__progress span { position: absolute; inset: 0 auto 0 0; width: 14%; background: var(--prizma-accent); transition: width .35s ease; }
.prizma-form__progress em {
	position: relative; z-index: 1; display: block; line-height: 30px; padding-left: 14px;
	font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #111;
}
.prizma-form__body { padding: 30px 30px 26px; }
.prizma-form fieldset { border: 0; padding: 0; margin: 0; display: none; }
.prizma-form fieldset.is-active { display: grid; gap: 10px; animation: prizma-in .3s ease; }
@keyframes prizma-in { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
.prizma-form legend, .prizma-form fieldset > label:first-child:not(.prizma-opt) {
	font-size: 15px; font-weight: 700; color: #111; line-height: 1.4; padding: 0; margin-bottom: 6px;
}
.prizma-form label { display: grid; gap: 8px; font-size: 14px; font-weight: 600; color: #222; }
.prizma-form input[type="text"], .prizma-form input[type="tel"], .prizma-form input[type="email"] {
	width: 100%; box-sizing: border-box; background: #fff; color: #111; border: 1px solid #cfcfcf;
	border-radius: 6px; padding: 13px 14px; font: 500 15px var(--prizma-font);
}
.prizma-form input::placeholder { color: #9a9a9a; }
.prizma-form input:focus { outline: 2px solid var(--prizma-accent); outline-offset: 0; border-color: var(--prizma-accent); }
.prizma-opt { position: relative; }
.prizma-opt input { position: absolute; opacity: 0; }
.prizma-opt span {
	display: block; padding: 13px 16px; border: 1px solid #d5d5d5; border-radius: 6px; background: #fafafa;
	font-size: 15px; font-weight: 600; color: #111; cursor: pointer; transition: border-color .15s, background .15s;
}
.prizma-opt:hover span { border-color: #999; }
.prizma-opt input:checked + span { border-color: var(--prizma-accent); background: #fff7e0; }
.prizma-opt input:focus-visible + span { outline: 2px solid var(--prizma-accent); }
.prizma-check { grid-template-columns: 20px 1fr !important; align-items: start; font-weight: 500 !important; font-size: 12px !important; line-height: 1.5; color: #555 !important; }
.prizma-check input { accent-color: var(--prizma-accent); width: 16px; height: 16px; margin: 2px 0 0; }
.prizma-check a { color: #b37a00; }
.prizma-hp { position: absolute !important; left: -9999px !important; }
.prizma-form__msg { display: none; padding: 12px 14px; border-radius: 6px; margin-bottom: 16px; font-weight: 600; font-size: 14px; }
.prizma-form__msg--ok { background: #e9f9e4; border: 1px solid #3cb54a; color: #1d5e25; }
.prizma-form__msg--erro { background: #fdeaea; border: 1px solid #e04848; color: #8a1f1f; }
.prizma-form.is-ok .prizma-form__msg--ok, .prizma-form.is-erro .prizma-form__msg--erro { display: block; }
.prizma-form.is-ok .prizma-form__body fieldset, .prizma-form.is-ok .prizma-form__nav { display: none !important; }

/* Full-width bottom bar, like a survey footer */
.prizma-form__nav { display: flex; background: var(--prizma-accent); }
.prizma-form__nav .prizma-btn { border-radius: 0 !important; padding: 15px 22px !important; font-size: 14px !important; }
.prizma-form__nav [data-prizma="next"], .prizma-form__nav [data-prizma="submit"] { margin-left: auto; }
.prizma-form__nav .prizma-btn--ghost { background: transparent !important; color: #111 !important; border: 0; }
.prizma-form__nav .prizma-btn--ghost:hover { background: rgba(0, 0, 0, .08) !important; }

/* Only one question is ever visible; the script switches steps */
.prizma-form [data-prizma="prev"], .prizma-form [data-prizma="submit"] { display: none; }

/* Buttons */
.prizma-btn {
	background: var(--prizma-accent) !important; color: #111 !important; border: 0; border-radius: 8px !important;
	padding: 15px 26px !important; font: 800 15px var(--prizma-font) !important; letter-spacing: .03em; text-transform: uppercase;
	cursor: pointer; text-decoration: none; transition: background .15s;
}
.prizma-btn:hover { background: var(--prizma-accent-dark) !important; }

/* Video testimonials */
.prizma-videos { background: var(--prizma-bg-2); padding-top: 64px !important; padding-bottom: 64px !important; }
.prizma-h2 {
	font-size: clamp(26px, 3.4vw, 42px) !important; line-height: 1.15 !important; font-weight: 800 !important;
	text-align: center; margin: 0 auto 18px !important; text-wrap: balance;
}
.prizma-caps { text-transform: uppercase; font-size: clamp(22px, 2.4vw, 30px) !important; letter-spacing: .02em; margin-bottom: 36px !important; }
.prizma-video-row { gap: 20px !important; }
.prizma-video {
	aspect-ratio: 16 / 9; background: #1c1c1c; border: 1px solid var(--prizma-line); border-radius: 6px; overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.prizma-video figure, .prizma-video video, .prizma-video iframe { width: 100%; height: 100%; margin: 0; }
.prizma-video__ph { text-align: center; color: #777 !important; font-size: 13px; line-height: 1.6; margin: 0; }
.prizma-video__ph::first-line { font-size: 30px; color: var(--prizma-accent); }

/* System section: grid panel + connected icon pillars */
.prizma-promise { background: #050505; }
.prizma-promise__panel {
	border: 1px solid #1d1d1d; border-radius: 16px; padding: clamp(40px, 6vw, 72px) clamp(20px, 4vw, 48px) !important;
	background-color: #0b0b0b;
	background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
	background-size: 28px 28px;
	margin-bottom: clamp(64px, 9vw, 120px) !important; text-align: center;
}
.prizma-pill {
	display: table; margin: 0 auto 18px !important; padding: 5px 14px; border-radius: 999px; font-size: 12px; font-weight: 700;
	color: var(--prizma-accent) !important; background: rgba(255, 179, 0, .12); border: 1px solid rgba(255, 179, 0, .35);
}
.prizma-promise__panel .prizma-muted { max-width: 640px; margin: 0 auto 52px !important; }
.prizma-pillars { gap: 28px !important; position: relative; }
.prizma-pillars::before {
	content: ""; position: absolute; top: 32px; left: 17%; right: 17%; height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 179, 0, .5), transparent);
}
.prizma-pillar { text-align: center; position: relative; }
.prizma-icon {
	width: 64px; height: 64px; margin: 0 auto 22px; display: grid; place-items: center; border-radius: 12px;
	background: #1a1a1a; border: 1px solid #333; color: var(--prizma-accent); position: relative; z-index: 1;
}
.prizma-icon svg { width: 28px; height: 28px; }
.prizma-pillar h3 { font-size: 22px !important; font-weight: 800 !important; margin: 0 0 6px !important; }
.prizma-pillar .prizma-pillar__tag {
	color: var(--prizma-accent) !important; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px;
}
.prizma-pillar p { color: var(--prizma-muted); font-size: 15px; line-height: 1.6; }

/* Results 2x2 */
.prizma-results-title { margin-bottom: 8px !important; }
.prizma-results { gap: 22px !important; margin-bottom: 22px !important; }
.prizma-results-title + .prizma-muted { margin-bottom: 40px !important; }
.prizma-result { background: var(--prizma-card); border: 1px solid var(--prizma-line); border-radius: var(--prizma-radius); padding: 26px 28px !important; }
.prizma-result h3 { font-size: 20px !important; font-weight: 800 !important; margin: 0 0 10px !important; }
.prizma-result p { color: var(--prizma-muted); font-size: 15px; line-height: 1.6; margin: 0; }

/* Footer */
.prizma-footer { background: #000; border-top: 1px solid #1a1a1a; padding-top: 48px !important; padding-bottom: 48px !important; text-align: center; }
.prizma-brand { font-weight: 900; letter-spacing: .18em; font-size: 18px; margin-bottom: 22px !important; }
.prizma-brand span { color: var(--prizma-accent); }
.prizma-legal { color: #8a8a8a !important; font-size: 12px; line-height: 1.7; max-width: 900px; margin: 0 auto 12px !important; }
.prizma-legal-links { font-size: 12px; color: #8a8a8a !important; line-height: 1.8; }
.prizma-legal-links a { color: var(--prizma-accent); text-decoration: none; }

@media (max-width: 781px) {
	.prizma-pillars::before { display: none; }
	.prizma-form__body { padding: 24px 20px 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.prizma-form fieldset.is-active { animation: none; }
	.prizma-form__progress span { transition: none; }
}