/* DaviDAD homepage — 2026-10 Figma "Phase 1 / Homepage" (node 19:1924).
   Light hero with practice-card illustration, trust strip, start cards,
   level path, free-test band and about block. Shell/buttons/eyebrow live in layout.css. */

.davidad-home { color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--surface); }
.davidad-home h2 { margin: 0; color: var(--wp--preset--color--contrast); font-size: clamp(32px, 4vw, 48px); font-weight: 700; line-height: 1.16; letter-spacing: -0.035em; }
.davidad-home h3 { margin: 0; font-weight: 700; letter-spacing: -0.01em; }

/* ---- Hero ---- */
.davidad-hero { padding: 96px 0 88px; background: var(--wp--preset--color--surface); }
.davidad-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 440px); gap: 64px; align-items: center; }
.davidad-hero h1 {
	max-width: 580px; margin: 0; color: #053b36;
	font-size: clamp(44px, 6vw, 72px); font-weight: 700; line-height: 1.08; letter-spacing: -0.045em;
}
.davidad-hero__highlight { color: var(--wp--preset--color--primary); }
.davidad-hero__lede { max-width: 560px; margin: 24px 0 0; color: var(--wp--preset--color--muted); font-size: 18px; line-height: 1.65; }
.davidad-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.davidad-hero__facts { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 18px 0 0; padding: 0; list-style: none; color: var(--wp--preset--color--muted); font-size: 13px; }

/* Practice-card illustration (decorative) */
.davidad-practice { position: relative; padding: 0 0 0 28px; }
.davidad-practice__card {
	padding: 24px; border: 1px solid var(--wp--preset--color--border); border-radius: 20px;
	background: #fff; box-shadow: 0 24px 60px rgba(7, 80, 73, 0.12);
}
.davidad-practice__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.davidad-practice__eyebrow { color: var(--wp--preset--color--primary-dark); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.davidad-practice__tag { padding: 4px 10px; border: 1px solid var(--wp--preset--color--primary-light); border-radius: 999px; background: var(--wp--preset--color--primary-soft); color: var(--wp--preset--color--primary-dark); font-size: 11px; font-weight: 600; }
.davidad-practice__title { margin: 10px 0 0; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }
.davidad-practice__sub { margin: 4px 0 0; color: var(--wp--preset--color--muted); font-size: 13px; }
.davidad-practice__stage { position: relative; height: 230px; }
.davidad-practice__controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.davidad-practice__btn {
	display: grid; place-items: center; min-height: 38px; border: 1px solid var(--wp--preset--color--primary-light);
	border-radius: 10px; background: var(--wp--preset--color--primary-soft); color: var(--wp--preset--color--primary-dark); font-size: 13px; font-weight: 600;
}
.davidad-practice__btn--rec { border-color: var(--wp--preset--color--primary); background: var(--wp--preset--color--primary); color: #fff; }
.davidad-practice__attempts { margin: 14px 0 0; color: var(--wp--preset--color--muted); font-size: 12px; }
.davidad-practice__attempts strong { color: var(--wp--preset--color--contrast); }
.davidad-practice__dots { display: inline-flex; gap: 4px; margin: 0 6px; vertical-align: middle; }
.davidad-practice__dots i { width: 9px; height: 9px; border: 1px solid #c1c2c2; border-radius: 50%; }

.davidad-chip-card {
	position: absolute; display: grid; gap: 2px; padding: 12px 16px; border: 1px solid; border-radius: 12px;
	font-size: 12px; box-shadow: 0 10px 24px rgba(38, 39, 39, 0.08);
}
.davidad-chip-card strong { font-size: 18px; font-weight: 700; }
.davidad-chip-card span { color: var(--wp--preset--color--muted); }
.davidad-chip-card--listen { top: 8px; left: -52px; border-color: #a7e3b4; background: #e8f9eb; }
.davidad-chip-card--listen strong { color: #2a8440; }
.davidad-chip-card--repeat { top: 84px; right: -48px; border-color: #adc6ff; background: #ebf1ff; }
.davidad-chip-card--repeat strong { color: #3270ff; }
.davidad-chip-card--speak { top: 158px; left: 26%; border-color: #fbdda2; background: #fff6e6; }
.davidad-chip-card--speak strong { color: #f3a81d; }

/* ---- Trust strip ---- */
.davidad-trust { background: #fff; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); }
.davidad-trust__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: 0; padding: 0; list-style: none; }
.davidad-trust__list li { display: grid; gap: 2px; padding: 22px 24px; border-left: 1px solid var(--wp--preset--color--border); }
.davidad-trust__list li:first-child { padding-left: 0; border-left: 0; }
.davidad-trust__list strong { font-size: 14px; font-weight: 700; }
.davidad-trust__list span { color: var(--wp--preset--color--muted); font-size: 13px; }

/* ---- Sections ---- */
.davidad-section { padding: 80px 0; background: var(--wp--preset--color--surface); }
.davidad-section--white { background: #fff; }
.davidad-section__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 20px 48px; margin-bottom: 40px; }
.davidad-section__head h2 { max-width: 500px; }
.davidad-section__intro { max-width: 380px; margin: 0; color: var(--wp--preset--color--muted); font-size: 16px; }
.davidad-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }

/* Start cards */
.davidad-start-card {
	display: flex; flex-direction: column; min-height: 300px; padding: 24px;
	border: 1px solid var(--wp--preset--color--border); border-radius: 20px; background: #fff;
}
.davidad-start-card__num { color: var(--wp--preset--color--primary-dark); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.davidad-start-card h3 { margin-top: 28px; font-size: 24px; line-height: 1.25; }
.davidad-start-card p { margin: 10px 0 24px; color: var(--wp--preset--color--muted); font-size: 15px; }
.davidad-start-card .davidad-btn { margin-top: auto; }
.davidad-start-card--featured { border-color: var(--wp--preset--color--primary); background: var(--wp--preset--color--primary); color: #fff; box-shadow: 0 18px 40px rgba(13, 148, 136, 0.25); }
.davidad-start-card--featured .davidad-start-card__num,
.davidad-start-card--featured p { color: var(--wp--preset--color--primary-soft); }

/* Level path cards */
.davidad-level-card {
	position: relative; display: block; overflow: hidden; padding: 30px 24px 24px;
	border: 1px solid var(--wp--preset--color--border); border-radius: 20px; background: #fff;
	color: var(--wp--preset--color--contrast); text-decoration: none; transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.davidad-level-card::before { position: absolute; inset: 0 0 auto; height: 8px; background: var(--level-accent); content: ""; }
.davidad-level-card:hover { color: var(--wp--preset--color--contrast); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(7, 80, 73, 0.1); }
.davidad-level-card--foundation,
.davidad-level-card--beginner { --level-accent: #6ebfb8; }
.davidad-level-card--intermediate { --level-accent: var(--wp--preset--color--primary); }
.davidad-level-card--advanced { --level-accent: #053b36; }
.davidad-chip {
	display: inline-block; padding: 5px 14px; border-radius: 999px;
	background: var(--wp--preset--color--primary-soft); color: var(--wp--preset--color--primary-dark); font-size: 12px; font-weight: 600;
}
.davidad-level-card h3 { margin-top: 16px; color: var(--wp--preset--color--primary-dark); font-size: 24px; }
.davidad-level-card p { margin: 8px 0 0; color: var(--wp--preset--color--muted); font-size: 15px; }
.davidad-level-card ul { display: grid; gap: 8px; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid var(--wp--preset--color--border); list-style: none; font-size: 14px; }

/* ---- Free-test band ---- */
.davidad-band { padding: 40px 0; background: var(--wp--preset--color--primary-deep); color: #fff; }
.davidad-band__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; }
.davidad-home .davidad-band h2 { color: #fff; font-size: 32px; letter-spacing: -0.02em; }
.davidad-band p { margin: 8px 0 0; color: var(--wp--preset--color--primary-light); font-size: 15px; }

/* ---- About ---- */
.davidad-about { padding: 64px 0; background: #fff; }
.davidad-home .davidad-about h2 { color: var(--wp--preset--color--primary-deep); font-size: 32px; font-weight: 600; letter-spacing: -0.02em; }
.davidad-about p { max-width: 860px; margin: 18px 0 0; color: var(--wp--preset--color--primary-deep); font-size: 20px; line-height: 1.6; }

/* ---- Responsive ---- */
@media screen and (max-width: 960px) {
	.davidad-hero__grid { grid-template-columns: 1fr; gap: 48px; }
	.davidad-practice { max-width: 460px; }
	.davidad-trust__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.davidad-trust__list li:nth-child(3) { padding-left: 0; border-left: 0; }
	.davidad-grid-3 { grid-template-columns: 1fr; }
	.davidad-start-card { min-height: 0; }
}
@media screen and (max-width: 600px) {
	.davidad-hero { padding: 56px 0 64px; }
	.davidad-practice { padding-left: 0; }
	.davidad-chip-card--listen { left: -12px; }
	.davidad-chip-card--repeat { right: -12px; }
	.davidad-practice__stage { height: 270px; }
	.davidad-chip-card--speak { top: 180px; left: 10%; }
	.davidad-trust__list { grid-template-columns: 1fr; }
	.davidad-trust__list li { padding: 14px 0; border-left: 0; border-top: 1px solid var(--wp--preset--color--border); }
	.davidad-trust__list li:first-child { border-top: 0; }
	.davidad-section { padding: 56px 0; }
}