/*
 * SRINI — „2h AI konsultatsioon" maandumisleht (pilet AI-2).
 *
 * Suurem osa lehest kasutab vanemteema maandumislehe komponenditeeki
 * srini/assets/css/ai-course-registration.css (.c-aicr__*), mis on juba SRINI
 * brändikeeles: Satoshi, mustad pealkirjad, pill-nupud, violetne aktsent,
 * tume plokk. Siin on AINULT see, mida seal ei ole.
 *
 * Parent source: srini/assets/css/ai-course-registration.css
 * Original target: .c-aicr__hero, .c-aicr__section, .c-aicr__card,
 *                  .c-aicr__markList, .c-aicr__cardEyebrow
 * Reason: sama disainikeel, aga selle lehe sektsioonid vajavad paari uut
 *         paigutust. Uusi värve ei lisata — kõik tuleb --aicr-* muutujatest.
 *
 * PAIGUTUSE PÕHIMÕTTED (kokku lepitud 03.09.2026 ülevaatusel):
 *  1. Üks joondus kogu lehel. Iga sektsioon algab keskjoondatud päisega
 *     (pealkiri + lubadus) ja sisu on selle all keskel. Varem oli hero ja
 *     „kellele" vasakjoondatud ning ülejäänud keskel — segane muster.
 *  2. Üks veerg, kuni sisu päriselt kahte nõuab. Kaks ebavõrdset veergu
 *     jätsid poole ekraanist tühjaks.
 *  3. Rohkem õhku kui vanemteema vaikeväärtus: maandumislehel on sektsioone
 *     vähe ja iga sektsioon peab hingama.
 *  4. Üks nupp korraga. CTA on hero's, teekonna kastis ja vormis — mitte iga
 *     sektsiooni lõpus.
 */

/* ----- 3. Rohkem õhku: sektsioonid hingavad rohkem kui vanemteemas
 *       (seal clamp(2.75rem, 5vw, 4.5rem)). ----- */
.c-c2h.c-aicr__section {
	padding-block: clamp(3.5rem, 6.5vw, 6.5rem);
}

.c-c2h.c-aicr__hero {
	padding-block: clamp(3.5rem, 7vw, 7rem);
}

/* ----- Keskjoondatud sektsioonipäis (silt + pealkiri + lubadus). ----- */
.c-c2h__sectionHead {
	text-align: center;
}

.c-c2h__leadWrap {
	max-width: 68ch;
	margin: 0 auto;
	color: var(--aicr-text);
}

.c-c2h__leadWrap > :first-child {
	margin-top: 0;
}

.c-c2h__leadWrap > :last-child {
	margin-bottom: 0;
}

/* ----- Hero ilma pildita: üks keskjoondatud tulp. ----- */
.c-c2h__heroInner {
	max-width: 54rem;
	margin-inline: auto;
	text-align: center;
}

.c-c2h__heroInner .c-aicr__title {
	margin-inline: auto;
	max-width: 20ch;
}

.c-c2h__heroInner .c-aicr__lead {
	max-width: 54ch;
	margin-inline: auto;
}

.c-c2h__heroInner .c-aicr__heroActions {
	justify-content: center;
	margin-bottom: 1.5rem;
}

/* Usaldusrida („ilma hüpeta …"): vaikne, mitte raamitud kast. Varem oli sellel
 * violetne külgjoon, mis tõmbas rohkem tähelepanu kui lubadus ise. */
.c-c2h__trust {
	max-width: 62ch;
	margin: 0 auto 2.75rem;
	font-size: 0.9rem;
	color: var(--aicr-muted);
}

.c-c2h__heroInner .c-aicr__heroMeta {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	text-align: left;
}

.c-c2h__heroInner .c-aicr__heroMeta li {
	justify-content: center;
	align-items: flex-start;
}

/* Märkusrida joondub kaardi vasaku servaga, mitte oma laiema vaikelaiusega. */
.c-c2h .c-aicr__note {
	max-width: 52rem;
	margin-top: 2rem;
}

/* Pildiga hero: tekst jääb vasakule, usaldusrida joondub tekstiga. */
.c-aicr__hero-grid .c-c2h__trust {
	margin-inline: 0;
}

/* ----- „Kellele" — üks kaart keskel, punktid kahes tulbas. ----- */
.c-c2h__rolesCard {
	max-width: 52rem;
	margin: 2.5rem auto 0;
}

.c-c2h__rolesCard .c-aicr__markList {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem 2rem;
}

/* ----- Kolme kaardi ruudustik. Vanemteema benefitsGrid on 1.6fr/1fr, mis
 *       kolme võrdse kaardi jaoks ei sobi. ----- */
.c-c2h__cardGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1.5rem;
	margin-top: 2.75rem;
}

/* ----- Kliendiloo kaart on tervikuna klikitav. Kaardil on kolme rea asemel
 *       kaks: klient sildina, pealkiri sisuna. ----- */
.c-c2h__case {
	display: flex;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

a.c-c2h__case:hover,
a.c-c2h__case:focus-visible {
	transform: translateY(-2px);
	border-color: var(--aicr-accent);
	box-shadow: 0 24px 40px -30px rgba(36, 24, 102, 0.75);
}

.c-c2h__caseClient {
	margin-bottom: 0.6rem;
}

.c-c2h__caseTitle {
	margin: 0 0 1.25rem;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.35;
}

.c-c2h__caseLink {
	margin-top: auto;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--aicr-accent);
}

/* ----- Kliendinimede rida. Punkt eraldajaks, mitte logopildid: nii ei sõltu
 *       sektsioon üleslaaditud failidest ega lagune uue kliendi lisamisel. --- */
.c-c2h__clients {
	margin-top: 3.5rem;
	text-align: center;
}

.c-c2h__clientsTitle {
	margin: 0 0 1rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aicr-muted);
}

.c-c2h__clientsList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 600;
	color: var(--aicr-ink);
}

.c-c2h__clientsList li {
	position: relative;
}

.c-c2h__clientsList li + li::before {
	content: "";
	position: absolute;
	left: -0.85rem;
	top: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--aicr-accent);
	transform: translateY(-50%);
}

/* ----- „Esimene samm" — esile tõstetud kaart. ----- */
.c-c2h__start {
	max-width: 46rem;
	margin: 2.75rem auto 0;
	border-color: var(--aicr-accent);
	box-shadow: 0 40px 60px -50px rgba(36, 24, 102, 0.8);
}

.c-c2h__start h3 {
	margin: 0 0 0.75rem;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
}

.c-c2h__start p {
	margin: 0 0 1rem;
}

.c-c2h__startStep {
	margin: 0 0 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aicr-accent);
}

.c-c2h__startNote {
	font-weight: 700;
	color: var(--aicr-ink);
}

.c-c2h__bridge {
	margin: 3.5rem 0 0;
	text-align: center;
	font-weight: 600;
	color: var(--aicr-ink);
}

/* ----- Järgmiste sammude kaardid. Ikoonivärv on siin violetne, mitte
 *       vanemteema aqua — see on mõeldud tumedale taustale. ----- */
.c-c2h__next .c-aicr__whyIcon {
	color: var(--aicr-accent);
}

.c-c2h__next h3 {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
	font-weight: 600;
}

.c-c2h__next h3 a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--aicr-accent);
	text-underline-offset: 3px;
}

.c-c2h__next p {
	margin: 0;
}

/* ----- Sektsiooni oma nupurida (vaikimisi kasutuses ei ole). ----- */
.c-c2h__sectionActions {
	margin: 2rem 0 0;
	text-align: center;
}

/* ----- Lõpu-CTA plokk (algsisus ei ole, aga jääb saadavaks). ----- */
.c-c2h__ctaInner {
	max-width: 46rem;
	margin-inline: auto;
	text-align: center;
}

.c-c2h__ctaInner p {
	margin: 0 auto 1.75rem;
	max-width: 44ch;
}

/* Murdepunktid on samad, mis vanemteema failis, et sektsioonid murduksid
 * ühel ja samal hetkel. */
@media (max-width: 1000px) {
	.c-c2h__heroInner .c-aicr__heroMeta {
		grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	}
}

@media (max-width: 720px) {
	.c-c2h__cardGrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.c-c2h__rolesCard .c-aicr__markList {
		grid-template-columns: minmax(0, 1fr);
	}

	.c-c2h__heroInner .c-aicr__heroMeta li {
		justify-content: flex-start;
	}

	.c-c2h__clientsList {
		gap: 0.5rem 1.25rem;
	}
}