/* Design system della sola landing. style.css resta condiviso con le altre pagine. */
:root {
  color-scheme: only light;
  --font-display: "Barlow Condensed", sans-serif;
  --font-body: "Open Sans", sans-serif;
  --color-brand: #c71617;
  --color-brand-hover: #a91213;
  --color-brand-soft: #fff2f2;
  --color-brand-on-dark: #ff7778;
  --color-brand-gradient-start: #f13a3f;
  --color-brand-gradient-end: #b70e14;
  --color-ink: #242424;
  --color-ink-secondary: #3b3a3a;
  --color-muted: #666666;
  --color-muted-light: #767676;
  --color-surface: #ffffff;
  --color-surface-soft: #f6f6f7;
  --color-surface-muted: #eeeeef;
  --color-border: #e3e3e6;
  --color-border-hover: #d1d1d5;
  --color-dark: #292929;
  --color-dark-secondary: #343434;
  --color-on-dark: #ffffff;
  --color-on-dark-muted: #cccccc;
  --color-dark-border: rgba(255, 255, 255, .14);
  --color-whatsapp: #147a3d;
  --color-whatsapp-hover: #0b6b36;
  --color-rating: #e7a21a;
  --color-success: #1f7a42;
  --color-check: #4ad575;
  --color-error: #b42318;
  --color-focus: rgba(199, 22, 23, .24);
  --container: 1120px;
  --container-wide: 1200px;
  --radius-control: 8px;
  --radius-card: 16px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 2px 12px rgba(20, 20, 24, .055);
  --shadow-elevated: 0 14px 36px rgba(20, 20, 24, .09);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --section-y: clamp(56px, 7vw, 96px);
  --section-y-compact: clamp(40px, 5vw, 64px);
  /* Alias per il foglio condiviso. */
  --rosso: var(--color-brand);
  --rosso-dark: var(--color-brand-hover);
  --antracite: var(--color-ink-secondary);
  --dark: var(--color-ink);
  --grigio: var(--color-surface-soft);
  --bordo: var(--color-border);
  --muted: var(--color-muted);
  --surface: var(--color-surface);
  --surface-soft: var(--color-surface-soft);
  --ring: var(--color-focus);
  --radius-sm: var(--radius-control);
  --radius-md: var(--radius-card);
  --radius-lg: var(--radius-panel);
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-elevated);
  --maxw: var(--container);
}

.landing-page { color: var(--color-ink-secondary); font: 400 16px/1.65 var(--font-body); background: var(--color-surface); }
.landing-page .container { width: min(calc(100% - 48px), var(--container)); max-width: none; padding: 0; margin-inline: auto; }
.landing-page .price-form-section .container { width: min(calc(100% - 48px), var(--container-wide)); max-width: none; }
.landing-page .section, .landing-page .hero-benefits, .landing-page .social-proof, .landing-page .about-method, .landing-page .journey-section, .landing-page .price-form-section { padding-block: var(--section-y); }
.landing-page .section--compact { padding-block: var(--section-y-compact); }
.landing-page .section--white { background: var(--color-surface); }
.landing-page .section--soft { background: var(--color-surface-soft); }
.landing-page .hero-shadcn.section--white { background: var(--color-surface); padding: 0; }
.landing-page .hero-shadcn .container { padding-top: var(--section-y); }
.landing-page .site-header .container { justify-content: flex-start; gap: 24px; }
.landing-page .site-header .brand { flex: 0 0 auto; }
.landing-page .site-header .nav { display: grid; flex: 1 1 auto; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; min-width: 0; }
.landing-page .nav-links { display: flex; align-items: center; justify-content: center; gap: 26px; min-width: 0; white-space: nowrap; }
.landing-page .nav .btn { white-space: nowrap; }

.landing-page h1, .landing-page h2, .landing-page .display { font-family: var(--font-display); font-weight: 700; text-transform: none; color: var(--color-ink); }
.landing-page h1 { font-size: clamp(42px, 6vw, 72px); line-height: 1; letter-spacing: -.02em; }
.landing-page h2 { font-size: clamp(34px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -.01em; }
.landing-page h3, .landing-page h4 { font-family: var(--font-body); font-weight: 700; text-transform: none; line-height: 1.25; letter-spacing: 0; }
.landing-page h3 { font-size: clamp(19px, 1.8vw, 23px); }
.landing-page .eyebrow { font: 700 12px/1.3 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--color-brand); margin-bottom: 12px; }
.landing-page .section-head, .landing-page .journey-head, .landing-page .about-method-head, .landing-page .about-klaudio-head, .landing-page .price-form-head { margin-bottom: 48px; }
.landing-page .journey-head, .landing-page .about-klaudio-head { max-width: 100%; }
.landing-page .section-head p, .landing-page .price-form-head > p { max-width: 65ch; margin-top: 16px; color: var(--color-muted); font-size: 18px; line-height: 1.55; }
.landing-page .hero-benefits .benefit-section-head { max-width: 100%; }
.landing-page .benefit-section-head p, .landing-page .journey-head p { max-width: none; }
.landing-page .section-head h2, .landing-page .journey-head h2, .landing-page .about-klaudio-head h2 { max-width: 20ch; }
.landing-page .price-form-head h2 { max-width: 20ch; }
.landing-page :is(.benefit-section-head, .journey-head, .about-klaudio-head, #gallery .section-head, .price-form-head) h2 { max-width: none; }
.landing-page .hero-shadcn h1 { font-size: clamp(42px, 6vw, 72px); line-height: 1; letter-spacing: -.02em; }
.landing-page .hero-shadcn .hero-primary-cta { border-radius: var(--radius-control); }
.landing-page .hero-gallery-item, .landing-page .hero-shadcn .hero-slider { border-radius: var(--radius-panel); }
.landing-page .hero-benefits.section--white, .landing-page .journey-section.section--white { background: var(--color-surface); }
.landing-page .social-proof.section--soft, .landing-page .about-method.section--soft, .landing-page .about-klaudio-section.section--soft, .landing-page .price-form-section.section--soft { background: var(--color-surface-soft); }

.landing-page .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 24px; border-radius: var(--radius-control); font: 700 14px/1.3 var(--font-body); letter-spacing: .03em; text-transform: uppercase; }
.landing-page .btn-red, .landing-page .benefit-desktop-cta, .landing-page .about-method-desktop-cta { background: var(--color-brand); color: #fff; border-color: var(--color-brand); }
.landing-page .btn-red:hover, .landing-page .benefit-desktop-cta:hover, .landing-page .about-method-desktop-cta:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); color: #fff; }
.landing-page .btn-wa { background: var(--color-whatsapp); color: #fff; }
.landing-page .btn-wa:hover { background: var(--color-whatsapp-hover); color: #fff; }
.landing-page .section-wide-desktop-cta { display: flex; width: 100%; gap: 12px; margin-top: 34px; }
.landing-page .section-wide-desktop-cta span { font-size: 20px; line-height: 1; }
.landing-page :is(a, button, input, textarea, select):focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }

.landing-page .card, .landing-page .feature-card, .landing-page .about-method-card, .landing-page .klaudio-profile-card, .landing-page .klaudio-story-card, .landing-page .social-proof-card, .landing-page .faq-item, .landing-page .contact-card, .landing-page .rec { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-card); box-shadow: var(--shadow-card); }
.landing-page .journey-panel, .landing-page .price-card { border-radius: var(--radius-panel); background: var(--color-dark-secondary); color: var(--color-on-dark); }
.landing-page .card:hover, .landing-page .feature-card:hover, .landing-page .about-method-card:hover { transform: none; border-color: var(--color-border-hover); box-shadow: var(--shadow-elevated); }
.landing-page .feature-card { --feature-border: var(--color-border); --feature-border-hover: var(--color-border-hover); --feature-icon-bg: var(--color-brand-soft); --feature-icon-color: var(--color-brand); }
.landing-page .hero-benefits .feature-card { border: 1px solid var(--color-border); }
.landing-page .hero-benefits .feature-card:hover { transform: none; border-color: var(--color-border-hover); box-shadow: var(--shadow-elevated); }
.landing-page .feature-icon { border-radius: var(--radius-control); }
.landing-page .about-method-head h2 { font-family: var(--font-display); font-size: clamp(34px, 4.4vw, 56px); line-height: 1.04; letter-spacing: -.01em; }
.landing-page .about-method-photo, .landing-page .klaudio-profile-photo, .landing-page .g-frame { border-radius: var(--radius-card); }
.landing-page .social-proof-stars, .landing-page .proof-stars, .landing-page .rec-stars svg { color: var(--color-rating); fill: var(--color-rating); }
.landing-page .social-proof-card-head strong { font-family: var(--font-body); font-size: 16px; letter-spacing: 0; text-transform: none; }
.landing-page .social-proof-arrow { border-radius: var(--radius-control); background: var(--color-surface-muted); }
.landing-page .journey-duration { border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-brand-gradient-start), var(--color-brand-gradient-end)); }
.landing-page .journey-detail h3, .landing-page .journey-cycle h3, .landing-page .journey-cycle-steps strong { font-family: var(--font-body); color: var(--color-on-dark); text-transform: none; letter-spacing: 0; }
.landing-page .journey-detail h3 { font-size: 18px; }
.landing-page .journey-cycle h3 { font-size: clamp(23px, 2.2vw, 28px); }
.landing-page .journey-cycle-steps strong { font-size: 15px; text-transform: uppercase; }
.landing-page .journey-cycle-steps li { border-radius: var(--radius-control); background: var(--color-dark-secondary); }
.landing-page .journey-cycle-steps li:not(:last-child)::after { color: var(--color-brand); }
.landing-page .journey-cycle-closing { background: var(--color-dark-secondary); }
.landing-page .journey-cycle .eyebrow { color: var(--color-on-dark); }
.landing-page .price-card__footer-label { color: var(--color-on-dark); }
.landing-page .klaudio-story-header h3 { font-family: var(--font-body); font-size: clamp(26px, 2.7vw, 36px); }
.landing-page .klaudio-story-block strong { color: var(--color-ink-secondary); font-weight: 700; }
.landing-page .klaudio-stat dd, .landing-page .price-amount span, .landing-page .journey-duration strong, .landing-page .journey-duration span { font-family: var(--font-display); }

.landing-page .price-card__benefits h3, .landing-page .price-card__footer-heading { font-family: var(--font-body); color: #fff; text-transform: none; }
.landing-page .price-card__benefits h3 { font-size: 20px; }
.landing-page .price-card__footer-heading { font-size: clamp(20px, 2vw, 26px); }
.landing-page .price-includes li::before { color: var(--color-check); }
.landing-page .contact-card h3 { font-family: var(--font-body); font-size: clamp(25px, 2.5vw, 34px); }
.landing-page .contact-card .form-note { text-align: center; }
.landing-page .contact-whatsapp { margin-top: 8px; }
.landing-page .privacy-field { grid-template-columns: 22px minmax(0, 1fr); column-gap: 10px; align-items: center; }
.landing-page .privacy-field > input[type="checkbox"] { appearance: none; display: grid; place-content: center; box-sizing: border-box; flex: 0 0 22px; width: 22px; height: 22px; padding: 0; margin: 0; border: 1.5px solid #858585; border-radius: 5px; background: #fff; cursor: pointer; }
.landing-page .privacy-field > input[type="checkbox"]::before { content: ""; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); margin-top: -3px; }
.landing-page .privacy-field > input[type="checkbox"]:checked { border-color: var(--color-brand); background: var(--color-brand); }
.landing-page .privacy-field > input[type="checkbox"]:checked::before { transform: rotate(45deg) scale(1); }
.landing-page .privacy-field > input[type="checkbox"]:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.landing-page .privacy-field label { display: block; min-width: 0; font-size: 14px !important; line-height: 1.5; }
.landing-page .privacy-field .form-field-error { grid-column: 2; }
.landing-page .price-form-head .price-form-reassurance { font-weight: 700; }
.landing-page .desktop-only-line-break { display: none; }
.landing-page .field label, .landing-page .difficulty-field legend { font: 700 12px/1.3 var(--font-body); letter-spacing: .06em; text-transform: uppercase; color: var(--color-ink-secondary); }
.landing-page .field input:not([type=checkbox]):not([type=radio]), .landing-page .field select, .landing-page .field textarea { min-height: 52px; padding: 13px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-control); font: 400 15px/1.5 var(--font-body); }
.landing-page .field input:focus, .landing-page .field select:focus, .landing-page .field textarea:focus { border-color: var(--color-brand); box-shadow: 0 0 0 3px var(--color-focus); }
.landing-page .difficulty-option span { border-color: var(--color-border); border-radius: var(--radius-pill); }
.landing-page .difficulty-option input:checked + span { background: var(--color-brand-soft); }
.landing-page .form-field-error { color: var(--color-error); }
.landing-page .form-alert-success { border-color: var(--color-success); }

.landing-page .section.faq-section { padding-bottom: var(--section-y); }
.landing-page .faq-section .section-head { margin-bottom: 48px; }
.landing-page .faq-question { font-family: var(--font-body); }
.landing-page .faq-answer { color: var(--color-muted); }
.landing-page .faq-cta { margin-top: 48px; border-radius: var(--radius-panel); text-align: center; }
.landing-page .faq-cta h3 { font: 700 clamp(21px, 2.2vw, 28px)/1.25 var(--font-body); }
.landing-page .faq-whatsapp .faq-wa-link, .landing-page .contact-whatsapp a.price-form__wa-link, .landing-page .wa-inline { color: var(--color-whatsapp); }
.landing-page .faq-whatsapp .faq-wa-link:hover, .landing-page .contact-whatsapp a.price-form__wa-link:hover { color: var(--color-whatsapp-hover); }

/* Le poche regole attive precedentemente inline nel document head. */
.landing-page picture { display: contents; }
.landing-page .recs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; }
.landing-page .rec { margin: 0; padding: 20px; }
.landing-page .rec-head { display: flex; align-items: center; gap: 13px; margin-bottom: 12px; }
.landing-page .rec-head img { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; flex: 0 0 62px; border: 2px solid var(--color-surface-muted); }
.landing-page .rec-head figcaption { font: 700 18px/1.2 var(--font-body); }
.landing-page .rec blockquote { margin: 0; padding: 0; }
.landing-page .rec blockquote p { margin: 0; color: var(--color-ink-secondary); font-size: 15px; line-height: 1.62; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
.landing-page .rec.open blockquote p { -webkit-line-clamp: unset; overflow: visible; }
.landing-page .rec-toggle { margin-top: 10px; background: none; border: 0; padding: 0; color: var(--color-brand); font: 700 14px var(--font-body); cursor: pointer; }
.landing-page .rec-toggle:hover { text-decoration: underline; }
.landing-page .rec-toggle.hide, .landing-page .rec-more { display: none; }
.landing-page .rec-more.show { display: block; }
.landing-page .recs-more-wrap { text-align: center; margin-top: 28px; }
.landing-page .recs-more-wrap.done { display: none; }
.landing-page .rec-meta { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.landing-page .rec-stars { display: flex; gap: 2px; line-height: 0; }
.landing-page .rec-stars svg { width: 15px; height: 15px; flex: 0 0 15px; }
.landing-page .btn-wa svg { width: 23px; height: 23px; flex: 0 0 23px; }
.landing-page .wa-inline { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; white-space: nowrap; }
.landing-page .wa-inline svg { width: 19px; height: 19px; }
.landing-page .wa-inline:hover { text-decoration: underline; }

.landing-page .site-footer { background: var(--color-dark); color: var(--color-on-dark-muted); padding: 64px 0 24px; text-align: left; }
.landing-page .site-footer__main { display: grid; grid-template-columns: minmax(240px, 1.4fr) minmax(130px, .75fr) minmax(190px, 1fr) minmax(130px, .75fr); gap: 40px; align-items: start; }
.landing-page .site-footer__brand { display: inline-flex; align-items: baseline; gap: 6px; color: #fff; font: 700 30px/1 var(--font-display); text-transform: uppercase; letter-spacing: .04em; }
.landing-page .site-footer__brand strong { color: var(--color-brand); }
.landing-page .site-footer__brand-column p { max-width: 36ch; margin-top: 16px; color: var(--color-on-dark-muted); font-size: 14px; line-height: 1.65; }
.landing-page .site-footer__column { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.landing-page .site-footer__column h2 { margin: 0 0 6px; color: #fff; font: 700 12px/1.3 var(--font-body); letter-spacing: .12em; text-transform: uppercase; }
.landing-page .site-footer a { color: rgba(255,255,255,.74); font-size: 14px; line-height: 1.5; text-decoration: none; transition: color .15s ease; }
.landing-page .site-footer a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--color-brand); text-underline-offset: 4px; }
.landing-page .site-footer a:focus-visible { outline: 3px solid rgba(255,255,255,.28); outline-offset: 4px; }
.landing-page .site-footer .site-footer__brand { color: #fff; font-size: 30px; }
.landing-page .site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--color-dark-border); }
.landing-page .site-footer__bottom p { margin: 0; color: rgba(255,255,255,.56); font-size: 12px; }
.landing-page .site-footer__bottom nav { display: flex; gap: 18px; }
.landing-page .site-footer__bottom a { font-size: 12px; }

@media (min-width: 1200px) {
  .landing-page .benefit-section-head p, .landing-page .journey-head p { white-space: nowrap; }
  .landing-page .about-method-head, .landing-page .price-form-head { max-width: none; }
  .landing-page :is(.about-method-head, .faq-section .section-head) h2 { max-width: none; white-space: nowrap; }
  .landing-page .faq-section .section-head > p,
  .landing-page .price-form-head > p:not(.price-form-reassurance) { max-width: none; white-space: nowrap; }
  .landing-page .about-klaudio-head .about-klaudio-intro { max-width: none; white-space: normal; }
  .landing-page .desktop-only-line-break { display: initial; }
}

@media (max-width: 1000px) {
  .landing-page .site-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
}
@media (max-width: 1040px) {
  .landing-page .site-header .container { justify-content: space-between; gap: 0; }
  .landing-page .site-header .nav { position: fixed; inset: 72px 0 auto 0; display: none; grid-template-columns: 1fr; flex: initial; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 0; border-bottom: 1px solid var(--color-border); background: var(--color-surface); box-shadow: 0 12px 24px rgba(0,0,0,.08); }
  .landing-page .site-header .nav.open { display: flex; }
  .landing-page .nav-links { align-items: stretch; flex-direction: column; gap: 0; }
  .landing-page .nav-links a { padding: 13px 24px; border-bottom: 1px solid var(--color-border); }
  .landing-page .site-header .nav .btn { margin: 10px 24px; text-align: center; white-space: normal; }
  .landing-page .site-header .nav-toggle { display: block; }
}
@media (max-width: 960px) { .landing-page .recs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
  .landing-page .benefit-desktop-cta, .landing-page .about-method-desktop-cta, .landing-page .section-wide-desktop-cta { display: none; }
  .landing-page .section-head, .landing-page .journey-head, .landing-page .about-method-head, .landing-page .about-klaudio-head, .landing-page .price-form-head, .landing-page .faq-section .section-head { margin-bottom: 32px; }
  .landing-page .price-card, .landing-page .contact-card { height: auto; }
  .landing-page .mobile-cta a { border-radius: 0; }
}
@media (max-width: 680px) {
  .landing-page .container, .landing-page .price-form-section .container { width: min(calc(100% - 32px), var(--container)); }
  .landing-page .section, .landing-page .hero-benefits, .landing-page .social-proof, .landing-page .about-method, .landing-page .journey-section, .landing-page .price-form-section { padding-block: var(--section-y); }
  .landing-page .section--compact { padding-block: var(--section-y-compact); }
  .landing-page .hero-shadcn.section--white { padding: 0; }
  .landing-page .hero-shadcn .container { padding-top: var(--section-y); }
  .landing-page .hero-shadcn .hero-eyebrow-badge { max-width: 100%; font-size: clamp(8px, 2.4vw, 10px); letter-spacing: .06em; text-align: center; }
  .landing-page .hero-shadcn h1 { font-size: clamp(42px, 10vw, 52px); }
  .landing-page .section-head p, .landing-page .price-form-head > p { font-size: 16px; }
  .landing-page .journey-panel { border-radius: var(--radius-panel); }
  .landing-page .faq-cta { margin-top: 32px; }
  .landing-page .site-footer { padding: 48px 0 88px; }
  .landing-page .site-footer__main { grid-template-columns: 1fr; gap: 28px; }
  .landing-page .site-footer__bottom { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 36px; }
  .landing-page .site-footer__bottom nav { flex-wrap: wrap; }
}
@media (max-width: 640px) { .landing-page .recs { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  .landing-page *, .landing-page *::before, .landing-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Pagina di conferma: mantiene il linguaggio visivo della landing senza
   alterare gli stili delle altre pagine. */
.thank-you-page { min-height: 100vh; display: flex; flex-direction: column; }
.thank-you-header .container { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.thank-you-page a:focus-visible { outline: 3px solid var(--color-brand); outline-offset: 4px; }
.thank-you-main { flex: 1; display: flex; }
.thank-you-section { width: 100%; display: grid; place-items: center; padding: clamp(48px, 8vw, 96px) 24px; background: radial-gradient(ellipse at 50% 0%, rgba(203, 20, 25, .07), transparent 58%), var(--color-surface-muted); }
.thank-you-card { width: min(100%, 760px); padding: clamp(28px, 6vw, 64px); border: 1px solid var(--color-border); border-radius: var(--radius-panel); background: var(--color-surface); box-shadow: var(--shadow-elevated); text-align: center; }
.thank-you-icon { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 24px; border-radius: 50%; background: rgba(203, 20, 25, .08); color: var(--color-brand); }
.thank-you-icon svg { width: 34px; height: 34px; }
.thank-you-eyebrow { margin: 0 0 12px; color: var(--color-brand); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.thank-you-card h1 { max-width: 15ch; margin: 0 auto; color: var(--color-ink); font: 800 clamp(38px, 6vw, 60px)/1.04 var(--font-display); letter-spacing: -.025em; }
.thank-you-copy { max-width: 56ch; margin: 20px auto 30px; color: var(--color-muted); font-size: clamp(16px, 2vw, 19px); line-height: 1.65; }
.thank-you-actions { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; }
.thank-you-actions .btn { width: min(100%, 368px); min-height: 52px; }
.thank-you-back-link { color: var(--color-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.thank-you-back-link:hover { color: var(--color-brand); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) {
  .thank-you-header .container { min-height: 68px; gap: 12px; }
  .thank-you-section { padding: 36px 16px; }
  .thank-you-card { padding: 30px 22px; }
  .thank-you-icon { margin-bottom: 20px; }
  .thank-you-copy { margin: 16px auto 24px; }
  .thank-you-actions { gap: 16px; }
  .thank-you-page .site-footer { padding-bottom: 24px; }
}