/*!
 * E Skills App Directory — front-end styles.
 * Everything is scoped to .adp-scope so theme and Elementor styles are not affected.
 * Design tokens (colours, radius, font) are injected inline from Settings.
 */

/* ---------------------------------------------------------------- Base */
:root {
	--adp-bg: #FAF9F6;
	--adp-surface: #FFFFFF;
	--adp-text: #15171A;
	--adp-muted: #6B7078;
	--adp-cta: #14232B;
	--adp-accent: #B8C7C2;
	--adp-beige: #EEE8DE;
	--adp-radius: 20px;
	--adp-font: inherit;
	--adp-line: rgba(21, 23, 26, .09);
	--adp-shadow-sm: 0 1px 2px rgba(20, 35, 43, .06), 0 2px 8px rgba(20, 35, 43, .05);
	--adp-shadow: 0 10px 30px -12px rgba(20, 35, 43, .22), 0 2px 6px rgba(20, 35, 43, .05);
	--adp-shadow-lg: 0 30px 60px -20px rgba(20, 35, 43, .35);
	--adp-gold: #E7A400;
	--adp-ease: cubic-bezier(.2, .7, .2, 1);
}
.adp-scope {
	font-family: var(--adp-font);
	font-size: 16px;
	color: var(--adp-text);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.adp-scope *,
.adp-scope *::before,
.adp-scope *::after { box-sizing: border-box; }
.adp-scope img { max-width: 100%; height: auto; display: block; }
.adp-scope a { color: inherit; }
.adp-scope :where(h1, h2, h3, h4) { font-family: var(--adp-font); color: inherit; margin: 0; line-height: 1.15; letter-spacing: -.015em; }
.adp-scope :where(p, li, dd, dt, blockquote, figure, figcaption) { margin: 0; font-size: inherit; line-height: inherit; letter-spacing: normal; }
.adp-scope button { font-family: inherit; text-transform: none; letter-spacing: normal; }
.adp-scope ul[role="list"], .adp-scope ol { list-style: none; margin: 0; padding: 0; }
.adp-scope :focus-visible { outline: 3px solid var(--adp-cta); outline-offset: 3px; border-radius: 6px; }
.adp-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.adp-app, .adp-home, .adp-term { background: var(--adp-bg); overflow-x: clip; }
.adp-main { display: block; }

.adp-container { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 32px); }
.adp-container--narrow { max-width: 860px; }
.adp-container--wide { max-width: 1440px; }

/* ---------------------------------------------------------------- Type */
.adp-display { font-size: clamp(2.1rem, 4.4vw, 3.6rem); font-weight: 700; line-height: 1.04; letter-spacing: -.03em; }
.adp-display--md { font-size: clamp(2rem, 4vw, 3rem); }
.adp-app-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.025em; }
.adp-tagline { font-size: 1.1rem; color: var(--adp-muted); margin-top: .6rem; }
.adp-tagline--xl { font-size: clamp(1.15rem, 2vw, 1.45rem); color: var(--adp-text); opacity: .82; font-weight: 400; line-height: 1.4; }
.adp-lead { font-size: 1.05rem; color: var(--adp-muted); margin-top: 1rem; max-width: 60ch; }
.adp-lead--xl { font-size: clamp(1.2rem, 2.2vw, 1.6rem); line-height: 1.5; color: var(--adp-text); text-align: center; margin-inline: auto; }
.adp-lead p + p { margin-top: .6em; }
.adp-eyebrow { display: inline-block; font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--adp-muted); margin-bottom: .75rem; }
.adp-prose { color: var(--adp-text); font-size: 1.04rem; }
.adp-prose p + p, .adp-prose ul, .adp-prose ol { margin-top: 1em; }
.adp-prose ul, .adp-prose ol { padding-left: 1.25em; list-style: revert; }
.adp-link { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; text-decoration: none; }
.adp-link:hover { text-decoration: underline; }

/* ---------------------------------------------------------------- Sections */
.adp-section { padding-block: clamp(48px, 7vw, 96px); }
.adp-section + .adp-section { padding-top: 0; }
.adp-section__head { margin-bottom: clamp(24px, 3.5vw, 40px); max-width: 720px; }
.adp-section__head--center { margin-inline: auto; text-align: center; }
.adp-section__title { font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 700; }
.adp-section__title--lg { font-size: clamp(1.9rem, 3.6vw, 2.8rem); }
.adp-section__sub { color: var(--adp-muted); margin-top: .5rem; }

/* ---------------------------------------------------------------- Buttons & chips */
.adp-scope .adp-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .85rem 1.45rem; border-radius: 999px; font-weight: 600; font-size: .95rem; line-height: 1.1; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: transform .2s var(--adp-ease), background-color .2s, box-shadow .2s; font-family: inherit; }
.adp-btn:hover { transform: translateY(-1px); }
.adp-scope .adp-btn--dark { background: var(--adp-cta); color: #fff !important; }
.adp-btn--dark:hover { box-shadow: var(--adp-shadow); }
.adp-scope .adp-btn--light { background: #fff; color: var(--adp-cta) !important; }
.adp-scope .adp-btn--ghost { background: transparent; border-color: var(--adp-line); color: var(--adp-text); }
.adp-scope .adp-btn--sm { padding: .6rem 1rem; font-size: .85rem; }
.adp-chip { display: inline-flex; align-items: center; padding: .28rem .75rem; border-radius: 999px; background: var(--adp-beige); color: var(--adp-text); font-size: .78rem; font-weight: 500; text-decoration: none; line-height: 1.4; }
.adp-chip--soft { background: color-mix(in srgb, var(--adp-accent) 30%, #fff); }
.adp-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.adp-badges { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }
.adp-badge-soft { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .85rem; border-radius: 999px; background: var(--adp-surface); box-shadow: var(--adp-shadow-sm); font-size: .85rem; font-weight: 500; }
.adp-icon { flex: none; }
.adp-icon--star { color: var(--adp-gold); fill: var(--adp-gold); }

/* Store badges */
.adp-stores { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }
.adp-stores--align-center { justify-content: center; }
.adp-stores--align-end { justify-content: flex-end; }
.adp-stores--align-stretch .adp-badge { flex: 1 1 200px; justify-content: center; }
.adp-badge { display: inline-flex; align-items: center; gap: .65rem; min-height: 54px; padding: .5rem 1.25rem .5rem 1rem; border-radius: 14px; text-decoration: none; border: 1.5px solid transparent; transition: transform .2s var(--adp-ease), box-shadow .2s; }
.adp-badge:hover { transform: translateY(-2px); box-shadow: var(--adp-shadow); }
.adp-badge__text { display: flex; flex-direction: column; line-height: 1.05; text-align: left; }
.adp-badge__small { font-size: .64rem; letter-spacing: .04em; font-weight: 500; }
.adp-badge__big { font-size: 1.2rem; font-weight: 600; letter-spacing: -.01em; }
.adp-stores--dark .adp-badge { background: #0B0D0F; color: #fff; }
.adp-stores--light .adp-badge { background: #fff; color: #0B0D0F; border-color: rgba(0, 0, 0, .08); }
.adp-stores--outline .adp-badge { background: transparent; color: currentColor; border-color: currentColor; }
.adp-stores--sm .adp-badge { min-height: 44px; padding: .4rem 1rem .4rem .8rem; }
.adp-stores--sm .adp-badge__big { font-size: 1rem; }
.adp-stores--lg .adp-badge { min-height: 62px; padding-inline: 1.15rem 1.5rem; }
.adp-stores--lg .adp-badge__big { font-size: 1.35rem; }
.adp-stores-empty { margin-top: 1.4rem; color: var(--adp-muted); font-size: .95rem; }

/* App icon & device */
.adp-app-icon { width: var(--adp-icon-size, 96px); height: var(--adp-icon-size, 96px); border-radius: 22.5%; overflow: hidden; flex: none; box-shadow: var(--adp-shadow); background: var(--adp-surface); display: inline-grid; place-items: center; }
.adp-app-icon__img { width: 100%; height: 100%; object-fit: cover; }
.adp-app-icon--empty { background: var(--adp-cta); color: #fff; font-weight: 700; font-size: calc(var(--adp-icon-size, 96px) * .42); }
.adp-device { position: relative; width: min(290px, 72vw); padding: 9px; border-radius: 44px; background: #0E1114; box-shadow: var(--adp-shadow-lg), inset 0 0 0 2px #2a2f35; margin-inline: auto; }
.adp-device__screen { border-radius: 36px; overflow: hidden; background: #000; }
.adp-device__img { width: 100%; height: auto; }
.adp-device-stack { display: flex; justify-content: center; align-items: flex-end; padding-block: 1rem; }
.adp-device-stack .adp-device { width: min(250px, 40vw); margin: 0; }
.adp-device-stack .adp-device--1 { z-index: 3; }
.adp-device-stack .adp-device--2 { z-index: 2; margin-left: -16%; transform: scale(.9) translateY(4%); transform-origin: bottom left; }
.adp-device-stack .adp-device--3 { z-index: 1; margin-left: -16%; transform: scale(.8) translateY(8%); transform-origin: bottom left; }

/* Meta line */
.adp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem; color: var(--adp-muted); font-size: .92rem; margin-top: 1rem; }
.adp-meta__item { display: inline-flex; align-items: center; gap: .3rem; }
.adp-meta__rating strong { color: var(--adp-text); }
.adp-meta__muted { color: var(--adp-muted); font-weight: 400; }

/* Breadcrumbs */
.adp-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .35rem; font-size: .85rem; color: var(--adp-muted); padding: 0; margin: 0; list-style: none; }
.adp-breadcrumbs li + li::before { content: "›"; margin-right: .35rem; opacity: .6; }
.adp-breadcrumbs a { text-decoration: none; }
.adp-breadcrumbs a:hover { color: var(--adp-text); text-decoration: underline; }
.adp-crumbs-row { padding-top: 28px; }

/* ================================================================ HEROES */
.adp-hero { position: relative; }
.adp-hero__grid { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
.adp-hero__visual { position: relative; }
.adp-hero-img { width: 100%; border-radius: calc(var(--adp-radius) * 1.4); box-shadow: var(--adp-shadow-lg); object-fit: cover; }
.adp-hero__id { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.adp-hero__id .adp-meta { margin-top: 0; }
@media (min-width: 900px) {
	.adp-hero__grid { grid-template-columns: 1.05fr 1fr; }
	.adp-hero__grid--single { grid-template-columns: 1fr; max-width: 860px; }
}

/* 1 · Editorial */
.adp-hero--editorial { padding-block: clamp(24px, 4vw, 48px) clamp(56px, 8vw, 112px); }
.adp-hero--editorial .adp-app-title { margin-top: .25rem; }
.adp-tpl-editorial .adp-section--intro .adp-prose { font-size: clamp(1.1rem, 1.6vw, 1.3rem); line-height: 1.7; }
.adp-tpl-editorial .adp-section { border-top: 1px solid var(--adp-line); }
.adp-tpl-editorial .adp-section + .adp-section { padding-top: clamp(48px, 7vw, 96px); }

/* 2 · Product */
.adp-hero--product { padding: 28px 0 clamp(48px, 6vw, 88px); background: radial-gradient(1200px 520px at 85% 10%, color-mix(in srgb, var(--adp-beige) 90%, transparent), transparent 70%), linear-gradient(180deg, var(--adp-beige), var(--adp-bg)); }
.adp-hero--product .adp-hero__grid { margin-top: clamp(24px, 4vw, 48px); }
.adp-product-id { display: flex; align-items: center; gap: clamp(16px, 2.5vw, 28px); }
.adp-product-id .adp-app-icon { --adp-icon-size: clamp(88px, 11vw, 128px) !important; }
.adp-subnav-wrap { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; background: color-mix(in srgb, var(--adp-bg) 88%, transparent); backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid var(--adp-line); }
.adp-subnav ul { display: flex; gap: clamp(12px, 2.5vw, 32px); overflow-x: auto; scrollbar-width: none; justify-content: flex-start; }
.adp-subnav ul::-webkit-scrollbar { display: none; }
.adp-subnav a { display: block; padding: 1rem .15rem; white-space: nowrap; font-size: .9rem; color: var(--adp-muted); text-decoration: none; border-bottom: 2px solid transparent; }
.adp-subnav a:hover, .adp-subnav a.is-active { color: var(--adp-text); border-bottom-color: var(--adp-cta); }
@media (min-width: 900px) { .adp-subnav ul { justify-content: center; } }
.adp-tpl-product .adp-section[id] { scroll-margin-top: calc(64px + var(--wp-admin--admin-bar--height, 0px)); }

/* 3 · Education */
.adp-hero--education { padding: 28px 0 clamp(48px, 6vw, 88px); background: linear-gradient(160deg, color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 32%, var(--adp-bg)) 0%, var(--adp-bg) 62%); }
.adp-hero--education .adp-hero__grid { margin-top: clamp(24px, 4vw, 48px); }
.adp-hero--education .adp-hero__id { margin-bottom: .5rem; }
.adp-path { position: relative; background: var(--adp-surface); border-radius: calc(var(--adp-radius) * 1.2); padding: clamp(20px, 3vw, 32px); box-shadow: var(--adp-shadow); padding-right: clamp(20px, 34%, 240px); min-height: 320px; }
.adp-path__title { font-weight: 700; margin-bottom: 1rem; font-size: 1.05rem; }
.adp-path__list { display: grid; gap: .9rem; counter-reset: none; }
.adp-path__item { position: relative; display: grid; grid-template-columns: 34px 1fr; gap: .75rem; align-items: center; padding-bottom: .9rem; }
.adp-path__item::after { content: ""; position: absolute; left: 46px; right: 0; bottom: 0; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--adp-cta) var(--adp-progress), var(--adp-beige) var(--adp-progress)); opacity: .85; }
.adp-path__dot { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--adp-cta); color: #fff; font-weight: 700; font-size: .85rem; }
.adp-path__label { font-weight: 500; font-size: .95rem; line-height: 1.35; }
.adp-path__device { position: absolute; right: clamp(-12px, -1vw, 0px); bottom: -24px; width: min(210px, 32%); }
.adp-path__device .adp-device { width: 100%; border-radius: 30px; padding: 6px; }
.adp-path__device .adp-device__screen { border-radius: 25px; }
@media (max-width: 599px) {
	.adp-path { padding-right: clamp(20px, 3vw, 32px); }
	.adp-path__device { position: static; width: 60%; margin: 1.5rem auto -40px; }
}
.adp-facts { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 1.5rem; }
.adp-facts dt { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--adp-muted); }
.adp-facts dd { margin: 0; font-weight: 600; }

/* 4 · Showcase */
.adp-hero--showcase { min-height: clamp(560px, 88vh, 900px); display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: radial-gradient(900px 600px at 70% 20%, color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 55%, #0c1216), #0c1216); padding-top: 28px; }
.adp-hero__bg { position: absolute; inset: 0; overflow: hidden; }
.adp-hero__bg-img { width: 100%; height: 100% !important; object-fit: cover; transform: scale(1.02); }
.adp-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 12, 15, .35) 0%, rgba(8, 12, 15, .15) 35%, rgba(8, 12, 15, .82) 100%); }
.adp-hero--showcase .adp-hero__content { position: relative; z-index: 2; display: flex; flex-direction: column; gap: clamp(24px, 10vh, 120px); padding-bottom: clamp(40px, 6vw, 72px); }
.adp-hero--showcase .adp-breadcrumbs ol, .adp-hero--showcase .adp-meta { color: rgba(255, 255, 255, .78); }
.adp-hero--showcase .adp-breadcrumbs a:hover { color: #fff; }
.adp-hero--showcase .adp-hero__copy { max-width: 720px; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); }
.adp-hero--showcase .adp-app-icon { margin-bottom: 1.25rem; box-shadow: 0 12px 40px rgba(0, 0, 0, .45); }
.adp-hero--showcase .adp-tagline--xl { color: #fff; opacity: .9; }
.adp-hero--showcase .adp-chip { background: rgba(255, 255, 255, .16); color: #fff; backdrop-filter: blur(6px); }
.adp-layers { position: relative; z-index: 3; display: flex; justify-content: center; align-items: flex-end; gap: 0; margin-bottom: -110px; pointer-events: none; }
.adp-layer { width: min(230px, 30vw); margin: 0 -14px; }
.adp-layer--1 { transform: rotate(-7deg) translateY(30px); }
.adp-layer--2 { transform: translateY(-10px); z-index: 2; width: min(260px, 34vw); }
.adp-layer--3 { transform: rotate(7deg) translateY(30px); }
.adp-layers + * { margin-top: 0; }
.adp-tpl-showcase .adp-showcase-intro { padding-top: 150px; }
.adp-tpl-showcase:not(:has(.adp-layers)) .adp-showcase-intro { padding-top: clamp(48px, 7vw, 96px); }
.adp-tpl-showcase .adp-section:first-of-type { padding-top: clamp(48px, 7vw, 96px); }
.adp-tpl-showcase .adp-hero--showcase + .adp-section { padding-top: 150px; }
@media (max-width: 599px) { .adp-layer--1, .adp-layer--3 { display: none; } .adp-layers { margin-bottom: -80px; } .adp-tpl-showcase .adp-showcase-intro, .adp-tpl-showcase .adp-hero--showcase + .adp-section { padding-top: 110px; } }

/* 5 · Conversion */
.adp-hero--conversion { padding-block: clamp(40px, 6vw, 96px) clamp(48px, 6vw, 96px); background: radial-gradient(700px 420px at 80% 30%, color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 45%, transparent), transparent 70%), var(--adp-bg); }
.adp-hero--conversion .adp-app-title { font-size: clamp(2.3rem, 5vw, 3.9rem); }
.adp-hero--conversion .adp-hero__id { margin-bottom: 1rem; }
.adp-hero--conversion .adp-eyebrow { margin: 0; }
.adp-glow { position: absolute; inset: 10% 15%; border-radius: 50%; background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 70%, transparent); filter: blur(60px); opacity: .55; }
.adp-hero--conversion .adp-device { position: relative; }
.adp-checks { display: grid; gap: .55rem; margin-top: 1.25rem; }
.adp-checks li { display: flex; gap: .6rem; align-items: flex-start; font-weight: 500; }
.adp-checks .adp-icon { color: #0f8a5f; margin-top: .15rem; }
.adp-checks--hero li { font-size: 1.05rem; }
.adp-trustrow { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1.1rem; color: var(--adp-muted); font-size: .92rem; align-items: center; }
.adp-trustrow > span { display: inline-flex; align-items: center; gap: .35rem; }
.adp-trustrow strong { color: var(--adp-text); }

/* ================================================================ Directory */
.adp-grid { display: grid; gap: clamp(16px, 2vw, 28px); grid-template-columns: repeat(var(--adp-cols-m, 1), minmax(0, 1fr)); }
@media (min-width: 640px) { .adp-grid { grid-template-columns: repeat(var(--adp-cols-t, 2), minmax(0, 1fr)); } }
@media (min-width: 1024px) { .adp-grid { grid-template-columns: repeat(var(--adp-cols, 3), minmax(0, 1fr)); } }
.adp-grid__item { display: flex; }
.adp-grid__item > .adp-card { flex: 1; }

.adp-card { position: relative; display: flex; flex-direction: column; background: var(--adp-surface); border-radius: var(--adp-radius); overflow: hidden; box-shadow: var(--adp-shadow-sm); border: 1px solid rgba(21, 23, 26, .05); transition: transform .3s var(--adp-ease), box-shadow .3s var(--adp-ease); }
.adp-card:hover { transform: translateY(-4px); box-shadow: var(--adp-shadow); }
.adp-card:focus-within { box-shadow: var(--adp-shadow); }
.adp-card__media { aspect-ratio: var(--adp-ratio, 4/3); overflow: hidden; background: var(--adp-beige); }
.adp-card__img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s var(--adp-ease); }
.adp-card:hover .adp-card__img { transform: scale(1.04); }
.adp-card__placeholder { display: grid; place-items: center; height: 100%; color: var(--adp-muted); }
.adp-card__body { display: flex; flex-direction: column; gap: .45rem; padding: 18px 20px 20px; flex: 1; }
.adp-card__title { font-size: 1.08rem; font-weight: 650; letter-spacing: -.01em; }
.adp-card__link { text-decoration: none; color: inherit; }
.adp-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.adp-card__link:focus-visible { outline: none; }
.adp-card__link:focus-visible::after { outline: 3px solid var(--adp-cta); outline-offset: -3px; }
.adp-card__desc { color: var(--adp-muted); font-size: .9rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adp-card__foot { display: flex; align-items: center; gap: .5rem; margin-top: auto; padding-top: .7rem; }
.adp-card__rating { display: inline-flex; align-items: center; gap: .2rem; font-size: .82rem; font-weight: 600; }
.adp-card__cta { margin-left: auto; display: inline-flex; align-items: center; gap: .5rem; }
.adp-card__go { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--adp-cta); color: #fff; transition: transform .3s var(--adp-ease); }
.adp-card:hover .adp-card__go { transform: translateX(3px); }
.adp-card__go-label { display: none; font-size: .85rem; font-weight: 600; }

.adp-card--minimal { padding: 20px; }
.adp-card--minimal .adp-card__media { width: 72px; height: 72px; aspect-ratio: 1 !important; border-radius: 22.5%; box-shadow: var(--adp-shadow-sm); }
.adp-card--minimal .adp-card__body { padding: 14px 0 0; }

.adp-card--overlay { min-height: 340px; color: #fff; }
.adp-card--overlay .adp-card__media { position: absolute; inset: 0; aspect-ratio: auto; }
.adp-card--overlay .adp-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(8, 12, 15, .85)); }
.adp-card--overlay .adp-card__body { position: relative; z-index: 0; justify-content: flex-end; }
.adp-card--overlay .adp-card__title { margin-top: auto !important; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
.adp-card--overlay .adp-card__foot { margin-top: 0; }
.adp-card--overlay .adp-card__desc { color: rgba(255, 255, 255, .82); }
.adp-card--overlay .adp-chip { background: rgba(255, 255, 255, .18); color: #fff; }
.adp-card--overlay .adp-card__go { background: #fff; color: var(--adp-cta); }

.adp-card--horizontal { flex-direction: row; align-items: stretch; }
.adp-card--horizontal .adp-card__media { width: 38%; max-width: 180px; aspect-ratio: auto; flex: none; }
.adp-card--horizontal .adp-card__go-label { display: inline; }

/* Rails (carousel) */
.adp-rail { position: relative; }
.adp-rail__track { display: flex !important; gap: clamp(14px, 1.8vw, 24px); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-block: 8px 18px; scrollbar-width: thin; scrollbar-color: var(--adp-accent) transparent; -webkit-overflow-scrolling: touch; }
.adp-rail__track > li { scroll-snap-align: start; flex: 0 0 auto; }
.adp-rail__track > .adp-grid__item { width: calc((100% - (var(--adp-cols, 3) - 1) * 24px) / var(--adp-cols, 3)); min-width: 240px; }
.adp-scope .adp-rail .adp-rail__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--adp-line); background: var(--adp-surface); color: var(--adp-text); display: grid; place-items: center; cursor: pointer; box-shadow: var(--adp-shadow-sm); transition: opacity .2s; }
.adp-rail__nav--prev { left: -12px; }
.adp-rail__nav--next { right: -12px; }
.adp-rail__nav[disabled] { opacity: 0; pointer-events: none; }
@media (hover: none) { .adp-scope .adp-rail .adp-rail__nav { display: none; } }

/* Toolbar, filters, search, pagination */
.adp-toolbar { display: flex; flex-direction: column; gap: 16px; margin-bottom: clamp(20px, 3vw, 32px); }
@media (min-width: 1024px) { .adp-toolbar { flex-direction: row; align-items: center; justify-content: space-between; } }
.adp-pills { display: flex !important; gap: .5rem; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.adp-pills::-webkit-scrollbar { display: none; }
@media (min-width: 1024px) { .adp-pills { flex-wrap: wrap; } }
.adp-pill { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem 1rem; border-radius: 999px; background: var(--adp-surface); border: 1px solid var(--adp-line); font-size: .88rem; font-weight: 500; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s, border-color .2s; }
.adp-pill:hover { border-color: var(--adp-cta); }
.adp-pill.is-active { background: var(--adp-cta); color: #fff; border-color: var(--adp-cta); }
.adp-pill__count { font-size: .75rem; opacity: .7; }
.adp-searchbar { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.adp-search { position: relative; flex: 1 1 220px; }
.adp-search__icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--adp-muted); pointer-events: none; }
.adp-scope .adp-search input { width: 100%; height: 46px; padding: 0 1rem 0 2.6rem; border-radius: 999px; border: 1px solid var(--adp-line); background: var(--adp-surface); font: inherit; font-size: .95rem; color: var(--adp-text); }
.adp-sort { display: flex; align-items: center; gap: .5rem; font-size: .88rem; color: var(--adp-muted); }
.adp-scope .adp-sort select { height: 46px; border-radius: 999px; border: 1px solid var(--adp-line); padding: 0 2.2rem 0 1rem; background-color: var(--adp-surface); font: inherit; font-size: .9rem; color: var(--adp-text); }
.adp-searchbar__submit { height: 46px; }
.js-adp .adp-searchbar__submit.adp-js-hide { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.adp-directory__count { color: var(--adp-muted); font-size: .9rem; margin-bottom: 1rem; }
.adp-directory.is-loading .adp-directory__results { opacity: .45; transition: opacity .2s; pointer-events: none; }
.adp-empty { text-align: center; padding: clamp(40px, 6vw, 72px) 20px; background: var(--adp-surface); border-radius: var(--adp-radius); color: var(--adp-muted); display: grid; gap: .5rem; justify-items: center; }
.adp-empty__title { font-weight: 600; color: var(--adp-text); font-size: 1.1rem; }
.adp-empty .adp-btn { margin-top: .75rem; }
.adp-pagination { margin-top: clamp(28px, 4vw, 48px); }
.adp-pagination ul { display: flex !important; gap: .4rem; justify-content: center; flex-wrap: wrap; }
.adp-page { min-width: 42px; height: 42px; padding: 0 .75rem; display: inline-grid; place-items: center; border-radius: 999px; border: 1px solid var(--adp-line); background: var(--adp-surface); text-decoration: none; font-weight: 600; font-size: .9rem; }
.adp-page.is-current { background: var(--adp-cta); color: #fff; border-color: var(--adp-cta); }
.adp-page--gap { border: 0; background: none; }
a.adp-page:hover { border-color: var(--adp-cta); }

/* ================================================================ Home */
.adp-home-hero { padding-block: clamp(36px, 6vw, 88px); background: radial-gradient(800px 520px at 78% 40%, var(--adp-beige), transparent 72%); }
.adp-home-hero__inner { display: grid; gap: clamp(32px, 5vw, 64px); align-items: center; }
@media (min-width: 900px) { .adp-home-hero__inner { grid-template-columns: 1.1fr 1fr; } }
.adp-home-hero__cats { margin-top: 1rem; color: var(--adp-muted); font-size: .95rem; }
.adp-home-hero .adp-btn { margin-top: 1.75rem; }
.adp-home-hero__visual { position: relative; }
.adp-home-hero__img { width: 100%; border-radius: calc(var(--adp-radius) * 1.4); }
.adp-home-hero__badge { position: absolute; top: 6%; right: 2%; width: 116px; height: 116px; border-radius: 50%; background: var(--adp-surface); box-shadow: var(--adp-shadow); display: grid; place-content: center; text-align: center; line-height: 1.1; padding: 10px; z-index: 4; }
.adp-home-hero__badge strong { font-size: 1.9rem; }
.adp-home-hero__badge span { font-size: .72rem; color: var(--adp-muted); }
.adp-home-cats { padding-block: 8px 0; }
.adp-home-block { padding-block: clamp(32px, 5vw, 64px); }
.adp-catnav--pills { padding-block: 4px; }
.adp-spotlight { display: grid; background: var(--adp-surface); border-radius: calc(var(--adp-radius) * 1.3); overflow: hidden; box-shadow: var(--adp-shadow-sm); }
@media (min-width: 900px) { .adp-spotlight { grid-template-columns: 1.15fr 1fr; } }
.adp-spotlight__media { background: var(--adp-beige); min-height: 260px; }
.adp-spotlight__img { width: 100%; height: 100% !important; object-fit: cover; }
.adp-spotlight__body { padding: clamp(24px, 4vw, 48px); display: flex; flex-direction: column; justify-content: center; }
.adp-spotlight__id { display: flex; align-items: center; gap: 1rem; }
.adp-spotlight__title { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 700; }
.adp-spotlight__title a { text-decoration: none; }
.adp-spotlight__tagline { margin-top: 1rem; font-size: 1.1rem; font-weight: 500; }
.adp-spotlight__desc { margin-top: .5rem; color: var(--adp-muted); }
.adp-spotlight__actions { margin-top: 1.5rem; }
.adp-banner { position: relative; overflow: hidden; border-radius: calc(var(--adp-radius) * 1.3); background: linear-gradient(120deg, var(--adp-cta), color-mix(in srgb, var(--adp-cta) 70%, var(--adp-accent))); color: #fff; min-height: 300px; display: flex; align-items: center; }
.adp-banner__bg { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.adp-banner.has-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 12, 15, .78), rgba(8, 12, 15, .15)); }
.adp-banner__copy { position: relative; z-index: 2; padding: clamp(28px, 5vw, 64px); max-width: 640px; }
.adp-banner__title { font-size: clamp(1.7rem, 3.4vw, 2.6rem); font-weight: 700; }
.adp-banner__text { margin-top: .75rem; opacity: .88; }
.adp-banner .adp-btn { margin-top: 1.5rem; }
.adp-highlights { display: grid !important; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--adp-line); padding-top: clamp(24px, 3vw, 36px); }
.adp-highlight { display: flex; gap: .9rem; align-items: flex-start; }
.adp-highlight strong { display: block; font-size: .95rem; color: var(--adp-text); }
.adp-highlight div > span { display: block; font-size: .85rem; color: var(--adp-muted); }

/* CTA band */
.adp-cta-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; border-radius: calc(var(--adp-radius) * 1.3); padding: clamp(28px, 4vw, 48px) clamp(24px, 5vw, 56px); }
.adp-cta-band--dark { background: var(--adp-cta); color: #fff; }
.adp-cta-band--accent { background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 45%, var(--adp-surface)); }
.adp-cta-band__title { font-size: clamp(1.4rem, 2.8vw, 2rem); font-weight: 700; }
.adp-cta-band__id { display: flex; align-items: center; gap: 1rem; }
.adp-cta-band__id p { color: var(--adp-muted); margin-top: .25rem; }
.adp-cta-band .adp-stores { margin-top: 0; }

/* ================================================================ Sections */
/* Split / overview */
.adp-split { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 900px) { .adp-split { grid-template-columns: 1fr 1fr; } .adp-split--single { grid-template-columns: 1fr; max-width: 860px; } }
.adp-split .adp-prose { margin-top: 1rem; color: var(--adp-muted); }
.adp-iconlist { display: grid; gap: .9rem; margin-top: 1.5rem !important; }
.adp-iconlist li { display: flex; align-items: center; gap: .8rem; font-weight: 500; }
.adp-ico-badge { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 40%, var(--adp-surface)); color: var(--adp-cta); flex: none; }

/* Features */
.adp-features { display: grid !important; gap: clamp(16px, 2vw, 24px); grid-template-columns: repeat(1, minmax(0, 1fr)); }
@media (min-width: 600px) { .adp-features { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .adp-features { grid-template-columns: repeat(var(--adp-cols, 4), minmax(0, 1fr)); } }
.adp-feature__icon { display: inline-grid; place-items: center; color: var(--adp-cta); }
.adp-feature__title { font-size: 1.02rem; font-weight: 650; margin-top: .9rem; }
.adp-feature__text { color: var(--adp-muted); font-size: .92rem; margin-top: .4rem; }
.adp-features--minimal { gap: 32px 40px; }
.adp-features--minimal .adp-feature { border-top: 1px solid var(--adp-line); padding-top: 22px; }
.adp-features--cards .adp-feature { background: var(--adp-surface); border-radius: var(--adp-radius); padding: 28px 24px; text-align: center; box-shadow: var(--adp-shadow-sm); transition: transform .3s var(--adp-ease), box-shadow .3s; }
.adp-features--cards .adp-feature:hover { transform: translateY(-3px); box-shadow: var(--adp-shadow); }
.adp-features--cards .adp-feature__icon { width: 56px; height: 56px; border-radius: 16px; background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 40%, var(--adp-surface)); }
.adp-features--tiles .adp-feature { background: var(--adp-surface); border-radius: var(--adp-radius); padding: 24px; border-left: 4px solid var(--adp-app-accent, var(--adp-cta)); box-shadow: var(--adp-shadow-sm); }
.adp-features--tiles .adp-feature__title { margin-top: .6rem; }

/* Gallery */
.adp-gallery { position: relative; }
.adp-gallery__track { display: flex; gap: 16px; }
.adp-shot { flex: 0 0 auto; }
.adp-shot__link { display: block; border-radius: calc(var(--adp-radius) * .9); overflow: hidden; cursor: zoom-in; }
.adp-shot__img { border-radius: calc(var(--adp-radius) * .9); width: 100%; height: auto; }
.adp-gallery--carousel .adp-shot { width: clamp(180px, 24vw, 260px); }
.adp-gallery--carousel .adp-shot__img { box-shadow: var(--adp-shadow); }
.adp-gallery--carousel .adp-rail__track { padding-inline: 4px; }
.adp-gallery--strip .adp-shot { width: clamp(160px, 20vw, 230px); }
.adp-gallery--strip .adp-shot__img { border: 1px solid var(--adp-line); }
.adp-gallery--grid .adp-gallery__track { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.adp-gallery--grid .adp-shot__img { box-shadow: var(--adp-shadow-sm); }
.adp-gallery--large .adp-gallery__track { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(14px, 2vw, 28px); align-items: start; }
.adp-gallery--large .adp-shot:nth-child(3n+2) { margin-top: clamp(0px, 4vw, 56px); }
.adp-gallery--large .adp-shot__img { box-shadow: var(--adp-shadow-lg); }
.adp-shot__link img { transition: transform .5s var(--adp-ease); }
.adp-shot__link:hover img { transform: scale(1.025); }

/* Benefits */
.adp-benefits { display: grid !important; gap: clamp(16px, 2vw, 24px); }
.adp-benefit__title { font-size: 1.05rem; font-weight: 650; }
.adp-benefit__text { color: var(--adp-muted); font-size: .94rem; margin-top: .35rem; }
.adp-benefit__icon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 40%, var(--adp-surface)); color: var(--adp-cta); flex: none; }
.adp-benefits--list { grid-template-columns: 1fr; }
@media (min-width: 800px) { .adp-benefits--list { grid-template-columns: 1fr 1fr; column-gap: 56px; } }
.adp-benefits--list .adp-benefit { display: grid; grid-template-columns: 48px 1fr; padding-block: 20px; border-top: 1px solid var(--adp-line); }
.adp-benefit__num { font-size: .85rem; font-weight: 600; color: var(--adp-muted); padding-top: .15rem; }
.adp-benefits--cards { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.adp-benefits--cards .adp-benefit { background: var(--adp-surface); border-radius: var(--adp-radius); padding: 24px; display: flex; gap: 1rem; box-shadow: var(--adp-shadow-sm); }
.adp-benefits--split { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.adp-benefits--split .adp-benefit { display: flex; gap: 1rem; padding: 24px; border-radius: var(--adp-radius); background: linear-gradient(160deg, var(--adp-surface), var(--adp-beige)); }
.adp-benefits--checks { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); max-width: 980px; margin-inline: auto; }
.adp-benefits--checks .adp-benefit { display: flex; gap: .9rem; padding: 20px 22px; border-radius: var(--adp-radius); background: var(--adp-surface); box-shadow: var(--adp-shadow-sm); }
.adp-benefits--checks .adp-benefit__icon { width: 30px; height: 30px; border-radius: 50%; background: #E3F4EC; color: #0f8a5f; }

/* Specs panel */
.adp-specs-panel { background: var(--adp-surface); border-radius: calc(var(--adp-radius) * 1.3); padding: clamp(24px, 4vw, 48px); box-shadow: var(--adp-shadow-sm); display: grid; gap: clamp(24px, 3vw, 40px); }
@media (min-width: 900px) { .adp-specs-panel { grid-template-columns: .9fr 1.1fr; } }
.adp-specs-panel__id { display: flex; gap: 1rem; align-items: center; }
.adp-specs-panel .adp-checks { margin-top: 1.5rem; }
.adp-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0; margin: 0; }
.adp-spec { padding: 14px 0; border-bottom: 1px solid var(--adp-line); padding-right: 12px; }
.adp-spec dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--adp-muted); }
.adp-spec dd { margin: .2rem 0 0; font-weight: 600; font-size: .95rem; }

/* Testimonials */
.adp-quotes { display: grid !important; gap: clamp(16px, 2vw, 24px); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.adp-quote figure { margin: 0; height: 100%; display: flex; flex-direction: column; gap: .9rem; background: var(--adp-surface); border-radius: var(--adp-radius); padding: 24px; box-shadow: var(--adp-shadow-sm); }
.adp-quote__text { margin: 0; padding: 0; border: 0; font-size: .97rem; line-height: 1.6; flex: 1; }
.adp-quote__text p::before { content: "“"; }
.adp-quote__text p::after { content: "”"; }
.adp-quote__who { display: flex; align-items: center; gap: .75rem; font-size: .88rem; }
.adp-quote__who > span:last-child { display: flex; flex-direction: column; }
.adp-quote__avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--adp-beige); font-weight: 700; flex: none; }
.adp-quote__role, .adp-quote__source { color: var(--adp-muted); font-size: .8rem; }
.adp-quote__app { font-size: .8rem; font-weight: 600; }
.adp-stars { display: inline-flex; gap: 2px; }
.adp-stars .is-on { color: var(--adp-gold); fill: var(--adp-gold); }
.adp-stars .is-off { color: #d5d5d5; }

/* Outcomes / modules / audience */
.adp-outcomes { display: grid !important; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .adp-outcomes { grid-template-columns: 1fr 1fr; } }
.adp-outcome { display: flex; gap: 1rem; align-items: flex-start; background: var(--adp-surface); border-radius: var(--adp-radius); padding: 18px 20px; box-shadow: var(--adp-shadow-sm); font-weight: 500; }
.adp-outcome__num { width: 32px; height: 32px; border-radius: 50%; background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 55%, #fff); color: var(--adp-cta); display: grid; place-items: center; font-weight: 700; font-size: .85rem; flex: none; }
.adp-modules { display: grid !important; gap: 12px; }
.adp-module { position: relative; display: grid; gap: .25rem 1.5rem; background: var(--adp-surface); border-radius: var(--adp-radius); padding: 20px 24px 26px; box-shadow: var(--adp-shadow-sm); overflow: hidden; }
@media (min-width: 700px) { .adp-module { grid-template-columns: 110px 1fr; } }
.adp-module__step { font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--adp-muted); padding-top: .2rem; }
.adp-module__title { font-size: 1.05rem; font-weight: 650; }
.adp-module__text { color: var(--adp-muted); font-size: .93rem; margin-top: .25rem; }
.adp-module__bar { position: absolute; left: 0; bottom: 0; height: 4px; width: var(--adp-progress); background: var(--adp-app-accent, var(--adp-cta)); }
.adp-audience { display: grid !important; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.adp-aud { background: var(--adp-surface); border-radius: var(--adp-radius); padding: 26px; box-shadow: var(--adp-shadow-sm); }
.adp-aud__icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--adp-beige); }
.adp-aud__title { font-size: 1.1rem; font-weight: 650; margin: .9rem 0 .4rem !important; }
.adp-aud p { color: var(--adp-muted); font-size: .94rem; }

/* Story & panels */
.adp-story { display: grid; gap: clamp(28px, 5vw, 72px); align-items: center; }
@media (min-width: 900px) { .adp-story { grid-template-columns: 1fr 1fr; } .adp-story--text { grid-template-columns: 1fr; max-width: 860px; } }
.adp-story__img { width: 100%; border-radius: calc(var(--adp-radius) * 1.3); box-shadow: var(--adp-shadow-lg); }
.adp-story .adp-prose { margin-top: 1rem; color: var(--adp-muted); }
.adp-panels { display: grid !important; gap: clamp(36px, 6vw, 80px); }
.adp-panel { display: grid; gap: clamp(20px, 4vw, 56px); align-items: center; }
@media (min-width: 900px) { .adp-panel { grid-template-columns: 1.15fr 1fr; } .adp-panel:nth-child(even) .adp-panel__media { order: 2; } .adp-panel--text { grid-template-columns: 1fr; } }
.adp-panel__media { border-radius: calc(var(--adp-radius) * 1.3); overflow: hidden; background: #0e1114; display: grid; place-items: center; max-height: 560px; }
.adp-panel__img { width: 100%; height: 100% !important; max-height: 560px; object-fit: contain; }
.adp-panel__icon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: var(--adp-cta); color: #fff; }
.adp-panel__title { font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: 700; margin: 1rem 0 .6rem !important; }
.adp-panel p { color: var(--adp-muted); font-size: 1.02rem; }

/* Video */
.adp-video { position: relative; border-radius: calc(var(--adp-radius) * 1.2); overflow: hidden; box-shadow: var(--adp-shadow-lg); background: #000; aspect-ratio: 16/9; }
.adp-video iframe, .adp-video video { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }
.adp-video-link { text-align: center; }

/* Problem / solution */
.adp-ps-grid { display: grid; gap: 20px; }
@media (min-width: 800px) { .adp-ps-grid { grid-template-columns: 1fr 1fr; } }
.adp-ps { border-radius: calc(var(--adp-radius) * 1.2); padding: clamp(24px, 4vw, 44px); }
.adp-ps--problem { background: var(--adp-beige); }
.adp-ps--solution { background: var(--adp-cta); color: #fff; }
.adp-ps--solution .adp-eyebrow { color: color-mix(in srgb, var(--adp-accent) 80%, #fff); }
.adp-ps__text { font-size: 1.12rem; line-height: 1.6; }
.adp-ps__text p + p { margin-top: .6em; }
.adp-ps--solution .adp-stores--dark .adp-badge { background: #fff; color: #0B0D0F; }

/* Steps */
.adp-steps { display: grid !important; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); counter-reset: adp-step; }
.adp-step { position: relative; background: var(--adp-surface); border-radius: var(--adp-radius); padding: 28px 24px; box-shadow: var(--adp-shadow-sm); }
.adp-step__num { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--adp-cta); color: #fff; font-weight: 700; font-size: 1.1rem; margin-bottom: 1rem; }
.adp-step__title { font-size: 1.05rem; font-weight: 650; }
.adp-step p { color: var(--adp-muted); font-size: .94rem; margin-top: .4rem; }

/* Trust */
.adp-stats { display: flex !important; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 32px !important; }
.adp-stats li { min-width: 180px; text-align: center; padding: 22px 28px; background: var(--adp-surface); border-radius: var(--adp-radius); box-shadow: var(--adp-shadow-sm); display: grid; gap: .3rem; justify-items: center; }
.adp-stats strong { font-size: 2rem; letter-spacing: -.02em; line-height: 1; }
.adp-stats span { color: var(--adp-muted); font-size: .88rem; }

/* FAQ */
.adp-faq { display: grid; gap: 12px; }
.adp-faq__item { background: var(--adp-surface); border-radius: calc(var(--adp-radius) * .8); box-shadow: var(--adp-shadow-sm); }
.adp-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 18px 22px; cursor: pointer; font-weight: 600; list-style: none; }
.adp-faq__q::-webkit-details-marker { display: none; }
.adp-faq__icon { transition: transform .25s var(--adp-ease); }
.adp-faq__item[open] .adp-faq__icon { transform: rotate(45deg); }
.adp-faq__a { padding: 0 22px 20px; color: var(--adp-muted); }
.adp-faq__a p + p { margin-top: .5em; }
.adp-faq--compact { gap: 0; }
.adp-faq--compact .adp-faq__item { background: transparent; box-shadow: none; border-radius: 0; border-bottom: 1px solid var(--adp-line); }
.adp-faq--compact .adp-faq__q { padding-inline: 0; }
.adp-faq--compact .adp-faq__a { padding-inline: 0; }

.adp-related__all { margin-top: 24px; text-align: right; }

/* CTA */
.adp-cta { position: relative; border-radius: calc(var(--adp-radius) * 1.4); overflow: hidden; }
.adp-cta__inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .75rem; padding: clamp(36px, 6vw, 80px) clamp(20px, 5vw, 64px); }
.adp-cta__inner .adp-stores { justify-content: center; margin-top: 1rem; }
.adp-cta__title { font-size: clamp(1.7rem, 3.4vw, 2.6rem); font-weight: 700; }
.adp-cta__text { color: inherit; opacity: .8; max-width: 52ch; }
.adp-cta--restrained { border-radius: 0; border-top: 1px solid var(--adp-line); }
.adp-cta--restrained .adp-cta__inner { padding-block: clamp(32px, 5vw, 64px) 0; }
.adp-cta--bold { background: var(--adp-cta); color: #fff; display: grid; }
@media (min-width: 900px) { .adp-cta--bold { grid-template-columns: 1.3fr 1fr; align-items: end; } .adp-cta--bold .adp-cta__inner { align-items: flex-start; text-align: left; } .adp-cta--bold .adp-cta__inner .adp-stores { justify-content: flex-start; } }
.adp-cta__visual { position: relative; padding: 32px 32px 0; overflow: hidden; max-height: 420px; }
.adp-cta__visual .adp-device { width: min(240px, 60vw); }
.adp-cta--immersive { color: #fff; background: #0c1216; min-height: 380px; display: grid; align-items: center; }
.adp-cta__bg { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.adp-cta--immersive::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(8, 12, 15, .45), rgba(8, 12, 15, .85)); z-index: 1; }
.adp-cta--repeat { background: linear-gradient(135deg, var(--adp-cta), color-mix(in srgb, var(--adp-cta) 65%, var(--adp-app-accent, var(--adp-accent)))); color: #fff; }

/* Sticky mobile CTA */
.adp-sticky { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 9980; display: flex; align-items: center; gap: .75rem; padding: 10px 10px 10px 12px; background: var(--adp-surface); border-radius: 18px; box-shadow: var(--adp-shadow-lg); }
.adp-sticky[hidden] { display: none; }
.adp-sticky__name { font-weight: 600; font-size: .95rem; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 900px) { .adp-sticky { display: none !important; } }

/* Term archive */
.adp-term-head { padding-block: clamp(28px, 5vw, 64px) 8px; }
.adp-term-head .adp-display { margin-top: 1rem; }

/* Lightbox */
.adp-lightbox:not([open]), .adp-lightbox[hidden] { display: none !important; }
.adp-lightbox { position: fixed; inset: 0; z-index: 99999; background: rgba(8, 10, 12, .94); display: grid; grid-template-columns: 64px 1fr 64px; align-items: center; justify-items: center; padding: 24px 8px; border: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; color: #fff; }
.adp-lightbox::backdrop { background: rgba(8, 10, 12, .94); }
.adp-scope.adp-lightbox .adp-lightbox__img { display: block; height: min(86vh, 1600px); width: auto; max-width: calc(100vw - 150px); max-height: 86vh; border-radius: 16px; object-fit: contain; cursor: default; }
@media (max-width: 600px) { .adp-lightbox { grid-template-columns: 44px 1fr 44px; } .adp-scope.adp-lightbox .adp-lightbox__img { height: auto; max-height: 80vh; max-width: calc(100vw - 100px); } }
.adp-scope.adp-lightbox .adp-lightbox__btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .08); color: #fff; display: grid; place-items: center; cursor: pointer; }
.adp-scope.adp-lightbox .adp-lightbox__btn:hover { background: rgba(255, 255, 255, .18); }
.adp-lightbox__close { position: absolute; top: 16px; right: 16px; }
.adp-lightbox__count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); font-size: .85rem; opacity: .8; }

/* Language toggle */
.adp-lang-toggle { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--adp-surface); box-shadow: var(--adp-shadow); border: 1px solid var(--adp-line); }
.adp-scope .adp-lang-toggle .adp-lang-toggle__btn { appearance: none; border: 0; background: transparent; color: var(--adp-text); font: 600 .78rem/1 var(--adp-font); letter-spacing: .04em; padding: .5rem .8rem; border-radius: 999px; cursor: pointer; min-width: 44px; min-height: 32px; }
.adp-scope .adp-lang-toggle .adp-lang-toggle__btn[aria-pressed="true"] { background: var(--adp-cta); color: #fff; }
.adp-lang-float { position: fixed; right: 16px; bottom: 16px; z-index: 9990; }
body:has(.adp-sticky:not([hidden])) .adp-lang-float { bottom: 92px; }
@media (min-width: 900px) { body:has(.adp-sticky:not([hidden])) .adp-lang-float { bottom: 16px; } }

/* Elementor-built app wrapper */
.adp-elementor-app { width: 100%; }

/* Motion preferences */
@media (prefers-reduced-motion: reduce) {
	.adp-scope *, .adp-scope *::before, .adp-scope *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
	.adp-card:hover, .adp-badge:hover, .adp-btn:hover { transform: none; }
}

/* Print */
@media print {
	.adp-lang-float, .adp-sticky, .adp-rail__nav, .adp-subnav-wrap { display: none !important; }
}

/* ================================================================ Elementor widgets */
.adp-el-flush-yes .adp-section { padding-block: 0; }
.adp-el-flush-yes .adp-container { max-width: none; padding-inline: 0; }
[class*="elementor-widget-adp-"]:not(.adp-el-hover-yes) .adp-card:hover { transform: none; }
.adp-spaced { margin-top: clamp(20px, 3vw, 32px); }
.adp-hero--widget { padding-block: clamp(24px, 4vw, 56px); }
.adp-hero--centered .adp-hero__grid { grid-template-columns: 1fr !important; text-align: center; justify-items: center; }
.adp-hero--centered .adp-lead { margin-inline: auto; }
.adp-hero--centered .adp-meta, .adp-hero--centered .adp-hero__id { justify-content: center; }
@media (min-width: 900px) { .adp-hero--reverse .adp-hero__visual { order: -1; } }
.adp-gallery--crop .adp-shot__img { aspect-ratio: var(--adp-shot-ratio); object-fit: cover; }
.adp-lang-inline { display: block; }
.adp-info .adp-facts { margin-bottom: 1rem; }

/* Theme-proofing: some themes style every <button> with high-specificity selectors. */
.adp-scope .adp-rail .adp-rail__nav { background: var(--adp-surface) !important; color: var(--adp-text) !important; border: 1px solid var(--adp-line) !important; padding: 0 !important; }
.adp-scope .adp-lang-toggle .adp-lang-toggle__btn { background: transparent !important; color: var(--adp-text) !important; border: 0 !important; }
.adp-scope .adp-lang-toggle .adp-lang-toggle__btn[aria-pressed="true"] { background: var(--adp-cta) !important; color: #fff !important; }
.adp-scope.adp-lightbox .adp-lightbox__btn { background: rgba(255, 255, 255, .08) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .3) !important; padding: 0 !important; }
.adp-scope .adp-facts dd, .adp-scope .adp-spec dd { margin: .15rem 0 0 !important; padding: 0 !important; }
.adp-device-stack .adp-device { width: min(220px, 34vw); }

/* ================================================================ Directory page wrapper */
.adp-directory-page-content > .adp-home { margin: 0; }
.adp-main .adp-directory-page-content > p:empty { display: none; }

/* ================================================================ Homepage designs — shared */
.adp-home .adp-home-block:first-child { padding-top: clamp(28px, 4vw, 48px); }
.adp-rowhead { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.adp-rowhead .adp-section__title { font-size: clamp(1.3rem, 2.2vw, 1.75rem); }
.adp-rowhead--rule { border-top: 2px solid var(--adp-text); padding-top: 14px; }
.adp-seeall { font-size: .92rem; color: var(--adp-muted); white-space: nowrap; text-decoration: none; }
.adp-seeall:hover { color: var(--adp-text); }
.adp-highlight__icon { display: inline-grid; place-items: center; flex: none; }
.adp-highlights--cards { border-top: 0; padding-top: 0; }
.adp-highlights--cards .adp-highlight { background: var(--adp-surface); border-radius: var(--adp-radius); padding: 22px; box-shadow: var(--adp-shadow-sm); }
.adp-highlights--cards .adp-highlight__icon, .adp-highlights--bubbles .adp-highlight__icon { width: 46px; height: 46px; border-radius: 14px; background: color-mix(in srgb, var(--adp-accent) 40%, var(--adp-surface)); }

/* Compact app list (store style) */
.adp-applist { display: grid !important; grid-auto-flow: column; grid-template-rows: repeat(3, auto); grid-auto-columns: minmax(280px, 31%); gap: 6px 28px; }
@media (max-width: 760px) { .adp-applist { grid-auto-columns: 86%; } }
.adp-applist--stack { grid-auto-flow: row; grid-template-rows: none; grid-auto-columns: auto; gap: 0; }
.adp-listitem { position: relative; display: flex; align-items: center; gap: 12px; scroll-snap-align: start; }
.adp-listitem__link { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; text-decoration: none; padding: 10px 0; border-bottom: 1px solid var(--adp-line); }
.adp-listitem__link .adp-app-icon { box-shadow: var(--adp-shadow-sm); }
.adp-listitem__text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.adp-listitem__name { font-weight: 600; font-size: .98rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adp-listitem__sub { font-size: .84rem; color: var(--adp-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adp-listitem__get { flex: none; padding: .38rem .95rem; border-radius: 999px; background: var(--adp-beige); color: var(--adp-cta); font-weight: 700; font-size: .78rem; letter-spacing: .03em; text-transform: uppercase; transition: background .2s, color .2s; }
.adp-listitem__link:hover .adp-listitem__get { background: var(--adp-cta); color: #fff; }
.adp-rank { font-size: 1.6rem; font-weight: 700; color: var(--adp-accent); width: 2.2ch; flex: none; font-variant-numeric: tabular-nums; }

/* ================================================================ 2. Storefront */
.adp-home--storefront { background: var(--adp-surface); }
.adp-sf-head { padding-top: clamp(32px, 5vw, 64px); border-bottom: 1px solid var(--adp-line); padding-bottom: 24px; }
.adp-sf-date { text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; font-weight: 600; color: var(--adp-muted); }
.adp-sf-title { font-size: clamp(2.2rem, 4.6vw, 3.4rem); font-weight: 800; letter-spacing: -.035em; margin-top: .3rem !important; line-height: 1.05; max-width: 22ch; }
.adp-sf-sub { margin-top: .75rem; }
.adp-sf-stories { display: grid; gap: clamp(16px, 2vw, 24px); }
@media (min-width: 900px) { .adp-sf-stories { grid-template-columns: 1.35fr 1fr; grid-template-rows: 1fr 1fr; } .adp-story-card.is-lead { grid-row: span 2; } }
.adp-story-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 300px; border-radius: 28px; overflow: hidden; color: #fff; background: var(--adp-app-accent, var(--adp-cta)); box-shadow: var(--adp-shadow); transition: transform .35s var(--adp-ease), box-shadow .35s; isolation: isolate; }
.adp-story-card.is-lead { min-height: clamp(420px, 52vw, 640px); }
.adp-story-card:hover { transform: scale(1.012); box-shadow: var(--adp-shadow-lg); }
.adp-story-card__media { position: absolute; inset: 0; z-index: -2; }
.adp-story-card__img { width: 100%; height: 100% !important; object-fit: cover; }
.adp-story-card__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .65) 100%); }
.adp-story-card__top { padding: clamp(20px, 3vw, 32px); }
.adp-story-card__eyebrow { display: block; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; font-weight: 700; opacity: .85; }
.adp-story-card__title { font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 800; letter-spacing: -.02em; margin-top: .4rem !important; max-width: 16ch; text-shadow: 0 2px 20px rgba(0, 0, 0, .3); }
.adp-story-card:not(.is-lead) .adp-story-card__title { font-size: clamp(1.25rem, 2vw, 1.6rem); }
.adp-story-card__link { color: #fff !important; text-decoration: none; }
.adp-story-card__link::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.adp-story-card__foot { display: flex; align-items: center; gap: 12px; padding: 14px clamp(16px, 2.5vw, 24px); background: rgba(255, 255, 255, .14); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); }
.adp-story-card__foot > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: .85rem; }
.adp-story-card__foot > span:nth-child(2) > span { opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adp-story-card__foot .adp-listitem__get { background: rgba(255, 255, 255, .92); }
.adp-sf-rail .adp-rail__track { padding-bottom: 6px; }
.adp-home--storefront .adp-home-block { padding-block: clamp(24px, 3.5vw, 44px); }

/* ================================================================ 3. Bento */
.adp-home--bento { background: radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--adp-accent) 45%, transparent), transparent 60%), var(--adp-bg); }
.adp-bento-head { padding-top: clamp(40px, 7vw, 96px); text-align: center; display: flex; flex-direction: column; align-items: center; }
.adp-bento-title { max-width: 18ch; }
.adp-bento-head .adp-lead { margin-inline: auto; text-align: center; }
.adp-bento-stats { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px !important; }
.adp-bento-stats li { display: flex; align-items: baseline; gap: 8px; padding: 10px 18px; border-radius: 999px; background: var(--adp-surface); box-shadow: var(--adp-shadow-sm); }
.adp-bento-stats strong { font-size: 1.15rem; }
.adp-bento-stats span { color: var(--adp-muted); font-size: .85rem; }
.adp-bento { grid-auto-flow: dense; display: grid; gap: clamp(12px, 1.6vw, 20px); grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(170px, auto); }
@media (min-width: 1000px) { .adp-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 210px; } }
.adp-bento__tile { position: relative; border-radius: 26px; overflow: hidden; background: var(--adp-surface); box-shadow: var(--adp-shadow-sm); display: flex; flex-direction: column; justify-content: flex-end; transition: transform .3s var(--adp-ease), box-shadow .3s; isolation: isolate; }
.adp-bento__tile:hover { transform: translateY(-3px); box-shadow: var(--adp-shadow); }
.adp-bento__tile--xl { grid-column: span 2; grid-row: span 2; min-height: 360px; color: #fff; }
.adp-bento__tile--tall { grid-row: span 2; background: color-mix(in srgb, var(--adp-app-accent, var(--adp-accent)) 35%, var(--adp-surface)); }
.adp-bento__tile--wide { grid-column: span 2; color: #fff; }
.adp-bento__tile--sm { background: color-mix(in srgb, var(--adp-app-accent, var(--adp-beige)) 22%, var(--adp-surface)); }
.adp-bento__tile--cats { grid-column: span 2; justify-content: flex-start; padding: 22px 24px; background: var(--adp-cta); color: #fff; }
@media (min-width: 1000px) { .adp-bento__tile--cats { grid-column: span 2; } }
.adp-bento__media { position: absolute; inset: 0; z-index: -1; }
.adp-bento__img { width: 100%; height: 100% !important; object-fit: cover; }
.adp-bento__tile--xl .adp-bento__media::after, .adp-bento__tile--wide .adp-bento__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .7)); }
.adp-bento__tile--tall .adp-bento__media { position: relative; inset: auto; flex: 1; display: grid; place-items: center; padding: 22px 22px 0; overflow: hidden; }
.adp-bento__tile--tall .adp-device { width: min(190px, 70%); margin-bottom: -40%; }
.adp-bento__copy { position: relative; padding: 18px 20px; display: grid; gap: 4px; }
.adp-bento__tile--sm .adp-bento__copy { height: 100%; align-content: space-between; }
.adp-bento__name { font-size: 1.1rem; font-weight: 700; margin-top: 8px !important; }
.adp-bento__tile--xl .adp-bento__name { font-size: clamp(1.5rem, 2.6vw, 2.1rem); }
.adp-bento__tag { font-size: .88rem; opacity: .8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adp-bento__label { text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; font-weight: 700; opacity: .7; margin-bottom: 10px !important; }
.adp-bento__tile--cats ul { display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px 18px; }
.adp-bento__tile--cats a { display: flex; align-items: center; gap: 10px; padding: 8px 0; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .14); font-size: .92rem; }
.adp-bento__tile--cats a span { flex: 1; }
.adp-bento__tile--cats em { font-style: normal; opacity: .6; font-size: .8rem; }
.adp-bento__tile--cats a.is-active, .adp-bento__tile--cats a:hover { color: var(--adp-accent); }
@media (max-width: 999px) { .adp-bento__tile--tall { grid-row: span 2; } .adp-bento__tile--xl, .adp-bento__tile--wide, .adp-bento__tile--cats { grid-column: 1 / -1; } }

/* ================================================================ 4. Editorial */
.adp-scope.adp-home--editorial { --adp-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; background: #FBFAF7; }
.adp-mag-head { padding-top: clamp(32px, 5vw, 64px); text-align: center; border-bottom: 3px double var(--adp-text); padding-bottom: 22px; }
.adp-mag-issue { display: flex; justify-content: space-between; font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--adp-muted); border-bottom: 1px solid var(--adp-line); padding-bottom: 10px; margin-bottom: clamp(18px, 3vw, 32px) !important; }
.adp-mag-title { font-family: var(--adp-serif); font-size: clamp(2.4rem, 6vw, 4.6rem); font-weight: 700; letter-spacing: -.02em; line-height: 1; max-width: 18ch; margin-inline: auto !important; }
.adp-mag-sub { max-width: 60ch; margin: 1rem auto 0 !important; color: var(--adp-muted); font-family: var(--adp-serif); font-size: 1.12rem; font-style: italic; }
.adp-mag-cats { padding-top: 14px; }
.adp-mag-cats .adp-pills { justify-content: center; }
.adp-mag-cats .adp-pill { background: transparent; border: 0; border-radius: 0; padding: .3rem .7rem; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; font-weight: 600; }
.adp-mag-cats .adp-pill.is-active { background: transparent; color: var(--adp-text); box-shadow: inset 0 -2px 0 var(--adp-text); }
.adp-mag-front { display: grid; gap: clamp(24px, 4vw, 48px); }
@media (min-width: 960px) { .adp-mag-front { grid-template-columns: 1.7fr 1fr; } .adp-mag-picks { border-left: 1px solid var(--adp-line); padding-left: clamp(20px, 3vw, 40px); } }
.adp-mag-lead__media { display: block; aspect-ratio: 16/10; overflow: hidden; border-radius: 4px; background: var(--adp-beige); margin-bottom: 18px; }
.adp-mag-lead__img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .8s var(--adp-ease); }
.adp-mag-lead:hover .adp-mag-lead__img { transform: scale(1.03); }
.adp-mag-lead__title { font-family: var(--adp-serif); font-size: clamp(1.9rem, 3.6vw, 3rem); line-height: 1.05; }
.adp-mag-lead__title a { text-decoration: none; }
.adp-mag-lead__title a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.adp-mag-lead__dek { font-family: var(--adp-serif); font-size: 1.2rem; color: var(--adp-muted); margin-top: .7rem !important; }
.adp-mag-lead__by { font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; margin-top: .9rem !important; font-weight: 600; }
.adp-mag-picks__title { font-family: var(--adp-serif); font-size: 1.4rem; padding-bottom: 10px; border-bottom: 2px solid var(--adp-text); margin-bottom: 4px !important; }
.adp-mag-section__title { font-family: var(--adp-serif); font-size: clamp(1.4rem, 2.4vw, 1.9rem); font-weight: 700; }
.adp-home--editorial .adp-card { border-radius: 4px; box-shadow: none; border: 0; background: transparent; }
.adp-home--editorial .adp-card__media { border-radius: 4px; }
.adp-home--editorial .adp-card__body { padding: 14px 0 0; }
.adp-home--editorial .adp-card__title { font-family: var(--adp-serif); font-size: 1.3rem; }
.adp-home--editorial .adp-card:hover { transform: none; }
.adp-pullquote { margin: 0; text-align: center; padding: clamp(24px, 4vw, 48px) 0; border-block: 1px solid var(--adp-line); }
.adp-pullquote blockquote { margin: 0; padding: 0; border: 0; }
.adp-pullquote p { font-family: var(--adp-serif, Georgia, serif); font-size: clamp(1.4rem, 2.8vw, 2.1rem); line-height: 1.35; font-style: italic; }
.adp-pullquote p::before { content: "“"; } .adp-pullquote p::after { content: "”"; }
.adp-pullquote figcaption { margin-top: 1rem; font-size: .88rem; letter-spacing: .06em; text-transform: uppercase; color: var(--adp-muted); }
.adp-cta-band--rule { background: transparent; border-top: 3px double var(--adp-text); border-bottom: 1px solid var(--adp-line); border-radius: 0; padding-inline: 0; }
.adp-cta-band--rule .adp-cta-band__title { font-family: var(--adp-serif, Georgia, serif); }
.adp-cta-band--rule .adp-btn--light { background: var(--adp-cta); color: #fff !important; }

/* ================================================================ 5. Immersive dark */
.adp-scope.adp-home--immersive { --adp-bg: #0C1014; --adp-surface: #161C22; --adp-text: #F3F1EC; --adp-muted: #9AA4AD; --adp-beige: #1F272E; --adp-line: rgba(255, 255, 255, .1); --adp-cta: #F3F1EC; --adp-shadow-sm: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .35); --adp-shadow: 0 18px 40px rgba(0, 0, 0, .5); background: var(--adp-bg); color: var(--adp-text); }
.adp-home--immersive .adp-btn--light, .adp-home--immersive .adp-btn--dark, .adp-home--immersive .adp-card__go, .adp-home--immersive .adp-pill.is-active, .adp-home--immersive .adp-page.is-current { color: #0C1014 !important; }
.adp-home--immersive .adp-search input, .adp-home--immersive .adp-sort select { color-scheme: dark; }
.adp-home--immersive .adp-chip { background: rgba(255, 255, 255, .08); color: var(--adp-text); }
.adp-imm { position: relative; min-height: clamp(560px, 92vh, 900px); display: flex; align-items: flex-end; overflow: hidden; color: #fff; isolation: isolate; }
.adp-imm__bg { position: absolute; inset: 0; z-index: -2; opacity: 0; transition: opacity .9s var(--adp-ease); }
.adp-imm__bg.is-active { opacity: 1; }
.adp-imm__bg-img { width: 100%; height: 100% !important; object-fit: cover; transform: scale(1.04); }
.adp-imm__bg.is-active .adp-imm__bg-img { animation: adp-kenburns 14s ease-out both; }
@keyframes adp-kenburns { from { transform: scale(1.12); } to { transform: scale(1.02); } }
.adp-imm__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12, 16, 20, .92) 0%, rgba(12, 16, 20, .55) 45%, rgba(12, 16, 20, .15) 100%), linear-gradient(0deg, #0C1014 0%, transparent 35%); }
.adp-imm__inner { display: grid; gap: 32px; padding-block: 120px clamp(48px, 8vw, 96px); align-items: end; }
@media (min-width: 1000px) { .adp-imm__inner { grid-template-columns: 1.15fr .85fr; } }
.adp-imm__title { color: #fff; max-width: 14ch; }
.adp-imm__sub { color: rgba(255, 255, 255, .78); }
.adp-imm__copy .adp-btn { margin-top: 1.6rem; }
.adp-imm__feature { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); border-radius: 28px; padding: 22px; }
.adp-imm__panel { display: flex; gap: 16px; align-items: flex-start; }
.adp-imm__panel[hidden] { display: none; }
.adp-imm__panel .adp-eyebrow { color: rgba(255, 255, 255, .65); margin-bottom: .2rem; }
.adp-imm__name { font-size: 1.5rem; font-weight: 700; color: #fff; }
.adp-imm__tag { color: rgba(255, 255, 255, .78); margin-top: .3rem !important; font-size: .95rem; }
.adp-imm__actions { margin-top: 14px; }
.adp-imm__thumbs { display: flex !important; gap: 10px; margin-top: 18px !important; padding-top: 16px !important; border-top: 1px solid rgba(255, 255, 255, .14); }
.adp-scope .adp-imm__thumb { appearance: none; padding: 3px !important; border-radius: 18px; border: 2px solid transparent !important; background: transparent !important; cursor: pointer; opacity: .55; transition: opacity .2s, border-color .2s; }
.adp-scope .adp-imm__thumb.is-active, .adp-scope .adp-imm__thumb:hover { opacity: 1; border-color: rgba(255, 255, 255, .85) !important; }
.adp-imm-cats { margin-top: -12px; }
.adp-banner--immersive { background: linear-gradient(120deg, #1d2a33, #0f1418 60%), #0f1418; border: 1px solid var(--adp-line); }
.adp-cta-band--glow { background: radial-gradient(600px 220px at 20% 0%, color-mix(in srgb, var(--adp-accent) 55%, transparent), transparent 70%), #161C22; border: 1px solid var(--adp-line); color: #fff; }
.adp-cta-band--glow .adp-btn--light { background: #F3F1EC; }

/* ================================================================ 6. Search first */
.adp-srch-hero { padding-block: clamp(56px, 10vw, 128px) clamp(32px, 5vw, 56px); text-align: center; background: radial-gradient(900px 380px at 50% 0%, color-mix(in srgb, var(--adp-accent) 50%, transparent), transparent 75%); }
.adp-srch-title { font-size: clamp(2.1rem, 5vw, 3.6rem); margin-inline: auto !important; max-width: 20ch; }
.adp-srch-sub { margin-inline: auto; text-align: center; }
.adp-srch-form { position: relative; display: flex; align-items: center; gap: 8px; margin: 30px auto 0; max-width: 680px; background: var(--adp-surface); border-radius: 999px; padding: 8px 8px 8px 58px; box-shadow: 0 18px 50px -18px rgba(20, 35, 43, .35), 0 0 0 1px var(--adp-line); }
.adp-srch-form__icon { position: absolute; left: 22px; color: var(--adp-muted); }
.adp-scope .adp-srch-form input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; font: inherit; font-size: 1.1rem; height: 52px; outline: none; box-shadow: none !important; color: var(--adp-text); padding: 0 !important; }
.adp-srch-form:focus-within { box-shadow: 0 18px 50px -18px rgba(20, 35, 43, .35), 0 0 0 3px var(--adp-cta); }
.adp-srch-form .adp-btn { height: 52px; padding-inline: 26px; }
.adp-srch-sugg { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 18px !important; font-size: .88rem; }
.adp-srch-sugg__label { color: var(--adp-muted); padding: .35rem 0; }
.adp-srch-sugg a { display: inline-block; padding: .35rem .85rem; border-radius: 999px; background: var(--adp-surface); border: 1px solid var(--adp-line); text-decoration: none; }
.adp-srch-sugg a:hover, .adp-srch-sugg a.is-active { border-color: var(--adp-cta); }
.adp-cattiles { display: grid !important; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.adp-cattile { display: flex; flex-direction: column; gap: 4px; padding: 20px; border-radius: 22px; text-decoration: none; background: var(--adp-surface); border: 1px solid var(--adp-line); transition: transform .25s var(--adp-ease), box-shadow .25s, border-color .25s; height: 100%; }
.adp-cattile:hover { transform: translateY(-3px); box-shadow: var(--adp-shadow); }
.adp-cattile.is-active { border-color: var(--adp-cta); box-shadow: 0 0 0 2px var(--adp-cta) inset; }
.adp-cattile__icon { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; margin-bottom: 10px; }
.adp-cattile strong { font-size: 1rem; }
.adp-cattile > span:last-child { font-size: .82rem; color: var(--adp-muted); }
.adp-cattile--0 .adp-cattile__icon { background: #E8F1EE; color: #1F6B58; }
.adp-cattile--1 .adp-cattile__icon { background: #EEF0FB; color: #3B4CB8; }
.adp-cattile--2 .adp-cattile__icon { background: #FCEFE8; color: #B4532A; }
.adp-cattile--3 .adp-cattile__icon { background: #F7EEF7; color: #8A3E8A; }
.adp-cattile--4 .adp-cattile__icon { background: #FBF5E3; color: #8C6A12; }
.adp-cattile--5 .adp-cattile__icon { background: #EAF4FB; color: #22709E; }

/* ================================================================ 7. Playful */
.adp-scope.adp-home--playful { --adp-radius: 26px; --adp-p1: #FFD166; --adp-p2: #06D6A0; --adp-p3: #4CC9F0; --adp-p4: #EF476F; --adp-p5: #9B5DE5; --adp-p6: #FF9F1C; background: #FFFDF6; }
.adp-play-hero { position: relative; padding-top: clamp(40px, 6vw, 80px); background: linear-gradient(160deg, #FFF3C4 0%, #FFE3EC 55%, #E3F6FF 100%); color: #FFFDF6; overflow: hidden; }
.adp-play-hero__inner { display: grid; gap: 40px; align-items: center; padding-bottom: clamp(40px, 6vw, 72px); color: var(--adp-text); }
@media (min-width: 900px) { .adp-play-hero__inner { grid-template-columns: 1.05fr 1fr; } }
.adp-play-title { font-weight: 800; letter-spacing: -.03em; }
.adp-play-title .adp-l, .adp-play-title { background: linear-gradient(90deg, #2B2D42 0%, #2B2D42 60%, var(--adp-p5) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.adp-scope .adp-btn--play { margin-top: 1.6rem; background: var(--adp-p4); color: #fff !important; padding: 1rem 1.7rem; font-size: 1.02rem; box-shadow: 0 8px 0 #B8304F; transform: translateY(0); }
.adp-scope .adp-btn--play:hover { transform: translateY(2px); box-shadow: 0 6px 0 #B8304F; }
.adp-play-hero__visual { position: relative; display: flex; justify-content: center; align-items: flex-end; min-height: 360px; }
.adp-play-phone { width: min(200px, 30vw); margin: 0 -18px; border-radius: 36px; }
.adp-play-phone--1 { transform: rotate(-8deg) translateY(16px); z-index: 1; }
.adp-play-phone--2 { transform: translateY(-14px); z-index: 2; width: min(230px, 34vw); }
.adp-play-phone--3 { transform: rotate(8deg) translateY(16px); z-index: 1; }
.adp-bubble { position: absolute; z-index: 3; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; color: #fff; box-shadow: 0 10px 24px rgba(0, 0, 0, .12); animation: adp-float 5s ease-in-out infinite; }
.adp-bubble--1 { background: var(--adp-p1); color: #6B4E00; top: 6%; left: 6%; }
.adp-bubble--2 { background: var(--adp-p2); top: 18%; right: 4%; animation-delay: -1.5s; }
.adp-bubble--3 { background: var(--adp-p5); bottom: 12%; left: 0; animation-delay: -3s; }
@keyframes adp-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
.adp-wave { display: block; width: 100%; height: 60px; margin-top: -1px; color: #FFFDF6; }
.adp-playcats { display: grid !important; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.adp-playcat { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 22px 12px; border-radius: 28px; text-decoration: none; font-weight: 700; text-align: center; transition: transform .25s var(--adp-ease); }
.adp-playcat:hover, .adp-playcat.is-active { transform: translateY(-4px) rotate(-1.5deg); }
.adp-playcat.is-active { outline: 3px solid #2B2D42; outline-offset: 3px; }
.adp-playcat__icon { width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: 0 6px 0 rgba(0, 0, 0, .08); }
.adp-playcat--0 { background: #FFF1C9; color: #6B4E00; }
.adp-playcat--1 { background: #CFF7EA; color: #035E46; }
.adp-playcat--2 { background: #D5F2FD; color: #0B5A78; }
.adp-playcat--3 { background: #FDD9E2; color: #8C1F3B; }
.adp-playcat--4 { background: #E9DDFB; color: #4B2390; }
.adp-playcat--5 { background: #FFE5C7; color: #7A4100; }
.adp-play-band { background: #F2FBFF; }
.adp-home--playful .adp-grid__item:nth-child(6n+1) .adp-card { background: #FFF6D8; }
.adp-home--playful .adp-grid__item:nth-child(6n+2) .adp-card { background: #DCFAF0; }
.adp-home--playful .adp-grid__item:nth-child(6n+3) .adp-card { background: #FDE3EA; }
.adp-home--playful .adp-grid__item:nth-child(6n+4) .adp-card { background: #EDE4FC; }
.adp-home--playful .adp-grid__item:nth-child(6n+5) .adp-card { background: #DFF4FD; }
.adp-home--playful .adp-grid__item:nth-child(6n+6) .adp-card { background: #FFEBD6; }
.adp-home--playful .adp-card { border: 0; box-shadow: 0 6px 0 rgba(43, 45, 66, .08); }
.adp-home--playful .adp-card:hover { transform: translateY(-4px) rotate(-.6deg); }
.adp-home--playful .adp-card__media { margin: 12px 12px 0; border-radius: 20px; }
.adp-home--playful .adp-card__go { background: var(--adp-p4); }
.adp-home--playful .adp-section__title { font-weight: 800; }
.adp-highlights--bubbles { border-top: 0; }
.adp-highlights--bubbles .adp-highlight { background: #fff; border-radius: 22px; padding: 18px; box-shadow: 0 6px 0 rgba(43, 45, 66, .06); }
.adp-highlights--bubbles .adp-highlight:nth-child(1) .adp-highlight__icon { background: #FFF1C9; }
.adp-highlights--bubbles .adp-highlight:nth-child(2) .adp-highlight__icon { background: #FDD9E2; }
.adp-highlights--bubbles .adp-highlight:nth-child(3) .adp-highlight__icon { background: #CFF7EA; }
.adp-highlights--bubbles .adp-highlight:nth-child(4) .adp-highlight__icon { background: #D5F2FD; }
.adp-banner--playful { background: linear-gradient(120deg, #9B5DE5, #4CC9F0); }
.adp-cta-band--play { background: #2B2D42; color: #fff; background-image: radial-gradient(circle at 10% 30%, #FFD166 0 6px, transparent 7px), radial-gradient(circle at 85% 20%, #06D6A0 0 5px, transparent 6px), radial-gradient(circle at 70% 85%, #EF476F 0 7px, transparent 8px), radial-gradient(circle at 30% 80%, #4CC9F0 0 4px, transparent 5px); }

/* ================================================================ 8. Heritage */
.adp-scope.adp-home--heritage { --adp-serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; --adp-gold: #A8823F; --adp-bg: #F6F0E4; --adp-surface: #FFFBF3; --adp-beige: #EADFC9; --adp-cta: #3A2418; --adp-text: #2A1D15; --adp-muted: #7A6656; --adp-line: rgba(58, 36, 24, .14); background: var(--adp-bg); color: var(--adp-text); }
.adp-songket { height: 22px; background:
	linear-gradient(135deg, transparent 37%, var(--adp-gold) 38%, var(--adp-gold) 44%, transparent 45%) 0 0 / 22px 22px,
	linear-gradient(45deg, transparent 37%, var(--adp-gold) 38%, var(--adp-gold) 44%, transparent 45%) 0 0 / 22px 22px,
	linear-gradient(180deg, var(--adp-cta), var(--adp-cta)); opacity: .95; }
.adp-her-hero { text-align: center; }
.adp-her-hero__copy { padding-block: clamp(48px, 8vw, 104px) clamp(32px, 5vw, 56px); }
.adp-her-kicker { text-transform: uppercase; letter-spacing: .28em; font-size: .74rem; font-weight: 600; color: var(--adp-gold); }
.adp-ornament { width: 120px; height: 20px; color: var(--adp-gold); display: block; margin: 16px auto; }
.adp-her-title { font-family: var(--adp-serif); font-size: clamp(2.6rem, 6vw, 4.8rem); font-weight: 600; line-height: 1.02; letter-spacing: -.01em; }
.adp-her-sub { font-family: var(--adp-serif); font-size: clamp(1.1rem, 1.8vw, 1.35rem); color: var(--adp-muted); max-width: 56ch; margin: 1rem auto 0 !important; font-style: italic; }
.adp-her-hero__img img { width: 100%; max-height: 520px; object-fit: cover; border-radius: 4px; box-shadow: 0 0 0 1px var(--adp-line), 0 0 0 10px var(--adp-surface), 0 0 0 11px var(--adp-line); margin-bottom: 40px; }
.adp-her-cats ul { display: flex !important; flex-wrap: wrap; justify-content: center; border-block: 1px solid var(--adp-line); }
.adp-her-cats a { display: inline-flex; align-items: baseline; gap: 8px; padding: 16px 22px; text-decoration: none; font-family: var(--adp-serif); font-size: 1.2rem; }
.adp-her-cats em { font-style: normal; font-family: var(--adp-font); font-size: .75rem; color: var(--adp-gold); }
.adp-her-cats a:hover, .adp-her-cats a.is-active { color: var(--adp-gold); }
.adp-her-h2 { font-family: var(--adp-serif); font-size: clamp(1.9rem, 3.4vw, 2.6rem); font-weight: 600; }
.adp-her-rows { display: grid; gap: clamp(40px, 7vw, 96px); }
.adp-her-rows > .adp-section__head { margin-bottom: 0; }
.adp-her-row { display: grid; gap: clamp(24px, 5vw, 72px); align-items: center; }
@media (min-width: 900px) { .adp-her-row { grid-template-columns: 1.1fr 1fr; } .adp-her-row.is-flipped .adp-her-row__media { order: 2; } }
.adp-her-row__media { position: relative; padding: 14px; background: var(--adp-surface); box-shadow: 0 0 0 1px var(--adp-line); }
.adp-her-row__media::before { content: ""; position: absolute; inset: -10px 10px 10px -10px; border: 1px solid var(--adp-gold); z-index: -1; }
.adp-her-row.is-flipped .adp-her-row__media::before { inset: -10px -10px 10px 10px; }
.adp-her-row__img { width: 100%; aspect-ratio: 4/3; height: auto !important; object-fit: cover; }
.adp-her-row__media .adp-device { margin-block: 10px; }
.adp-her-num { font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--adp-gold); font-weight: 600; }
.adp-her-row__title { font-family: var(--adp-serif); font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 600; line-height: 1.05; margin-top: .4rem !important; }
.adp-her-row__title a { text-decoration: none; }
.adp-her-row__tag { font-family: var(--adp-serif); font-style: italic; font-size: 1.25rem; margin-top: .6rem !important; }
.adp-her-row__desc { color: var(--adp-muted); margin-top: .6rem !important; }
.adp-her-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 1.2rem; text-decoration: none; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; padding-bottom: 4px; border-bottom: 1px solid var(--adp-gold); }
.adp-her-link:hover { color: var(--adp-gold); }
.adp-home--heritage .adp-section__title, .adp-home--heritage .adp-card__title { font-family: var(--adp-serif); font-weight: 600; }
.adp-home--heritage .adp-card__title { font-size: 1.3rem; }
.adp-home--heritage .adp-card { border-radius: 4px; box-shadow: 0 0 0 1px var(--adp-line); }
.adp-home--heritage .adp-card__media { border-radius: 0; }
.adp-home--heritage .adp-pill, .adp-home--heritage .adp-page, .adp-home--heritage .adp-search input, .adp-home--heritage .adp-sort select, .adp-home--heritage .adp-btn { border-radius: 2px; }
.adp-banner--heritage { background: var(--adp-cta); border-radius: 4px; }
.adp-banner--heritage::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 14px; background: linear-gradient(135deg, transparent 37%, var(--adp-gold) 38%, var(--adp-gold) 44%, transparent 45%) 0 0 / 14px 14px, linear-gradient(45deg, transparent 37%, var(--adp-gold) 38%, var(--adp-gold) 44%, transparent 45%) 0 0 / 14px 14px; }
.adp-banner--heritage .adp-banner__title { font-family: var(--adp-serif); font-size: clamp(2rem, 3.6vw, 2.8rem); font-weight: 600; }
.adp-home--heritage .adp-pullquote { border-color: var(--adp-gold); }
.adp-cta-band--heritage { background: transparent; border: 1px solid var(--adp-gold); border-radius: 2px; }
.adp-cta-band--heritage .adp-cta-band__title { font-family: var(--adp-serif); font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 600; }
.adp-cta-band--heritage .adp-btn--light { background: var(--adp-cta); color: #fff !important; border-radius: 2px; }
.adp-home--heritage .adp-highlights { border-color: var(--adp-gold); }
.adp-home--heritage .adp-highlight__icon { color: var(--adp-gold); }

@media (prefers-reduced-motion: reduce) { .adp-bubble, .adp-imm__bg.is-active .adp-imm__bg-img { animation: none !important; } }
.adp-mag-front > *, .adp-sf-stories > *, .adp-imm__inner > *, .adp-play-hero__inner > *, .adp-home-hero__inner > * { min-width: 0; }
.adp-her-row__media .adp-device { width: min(240px, 62%); }