/* ==========================================================================
   DIREÇÃO VISUAL V2 — experiência editorial do Grupo IFT
   Camada de identidade aplicada sobre os componentes estruturais do site.
   ========================================================================== */

.design-preview {
  --preview-paper: #f4f1e8;
  --preview-paper-2: #ebe6da;
  --preview-ink: #111820;
  --preview-card: #19232b;
}

/* Mantém a primeira dobra limpa e evita sobreposição com os CTAs no celular. */
.design-preview .event-banner { display: none !important; }

/* Navegação mais leve e precisa. */
.design-preview .announce {
  min-height: 34px;
  padding-block: .32rem;
  font-size: var(--fs-sm);
  background: var(--gold);
}

.design-preview .nav { background: rgba(9, 14, 18, .9); }
.design-preview .nav__inner { padding-block: .75rem; }
.design-preview .nav__logo { height: 34px; }
.design-preview .nav__menu { gap: 1.35rem; }
.design-preview .nav__menu a:not(.btn) { font-size: .72rem; letter-spacing: .015em; }
.design-preview .nav__cta { padding: .65rem 1.2rem; font-size: var(--fs-sm); }

/* Hero editorial: a marca abre a composição e a experiência vem logo abaixo. */
.design-preview .hero {
  min-height: min(850px, calc(100svh - 34px));
  padding: clamp(3.5rem, 6vw, 5rem) 0 clamp(4rem, 7vw, 6rem);
}

.design-preview .hero__video {
  opacity: .14;
  filter: saturate(.62) contrast(1.12) brightness(.62);
}

.design-preview .hero__bg {
  background:
    linear-gradient(90deg, rgba(7, 11, 15, .98) 0%, rgba(7, 11, 15, .9) 43%, rgba(7, 11, 15, .5) 100%),
    linear-gradient(180deg, transparent 60%, var(--ink-deep));
}

.design-preview .hero__glow {
  opacity: .9;
  background:
    radial-gradient(560px 480px at 8% 22%, rgba(var(--gold-rgb), .12), transparent 70%),
    radial-gradient(520px 420px at 83% 52%, rgba(var(--gold-rgb), .13), transparent 72%);
}

.design-preview .hero__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 1fr);
  align-items: center;
  column-gap: clamp(2.5rem, 5vw, 5rem);
  row-gap: clamp(2.25rem, 4vw, 3.4rem);
  text-align: left;
}

.hero__brand-focus {
  position: relative;
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  min-width: 0;
  padding-bottom: clamp(1.4rem, 2.5vw, 2rem);
  border-bottom: 1px solid rgba(var(--gold-rgb), .32);
}

.hero__brand-focus::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -8%;
  bottom: -70%;
  width: min(840px, 78vw);
  height: 230%;
  background: radial-gradient(ellipse at center, rgba(var(--gold-rgb), .15), transparent 68%);
  pointer-events: none;
}

.hero__brand-focus::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: clamp(72px, 11vw, 150px);
  height: 2px;
  background: var(--gold-soft);
  box-shadow: 0 0 24px rgba(var(--gold-rgb), .42);
}

.hero__copy { position: relative; z-index: 2; min-width: 0; }
.design-preview .badge {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .6rem;
  margin: 0 0 .45rem;
  padding: 0;
  border: 0;
  background: none;
  white-space: nowrap;
  font-size: .67rem;
}
.design-preview .badge::before { content: ""; width: 26px; height: 2px; background: var(--gold); }

.hero__wordmark {
  width: clamp(500px, 58vw, 760px);
  max-height: none;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 14px 34px rgba(0, 0, 0, .3));
}

.hero__headline {
  max-width: 16ch;
  color: var(--paper);
  font-size: clamp(2.4rem, 3.7vw, 3.55rem);
  line-height: .98;
  letter-spacing: -.05em;
  text-transform: uppercase;
  text-wrap: balance;
}
.hero__headline span { color: var(--gold-soft); }

.design-preview .hero__lead {
  max-width: 34rem;
  margin: 1.5rem 0 0;
  color: var(--text-3);
  font-size: clamp(.98rem, 1.5vw, 1.12rem);
  line-height: 1.72;
}

.design-preview .hero__actions { justify-content: flex-start; margin-top: 2rem; gap: .7rem; }
.design-preview .hero__actions .btn { padding: .9rem 1.45rem; font-size: var(--fs-md); }

.hero__signals {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1.15rem;
  margin-top: 2rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(var(--line-rgb), .13);
  list-style: none;
}
.hero__signals li { color: var(--text-4); font-size: var(--fs-xs); }
.hero__signals span { margin-right: .35rem; color: var(--gold-soft); }

.hero__showcase {
  position: relative;
  min-height: 510px;
  isolation: isolate;
  perspective: 1200px;
}

.hero__showcase::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7% -8% 3% 9%;
  border: 1px solid rgba(var(--gold-rgb), .18);
  border-radius: 46% 46% 8% 8%;
  background: linear-gradient(150deg, rgba(var(--gold-rgb), .09), transparent 48%);
}

.hero__showcase-main {
  position: absolute;
  inset: 2% 7% 13% 7%;
  overflow: hidden;
  border: 1px solid rgba(var(--gold-rgb), .42);
  border-radius: 1.5rem 7rem 1.5rem 1.5rem;
  background: var(--ink-soft);
  box-shadow: 0 35px 80px rgba(0, 0, 0, .45);
}
.hero__showcase-main::after {
  content: "";
  position: absolute;
  inset: 28% 0 0;
  background: linear-gradient(transparent, rgba(4, 8, 11, .94));
}
.hero__showcase-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  filter: saturate(.88) contrast(1.05);
  transition: transform .8s var(--ease), filter .8s var(--ease);
}
.hero__showcase:hover .hero__showcase-main img { transform: scale(1.025); filter: saturate(.98) contrast(1.06); }
.hero__showcase-main figcaption {
  position: absolute;
  z-index: 2;
  left: 34%;
  right: 1.6rem;
  bottom: 1.7rem;
  display: grid;
  gap: .35rem;
  padding-left: 1rem;
  border-left: 2px solid var(--gold);
}
.hero__showcase-main small { color: var(--gold-soft); font: 700 .65rem var(--font-display); letter-spacing: .13em; text-transform: uppercase; }
.hero__showcase-main strong { max-width: 18rem; color: #fff; font: 800 clamp(1.05rem, 1.7vw, 1.4rem) var(--font-display); line-height: 1.13; text-transform: uppercase; text-wrap: balance; }

.hero__showcase-small {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  width: 29%;
  aspect-ratio: 1;
  border: 5px solid var(--ink-deep);
  border-radius: 1rem;
  box-shadow: var(--shadow-3);
  transition: transform .55s var(--ease), box-shadow .55s var(--ease);
}
.hero__showcase-small img { width: 100%; height: 100%; object-fit: cover; }
.hero__showcase-small--one { left: -1%; bottom: 0; }
.hero__showcase-small--two { right: 0; top: 15%; }
.hero__showcase:hover .hero__showcase-small--one { transform: translate(-4px, 4px) rotate(-1deg); box-shadow: 0 24px 50px rgba(0, 0, 0, .48); }
.hero__showcase:hover .hero__showcase-small--two { transform: translate(4px, -4px) rotate(1deg); box-shadow: 0 24px 50px rgba(0, 0, 0, .48); }

.hero__showcase-note {
  position: absolute;
  z-index: 4;
  right: -1%;
  bottom: 3%;
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(var(--gold-rgb), .3);
  border-radius: var(--r-sm);
  background: rgba(13, 19, 25, .9);
  box-shadow: var(--shadow-2);
  backdrop-filter: blur(12px);
}
.hero__showcase-note > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--gold); color: var(--gold-ink); font: 900 var(--fs-sm) var(--font-display); }
.hero__showcase-note p { color: var(--text-3); font-size: var(--fs-xs); line-height: 1.4; }
.hero__showcase-note strong { color: var(--paper); }

/* Números em uma faixa clara: contraste imediato após o hero. */
.design-preview .stats {
  border: 0;
  background: linear-gradient(105deg, #d8c36a, var(--gold), #9e8426);
  padding: 1.45rem 0;
}
.design-preview .stats::before { display: none; }
.design-preview .stat:not(:first-child)::before { background: rgba(23, 19, 7, .18); }
.design-preview .stat__num,
.design-preview .stat__suffix,
.design-preview .stat__suffix--small { color: #171307; }
.design-preview .stat p { color: rgba(23, 19, 7, .72); }
.design-preview .stat__line { background: #171307; }

/* O vídeo ganha um bloco editorial claro, quebrando a sequência de fundos escuros. */
.design-preview .experience-section {
  background: var(--preview-paper);
  color: var(--preview-ink);
}
.design-preview .experience-section::before {
  border-color: rgba(var(--gold-rgb), .24);
  box-shadow: 0 0 0 70px rgba(var(--gold-rgb), .05), 0 0 0 140px rgba(var(--gold-rgb), .025);
}
.design-preview .experience-head h2 {
  max-width: 17ch;
  color: var(--preview-ink);
  font-size: clamp(2.4rem, 3.8vw, 3.7rem);
  line-height: 1;
  text-wrap: balance;
}
.design-preview .experience-head__aside .section__lead { color: #58636b; }
.design-preview .experience__tags li { border-color: rgba(24, 32, 39, .13); color: #536069; background: rgba(255, 255, 255, .52); }
.design-preview .experience__actions .btn--ghost { border-color: rgba(24, 32, 39, .25); color: var(--preview-ink); }
.design-preview .experience__actions .btn--ghost:hover { border-color: var(--gold); color: #806b1c; }
.design-preview .video { border-radius: 24px; box-shadow: 0 28px 55px rgba(31, 38, 44, .22); }
.design-preview .gallery figure { border-color: rgba(24, 32, 39, .15); border-radius: 18px; box-shadow: 0 14px 30px rgba(31, 38, 44, .16); }

/* Ritmo geral: títulos mais legíveis e blocos com identidades próprias. */
.design-preview .section { padding-block: clamp(5rem, 9vw, 8rem); }
.design-preview .method-head { margin-bottom: 3.8rem; }
.design-preview .method-head {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  text-align: center;
}
.design-preview .method-head h2 {
  max-width: 17ch;
  margin-inline: auto;
  font-size: clamp(2.65rem, 4.5vw, 4.25rem);
  line-height: .98;
  text-wrap: balance;
}
.design-preview .method-head .section__lead { margin-inline: auto; }
.design-preview .ecosystem-card { border-radius: 22px; }
.design-preview .venue { margin-top: 2rem; border-radius: 24px; }

/* Diferenciais: superfície clara e dois caminhos visualmente comparáveis. */
.design-preview .difference-section {
  color: var(--preview-ink);
  background:
    radial-gradient(620px 430px at 94% 5%, rgba(var(--gold-rgb), .16), transparent 72%),
    var(--preview-paper-2);
}
.design-preview .difference-section::before {
  background: linear-gradient(transparent, rgba(32, 41, 48, .18), transparent);
}
.design-preview .difference-head h2 {
  max-width: 19ch;
  color: var(--preview-ink);
  font-size: clamp(2.35rem, 3.9vw, 3.75rem);
  line-height: 1;
  text-wrap: balance;
}
.design-preview .difference-head .section__lead { color: #58636b; }
.design-preview .compare__col {
  border-color: rgba(20, 30, 38, .13);
  border-radius: 22px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 18px 42px rgba(33, 40, 45, .1);
}
.design-preview .compare__col--people {
  border-color: rgba(66, 121, 145, .24);
  background:
    radial-gradient(280px 210px at 100% 0%, rgba(78, 139, 165, .13), transparent 72%),
    rgba(255, 255, 255, .78);
}
.design-preview .compare__col--after {
  border-color: rgba(var(--gold-rgb), .45);
  background:
    radial-gradient(280px 210px at 100% 0%, rgba(var(--gold-rgb), .2), transparent 72%),
    rgba(255, 255, 255, .82);
}
.design-preview .compare__col h3,
.design-preview .compare__col--people h3 { color: #17222a; }
.design-preview .compare__col--after h3 { color: #7c681f; }
.design-preview .compare__col ul { border-color: rgba(20, 30, 38, .12); }
.design-preview .compare__col li {
  border-color: rgba(20, 30, 38, .09);
  color: #4d5961;
}
.design-preview .compare__icon { background: rgba(255, 255, 255, .62); }
.design-preview .bonus {
  margin-top: 1.25rem;
  padding: 1.25rem 1.4rem;
  border-radius: 18px;
  background:
    radial-gradient(280px 180px at 100% 0%, rgba(var(--gold-rgb), .16), transparent 72%),
    var(--preview-ink);
  box-shadow: 0 20px 42px rgba(24, 31, 37, .17);
}

/* Fundador: um capítulo mais editorial, sem repetir o desenho dos cards. */
.design-preview .founder-section {
  background:
    radial-gradient(650px 580px at 8% 48%, rgba(var(--gold-rgb), .13), transparent 70%),
    linear-gradient(115deg, #0b1116, #172129);
}
.design-preview .founder__grid {
  grid-template-columns: minmax(330px, .84fr) minmax(0, 1.16fr);
  align-items: center;
  gap: clamp(3rem, 6vw, 5.5rem);
}
.design-preview .founder__portrait {
  max-width: 480px;
  aspect-ratio: 4 / 5;
  border-radius: 26px 110px 26px 26px;
  box-shadow: 0 34px 75px rgba(0, 0, 0, .46), -18px 18px 0 rgba(var(--gold-rgb), .045);
}
.design-preview .founder__portrait::before { border-radius: 19px 101px 19px 19px; }
.design-preview .founder__content {
  position: relative;
  max-width: 42rem;
  padding: clamp(1.8rem, 3vw, 2.6rem);
  border: 1px solid rgba(var(--gold-rgb), .2);
  border-radius: 26px;
  background:
    radial-gradient(360px 260px at 100% 0%, rgba(var(--gold-rgb), .09), transparent 72%),
    rgba(8, 13, 17, .38);
  box-shadow: 0 26px 58px rgba(0, 0, 0, .18);
  backdrop-filter: blur(8px);
}
.design-preview .founder__content::before {
  content: "01  ·  LIDERANÇA";
  position: absolute;
  top: 1.5rem;
  right: 1.7rem;
  color: rgba(var(--gold-rgb), .66);
  font: 800 .58rem var(--font-display);
  letter-spacing: .14em;
}
.design-preview .founder__content h2 {
  max-width: 10ch;
  font-size: clamp(2.75rem, 4.2vw, 4.15rem);
  line-height: .96;
  text-wrap: balance;
}
.design-preview .founder__role { margin-top: .9rem; }
.design-preview .founder__headline {
  max-width: none;
  margin-top: 1.45rem;
  padding: .95rem 1.1rem;
  border-left: 3px solid var(--gold);
  border-radius: 0 14px 14px 0;
  background: rgba(var(--gold-rgb), .055);
  font-size: clamp(1.12rem, 1.6vw, 1.32rem);
}
.design-preview .founder__text { line-height: 1.68; }
.design-preview .founder__pillars {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.design-preview .founder__pillars li {
  min-width: 0;
  padding: .8rem .9rem;
  border-radius: 14px;
  background: rgba(5, 9, 12, .32);
}
.design-preview .founder__cta {
  width: auto;
  min-width: min(100%, 18rem);
  margin-top: 1.5rem;
  padding-inline: 1.35rem;
}

/* Depoimentos: cartões claros para destacar as histórias e os resultados. */
.design-preview .testimonials-section {
  color: var(--preview-ink);
  background:
    linear-gradient(rgba(16, 24, 31, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 24, 31, .035) 1px, transparent 1px),
    var(--preview-paper);
  background-size: 72px 72px;
}
.design-preview .testimonials-section::before { display: none; }
.design-preview .testimonials-head h2 {
  max-width: 18ch;
  color: var(--preview-ink);
  font-size: clamp(2.35rem, 3.9vw, 3.75rem);
  line-height: 1;
  text-wrap: balance;
}
.design-preview .testimonials-head__aside > p { color: #58636b; }
.design-preview .carousel__total { color: #68747c; }
.design-preview .carousel__nav button {
  border-color: rgba(20, 30, 38, .18);
  color: var(--preview-ink);
  background: rgba(255, 255, 255, .72);
}
.design-preview .testimonial {
  min-height: 345px;
  border-color: rgba(20, 30, 38, .12);
  border-radius: 22px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 18px 40px rgba(33, 40, 45, .1);
}
.design-preview .testimonial:hover {
  border-color: rgba(var(--gold-rgb), .55);
  background: #fff;
}
.design-preview .testimonial__result {
  color: #75621d;
  background: rgba(var(--gold-rgb), .13);
}
.design-preview .testimonial__quote { color: rgba(var(--gold-rgb), .16); }
.design-preview .testimonial > p,
.design-preview .testimonial footer strong { color: #27333b; }
.design-preview .testimonial footer { border-color: rgba(20, 30, 38, .1); }
.design-preview .testimonial footer div > span { color: #6a757d; }

/* Conversão: conteúdo escuro e formulário claro, com hierarquia mais limpa. */
.design-preview .section--cta {
  background:
    radial-gradient(720px 560px at 4% 34%, rgba(var(--gold-rgb), .15), transparent 72%),
    linear-gradient(120deg, #0a1015, #172129 72%);
}
.design-preview .cta__grid { align-items: start; }
.design-preview .cta__content h2 {
  max-width: 18ch;
  font-size: clamp(2.3rem, 3.35vw, 3.3rem);
  line-height: 1;
  text-wrap: balance;
}
.design-preview .cta__date { border-radius: 16px; }
.design-preview .lead-form {
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border-color: rgba(var(--gold-rgb), .45);
  border-radius: 26px;
  color: var(--preview-ink);
  background: var(--preview-paper);
  box-shadow: 0 34px 75px rgba(0, 0, 0, .33);
}
.design-preview .lead-form h3 { color: var(--preview-ink); }
.design-preview .lead-form__intro { color: #68737b; }
.design-preview .lead-form__badge { color: #75621d; background: rgba(var(--gold-rgb), .14); }
.design-preview .field label,
.design-preview .company-question legend { color: #5f6b73; }
.design-preview .field input,
.design-preview .field select,
.design-preview .field textarea {
  border-color: rgba(20, 30, 38, .17);
  color: var(--preview-ink);
  background: rgba(255, 255, 255, .8);
}
.design-preview .field input:focus,
.design-preview .field select:focus,
.design-preview .field textarea:focus { background: #fff; }
.design-preview .field input::placeholder,
.design-preview .field textarea::placeholder { color: #929ba1; }
.design-preview .company-question__options label {
  border-color: rgba(20, 30, 38, .17);
  color: #526069;
  background: rgba(255, 255, 255, .72);
}
.design-preview .company-question__options label:hover,
.design-preview .company-question__options input:checked + label { color: var(--preview-ink); }
.design-preview .lead-form__consent {
  border-color: rgba(20, 30, 38, .16);
  background: rgba(255, 255, 255, .58);
}
.design-preview .lead-form__consent span { color: #59656d; }
.design-preview .lead-form__consent a { color: #75621d; }
.design-preview .lead-form__consent a:hover { color: #453a12; }
.design-preview .lead-form__note { color: #6c777e; }

/* FAQ: fechamento claro e arejado antes do rodapé. */
.design-preview .faq-section {
  border-top: 0;
  color: var(--preview-ink);
  background:
    radial-gradient(520px 400px at 8% 10%, rgba(var(--gold-rgb), .14), transparent 72%),
    var(--preview-paper-2);
}
.design-preview .faq-section::before { border-color: rgba(var(--gold-rgb), .22); }
.design-preview .faq__intro h2 {
  max-width: 17ch;
  color: var(--preview-ink);
  font-size: clamp(2.3rem, 3.3vw, 3.2rem);
  line-height: 1;
  text-wrap: balance;
}
.design-preview .faq__intro > p { color: #58636b; }
.design-preview .faq__contact {
  border-color: rgba(var(--gold-rgb), .4);
  border-radius: 18px;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 14px 30px rgba(33, 40, 45, .08);
}
.design-preview .faq__contact strong { color: #28343c; }
.design-preview .faq__contact p { color: #69747b; }
.design-preview .faq__item {
  border-color: rgba(20, 30, 38, .12);
  border-radius: 16px;
  color: var(--preview-ink);
  background: rgba(255, 255, 255, .72);
}
.design-preview .faq__item[open] {
  border-color: rgba(var(--gold-rgb), .52);
  background: #fff;
  box-shadow: 0 14px 32px rgba(33, 40, 45, .09);
}
.design-preview .faq__item summary { color: #27333b; }
.design-preview .faq__icon { border-color: rgba(20, 30, 38, .18); }
.design-preview .faq__body p { color: #5f6a72; }

/* Rodapé mais enxuto, com separação clara entre informações. */
.design-preview .footer {
  padding-top: clamp(3.5rem, 6vw, 5rem);
  border-top: 4px solid var(--gold);
  background: #080d11;
}
.design-preview .footer__grid { gap: clamp(2rem, 4vw, 4rem); }
.design-preview .footer__brand p { line-height: 1.65; }
.design-preview .footer__col h4 { font-size: var(--fs-xs); }
.design-preview .footer__col a { color: #aeb8bf; }
.design-preview .footer__social-list a { border-radius: 12px; background: rgba(255, 255, 255, .02); }

/* No celular e no tablet, o menu vira uma camada completa em vez de uma
   pequena lista solta sobre o hero. Isso preserva a presença visual da marca
   e deixa todos os destinos confortáveis para o toque. */
@media (max-width: 1280px) {
  .design-preview .nav__menu {
    height: calc(100svh - 58px);
    max-height: calc(100svh - 58px);
    gap: 0;
    padding: 1rem max(5%, 1rem) 1.4rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-bottom-color: rgba(var(--gold-rgb), .3);
    background:
      radial-gradient(440px 360px at 100% 0%, rgba(var(--gold-rgb), .11), transparent 72%),
      rgba(8, 13, 17, .985);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .42);
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--gold-rgb), .48) transparent;
  }
  .design-preview .nav__menu a:not(.btn) {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: .72rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    font-size: .78rem;
    opacity: .9;
  }
  .design-preview .nav__cta-mobile {
    width: 100%;
    min-height: 50px;
    justify-content: center;
    margin-top: 1rem;
  }
}

@media (max-width: 980px) {
  .design-preview .hero { min-height: auto; }
  .design-preview .hero__content { grid-template-columns: 1fr; }
  .hero__brand-focus { align-items: flex-start; flex-direction: column; gap: 1.1rem; }
  .hero__wordmark { width: min(760px, 100%); }
  .design-preview .badge { margin: 0; }
  .hero__copy { max-width: 720px; }
  .hero__headline { max-width: 14ch; }
  .hero__showcase { min-height: 520px; width: min(680px, 100%); }
  .design-preview .founder__grid { grid-template-columns: 1fr; }
  .design-preview .founder__content { width: min(100%, 42rem); }
}

@media (max-width: 600px) {
  .design-preview .announce { display: none; }
  .design-preview .hero { padding: 4rem 0 3rem; }
  .design-preview .section { padding-block: 4.25rem; }
  .design-preview .hero__content { row-gap: 2.5rem; }
  .hero__brand-focus { gap: .9rem; padding-bottom: 1.25rem; }
  .hero__brand-focus::before { left: -18%; bottom: -38%; width: 125%; height: 190%; }
  .hero__wordmark { width: 100%; }
  .design-preview .badge { white-space: normal; font-size: .62rem; }
  .hero__headline {
    max-width: none;
    font-size: clamp(2.15rem, 9.2vw, 2.9rem);
    line-height: .98;
    letter-spacing: -.045em;
  }
  .design-preview .hero__lead { margin-top: 1.1rem; }
  .hero__signals { display: grid; gap: .4rem; }
  .hero__showcase { min-height: 390px; }
  .hero__showcase-main { inset: 1% 5% 12% 4%; border-radius: 1rem 4.5rem 1rem 1rem; }
  .hero__showcase-main figcaption { left: 31%; right: .9rem; bottom: 1rem; padding-left: .65rem; }
  .hero__showcase-main strong { font-size: .9rem; }
  .hero__showcase-small { width: 31%; border-width: 3px; }
  .hero__showcase-note { right: 2%; bottom: 2%; padding: .65rem; }
  .hero__showcase-note > span { width: 34px; height: 34px; }
  .design-preview .stats { padding-block: .6rem; }
  .design-preview .experience-head h2,
  .design-preview .method-head h2,
  .design-preview .testimonials-head h2,
  .design-preview .faq__intro h2 {
    max-width: 18ch;
    font-size: clamp(2rem, 9vw, 2.65rem);
    line-height: 1.02;
  }
  .design-preview .difference-head h2,
  .design-preview .cta__content h2 {
    max-width: none;
    font-size: clamp(1.9rem, 8.4vw, 2.45rem);
    line-height: 1.03;
  }
  .design-preview .founder__content h2 { font-size: clamp(2.6rem, 12vw, 3.5rem); }
  .design-preview .founder__portrait { border-radius: 22px 72px 22px 22px; }
  .design-preview .founder__portrait::before { border-radius: 15px 65px 15px 15px; }
  .design-preview .founder__content { padding: 1.35rem; border-radius: 20px; }
  .design-preview .founder__content::before { display: none; }
  .design-preview .founder__headline { padding: .85rem .9rem; }
  .design-preview .founder__pillars { grid-template-columns: 1fr; }
  .design-preview .founder__cta { width: 100%; }
  .design-preview .testimonials-head__aside > p { max-width: 18rem; }
  .design-preview .carousel__nav button { width: 44px; height: 44px; }
  .design-preview .lead-form { border-radius: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__showcase-main img, .hero__showcase-small img { transition: none; }
}