@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  font-family: 'DM Sans', sans-serif;
  --f-bg: #f5f2eb;
  --f-panel: #fff;
  --f-ink: #161616;
  --f-muted: #716e68;
  --f-line: rgba(22,22,22,.13);
  --f-accent: #ff4f2e;
  --f-accent-ink: #fff;
  --f-soft: #ebe7de;
  --f-radius: 24px;
  --f-shadow: 0 26px 80px rgba(29,23,16,.13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--f-bg); color: var(--f-ink); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }

.funnel-nav {
  min-height: 72px;
  padding: 14px clamp(18px, 4vw, 60px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border-bottom: 1px solid var(--f-line);
  position: relative;
  z-index: 10;
}
.funnel-brand { font-family: 'Space Grotesk'; font-size: 22px; font-weight: 700; letter-spacing: -1.1px; }
.funnel-brand span { color: var(--f-accent); }
.funnel-nav-note { color: var(--f-muted); font-size: 12px; display: flex; align-items: center; gap: 8px; }
.secure-dot { width: 8px; height: 8px; border-radius: 50%; background: #31c779; box-shadow: 0 0 0 4px rgba(49,199,121,.13); }
.funnel-button {
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  padding: 0 21px;
  background: var(--f-accent);
  color: var(--f-accent-ink);
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform 160ms ease, opacity 160ms ease;
}
.funnel-button:hover { transform: translateY(-2px); }
.funnel-button:disabled { opacity: .38; cursor: not-allowed; transform: none; }
.funnel-button.secondary { background: transparent; color: var(--f-ink); border: 1px solid var(--f-line); }
.funnel-button.wide { width: 100%; }
.tiny-caps { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--f-accent); }
.muted { color: var(--f-muted); }
.small { font-size: 12px; }

.landing-hero {
  width: min(1240px, calc(100% - 36px));
  min-height: calc(100vh - 72px);
  margin: 0 auto;
  padding: clamp(40px, 7vw, 100px) 0 68px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .82fr);
  gap: clamp(30px, 7vw, 100px);
  align-items: center;
}
.hero-title { margin: 15px 0 22px; font-family: 'Manrope'; font-size: clamp(54px, 7.4vw, 108px); line-height: .88; letter-spacing: -.072em; max-width: 9.5ch; }
.hero-title em { font-family: 'Playfair Display'; color: var(--f-accent); font-weight: 600; }
.hero-lede { color: var(--f-muted); font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; max-width: 48ch; }
.hero-cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 30px; }
.price-note strong { display: block; color: var(--f-ink); }
.price-note { font-size: 12px; color: var(--f-muted); }
.promise-row { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 34px; color: var(--f-muted); font-size: 12px; }
.promise-row span { display: inline-flex; align-items: center; gap: 6px; }
.promise-row span::before { content: '✓'; color: var(--f-accent); font-weight: 900; }

.hero-result-card { background: var(--f-panel); border: 1px solid var(--f-line); border-radius: calc(var(--f-radius) + 8px); padding: 14px; box-shadow: var(--f-shadow); transform: rotate(1.2deg); }
.result-photo { position: relative; min-height: 540px; border-radius: var(--f-radius); overflow: hidden; }
.result-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.result-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.78)); }
.result-badge { position: absolute; z-index: 2; top: 18px; right: 18px; background: var(--f-accent); color: var(--f-accent-ink); padding: 10px 12px; border-radius: 999px; font-weight: 800; font-size: 12px; }
.result-person { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 20px; color: #fff; }
.result-person h2 { margin: 0 0 6px; font-size: 25px; letter-spacing: -.04em; }
.result-person p { margin: 0; opacity: .72; font-size: 12px; }
.result-summary { padding: 18px 8px 7px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.result-stat { padding: 12px; background: var(--f-soft); border-radius: 14px; }
.result-stat strong { display: block; font-size: 19px; }
.result-stat span { color: var(--f-muted); font-size: 10px; }

.section-wrap { width: min(1160px, calc(100% - 36px)); margin: 0 auto; padding: clamp(65px, 9vw, 120px) 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 42px; }
.section-head h2 { margin: 9px 0 0; font-size: clamp(39px, 5vw, 70px); line-height: .95; letter-spacing: -.055em; max-width: 12ch; }
.section-head p { max-width: 42ch; color: var(--f-muted); line-height: 1.6; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.feature-card { min-height: 260px; padding: 25px; background: var(--f-panel); border: 1px solid var(--f-line); border-radius: var(--f-radius); display: flex; flex-direction: column; justify-content: space-between; }
.feature-icon { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: var(--f-soft); font-size: 20px; }
.feature-card h3 { margin: 28px 0 9px; font-size: 22px; letter-spacing: -.04em; }
.feature-card p { margin: 0; color: var(--f-muted); line-height: 1.55; font-size: 13px; }
.feature-number { color: var(--f-muted); font-size: 11px; }

.comparison { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items: stretch; }
.comparison-copy { background: var(--f-ink); color: var(--f-bg); border-radius: var(--f-radius); padding: clamp(28px, 5vw, 65px); }
.comparison-copy h2 { font-size: clamp(42px, 5vw, 72px); line-height: .95; letter-spacing: -.06em; margin: 12px 0 22px; }
.comparison-copy p { opacity: .66; max-width: 42ch; line-height: 1.6; }
.rank-list { background: var(--f-panel); border-radius: var(--f-radius); padding: 18px; display: grid; gap: 10px; }
.rank-row { display: grid; grid-template-columns: 50px 82px 1fr auto; gap: 14px; align-items: center; padding: 11px; border: 1px solid var(--f-line); border-radius: 16px; }
.rank-row img { width: 82px; height: 76px; object-fit: cover; border-radius: 11px; }
.rank-num { font-size: 26px; font-weight: 800; color: var(--f-muted); }
.rank-copy strong { display: block; margin-bottom: 4px; }
.rank-copy span { color: var(--f-muted); font-size: 11px; }
.rank-score { font-size: 25px; font-weight: 800; color: var(--f-accent); }

.review-band { background: var(--f-panel); border-top: 1px solid var(--f-line); border-bottom: 1px solid var(--f-line); }
.review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.review-card { padding: clamp(28px, 4vw, 50px); border: 1px solid var(--f-line); border-radius: var(--f-radius); }
.review-label { display: inline-flex; padding: 7px 9px; border-radius: 999px; background: var(--f-soft); color: var(--f-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.review-card blockquote { margin: 22px 0; font-family: 'Playfair Display'; font-size: clamp(27px, 3vw, 41px); line-height: 1.15; letter-spacing: -.03em; }
.review-card cite { color: var(--f-muted); font-size: 12px; font-style: normal; }
.price-block { padding: clamp(35px, 6vw, 75px); border-radius: var(--f-radius); background: var(--f-accent); color: var(--f-accent-ink); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.price-block h2 { margin: 0; font-size: clamp(42px, 6vw, 76px); letter-spacing: -.07em; }
.price-block p { max-width: 40ch; opacity: .78; }
.price-block .funnel-button { background: var(--f-accent-ink); color: var(--f-accent); }

.funnel-footer { width: min(1160px, calc(100% - 36px)); margin: 0 auto; padding: 26px 0 40px; color: var(--f-muted); font-size: 11px; display: flex; justify-content: space-between; gap: 20px; }
.coach-footer { padding:42px 0 110px; display:grid; grid-template-columns:minmax(220px,1.35fr) minmax(130px,.65fr) minmax(150px,.7fr); align-items:start; gap:36px; }
.coach-footer-brand { display:grid; gap:5px; }
.coach-footer-brand > span { color:var(--f-muted); }
.coach-footer-links { display:grid; align-items:start; gap:9px; color:var(--f-ink); font-weight:800; }
.coach-footer-links strong { margin-bottom:3px; color:var(--f-muted); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.coach-footer-links a:hover, .coach-footer-links a:focus-visible { color:var(--f-accent); outline:none; }
.checkout-consent a { color:var(--f-ink); font-weight:800; text-decoration:underline; text-underline-offset:2px; }
.legal-page { min-height:100vh; }
.legal-nav { grid-template-columns:1fr auto !important; }
.legal-shell { width:min(100% - 36px,820px); margin:0 auto; padding:clamp(52px,8vw,100px) 0 90px; }
.legal-shell h1 { margin:12px 0 18px; font-family:'Playfair Display'; font-size:clamp(48px,8vw,82px); line-height:.9; letter-spacing:-.06em; }
.legal-shell > p { color:var(--f-muted); line-height:1.7; }
.legal-section { padding:24px 0; border-top:1px solid var(--f-line); }
.legal-section h2 { margin:0 0 10px; font-size:22px; }
.legal-section p, .legal-section li { color:var(--f-muted); line-height:1.7; }
.legal-section ul { margin:10px 0 0; padding-left:20px; }

/* Setup flow */
.flow-page { min-height: 100vh; }
.flow-progress { width: min(920px, calc(100% - 36px)); margin: 22px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.progress-segment { height: 5px; background: var(--f-line); border-radius: 99px; transition: background 180ms ease; }
.progress-segment.active { background: var(--f-accent); }
.flow-shell { width: min(1040px, calc(100% - 36px)); margin: 0 auto; padding: clamp(32px, 6vw, 75px) 0; }
.flow-step { display: none; }
.flow-step.active { display: block; animation: stepIn 220ms ease; }
@keyframes stepIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.flow-head { text-align: center; margin: 0 auto 34px; max-width: 720px; }
.flow-head h1 { margin: 12px 0 13px; font-size: clamp(42px, 6vw, 72px); line-height: .95; letter-spacing: -.06em; }
.flow-head p { color: var(--f-muted); line-height: 1.55; }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.audience-option { position: relative; min-height: 180px; padding: 22px; border-radius: var(--f-radius); background: var(--f-panel); border: 2px solid transparent; box-shadow: inset 0 0 0 1px var(--f-line); cursor: pointer; text-align: left; display: flex; flex-direction: column; justify-content: space-between; transition: transform 160ms ease, border 160ms ease; }
.audience-option:hover { transform: translateY(-3px); }
.audience-option.active { border-color: var(--f-accent); }
.audience-option strong { font-size: 19px; }
.audience-option span { font-size: 12px; color: var(--f-muted); line-height: 1.4; }
.audience-emoji { font-size: 27px; }
.demographic-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; }
.demographic-panel { padding: clamp(22px, 4vw, 38px); background: var(--f-panel); border: 1px solid var(--f-line); border-radius: var(--f-radius); }
.demographic-panel h2 { margin: 0 0 7px; font-size: 27px; letter-spacing: -.04em; }
.demographic-panel > p { margin: 0 0 22px; color: var(--f-muted); line-height: 1.5; }
.age-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.age-option, .rater-mix-option { min-height: 82px; padding: 15px; color: var(--f-ink); background: var(--f-soft); border: 2px solid transparent; border-radius: 14px; cursor: pointer; text-align: left; }
.age-option strong, .rater-mix-option strong { display: block; margin-bottom: 5px; font-size: 15px; }
.age-option span, .rater-mix-option span { color: var(--f-muted); font-size: 10px; line-height: 1.35; }
.age-option.active, .rater-mix-option.active { border-color: var(--f-accent); box-shadow: inset 0 0 0 1px var(--f-accent); }
.rater-mix-grid { display: grid; gap: 9px; }
.rater-mix-option { min-height: 112px; }
.rater-price { display: inline-flex; margin-top: 9px; padding: 5px 8px; border-radius: 999px; color: var(--f-accent-ink); background: var(--f-accent); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.flow-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 28px; }

.upload-zone { position: relative; display: block; width: 100%; background: var(--f-panel); border: 2px dashed var(--f-line); border-radius: var(--f-radius); padding: clamp(26px, 4vw, 44px); text-align: center; cursor: pointer; }
.upload-zone input { position: absolute; opacity: 0; pointer-events: none; }
.upload-line-art { position:relative; display:block; width:112px; height:78px; margin:0 auto 20px; color:var(--f-accent); }
.upload-line-art::before, .upload-line-art::after { content:''; position:absolute; border:2px solid currentColor; border-radius:11px; }
.upload-line-art::before { inset:18px 2px 2px 18px; }
.upload-line-art::after { inset:6px 18px 16px 2px; opacity:.52; }
.upload-line-art i { position:absolute; z-index:2; left:55px; top:0; width:2px; height:43px; background:currentColor; }
.upload-line-art i::before { content:''; position:absolute; top:1px; left:-7px; width:14px; height:14px; border-top:2px solid currentColor; border-left:2px solid currentColor; transform:rotate(45deg); }
.upload-zone h2 { margin: 0 0 7px; font-size: 27px; }
.upload-zone p { color: var(--f-muted); margin: 0 0 20px; }
.upload-zone.drag-active { border-color: var(--f-accent); background: var(--f-soft); box-shadow: inset 0 0 0 2px var(--f-accent); }
.drop-hint { display: block; margin-top: 13px; color: var(--f-muted); font-size: 11px; font-weight: 700; }
.upload-footnote { display:block; max-width:560px; margin:12px auto 0; color:var(--f-muted); font-size:10px; line-height:1.5; }
.upload-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }
.upload-card { position: relative; min-height: 260px; border-radius: 18px; overflow: hidden; background: var(--f-soft); }
.upload-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.upload-card > .setup-demo-photo { width:100%; height:100%; aspect-ratio:auto; }
.upload-tag { position: absolute; left: 10px; bottom: 10px; background: rgba(0,0,0,.68); color: #fff; padding: 7px 9px; border-radius: 999px; font-size: 10px; }
.remove-photo { position: absolute; top: 9px; right: 9px; width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(0,0,0,.62); color: #fff; cursor: pointer; }

.checkout-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start; }
.feedback-preview, .order-card { background: var(--f-panel); border: 1px solid var(--f-line); border-radius: var(--f-radius); padding: clamp(20px, 3vw, 32px); }
.feedback-preview h2, .order-card h2 { margin: 0 0 7px; font-size: 27px; letter-spacing: -.04em; }
.rater-list { display: grid; gap: 10px; margin-top: 22px; }
.rater-card { display: grid; grid-template-columns: 54px 1fr auto; gap: 13px; align-items: center; padding: 12px; border-radius: 15px; background: var(--f-soft); }
.rater-card img, .setup-rater-avatar { width:54px; height:54px; border-radius:50%; object-fit:cover; }
.rater-card strong { display: block; font-size: 13px; margin-bottom: 4px; }
.rater-card p { margin: 0; color: var(--f-muted); font-size: 11px; line-height: 1.4; }
.rater-score { font-size: 20px; font-weight: 800; color: var(--f-accent); }
.deliverables { list-style: none; margin: 24px 0; padding: 0; display: grid; gap: 11px; }
.deliverables li { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 11px; border-bottom: 1px solid var(--f-line); font-size: 13px; }
.deliverables span { color: var(--f-muted); }
.order-row { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--f-line); }
.order-total { display: flex; justify-content: space-between; align-items: end; padding: 20px 0; }
.order-total strong { font-size: 36px; letter-spacing: -.05em; }
.checkout-safe { background: var(--f-soft); border-radius: 14px; padding: 13px; color: var(--f-muted); font-size: 11px; line-height: 1.5; margin: 15px 0; }
.card-rail { display: flex; gap: 6px; margin-top: 9px; }
.card-mark { border: 1px solid var(--f-line); border-radius: 5px; padding: 4px 7px; background: var(--f-panel); font-size: 9px; font-weight: 800; }
.checkout-form { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 16px; }
.checkout-field { display: grid; gap: 6px; }
.checkout-field.wide { grid-column: 1 / -1; }
.checkout-field > span { color: var(--f-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.checkout-field input { width: 100%; min-height: 46px; padding: 0 12px; color: var(--f-ink); background: var(--f-bg); border: 1px solid var(--f-line); border-radius: 10px; outline: 0; }
.checkout-field input:focus { border-color: var(--f-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--f-accent) 22%, transparent); }
.checkout-consent { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; color: var(--f-muted); background: var(--f-bg); border: 1px solid var(--f-line); border-radius: 10px; font-size: 11px; line-height: 1.4; cursor: pointer; }
.checkout-consent input { width: 16px; height: 16px; margin: 0; flex: 0 0 auto; accent-color: var(--f-accent); }
.checkout-consent span { min-width: 0; }
.checkout-form[aria-busy="true"] { cursor: progress; }
.checkout-form[aria-busy="true"] .funnel-button { opacity: .72; }
.checkout-test-note { grid-column: 1 / -1; padding: 13px; color: var(--f-muted); background: var(--f-soft); border-radius: 12px; font-size: 10px; line-height: 1.5; }
.checkout-test-note strong { display: block; margin-bottom: 4px; color: var(--f-ink); font-size: 12px; }
.checkout-message { grid-column: 1 / -1; min-height: 18px; margin: 0; color: var(--f-muted); font-size: 10px; line-height: 1.4; }
.checkout-message.error { color: #e04444; }
.checkout-message.success { color: #23945b; }
.checkout-form .funnel-button { grid-column: 1 / -1; }

.checkout-modal { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,.74); display: none; place-items: center; padding: 18px; }
.checkout-modal.open { display: grid; }
.modal-card { width: min(510px, 100%); background: var(--f-panel); color: var(--f-ink); border-radius: var(--f-radius); padding: clamp(26px, 5vw, 46px); box-shadow: 0 30px 100px rgba(0,0,0,.35); }
.modal-icon { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: #fff0ec; color: #ff4f2e; font-size: 24px; }
.modal-card h2 { font-size: 35px; letter-spacing: -.05em; margin: 20px 0 10px; }
.modal-card p { color: var(--f-muted); line-height: 1.55; }
.intent-code { font-family: monospace; font-size: 10px; color: var(--f-muted); padding: 10px; background: var(--f-soft); border-radius: 9px; margin: 18px 0; }
.modal-open { overflow:hidden; }
.processor-lockup { display:flex; align-items:center; gap:11px; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--f-line); }
.processor-lockup > span:last-child { display:grid; gap:2px; }
.processor-lockup strong { font-size:13px; }
.processor-lockup small { color:var(--f-muted); font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.processor-mark { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border-radius:11px; background:var(--f-ink); color:var(--f-panel); font-size:11px; font-weight:900; letter-spacing:-.03em; }
.processor-status { display:flex; align-items:center; gap:9px; margin:20px 0; padding:12px; border-radius:10px; background:var(--f-soft); color:var(--f-muted); font-size:11px; font-weight:700; }
.processor-status span { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:var(--f-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--f-accent) 16%,transparent); }
.checkout-modal[data-state="processing"] .modal-icon { background:var(--f-soft); color:var(--f-accent); }
.checkout-modal[data-state="error"] .processor-status span { background:#e04444; box-shadow:0 0 0 4px rgba(224,68,68,.15); }
.checkout-modal .funnel-button { width:100%; margin-top:4px; }
.modal-spinner { width:23px; height:23px; border:3px solid color-mix(in srgb,var(--f-accent) 22%,transparent); border-top-color:var(--f-accent); border-radius:50%; animation:checkout-spin .8s linear infinite; }
@keyframes checkout-spin { to { transform:rotate(360deg); } }

/* Five content/style variants */
.variant-direct { --f-bg:#050505; --f-panel:#111; --f-ink:#f7f7f3; --f-muted:#999; --f-line:rgba(255,255,255,.16); --f-accent:#fff; --f-accent-ink:#000; --f-soft:#1c1c1c; --f-radius:3px; --f-shadow:none; color-scheme:dark; font-family:Arial,Helvetica,sans-serif; }
.variant-direct .hero-title, .variant-direct .section-head h2, .variant-direct .comparison-copy h2, .variant-direct .flow-head h1 { text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; font-weight:900; }
.variant-direct .hero-result-card { border:3px solid #fff; transform:none; }
.variant-direct .feature-card, .variant-direct .review-card, .variant-direct .feedback-preview, .variant-direct .order-card { border-width:2px; }

.variant-desire { --f-bg:#14040b; --f-panel:#220811; --f-ink:#fff1ec; --f-muted:#bd9293; --f-line:rgba(255,241,236,.15); --f-accent:#ff4a2f; --f-accent-ink:#fff; --f-soft:#35101b; --f-radius:30px; --f-shadow:0 30px 100px rgba(0,0,0,.42); color-scheme:dark; background-image:radial-gradient(circle at 15% 10%,rgba(255,74,47,.12),transparent 26%); }
.variant-desire .hero-title em, .variant-desire .section-head h2 { font-family:'Playfair Display'; font-style:italic; }
.variant-desire .hero-result-card { border-radius:180px 180px 30px 30px; overflow:hidden; }

.variant-data { --f-bg:#f4f3ed; --f-panel:#fff; --f-ink:#1b211e; --f-muted:#6c756e; --f-line:rgba(27,33,30,.13); --f-accent:#ff5d2e; --f-accent-ink:#fff; --f-soft:#ecece5; --f-radius:25px; }
.variant-data .hero-title, .variant-data .flow-head h1 { font-family:'Space Grotesk'; }
.variant-data .hero-result-card { transform:none; }

.variant-makeover { --f-bg:#f2e5c9; --f-panel:#fffdf8; --f-ink:#31261e; --f-muted:#796e61; --f-line:rgba(49,38,30,.15); --f-accent:#e53f69; --f-accent-ink:#fff; --f-soft:#ead7af; --f-radius:16px; background-image:radial-gradient(#d2bc92 .8px,transparent .8px); background-size:22px 22px; }
.variant-makeover .hero-title, .variant-makeover .section-head h2, .variant-makeover .flow-head h1 { font-family:'Playfair Display'; font-style:italic; font-weight:600; }
.variant-makeover .hero-result-card { transform:rotate(-2deg); border-radius:0; padding:14px 14px 66px; }

.variant-confidence { --f-bg:#fff4f1; --f-panel:#fff; --f-ink:#342b39; --f-muted:#807585; --f-line:rgba(52,43,57,.11); --f-accent:#ff698a; --f-accent-ink:#fff; --f-soft:#f7e7ef; --f-radius:34px; background-image:linear-gradient(120deg,rgba(255,190,206,.2),transparent 38%),linear-gradient(-20deg,rgba(184,168,255,.16),transparent 32%); }
.variant-confidence .hero-title em, .variant-confidence .section-head h2 { font-family:'Playfair Display'; font-style:italic; }

@media (max-width: 940px) {
  .landing-hero, .comparison, .checkout-layout { grid-template-columns: 1fr; }
  .hero-copy { padding-top: 20px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-result-card { width: min(620px, 100%); margin: 0 auto; }
  .audience-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .funnel-nav { min-height: 62px; padding: 12px 15px; }
  .funnel-nav-note { display:none; }
  .funnel-nav .funnel-button { min-height: 39px; padding: 0 13px; font-size: 11px; }
  .landing-hero { width: min(100% - 24px, 1240px); padding-top: 35px; }
  .result-photo { min-height: 430px; }
  .result-summary { grid-template-columns: 1fr; }
  .section-wrap { width: min(100% - 24px, 1160px); }
  .section-head { align-items:flex-start; flex-direction:column; }
  .feature-grid, .review-grid, .audience-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 220px; }
  .rank-row { grid-template-columns: 36px 66px 1fr; }
  .rank-row img { width:66px; height:66px; }
  .rank-score { grid-column:3; }
  .price-block { align-items:flex-start; flex-direction:column; }
  .flow-progress, .flow-shell { width: min(100% - 24px, 1040px); }
  .upload-grid { grid-template-columns:repeat(2,1fr); }
  .upload-card { min-height:210px; }
  .flow-actions { align-items:stretch; flex-direction:column-reverse; }
  .flow-actions .funnel-button { width:100%; }
  .funnel-footer { align-items:flex-start; flex-direction:column; }
}

/* 5 × 20 experiment controls */
.experiment-lab {
  position: fixed;
  z-index: 90;
  left: 50%;
  bottom: 12px;
  width: min(calc(100% - 24px), 1500px);
  overflow: hidden;
  padding: 0;
  background: var(--f-panel);
  border: 1px solid var(--f-line);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
  transform: translateX(-50%);
  transition: width .2s ease, box-shadow .2s ease;
}
.experiment-lab.collapsed { width:min(calc(100% - 24px),430px); }
.lab-toggle { width:100%; min-height:40px; display:flex; align-items:center; gap:10px; padding:6px 8px 6px 14px; border:0; background:var(--f-panel); color:var(--f-ink); text-align:left; cursor:pointer; }
.lab-toggle small { color:var(--f-accent); font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.lab-toggle strong { flex:1; min-width:0; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lab-toggle b { display:grid; place-items:center; width:26px; height:26px; flex:0 0 auto; border:1px solid var(--f-line); border-radius:50%; color:var(--f-accent); font-size:16px; font-weight:400; }
.experiment-lab:not(.collapsed) .lab-toggle { display:none; }
.experiment-lab-panel[hidden] { display:none; }
.experiment-lab-panel { display:flex; align-items:center; gap:6px; min-height:46px; padding:5px 8px; }
body[data-copy-type] { padding-bottom: 70px; }
.lab-site { display:flex; align-items:center; gap:6px; flex:0 0 auto; }
.lab-site > span { color:var(--f-muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.lab-site select { max-width:150px; border:1px solid var(--f-line); border-radius:8px; padding:6px 22px 6px 8px; color:var(--f-ink); background:var(--f-soft); font-size:11px; font-weight:800; }
.lab-arrow { flex:0 0 auto; width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--f-line); border-radius:50%; color:var(--f-accent); background:var(--f-bg); font-size:20px; line-height:1; cursor:pointer; }
.lab-arrow:hover, .lab-arrow:focus-visible { border-color:var(--f-accent); outline:none; }
.lab-skins { flex:1; min-width:0; display:flex; gap:5px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:2px; }
.lab-skins::-webkit-scrollbar { display:none; }
.lab-skins:focus-visible { outline:2px solid var(--f-accent); outline-offset:2px; border-radius:8px; }
.lab-skins button {
  flex:0 0 auto;
  scroll-snap-align:center;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 10px;
  border:1px solid var(--f-line);
  border-radius:999px;
  color:var(--f-muted);
  background:var(--f-bg);
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.lab-skins button span { color:var(--f-muted); font-size:8px; }
.lab-skins button.active { border-color:var(--f-accent); color:var(--f-accent-ink); background:var(--f-accent); box-shadow:none; }
.lab-skins button.active span { color:var(--f-accent-ink); opacity:.75; }
.experiment-lab .lab-close { flex:0 0 auto; width:26px; height:26px; display:grid; place-items:center; border:1px solid var(--f-line); border-radius:50%; color:var(--f-muted); background:transparent; font-size:14px; cursor:pointer; }
@media (max-width:640px) { .lab-site > span { display:none; } .lab-site select { max-width:110px; } }

/* Shared content primitives */
.content-shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.content-section { padding: clamp(68px, 9vw, 130px) 0; }
.content-eyebrow { color: var(--f-accent); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.content-title { margin: 12px 0 20px; max-width: 13ch; font-size: clamp(42px, 6vw, 78px); line-height: .94; letter-spacing: -.06em; }
.content-copy { max-width: 49ch; color: var(--f-muted); font-size: 16px; line-height: 1.65; }
.surface { background: var(--f-panel); border: 1px solid var(--f-line); border-radius: var(--f-radius); box-shadow: var(--f-shadow); }
.photo-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid var(--f-line); border-radius: 999px; color: var(--f-muted); font-size: 10px; font-weight: 800; }
.price-inline { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.price-inline small { color: var(--f-muted); line-height: 1.4; }
.price-inline small strong { display: block; color: var(--f-ink); font-size: 13px; }
.placeholder-note { color: var(--f-muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

/* Site 01: Direct Response */
.direct-hero {
  min-height: calc(100vh - 150px);
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  align-items: stretch;
  border-bottom: 1px solid var(--f-line);
}
.direct-copy { padding: clamp(48px, 7vw, 105px) clamp(22px, 6vw, 90px); display: flex; flex-direction: column; justify-content: center; }
.direct-copy h1 { max-width: 9ch; margin: 15px 0 24px; font-size: clamp(62px, 8.2vw, 124px); line-height: .82; letter-spacing: -.08em; }
.direct-copy .hero-lede { max-width: 43ch; }
.direct-result { position: relative; min-height: 650px; overflow: hidden; background: var(--f-soft); }
.direct-result::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.9)); }
.direct-verdict { position: absolute; z-index: 2; left: clamp(20px,4vw,55px); right: clamp(20px,4vw,55px); bottom: 45px; color: #fff; }
.direct-verdict strong { display: block; margin: 8px 0; font-size: clamp(38px, 5vw, 70px); line-height: .9; letter-spacing: -.06em; }
.direct-score-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 21px; }
.direct-score-row span { padding: 12px; border: 1px solid rgba(255,255,255,.28); color: rgba(255,255,255,.7); font-size: 10px; }
.direct-score-row b { display:block; color:#fff; font-size:21px; margin-bottom:3px; }
.direct-proof-strip { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--f-line); }
.direct-proof-strip div { padding:24px; border-right:1px solid var(--f-line); }
.direct-proof-strip div:last-child { border-right:0; }
.direct-proof-strip strong { display:block; margin-bottom:4px; font-size:18px; }
.direct-proof-strip span { color:var(--f-muted); font-size:11px; }
.direct-offer { display:grid; grid-template-columns:.78fr 1.22fr; gap:18px; }
.direct-pain { padding:clamp(28px,4vw,55px); background:var(--f-ink); color:var(--f-bg); border-radius:var(--f-radius); }
.direct-pain h2 { margin:10px 0 30px; font-size:clamp(42px,5vw,68px); line-height:.92; letter-spacing:-.06em; }
.direct-pain ul { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.direct-pain li { padding:14px 0; border-top:1px solid currentColor; font-weight:800; }
.direct-stack { display:grid; gap:10px; }
.direct-stack article { padding:25px; display:grid; grid-template-columns:50px 1fr auto; gap:16px; align-items:center; }
.direct-stack .offer-num { color:var(--f-accent); font-size:12px; font-weight:900; }
.direct-stack h3 { margin:0 0 5px; font-size:21px; }
.direct-stack p { margin:0; color:var(--f-muted); font-size:12px; }
.direct-stack b { color:var(--f-accent); font-size:20px; }
.direct-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; }
.faq-stack { display:grid; }
.faq-stack details { padding:20px 0; border-top:1px solid var(--f-line); }
.faq-stack summary { cursor:pointer; font-weight:800; }
.faq-stack p { color:var(--f-muted); line-height:1.6; }

/* Site 02: Dating Coach */
.site-coach { padding-top:58px; }
.site-coach > .funnel-nav { position:fixed; inset:0 0 auto; z-index:90; height:58px; min-height:0; padding:7px clamp(16px,3vw,40px); display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:14px; background:color-mix(in srgb,var(--f-bg) 92%,transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.site-coach > .funnel-nav .funnel-brand { justify-self:start; }
.site-coach > .funnel-nav .profile-gender-selector { justify-self:center; }
.site-coach > .funnel-nav .funnel-button { justify-self:end; min-height:40px; padding:0 18px; }
.coach-hero { padding:clamp(38px,5vw,72px) 0 clamp(30px,4vw,56px); }
.profile-gender-selector { width:max-content; height:42px; display:grid; grid-template-columns:1fr 1fr; gap:3px; margin:0; padding:3px; border:1px solid var(--f-line); border-radius:999px; background:var(--f-panel); box-shadow:0 8px 24px rgba(0,0,0,.07); }
.profile-gender-selector button { min-width:112px; min-height:34px; padding:0 15px; border:0; border-radius:999px; background:transparent; color:var(--f-muted); font:inherit; font-size:11px; font-weight:900; cursor:pointer; transition:background .18s ease,color .18s ease,transform .18s ease; }
.profile-gender-selector button:hover, .profile-gender-selector button:focus-visible { color:var(--f-ink); outline:none; }
.profile-gender-selector button[aria-pressed="true"] { background:var(--f-accent); color:var(--f-accent-ink); transform:translateY(-1px); }
.coach-copy { max-width:1100px; }
.coach-copy h1 { margin:14px 0 0; max-width:12ch; font-family:'Playfair Display'; font-size:clamp(64px,8vw,120px); font-weight:600; line-height:.87; letter-spacing:-.065em; }
.coach-letter { padding:clamp(35px,7vw,90px); text-align:center; }
.coach-letter blockquote { max-width:21ch; margin:20px auto 28px; font-family:'Playfair Display'; font-size:clamp(35px,5vw,68px); line-height:1.05; }
.coach-testimonial-stage { display:grid; grid-template-columns:56px minmax(0,1fr) 56px; gap:clamp(12px,3vw,38px); align-items:center; }
.coach-testimonial-copy cite { display:flex; justify-content:center; gap:8px; color:var(--f-muted); font-style:normal; }
.coach-testimonial-copy cite strong { color:var(--f-ink); }
.coach-testimonial-arrow { width:56px; height:56px; border:1px solid var(--f-line); border-radius:50%; background:var(--f-panel); color:var(--f-ink); font:inherit; font-size:24px; cursor:pointer; transition:transform .18s ease,background .18s ease,color .18s ease; }
.coach-testimonial-arrow:hover, .coach-testimonial-arrow:focus-visible { background:var(--f-accent); color:var(--f-accent-ink); outline:none; transform:scale(1.06); }
.coach-testimonial-footer { display:flex; justify-content:flex-end; gap:20px; margin-top:35px; padding-top:16px; border-top:1px solid var(--f-line); color:var(--f-muted); font-size:11px; font-style:italic; text-align:left; }
.coach-testimonial-footer strong { color:var(--f-ink); font-style:normal; }
.team-contact { font-family:'Space Grotesk',system-ui,sans-serif; }
.team-contact-floating { position:fixed; right:20px; bottom:14px; z-index:91; display:flex; flex-direction:column; align-items:flex-end; }
.team-contact-launcher { display:inline-flex; align-items:center; gap:9px; min-height:48px; padding:0 17px; border:1px solid color-mix(in srgb,var(--f-bg) 18%,transparent); border-radius:999px; background:color-mix(in srgb,var(--f-ink) 90%,transparent); color:var(--f-bg); box-shadow:0 12px 32px rgba(0,0,0,.28); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); font:inherit; font-size:12px; font-weight:800; cursor:pointer; transition:transform .18s ease,opacity .18s ease; }
.team-contact-launcher:hover, .team-contact-launcher:focus-visible { transform:translateY(-2px); outline:2px solid var(--f-accent); outline-offset:2px; }
.team-contact-wave { font-size:17px; line-height:1; }
.team-contact-menu { width:230px; display:grid; gap:5px; padding:8px; border:1px solid var(--f-line); border-radius:16px; background:var(--f-panel); color:var(--f-ink); box-shadow:0 18px 50px rgba(0,0,0,.25); }
.team-contact-menu[hidden] { display:none; }
.team-contact-floating .team-contact-menu { position:absolute; right:0; bottom:calc(100% + 10px); }
.team-contact-menu p { display:grid; gap:2px; margin:3px 6px 7px; }
.team-contact-menu p strong { font-size:13px; }
.team-contact-menu p span { color:var(--f-muted); font-size:10px; }
.team-contact-channel { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; padding:9px; border-radius:11px; }
.team-contact-channel:hover, .team-contact-channel:focus-visible { background:var(--f-soft); outline:none; }
.team-app-icon { display:grid; place-items:center; width:34px; height:34px; padding:7px; border-radius:50%; color:#fff; }
.team-app-icon svg { width:100%; height:100%; display:block; }
.team-app-whatsapp { background:#25d366; }
.team-app-telegram { background:#229ed9; }
.team-app-imessage { background:#34c759; }
.team-contact-channel > span { display:grid; gap:2px; font-size:12px; font-weight:800; }
.team-contact-channel small { color:var(--f-muted); font-size:9px; font-weight:500; }
.setup-team-help { position:relative; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; margin-top:16px; padding:14px; border:1px solid var(--f-line); border-radius:13px; background:var(--f-soft); }
.setup-team-help-copy { display:grid; gap:3px; }
.setup-team-help-copy strong { font-size:13px; }
.setup-team-help-copy span { color:var(--f-muted); font-size:10px; }
.setup-team-help-button { min-height:38px; padding:0 13px; border:1px solid var(--f-line); border-radius:999px; background:var(--f-panel); color:var(--f-ink); font:inherit; font-size:10px; font-weight:900; cursor:pointer; }
.setup-team-help-button:hover, .setup-team-help-button:focus-visible { border-color:var(--f-accent); outline:none; }
.setup-team-help .team-contact-menu { position:absolute; right:0; bottom:calc(100% + 9px); z-index:5; }

/* Site 03: Data Lab */
.lab-hero { padding:clamp(55px,7vw,100px) 0; display:grid; grid-template-columns:.88fr 1.12fr; gap:35px; align-items:center; }
.lab-copy h1 { margin:15px 0 22px; max-width:10ch; font-family:'Space Grotesk'; font-size:clamp(56px,7vw,102px); line-height:.87; letter-spacing:-.075em; }
.lab-terminal { padding:18px; border-radius:18px; background:var(--f-ink); color:var(--f-bg); box-shadow:var(--f-shadow); }
.terminal-top { display:flex; justify-content:space-between; gap:15px; padding:5px 4px 18px; font:11px monospace; opacity:.6; }
.lab-photo { position:relative; min-height:420px; overflow:hidden; border-radius:11px; }
.lab-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.86)); }
.lab-photo-badge { position:absolute; z-index:2; left:18px; bottom:18px; }
.lab-photo-badge strong { display:block; color:#fff; font-size:34px; letter-spacing:-.05em; }
.lab-photo-badge span { color:rgba(255,255,255,.65); font:11px monospace; }
.lab-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:9px; }
.lab-metrics div { padding:14px; border:1px solid rgba(255,255,255,.16); border-radius:9px; }
.lab-metrics strong { display:block; color:var(--f-accent); font-size:23px; }
.lab-metrics span { font:9px monospace; opacity:.6; text-transform:uppercase; }
.method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--f-line); border:1px solid var(--f-line); }
.method-grid article { min-height:270px; padding:25px; background:var(--f-panel); }
.method-grid code { color:var(--f-accent); font-size:11px; }
.method-grid h3 { margin:55px 0 10px; font-size:22px; }
.method-grid p { color:var(--f-muted); font-size:12px; line-height:1.6; }
.lab-report { display:grid; grid-template-columns:.72fr 1.28fr; gap:18px; }
.lab-report-copy { padding:clamp(28px,5vw,60px); }
.lab-report-copy h2 { margin:12px 0 20px; font-size:clamp(42px,5vw,65px); line-height:.94; letter-spacing:-.06em; }
.report-table { padding:10px 24px; }
.report-row { display:grid; grid-template-columns:44px 1fr repeat(3,80px); gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid var(--f-line); }
.report-row:last-child { border-bottom:0; }
.report-row img { width:44px; height:52px; object-fit:cover; border-radius:7px; }
.report-row strong { font-size:13px; }
.report-row span { color:var(--f-muted); font:11px monospace; text-align:right; }
.report-row .winner { color:var(--f-accent); font-weight:900; }
.lab-disclosure { padding:16px; border:1px solid var(--f-line); color:var(--f-muted); font:11px/1.5 monospace; }

/* Site 04: Interactive Quiz */
.quiz-hero { padding:clamp(48px,7vw,95px) 0; text-align:center; }
.quiz-hero h1 { max-width:14ch; margin:14px auto 20px; font-size:clamp(54px,8vw,112px); line-height:.86; letter-spacing:-.075em; }
.quiz-hero .content-copy { margin:0 auto; }
.quiz-shell { max-width:920px; margin:42px auto 0; padding:clamp(18px,4vw,42px); text-align:left; }
.quiz-top { display:flex; justify-content:space-between; gap:18px; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--f-line); }
.quiz-progress { width:190px; height:6px; overflow:hidden; border-radius:99px; background:var(--f-soft); }
.quiz-progress span { display:block; width:0; height:100%; background:var(--f-accent); transition:width 180ms ease; }
.quiz-questions { display:grid; gap:30px; margin-top:30px; }
.quiz-question h2 { margin:0 0 13px; font-size:20px; }
.quiz-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.quiz-option { min-height:74px; padding:12px; border:1px solid var(--f-line); border-radius:14px; color:var(--f-ink); background:var(--f-bg); cursor:pointer; text-align:left; }
.quiz-option strong { display:block; margin-bottom:4px; }
.quiz-option span { color:var(--f-muted); font-size:10px; }
.quiz-option.active { border-color:var(--f-accent); box-shadow:inset 0 0 0 1px var(--f-accent); }
.quiz-result { display:none; margin-top:28px; padding:24px; background:var(--f-accent); color:var(--f-accent-ink); border-radius:18px; }
.quiz-result.ready { display:grid; grid-template-columns:1fr auto; align-items:center; gap:25px; animation:stepIn 240ms ease; }
.quiz-result h2 { margin:0 0 8px; font-size:27px; }
.quiz-result p { margin:0; max-width:50ch; opacity:.75; line-height:1.5; }
.quiz-result .funnel-button { background:var(--f-accent-ink); color:var(--f-accent); }
.quiz-outcomes { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.quiz-outcomes article { min-height:300px; padding:25px; }
.quiz-outcomes span { color:var(--f-accent); font-size:30px; }
.quiz-outcomes h3 { margin:55px 0 10px; font-size:27px; }
.quiz-outcomes p { color:var(--f-muted); line-height:1.55; }
.quiz-price { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; padding:clamp(30px,6vw,70px); background:var(--f-accent); color:var(--f-accent-ink); border-radius:var(--f-radius); }
.quiz-price h2 { margin:0; max-width:13ch; font-size:clamp(43px,6vw,75px); line-height:.92; letter-spacing:-.06em; }
.quiz-price .funnel-button { background:var(--f-accent-ink); color:var(--f-accent); }

/* Site 05: Private Concierge */
.concierge-hero { min-height:calc(100vh - 150px); display:grid; grid-template-columns:.9fr 1.1fr; align-items:stretch; }
.concierge-copy { padding:clamp(55px,8vw,120px) clamp(22px,6vw,85px); display:flex; flex-direction:column; justify-content:center; }
.concierge-copy h1 { margin:16px 0 25px; max-width:9ch; font-family:'Playfair Display'; font-size:clamp(58px,7.5vw,108px); font-weight:600; line-height:.9; letter-spacing:-.06em; }
.concierge-portrait { position:relative; min-height:680px; overflow:hidden; border-radius:240px 0 0 0; }
.concierge-portrait::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(34,5,18,.86)); }
.concierge-seal { position:absolute; z-index:2; right:35px; top:35px; width:110px; height:110px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff; text-align:center; font:10px/1.3 'DM Sans'; letter-spacing:.14em; text-transform:uppercase; }
.concierge-caption { position:absolute; z-index:2; left:45px; right:45px; bottom:42px; color:#fff; }
.concierge-caption strong { display:block; max-width:15ch; font-family:'Playfair Display'; font-size:35px; line-height:1.05; }
.concierge-caption span { display:block; margin-top:9px; color:rgba(255,255,255,.65); font-size:11px; }
.concierge-service { display:grid; grid-template-columns:.72fr 1.28fr; gap:60px; }
.concierge-service-list { display:grid; border-top:1px solid var(--f-line); }
.concierge-service-list article { display:grid; grid-template-columns:46px 1fr; gap:15px; padding:25px 0; border-bottom:1px solid var(--f-line); }
.concierge-service-list span { color:var(--f-accent); font-family:'Playfair Display'; font-size:25px; }
.concierge-service-list h3 { margin:0 0 8px; font-family:'Playfair Display'; font-size:27px; }
.concierge-service-list p { margin:0; color:var(--f-muted); line-height:1.6; }
.concierge-panel { padding:clamp(28px,5vw,60px); }
.panel-avatars { display:flex; margin:25px 0; }
.panel-avatars img { width:74px; height:74px; object-fit:cover; border:5px solid var(--f-panel); border-radius:50%; margin-left:-12px; }
.panel-avatars img:first-child { margin-left:0; }
.concierge-panel blockquote { margin:28px 0; font-family:'Playfair Display'; font-size:clamp(30px,4vw,52px); line-height:1.1; }
.concierge-panel cite { color:var(--f-muted); font-size:11px; font-style:normal; }
.concierge-privacy { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.concierge-privacy article { padding:25px; min-height:220px; }
.concierge-privacy h3 { margin:35px 0 9px; font-family:'Playfair Display'; font-size:25px; }
.concierge-privacy p { color:var(--f-muted); font-size:12px; line-height:1.6; }
.concierge-book { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:clamp(35px,6vw,75px); border-top:1px solid var(--f-line); border-bottom:1px solid var(--f-line); }
.concierge-book h2 { margin:0; max-width:13ch; font-family:'Playfair Display'; font-size:clamp(40px,5vw,67px); font-weight:600; line-height:1; }

/* The original ten skins, independent of site copy */
.skin-flashbulb {
  --f-bg:#efeee9; --f-panel:#fff; --f-ink:#0a0a0a; --f-muted:#686864;
  --f-line:rgba(10,10,10,.2); --f-accent:#ff3b1f; --f-accent-ink:#fff;
  --f-soft:#deddd7; --f-radius:2px; --f-shadow:12px 12px 0 rgba(10,10,10,.13);
  background-image:linear-gradient(90deg,transparent 49.7%,rgba(0,0,0,.035) 50%,transparent 50.3%);
}
.skin-flashbulb img { filter:grayscale(1) contrast(1.12); }
.skin-flashbulb .funnel-brand, .skin-flashbulb h1, .skin-flashbulb h2 { font-family:'Space Grotesk'; text-transform:uppercase; }
.skin-flashbulb .surface, .skin-flashbulb .feedback-preview, .skin-flashbulb .order-card { border:2px solid var(--f-ink); }

.skin-cherry-soda {
  --f-bg:#fff0f4; --f-panel:#fff9fb; --f-ink:#481226; --f-muted:#986477;
  --f-line:rgba(72,18,38,.15); --f-accent:#e90f5b; --f-accent-ink:#fff;
  --f-soft:#ffdbe6; --f-radius:44px; --f-shadow:0 28px 80px rgba(190,20,76,.14);
  background-image:radial-gradient(circle at 12% 18%,rgba(233,15,91,.14),transparent 22%),radial-gradient(circle at 88% 72%,rgba(255,185,40,.13),transparent 22%);
}
.skin-cherry-soda h1, .skin-cherry-soda h2 { font-family:'Playfair Display'; font-style:italic; font-weight:600; }
.skin-cherry-soda .funnel-button { box-shadow:0 7px 0 #98113f; }

.skin-heat-check {
  --f-bg:#f7f5ef; --f-panel:#fff; --f-ink:#1d211e; --f-muted:#6f756f;
  --f-line:rgba(29,33,30,.12); --f-accent:#ff5d2e; --f-accent-ink:#fff;
  --f-soft:#ecebe5; --f-radius:26px; --f-shadow:0 24px 80px rgba(29,33,30,.12);
}
.skin-heat-check h1, .skin-heat-check h2 { font-family:'Space Grotesk'; }

.skin-polaroid-party {
  --f-bg:#f4e8cf; --f-panel:#fffdf8; --f-ink:#2f251e; --f-muted:#776d63;
  --f-line:rgba(47,37,30,.15); --f-accent:#e83d67; --f-accent-ink:#fff;
  --f-soft:#ead8b5; --f-radius:16px; --f-shadow:0 22px 60px rgba(76,54,25,.22);
  background-image:radial-gradient(#d0bc98 .8px,transparent .8px);
  background-size:22px 22px;
}
.skin-polaroid-party .surface, .skin-polaroid-party .feedback-preview, .skin-polaroid-party .order-card { transform:rotate(-.35deg); }
.skin-polaroid-party h1, .skin-polaroid-party h2 { font-family:'Playfair Display'; font-style:italic; font-weight:600; }

.skin-candy-chrome {
  --f-bg:#f3ebff; --f-panel:#fffaff; --f-ink:#2d1749; --f-muted:#7f6697;
  --f-line:rgba(85,38,125,.18); --f-accent:#ef3ca7; --f-accent-ink:#fff;
  --f-soft:#e5f5ff; --f-radius:32px; --f-shadow:0 18px 0 rgba(109,71,173,.13),0 34px 70px rgba(84,38,180,.12);
  background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95),transparent 22%),radial-gradient(circle at 88% 12%,rgba(94,214,255,.3),transparent 24%),linear-gradient(145deg,#f7efff,#ebdcff 48%,#ffe3f5);
}
.skin-candy-chrome h1, .skin-candy-chrome h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.06em; text-shadow:0 2px 0 #fff; }
.skin-candy-chrome .surface, .skin-candy-chrome .feedback-preview, .skin-candy-chrome .order-card, .skin-candy-chrome .intent-score-card { border:2px solid rgba(111,63,169,.22); box-shadow:inset 0 1px 0 #fff,var(--f-shadow); }
.skin-candy-chrome .hero-result-card { border:2px solid #fff; transform:rotate(-1deg); }
.skin-candy-chrome .funnel-button { border:2px solid #6d36a6; background:linear-gradient(180deg,#fff,#dceaff); color:#54217f; box-shadow:inset 0 2px 0 #fff,0 7px 0 #ef3ca7; }
.skin-candy-chrome .sample-rater-button, .skin-candy-chrome .result-photo { border-radius:48px 18px; }

.skin-neon-vice {
  --f-bg:#080512; --f-panel:#120d20; --f-ink:#f9f4ff; --f-muted:#968da8;
  --f-line:rgba(255,255,255,.13); --f-accent:#ff3cdf; --f-accent-ink:#080512;
  --f-soft:#1c1530; --f-radius:30px; --f-shadow:0 30px 100px rgba(0,0,0,.45);
  color-scheme:dark;
  background-image:radial-gradient(circle at 18% 30%,rgba(255,60,223,.11),transparent 28%),radial-gradient(circle at 82% 60%,rgba(83,246,255,.1),transparent 25%);
}
.skin-neon-vice h1 { font-family:'Space Grotesk'; text-transform:uppercase; text-shadow:3px 2px 0 #ff3cdf,-3px -2px 0 #53f6ff; }
.skin-neon-vice .surface { box-shadow:0 0 70px rgba(255,60,223,.12); }

.skin-soft-launch {
  --f-bg:#fff4f1; --f-panel:#fff; --f-ink:#322a38; --f-muted:#817585;
  --f-line:rgba(50,42,56,.11); --f-accent:#ff6888; --f-accent-ink:#fff;
  --f-soft:#f6e6ee; --f-radius:36px; --f-shadow:0 26px 80px rgba(79,48,75,.11);
  background-image:linear-gradient(120deg,rgba(255,190,206,.2),transparent 38%),linear-gradient(-20deg,rgba(184,168,255,.16),transparent 32%);
}
.skin-soft-launch .surface { background:rgba(255,255,255,.78); backdrop-filter:blur(12px); }
.skin-soft-launch h1 em { font-family:'Playfair Display'; color:var(--f-accent); }

.skin-truth-dare {
  --f-bg:#eaf2ff; --f-panel:#fff; --f-ink:#14203b; --f-muted:#6b7690;
  --f-line:rgba(20,32,59,.13); --f-accent:#ff4f28; --f-accent-ink:#fff;
  --f-soft:#dbe7fb; --f-radius:28px; --f-shadow:0 30px 80px rgba(20,32,59,.14);
  background-image:linear-gradient(90deg,rgba(255,79,40,.06) 50%,rgba(36,107,254,.06) 50%);
}
.skin-truth-dare .direct-hero { background:linear-gradient(90deg,#ff4f28 0 50%,#246bfe 50% 100%); }
.skin-truth-dare .direct-copy { color:#fff; }
.skin-truth-dare .direct-copy .hero-lede, .skin-truth-dare .direct-copy .price-inline small, .skin-truth-dare .direct-copy .price-inline small strong { color:rgba(255,255,255,.78); }

.skin-poolside-pop {
  --f-bg:#c9f4ef; --f-panel:#fffdf8; --f-ink:#103c55; --f-muted:#55778a;
  --f-line:rgba(16,60,85,.16); --f-accent:#ff6478; --f-accent-ink:#fff;
  --f-soft:#ffe49c; --f-radius:46px; --f-shadow:0 18px 0 rgba(16,60,85,.09),0 34px 70px rgba(16,60,85,.1);
  background-image:radial-gradient(circle at 8% 20%,rgba(255,255,255,.75) 0 7%,transparent 7.2%),radial-gradient(circle at 92% 70%,rgba(255,228,156,.7) 0 12%,transparent 12.2%),linear-gradient(135deg,transparent 49%,rgba(255,255,255,.3) 50%,transparent 51%);
  background-size:auto,auto,44px 44px;
}
.skin-poolside-pop h1, .skin-poolside-pop h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.065em; }
.skin-poolside-pop .surface, .skin-poolside-pop .feedback-preview, .skin-poolside-pop .order-card, .skin-poolside-pop .intent-score-card { border:0; box-shadow:inset 0 7px 0 #ff6478,var(--f-shadow); }
.skin-poolside-pop .funnel-button { min-height:54px; padding-inline:28px; border-radius:18px 999px 999px 18px; box-shadow:6px 6px 0 #103c55; }
.skin-poolside-pop img { filter:saturate(1.12) contrast(1.02); }
.skin-poolside-pop .result-photo, .skin-poolside-pop .sample-rater-button { border-radius:70px 22px 70px 22px; }

/* Ten more skins, same contract: variables first, then a few character overrides */
.skin-digital-crush {
  --f-bg:#160c2f; --f-panel:#211142; --f-ink:#fff8ff; --f-muted:#bda9d8;
  --f-line:rgba(116,240,255,.24); --f-accent:#72f0ff; --f-accent-ink:#170c30;
  --f-soft:#34205c; --f-radius:14px; --f-shadow:7px 7px 0 #ff4db8,0 30px 80px rgba(0,0,0,.4);
  color-scheme:dark;
  background-image:linear-gradient(rgba(114,240,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,240,255,.055) 1px,transparent 1px),radial-gradient(circle at 76% 15%,rgba(255,77,184,.2),transparent 28%);
  background-size:28px 28px,28px 28px,auto;
}
.skin-digital-crush h1, .skin-digital-crush h2, .skin-digital-crush h3 { font-family:'Space Grotesk'; font-weight:700; letter-spacing:-.055em; }
.skin-digital-crush .surface, .skin-digital-crush .feedback-preview, .skin-digital-crush .order-card, .skin-digital-crush .intent-score-card, .skin-digital-crush .sample-rater-button { border:2px solid #72f0ff; border-radius:14px 34px; box-shadow:var(--f-shadow); }
.skin-digital-crush .funnel-button { border:2px solid #fff; border-radius:8px 24px; background:#72f0ff; color:#160c2f; box-shadow:5px 5px 0 #ff4db8; }
.skin-digital-crush .tiny-caps, .skin-digital-crush .rank-score { color:#ff6fc4; }

.skin-bubblegum-y2k {
  --f-bg:#f0e7ff; --f-panel:#fffbff; --f-ink:#2d0a64; --f-muted:#7d64a2;
  --f-line:rgba(83,31,143,.2); --f-accent:#6b24d8; --f-accent-ink:#fff;
  --f-soft:#e3d5ff; --f-radius:36px 14px; --f-shadow:0 16px 0 rgba(101,49,174,.12),0 30px 70px rgba(84,38,180,.16);
  background-image:radial-gradient(circle at 84% 10%,rgba(79,219,255,.3),transparent 24%),radial-gradient(circle at 9% 86%,rgba(255,90,183,.28),transparent 24%),linear-gradient(115deg,transparent 47%,rgba(255,255,255,.45) 48%,transparent 49%);
  background-size:auto,auto,54px 54px;
}
.skin-bubblegum-y2k h1, .skin-bubblegum-y2k h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.05em; }
.skin-bubblegum-y2k .funnel-button { min-height:54px; border:2px solid #2d0a64; border-radius:17px 30px; background:#391078; color:#fff; box-shadow:inset 0 0 0 2px #9e72ef,0 7px 0 #ff54b4; }
.skin-bubblegum-y2k .funnel-button:hover { transform:translateY(2px); box-shadow:inset 0 0 0 2px #9e72ef,0 3px 0 #ff54b4; }
.skin-bubblegum-y2k .surface, .skin-bubblegum-y2k .feedback-preview, .skin-bubblegum-y2k .order-card, .skin-bubblegum-y2k .intent-score-card, .skin-bubblegum-y2k .sample-rater-button { border:2px solid rgba(107,36,216,.24); border-radius:36px 14px; box-shadow:inset 0 1px 0 #fff,var(--f-shadow); }
.skin-bubblegum-y2k .tiny-caps { display:inline-flex; width:max-content; padding:7px 11px; border-radius:999px; background:#ffcfec; color:#5a158e; }
.skin-bubblegum-y2k .hero-result-card { transform:rotate(.6deg); }

.skin-matcha-calm {
  --f-bg:#eef1e4; --f-panel:#fbfcf7; --f-ink:#253023; --f-muted:#6c7a63;
  --f-line:rgba(37,48,35,.14); --f-accent:#5c8a3f; --f-accent-ink:#fbfcf7;
  --f-soft:#dfe5d0; --f-radius:20px; --f-shadow:0 22px 66px rgba(48,64,42,.13);
  background-image:linear-gradient(160deg,rgba(255,255,255,.5),transparent 44%);
}
.skin-matcha-calm h1, .skin-matcha-calm h2, .skin-matcha-calm blockquote { font-family:'Playfair Display'; font-weight:600; }
.skin-matcha-calm img { filter:saturate(.86) contrast(1.02); }
.skin-matcha-calm .surface, .skin-matcha-calm .feedback-preview { border:1px solid rgba(37,48,35,.1); }

.skin-lip-gloss {
  --f-bg:#ffe7ef; --f-panel:rgba(255,251,252,.9); --f-ink:#4d102d; --f-muted:#97647b;
  --f-line:rgba(145,32,79,.17); --f-accent:#d91658; --f-accent-ink:#fff;
  --f-soft:#ffd0df; --f-radius:56px 18px; --f-shadow:0 28px 70px rgba(145,32,79,.15);
  background-image:radial-gradient(ellipse at 12% 10%,rgba(255,255,255,.9),transparent 28%),linear-gradient(145deg,transparent 48%,rgba(255,111,157,.14) 49%,transparent 50%);
  background-size:auto,58px 58px;
}
.skin-lip-gloss h1, .skin-lip-gloss h2, .skin-lip-gloss blockquote { font-family:'Playfair Display'; font-style:italic; font-weight:600; letter-spacing:-.055em; }
.skin-lip-gloss .surface, .skin-lip-gloss .feedback-preview, .skin-lip-gloss .order-card, .skin-lip-gloss .intent-score-card { border:1px solid rgba(255,255,255,.95); border-radius:56px 18px; backdrop-filter:blur(12px); box-shadow:inset 0 0 0 1px rgba(145,32,79,.12),var(--f-shadow); }
.skin-lip-gloss .funnel-button { min-height:53px; border-radius:999px 16px 999px 16px; background:#d91658; box-shadow:0 8px 0 #871039; }
.skin-lip-gloss .sample-rater-button { border-radius:120px 120px 24px 24px; }

.skin-disco-peach {
  --f-bg:#ffcf9f; --f-panel:#fff7e8; --f-ink:#401b6b; --f-muted:#775d87;
  --f-line:rgba(64,27,107,.22); --f-accent:#6e2be8; --f-accent-ink:#fff;
  --f-soft:#ffeca8; --f-radius:8px 42px; --f-shadow:8px 8px 0 #ff5f78;
  background-image:linear-gradient(45deg,rgba(110,43,232,.09) 25%,transparent 25%),linear-gradient(-45deg,rgba(110,43,232,.09) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(110,43,232,.09) 75%),linear-gradient(-45deg,transparent 75%,rgba(110,43,232,.09) 75%);
  background-size:46px 46px;
  background-position:0 0,0 23px,23px -23px,-23px 0;
}
.skin-disco-peach h1, .skin-disco-peach h2, .skin-disco-peach h3 { font-family:'Manrope'; font-weight:800; letter-spacing:-.065em; }
.skin-disco-peach .surface, .skin-disco-peach .feedback-preview, .skin-disco-peach .order-card, .skin-disco-peach .intent-score-card, .skin-disco-peach .sample-rater-button { border:2px solid #6e2be8; border-radius:8px 42px; box-shadow:var(--f-shadow); }
.skin-disco-peach .funnel-button { border:2px solid #401b6b; border-radius:8px 28px; background:#6e2be8; box-shadow:6px 6px 0 #ff5f78; }
.skin-disco-peach img { filter:saturate(1.18) contrast(1.03); }

.skin-riso-punch {
  --f-bg:#f3f0e6; --f-panel:#fffdf6; --f-ink:#1b1f3b; --f-muted:#5f6484;
  --f-line:rgba(27,31,59,.22); --f-accent:#ff5a1f; --f-accent-ink:#fffdf6;
  --f-soft:#e2ddcc; --f-radius:6px; --f-shadow:7px 7px 0 rgba(40,64,214,.28);
  background-image:radial-gradient(rgba(40,64,214,.16) 1px,transparent 1px),radial-gradient(rgba(255,90,31,.14) 1px,transparent 1px);
  background-size:8px 8px,8px 8px;
  background-position:0 0,4px 4px;
}
.skin-riso-punch h1, .skin-riso-punch h2 { font-family:'Space Grotesk'; font-weight:700; letter-spacing:-.04em; }
.skin-riso-punch img { filter:grayscale(1) contrast(1.24) sepia(.5) hue-rotate(330deg) saturate(2.2); }
.skin-riso-punch .surface, .skin-riso-punch .feedback-preview, .skin-riso-punch .order-card { border:2px solid #2840d6; }
.skin-riso-punch .funnel-button { border-radius:6px; box-shadow:5px 5px 0 #2840d6; }

.skin-kiss-cam {
  --f-bg:#fff0f3; --f-panel:#fff; --f-ink:#25131b; --f-muted:#876a76;
  --f-line:rgba(226,18,76,.22); --f-accent:#e2124c; --f-accent-ink:#fff;
  --f-soft:#ffd0dc; --f-radius:28px; --f-shadow:0 12px 0 #ff9fbb,0 30px 70px rgba(123,16,49,.12);
  background-image:radial-gradient(circle,rgba(226,18,76,.13) 0 3px,transparent 3.5px);
  background-size:34px 34px;
}
.skin-kiss-cam h1, .skin-kiss-cam h2, .skin-kiss-cam h3 { font-family:'Space Grotesk'; font-weight:700; letter-spacing:-.06em; }
.skin-kiss-cam .surface, .skin-kiss-cam .feedback-preview, .skin-kiss-cam .order-card, .skin-kiss-cam .intent-score-card { border:3px solid #e2124c; border-radius:28px; box-shadow:var(--f-shadow); }
.skin-kiss-cam .funnel-button { border:3px solid #25131b; background:#25131b; color:#fff; box-shadow:6px 6px 0 #ff5c8b; }
.skin-kiss-cam .sample-rater-button { border:3px solid #e2124c; border-radius:999px 999px 24px 24px; }
.skin-kiss-cam .coach-testimonial-arrow, .skin-kiss-cam .result-photo-arrow { border:2px solid #e2124c; box-shadow:4px 4px 0 #ff9fbb; }

.skin-afterglow {
  --f-bg:#d9c8ff; --f-panel:rgba(255,250,255,.82); --f-ink:#351b50; --f-muted:#76658b;
  --f-line:rgba(74,39,112,.18); --f-accent:#8c35dc; --f-accent-ink:#fff;
  --f-soft:#ffd5cf; --f-radius:52px 20px; --f-shadow:0 30px 90px rgba(70,35,113,.18);
  background-image:radial-gradient(circle at 15% 18%,rgba(255,225,183,.82),transparent 28%),radial-gradient(circle at 86% 72%,rgba(255,111,164,.34),transparent 30%),linear-gradient(145deg,#f0ddff,#d5c5ff 48%,#ffcbd5);
  background-attachment:fixed;
}
.skin-afterglow h1, .skin-afterglow h2 { font-family:'Playfair Display'; font-style:italic; font-weight:600; letter-spacing:-.055em; }
.skin-afterglow .surface, .skin-afterglow .feedback-preview, .skin-afterglow .order-card, .skin-afterglow .intent-score-card { border:1px solid rgba(255,255,255,.9); border-radius:52px 20px; background:rgba(255,250,255,.82); backdrop-filter:blur(16px); box-shadow:inset 0 1px 0 #fff,var(--f-shadow); }
.skin-afterglow .funnel-button { min-height:54px; border:1px solid rgba(255,255,255,.8); border-radius:999px; background:#4b226d; box-shadow:0 9px 24px rgba(75,34,109,.28),0 5px 0 #ff80a9; }
.skin-afterglow .result-photo, .skin-afterglow .sample-rater-button { border-radius:80px 24px; }

.skin-comic-pop {
  --f-bg:#fff3c4; --f-panel:#fff; --f-ink:#101010; --f-muted:#5d5646;
  --f-line:rgba(16,16,16,.55); --f-accent:#e8112d; --f-accent-ink:#fff;
  --f-soft:#ffe27a; --f-radius:10px; --f-shadow:8px 8px 0 #101010;
  background-image:radial-gradient(rgba(16,16,16,.14) 1.4px,transparent 1.4px);
  background-size:12px 12px;
}
.skin-comic-pop h1, .skin-comic-pop h2 { font-family:'Archivo Black',sans-serif; text-transform:uppercase; letter-spacing:-.02em; }
/* Archivo Black runs ~40% wider than the base face: keep the hero inside its grid track */
.skin-comic-pop h1 { font-size:clamp(36px,4.9vw,76px); }
.skin-comic-pop h2 { font-size:clamp(28px,3.2vw,48px); }
.skin-comic-pop img { filter:saturate(1.32) contrast(1.14); }
.skin-comic-pop .surface, .skin-comic-pop .feedback-preview, .skin-comic-pop .order-card { border:3px solid #101010; }
.skin-comic-pop .funnel-button { border:3px solid #101010; box-shadow:5px 5px 0 #101010; }

/* ---- 20 additional playful skins ---- */

.skin-cyber-grape {
  --f-bg:#14061f; --f-panel:#210d33; --f-ink:#fbf2ff; --f-muted:#b79ccc;
  --f-line:rgba(205,120,255,.22); --f-accent:#c253ff; --f-accent-ink:#fff;
  --f-soft:#301349; --f-radius:20px; --f-shadow:0 30px 90px rgba(0,0,0,.5);
  color-scheme:dark;
  background-image:linear-gradient(rgba(194,83,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(194,83,255,.07) 1px,transparent 1px);
  background-size:44px 44px;
}
.skin-cyber-grape h1, .skin-cyber-grape h2 { font-family:'Space Grotesk'; text-transform:uppercase; letter-spacing:-.03em; }
.skin-cyber-grape .funnel-button { border:1px solid #e6a8ff; box-shadow:0 0 0 3px rgba(194,83,255,.25),0 0 30px rgba(194,83,255,.5); }
.skin-cyber-grape .surface { box-shadow:0 0 50px rgba(194,83,255,.14); }

.skin-cotton-candy {
  --f-bg:#fdf1fb; --f-panel:#fff; --f-ink:#4a2153; --f-muted:#9a7aa3;
  --f-line:rgba(74,33,83,.12); --f-accent:#ff7ac8; --f-accent-ink:#fff;
  --f-soft:#ffe3f4; --f-radius:40px; --f-shadow:0 24px 60px rgba(255,122,200,.18);
  background-image:radial-gradient(circle at 15% 20%,rgba(255,160,220,.45),transparent 32%),radial-gradient(circle at 85% 80%,rgba(140,205,255,.45),transparent 32%);
}
.skin-cotton-candy h1, .skin-cotton-candy h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.06em; }
.skin-cotton-candy .surface, .skin-cotton-candy .feedback-preview, .skin-cotton-candy .order-card, .skin-cotton-candy .intent-score-card { border:2px solid #fff; border-radius:48px 24px; background:rgba(255,255,255,.85); backdrop-filter:blur(10px); }
.skin-cotton-candy .funnel-button { min-height:54px; border-radius:999px; background:linear-gradient(90deg,#ff7ac8,#8fc9ff); box-shadow:0 8px 24px rgba(255,122,200,.4); }

.skin-tokyo-drift {
  --f-bg:#0b0610; --f-panel:#160b1d; --f-ink:#fff0f5; --f-muted:#a88ca0;
  --f-line:rgba(255,255,255,.12); --f-accent:#ff2d55; --f-accent-ink:#fff;
  --f-soft:#23122c; --f-radius:14px; --f-shadow:0 26px 80px rgba(0,0,0,.55);
  color-scheme:dark;
  background-image:radial-gradient(circle at 90% 20%,rgba(255,45,85,.18),transparent 30%),radial-gradient(circle at 10% 80%,rgba(0,230,255,.14),transparent 30%);
}
.skin-tokyo-drift h1, .skin-tokyo-drift h2 { font-family:'Space Grotesk'; text-transform:uppercase; letter-spacing:-.04em; }
.skin-tokyo-drift h1 { text-shadow:4px 0 0 #00e6ff,-4px 0 0 #ff2d55; }
.skin-tokyo-drift .funnel-button { border-radius:6px; box-shadow:4px 4px 0 #00e6ff; }
.skin-tokyo-drift .surface, .skin-tokyo-drift .feedback-preview, .skin-tokyo-drift .order-card { border:1px solid rgba(0,230,255,.25); }

.skin-strawberry-milk {
  --f-bg:#fff0f3; --f-panel:#fffafb; --f-ink:#5a1f33; --f-muted:#a9788a;
  --f-line:rgba(90,31,51,.12); --f-accent:#ff6b9d; --f-accent-ink:#fff;
  --f-soft:#ffdbe5; --f-radius:32px; --f-shadow:0 18px 50px rgba(255,107,157,.16);
  background-image:radial-gradient(circle at 100% 0%,rgba(255,183,205,.5),transparent 40%);
}
.skin-strawberry-milk h1, .skin-strawberry-milk h2 { font-family:'Playfair Display'; font-weight:600; letter-spacing:-.04em; }
.skin-strawberry-milk h1 em { font-style:italic; color:var(--f-accent); }
.skin-strawberry-milk .surface, .skin-strawberry-milk .feedback-preview, .skin-strawberry-milk .order-card, .skin-strawberry-milk .intent-score-card { border:2px solid #ffd1de; border-radius:40px 40px 40px 12px; }
.skin-strawberry-milk .funnel-button { min-height:54px; border-radius:999px; box-shadow:0 7px 0 #d94a7d; }
.skin-strawberry-milk img { filter:saturate(1.05) brightness(1.03); }

.skin-plasma-pink {
  --f-bg:#140008; --f-panel:#200010; --f-ink:#fff0f7; --f-muted:#b8849f;
  --f-line:rgba(255,0,122,.26); --f-accent:#ff007a; --f-accent-ink:#fff;
  --f-soft:#2c0018; --f-radius:22px; --f-shadow:0 30px 90px rgba(0,0,0,.55);
  color-scheme:dark;
  background-image:radial-gradient(circle at 70% 30%,rgba(255,0,122,.28),transparent 35%),radial-gradient(circle at 20% 80%,rgba(255,120,200,.14),transparent 30%);
}
.skin-plasma-pink h1, .skin-plasma-pink h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.07em; }
.skin-plasma-pink h1 { text-shadow:0 0 28px rgba(255,0,122,.85),0 0 60px rgba(255,0,122,.4); }
.skin-plasma-pink .surface { border:1px solid rgba(255,0,122,.3); box-shadow:0 0 60px rgba(255,0,122,.18); }
.skin-plasma-pink .funnel-button { box-shadow:0 0 36px rgba(255,0,122,.7); }

.skin-slushie-blue {
  --f-bg:#eaf6ff; --f-panel:#fff; --f-ink:#0e2a4d; --f-muted:#6a84a3;
  --f-line:rgba(14,42,77,.12); --f-accent:#1f8fff; --f-accent-ink:#fff;
  --f-soft:#d6ecff; --f-radius:30px; --f-shadow:0 20px 60px rgba(31,143,255,.18);
  background-image:radial-gradient(circle at 90% 10%,rgba(120,220,255,.55),transparent 35%),radial-gradient(circle at 10% 90%,rgba(255,120,220,.3),transparent 32%);
}
.skin-slushie-blue h1, .skin-slushie-blue h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.06em; }
.skin-slushie-blue .surface, .skin-slushie-blue .feedback-preview, .skin-slushie-blue .order-card, .skin-slushie-blue .intent-score-card { border:2px solid #bfe3ff; border-radius:14px 40px 14px 40px; box-shadow:inset 0 1px 0 #fff,var(--f-shadow); }
.skin-slushie-blue .funnel-button { min-height:54px; border-radius:999px; background:linear-gradient(180deg,#4aa8ff,#1f8fff); box-shadow:0 7px 0 #0d5cb8; }
.skin-slushie-blue .tiny-caps { color:#ff4fb8; }

.skin-pixel-heart {
  --f-bg:#f3ecff; --f-panel:#fff; --f-ink:#2b1454; --f-muted:#7e6aa6;
  --f-line:rgba(43,20,84,.2); --f-accent:#ff3d8a; --f-accent-ink:#fff;
  --f-soft:#e7dcff; --f-radius:0; --f-shadow:6px 6px 0 #2b1454;
  background-image:linear-gradient(rgba(43,20,84,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(43,20,84,.08) 1px,transparent 1px);
  background-size:16px 16px;
}
.skin-pixel-heart h1, .skin-pixel-heart h2, .skin-pixel-heart h3 { font-family:'Space Grotesk'; font-weight:700; text-transform:uppercase; letter-spacing:.01em; }
.skin-pixel-heart .surface, .skin-pixel-heart .feedback-preview, .skin-pixel-heart .order-card, .skin-pixel-heart .intent-score-card, .skin-pixel-heart .sample-rater-button { border:3px solid #2b1454; border-radius:0; box-shadow:6px 6px 0 #ff3d8a; }
.skin-pixel-heart .funnel-button { border:3px solid #2b1454; border-radius:0; box-shadow:4px 4px 0 #2b1454; }
.skin-pixel-heart .funnel-button:hover { transform:translate(2px,2px); box-shadow:2px 2px 0 #2b1454; }
.skin-pixel-heart .result-photo { border-radius:0; }

.skin-gummy-bear {
  --f-bg:#fffbe9; --f-panel:#fff; --f-ink:#33261f; --f-muted:#8b7a6e;
  --f-line:rgba(51,38,31,.12); --f-accent:#ff3b3b; --f-accent-ink:#fff;
  --f-soft:#fff0c2; --f-radius:34px; --f-shadow:0 18px 50px rgba(51,38,31,.12);
  background-image:radial-gradient(circle at 5% 10%,rgba(255,200,60,.4),transparent 30%),radial-gradient(circle at 95% 50%,rgba(120,220,120,.35),transparent 30%),radial-gradient(circle at 40% 100%,rgba(255,90,90,.3),transparent 30%);
}
.skin-gummy-bear h1, .skin-gummy-bear h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.06em; }
.skin-gummy-bear .surface, .skin-gummy-bear .feedback-preview, .skin-gummy-bear .order-card, .skin-gummy-bear .intent-score-card { border:2px solid rgba(255,255,255,.9); border-radius:44px; box-shadow:inset 0 2px 0 #fff,inset 0 -6px 0 rgba(0,0,0,.05),var(--f-shadow); }
.skin-gummy-bear .funnel-button { min-height:54px; border-radius:999px; background:linear-gradient(180deg,#ff5c5c,#e62525); box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 7px 0 #a81313; }
.skin-gummy-bear .feature-card:nth-child(3n+1) { background:#fff3d6; }
.skin-gummy-bear .feature-card:nth-child(3n+2) { background:#e9f9e3; }
.skin-gummy-bear .feature-card:nth-child(3n+3) { background:#ffe4e4; }

.skin-midnight-candy {
  --f-bg:#0d0f1f; --f-panel:#161a33; --f-ink:#fbf6ff; --f-muted:#9a9bbb;
  --f-line:rgba(255,255,255,.12); --f-accent:#ff6fb5; --f-accent-ink:#0d0f1f;
  --f-soft:#1f2445; --f-radius:30px; --f-shadow:0 30px 90px rgba(0,0,0,.5);
  color-scheme:dark;
  background-image:radial-gradient(circle at 15% 15%,rgba(255,111,181,.16),transparent 28%),radial-gradient(circle at 85% 85%,rgba(120,200,255,.14),transparent 28%);
}
.skin-midnight-candy h1, .skin-midnight-candy h2 { font-family:'Manrope'; font-weight:800; letter-spacing:-.06em; }
.skin-midnight-candy .surface, .skin-midnight-candy .feedback-preview, .skin-midnight-candy .order-card, .skin-midnight-candy .intent-score-card { border:1px solid rgba(255,111,181,.25); border-radius:40px 16px; }
.skin-midnight-candy .funnel-button { min-height:54px; border-radius:999px; background:linear-gradient(90deg,#ff6fb5,#9d7bff); color:#fff; box-shadow:0 8px 28px rgba(255,111,181,.4); }
.skin-midnight-candy .tiny-caps { display:inline-flex; width:max-content; padding:6px 10px; border-radius:999px; background:rgba(255,111,181,.15); }

/* Shared sample result experience */
.proof-experience { width:min(100% - 44px,1180px); margin:clamp(50px,8vw,110px) auto; display:grid; gap:22px; }
.proof-subhead h2 { margin:8px 0 10px; font-size:clamp(36px,5vw,68px); line-height:.95; letter-spacing:-.055em; }
.proof-subhead p { margin:0; color:var(--f-muted); line-height:1.6; }
.sample-label { color:var(--f-accent); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.sample-profile-crop { display:block; aspect-ratio:1; background-image:url('assets/sample-profile-contact-sheet.png'); background-repeat:no-repeat; background-size:200% auto; background-position:var(--profile-x) var(--profile-y); }
body[data-profile-gender="woman"] .sample-profile-crop { background-image:url('assets/sample-profile-contact-sheet-woman.png'); }
.sample-results-package { padding:clamp(18px,2.4vw,30px); border:2px solid var(--f-line); border-radius:calc(var(--f-radius) + 12px); background:color-mix(in srgb,var(--f-panel) 72%,transparent); box-shadow:var(--f-shadow); }
.sample-results-package-head { display:grid; justify-items:start; gap:8px; padding:0 4px clamp(18px,2vw,26px); direction:ltr; }
.sample-results-package-head h2 { margin:0; font-size:clamp(30px,4vw,54px); line-height:.95; letter-spacing:-.055em; text-align:left; }
.result-carousel { display:grid; grid-template-columns:minmax(280px,.72fr) repeat(2,minmax(0,.64fr)); align-items:stretch; gap:14px; }
.result-photo-panel { position:sticky; top:72px; height:100%; display:flex; flex-direction:column; overflow:hidden; }
.result-photo-frame { position:relative; }
.result-photo-arrow { position:absolute; top:50%; width:46px; height:46px; border:1px solid var(--f-line); border-radius:50%; background:var(--f-panel); color:var(--f-ink); box-shadow:0 8px 25px rgba(0,0,0,.22); font-size:22px; cursor:pointer; transform:translateY(-50%); }
.result-photo-arrow:hover, .result-photo-arrow:focus-visible { border-color:var(--f-accent); color:var(--f-accent); outline:none; }
.result-photo-arrow.previous { left:12px; }
.result-photo-arrow.next { right:12px; }
.result-photo-caption { flex:1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; }
.result-photo-caption span { color:var(--f-accent); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.result-photo-caption strong { font-size:12px; }
.result-score-slot { min-width:0; height:100%; }
.intent-score-card { min-width:0; width:100%; max-width:100%; height:100%; padding:clamp(20px,3vw,34px); display:grid; grid-template-rows:auto 1fr; }
.intent-score-head { min-width:0; display:grid; grid-template-columns:1fr; align-items:start; gap:18px; margin-bottom:25px; }
.intent-score-head h3 { margin:7px 0 0; font-size:clamp(26px,3vw,43px); line-height:1; letter-spacing:-.045em; }
.intent-score-head > strong { justify-self:end; font-size:clamp(54px,7vw,96px); line-height:.8; letter-spacing:-.08em; }
.intent-score-head > strong span { font-size:.24em; letter-spacing:-.02em; }
@media (min-width: 821px) {
  .sample-results-package .intent-score-head h3 { min-height:2em; }
}
.distribution-chart { align-self:end; display:grid; gap:15px; }
.distribution-chart > div:first-child { display:flex; justify-content:space-between; gap:16px; color:var(--f-muted); font-size:11px; }
.distribution-chart > div:first-child strong { color:var(--f-ink); text-transform:uppercase; letter-spacing:.05em; }
.distribution-bars { height:170px; display:grid; grid-template-columns:repeat(10,1fr); align-items:end; gap:6px; padding-top:18px; border-bottom:1px solid var(--f-line); }
.distribution-column { position:relative; height:100%; display:grid; grid-template-rows:1fr 20px; align-items:end; gap:4px; text-align:center; outline:none; }
.distribution-column span { color:var(--f-muted); font-size:9px; font-style:normal; }
.distribution-column i { height:100%; display:flex; align-items:end; overflow:hidden; border-radius:7px 7px 0 0; background:var(--f-soft); }
.distribution-column em { width:100%; min-height:2px; height:var(--distribution-height); display:block; border-radius:7px 7px 0 0; background:linear-gradient(180deg,var(--f-accent),color-mix(in srgb,var(--f-accent) 58%,var(--f-ink))); }
.distribution-column::after { content:attr(data-tooltip); position:absolute; z-index:4; left:50%; bottom:calc(100% - 5px); width:max-content; max-width:150px; padding:7px 9px; border-radius:8px; background:var(--f-ink); color:var(--f-bg); box-shadow:0 8px 24px rgba(0,0,0,.2); font-size:10px; font-weight:800; line-height:1.2; pointer-events:none; opacity:0; transform:translate(-50%,5px); transition:opacity .15s ease,transform .15s ease; }
.distribution-column:hover::after, .distribution-column:focus-visible::after { opacity:1; transform:translate(-50%,0); }
.distribution-column:hover em, .distribution-column:focus-visible em { filter:brightness(1.16); }
.rater-proof, .proof-faq { padding:clamp(24px,5vw,58px); }
.proof-subhead { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.proof-subhead > div { max-width:760px; }
.proof-subhead > p { max-width:340px; }
.rater-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sample-rater-button { overflow:hidden; padding:0; border:1px solid var(--f-line); border-radius:calc(var(--f-radius) * .72); background:var(--f-bg); color:var(--f-ink); text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease; }
.sample-rater-button:hover, .sample-rater-button:focus-visible { transform:translateY(-4px); border-color:var(--f-accent); outline:none; }
.profile-sheet-crop { display:block; aspect-ratio:1; background-image:url('assets/rater-profile-contact-sheet-v2.png'); background-repeat:no-repeat; background-size:300% auto; background-position:var(--sheet-x) var(--sheet-y); }
body[data-profile-gender="woman"] .profile-sheet-crop { background-image:url('assets/rater-profile-contact-sheet-men.png'); }
.sample-rater-cover { width:100%; }
.sample-rater-button > .rater-identity { display:grid; gap:3px; padding:13px 13px 5px; }
.sample-rater-button small { color:var(--f-muted); }
.rater-intent-mini { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:8px 13px; }
.rater-intent-mini i { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:8px; border-radius:8px; background:var(--f-soft); color:var(--f-muted); font-size:9px; font-style:normal; text-transform:uppercase; }
.rater-intent-mini strong { color:var(--f-ink); font-size:13px; }
.sample-rater-button b { display:block; padding:6px 13px 14px; color:var(--f-accent); font-size:10px; text-transform:uppercase; }
.rater-profile-modal { position:fixed; inset:0; z-index:110; display:none; place-items:center; padding:18px; background:rgba(0,0,0,.78); }
.rater-profile-modal.open { display:grid; }
.rater-profile-card { position:relative; width:min(1040px,100%); max-height:calc(100vh - 36px); display:grid; grid-template-columns:minmax(360px,440px) minmax(0,1fr); overflow:hidden; }
.rater-profile-media { min-width:0; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; background:var(--f-soft); }
.rater-main-photo { width:100%; min-height:0; }
.rater-photo-thumbs { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; padding:8px; }
.rater-photo-thumb { padding:0; overflow:hidden; border:2px solid transparent; border-radius:9px; background:transparent; cursor:pointer; }
.rater-photo-thumb[aria-pressed="true"] { border-color:var(--f-accent); }
.rater-photo-thumb span { width:100%; }
.rater-profile-copy { min-width:0; min-height:0; display:flex; flex-direction:column; justify-content:center; overflow-y:auto; padding:clamp(32px,5vw,64px); }
.rater-profile-copy h3 { margin:10px 0 3px; font-size:clamp(44px,6vw,76px); letter-spacing:-.06em; }
.rater-profile-copy p { color:var(--f-muted); line-height:1.6; }
.rater-profile-meta { margin-top:0; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.rater-profile-ratings { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:13px; }
.rater-profile-ratings span { display:grid; gap:4px; padding:16px; border-radius:10px; background:var(--f-soft); color:var(--f-muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.rater-profile-ratings strong { color:var(--f-ink); font-size:24px; }
.rater-profile-tags { margin-top:14px; padding:12px; border-radius:10px; background:var(--f-soft); color:var(--f-ink); font-size:11px; font-weight:800; }
.rater-modal-close { position:absolute; z-index:2; top:12px; right:12px; width:38px; height:38px; border:0; border-radius:50%; background:var(--f-panel); color:var(--f-ink); font-size:22px; cursor:pointer; box-shadow:0 5px 20px rgba(0,0,0,.2); }
.proof-faq-grid { display:grid; grid-template-columns:1fr; border-top:1px solid var(--f-line); }
.proof-faq details { border-bottom:1px solid var(--f-line); }
.proof-faq summary { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 2px; font-size:15px; font-weight:800; list-style:none; cursor:pointer; }
.proof-faq summary::-webkit-details-marker { display:none; }
.proof-faq summary span { color:var(--f-accent); font-size:24px; font-weight:400; transition:transform .18s ease; }
.proof-faq details[open] summary span { transform:rotate(45deg); }
.proof-faq details p { margin:-5px 0 22px; padding-right:35px; color:var(--f-muted); line-height:1.65; }

@media (max-width: 1080px) {
  .direct-hero, .lab-hero, .concierge-hero { grid-template-columns:1fr 1fr; }
  .direct-copy, .concierge-copy { padding-left:30px; padding-right:30px; }
  .method-grid { grid-template-columns:repeat(2,1fr); }
  .report-row { grid-template-columns:44px 1fr repeat(3,62px); }
}

@media (max-width: 820px) {
  .direct-hero, .lab-hero, .concierge-hero, .direct-offer, .direct-faq,
  .lab-report, .concierge-service { grid-template-columns:1fr; }
  .direct-result, .concierge-portrait { min-height:600px; }
  .direct-proof-strip { grid-template-columns:repeat(2,1fr); }
  .direct-proof-strip div:nth-child(2) { border-right:0; }
  .quiz-outcomes, .concierge-privacy { grid-template-columns:1fr; }
  .quiz-outcomes article, .concierge-privacy article { min-height:220px; }
  .lab-metrics { grid-template-columns:repeat(2,1fr); }
  .quiz-result.ready, .quiz-price { grid-template-columns:1fr; }
  .concierge-service { gap:30px; }
  .demographic-layout { grid-template-columns: 1fr; }
  .result-carousel { grid-template-columns:1fr; }
  .result-photo-panel { position:relative; top:auto; }
  .proof-subhead { align-items:flex-start; flex-direction:column; }
  .rater-gallery { grid-template-columns:repeat(2,1fr); }
  .rater-profile-card { grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr); }
  .rater-profile-copy { padding:30px; }
  .proof-faq-grid { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .content-shell { width:min(100% - 24px,1180px); }
  .direct-copy h1, .lab-copy h1, .concierge-copy h1 { font-size:54px; }
  .coach-copy h1 { font-size:clamp(58px,17vw,92px); }
  .site-coach { padding-top:52px; }
  .site-coach > .funnel-nav { height:52px; padding:5px 8px; gap:6px; }
  .site-coach > .funnel-nav .funnel-brand { font-size:17px; letter-spacing:-.8px; }
  .site-coach > .funnel-nav .funnel-button { min-height:34px; max-width:92px; padding:0 8px; border-width:1px; border-radius:999px; font-size:8px; line-height:1; text-align:center; white-space:nowrap; }
  .site-coach > .funnel-nav .profile-gender-selector { width:auto; height:38px; padding:2px; }
  .profile-gender-selector button { min-width:0; min-height:32px; padding:0 8px; font-size:9px; }
  .team-contact-floating { right:12px; bottom:12px; }
  .team-contact-launcher { min-height:44px; padding:0 14px; }
  .setup-team-help { grid-template-columns:1fr; }
  .setup-team-help-button { width:100%; }
  .setup-team-help .team-contact-menu { right:auto; left:0; width:min(230px,100%); }
  .direct-result, .concierge-portrait { min-height:510px; }
  .direct-score-row { grid-template-columns:1fr; }
  .direct-stack article { grid-template-columns:36px 1fr; }
  .direct-stack b { grid-column:2; }
  .direct-proof-strip { grid-template-columns:1fr; }
  .direct-proof-strip div { border-right:0; }
  .quiz-options { grid-template-columns:1fr; }
  .method-grid { grid-template-columns:1fr; }
  .report-table { padding:8px 14px; overflow-x:auto; }
  .report-row { min-width:540px; }
  .concierge-book { align-items:flex-start; flex-direction:column; }
  .age-options { grid-template-columns: 1fr; }
  .checkout-form { grid-template-columns: 1fr; }
  .checkout-field.wide, .checkout-test-note, .checkout-message, .checkout-form .funnel-button { grid-column: 1; }
  .proof-experience { width:min(100% - 24px,1180px); gap:12px; margin:28px auto; }
  .sample-results-package { padding:9px; border-radius:20px; }
  .sample-results-package-head { gap:3px; padding:3px 3px 10px; }
  .sample-results-package-head .sample-label { font-size:7px; }
  .sample-results-package-head h2 { font-size:21px; }
  /* Thin screens: photo left, equally sized score cards stacked at right */
  .result-carousel { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(0,1fr); grid-template-rows:repeat(2,minmax(0,1fr)); align-items:stretch; gap:8px; min-height:0; aspect-ratio:16 / 9; }
  .result-photo-panel { position:relative; top:auto; grid-column:1; grid-row:1 / 3; width:100%; height:100%; min-height:0; aspect-ratio:auto; border-radius:18px; }
  .result-photo-frame { position:absolute; inset:0; }
  .sample-profile-crop { width:100%; height:100%; aspect-ratio:auto; }
  .result-photo-caption { position:absolute; z-index:3; inset:auto 6px 6px; padding:6px 8px; border-radius:10px; background:color-mix(in srgb,var(--f-panel) 90%,transparent); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
  .result-score-slot { position:relative; z-index:1; grid-column:2; min-width:0; width:100%; max-width:100%; height:100%; min-height:0; aspect-ratio:auto; margin:0; }
  .result-score-slot[data-result-score-slot="bang"] { grid-row:1; }
  .result-score-slot[data-result-score-slot="marry"] { grid-row:2; }
  .result-score-slot > .intent-score-card { min-height:0; width:100%; max-width:100%; height:100%; padding:7px 8px; border-radius:14px; overflow:hidden; }
  .result-photo-arrow { width:30px; height:30px; font-size:15px; box-shadow:0 4px 12px rgba(0,0,0,.2); }
  .result-photo-arrow.previous { left:6px; }
  .result-photo-arrow.next { right:6px; }
  .result-photo-caption { gap:6px; flex-direction:row; align-items:center; }
  .result-photo-caption span { font-size:9px; }
  .result-photo-caption strong { font-size:10px; }
  .intent-score-card { padding:10px 12px; border-radius:18px; }
  .intent-score-head { gap:4px; margin-bottom:8px; }
  .intent-score-head .sample-label { font-size:8px; }
  .intent-score-head h3 { margin:2px 0 0; font-size:13px; }
  .intent-score-head > strong { font-size:30px; }
  .distribution-chart { gap:6px; }
  .distribution-chart > div:first-child { font-size:8px; }
  .distribution-chart > div:first-child span { display:none; }
  .distribution-bars { height:52px; gap:2px; padding-top:4px; }
  .distribution-column { grid-template-rows:1fr 10px; gap:2px; }
  .distribution-column span { font-size:6px; }
  .distribution-column i, .distribution-column em { border-radius:3px 3px 0 0; }
  .result-score-slot .intent-score-head { grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:3px; margin:0; }
  .result-score-slot .intent-score-head .sample-label, .result-score-slot .distribution-chart > div:first-child { display:none; }
  .result-score-slot .intent-score-head h3 { max-width:56px; overflow:visible; font-size:9px; line-height:1.05; white-space:normal; }
  .result-score-slot .intent-score-head > strong { justify-self:end; font-size:clamp(31px,9vw,36px); }
  .result-score-slot .distribution-chart { display:grid; gap:2px; }
  .result-score-slot .distribution-bars { height:31px; padding-top:1px; }
  /* Thin screens: raters become one list card */
  .rater-proof { padding:16px 12px; border-radius:18px; }
  .proof-subhead { gap:4px; margin-bottom:12px; }
  .proof-subhead h2 { margin:4px 0 2px; font-size:24px; }
  .proof-subhead > p { font-size:11px; }
  .rater-gallery { grid-template-columns:1fr; gap:0; }
  .sample-rater-button { display:grid; grid-template-columns:52px minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:8px 4px; border:0; border-bottom:1px solid var(--f-line); border-radius:0 !important; background:transparent; box-shadow:none !important; transform:none !important; }
  .sample-rater-button:last-child { border-bottom:0; }
  .sample-rater-button:hover, .sample-rater-button:focus-visible { transform:none; background:var(--f-soft); }
  .sample-rater-cover { width:52px; height:52px; border-radius:12px; }
  .sample-rater-button > .rater-identity { padding:0; gap:1px; min-width:0; }
  .sample-rater-button > .rater-identity strong { font-size:13px; }
  .sample-rater-button > .rater-identity small { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .rater-intent-mini { width:136px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:0; }
  .rater-intent-mini i { min-width:0; min-height:42px; flex-direction:column; gap:1px; padding:4px 3px; font-size:6px; text-align:center; }
  .rater-intent-mini strong { font-size:12px; }
  .sample-rater-button b { padding:0; font-size:14px; color:var(--f-accent); }
  .sample-rater-button b::before { content:'›'; }
  .sample-rater-button b { font-size:0; }
  .sample-rater-button b::before { font-size:20px; line-height:1; }
  .rater-profile-modal { padding:12px; }
  .rater-profile-card { grid-template-columns:1fr; max-height:calc(100vh - 24px); overflow-y:auto; }
  .rater-profile-copy { overflow:visible; padding:26px; }
  .coach-footer { grid-template-columns:1fr 1fr; gap:24px 18px; }
  .coach-footer-brand { grid-column:1 / -1; }
  .coach-letter { padding-left:14px; padding-right:14px; }
  .coach-testimonial-stage { grid-template-columns:44px minmax(0,1fr) 44px; gap:7px; }
  .coach-testimonial-arrow { width:44px; height:44px; }
  .coach-testimonial-copy cite { align-items:center; flex-direction:column; }
}