/* Dattha unified CSS — opgeschoonde variant
   - dead overwrites verwijderd (alleen waar later exact dezelfde property op exact dezelfde selector/context terugkwam)
   - veilige ongebruikte landing-selectors verwijderd op basis van de meegeleverde projectbestanden
   - selector-groepen opgeschoond waar alleen ongebruikte landing-varianten aanwezig waren
   - volgorde van overblijvende rules behouden om gedrag intact te houden
*/

body.optq{
  --dt-shell: min(var(--dt-page-max), calc(100% - (var(--dt-shell-gutter) * 2)));
  --dt-shell-narrow: min(980px, calc(100% - (var(--dt-shell-gutter) * 2)));
  --dt-section-space-sm: clamp(68px, 8vw, 92px);
  --dt-radius-sm: 16px;
  --dt-radius-md: 22px;
  --dt-radius-lg: 28px;
  --dt-radius-xl: 34px;
  --dt-border-soft: rgba(26,26,22,.08);
  --dt-border-faint: rgba(26,26,22,.055);
  --dt-surface-3: linear-gradient(180deg, rgba(255,255,255,.80), rgba(247,248,243,.90));
  --dt-shadow-xs: 0 8px 24px rgba(20,20,18,.035);
  --dt-heading-color: var(--brand);
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background: radial-gradient(900px 460px at 0% 0%, rgba(var(--brand-rgb), .035), transparent 58%),
    radial-gradient(760px 380px at 100% 16%, rgba(var(--sub-2-rgb), .03), transparent 62%),
    linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 100%);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

body.optq,
body.optq *,
body.optq *::before,
body.optq *::after{
  box-sizing: border-box;
}

body.optq img,
body.optq video,
body.optq svg,
body.optq canvas{
  max-width: 100%;
}

body.optq a{
  color: var(--brand);
  text-decoration: none;
  transition: color .22s ease, opacity .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body.optq a:hover{
  color: var(--brand-2);
}

body.optq ::selection{
  background: rgba(var(--brand-rgb), .14);
  color: var(--text);
}

body.optq :where(a, button, input, textarea, select, summary, [type="button"], [type="submit"]):focus-visible{
  outline: none;
  box-shadow: var(--ring);
}

body.optq :target{
  scroll-margin-top: 104px;
}

body.optq .text-muted,
body.optq .optq-muted{
  color: var(--muted) !important;
}

body.optq .skip-link{
  position: absolute;
  left: 14px;
  top: -60px;
  z-index: 2000;
  padding: .85rem 1rem;
  border-radius: 14px;
  background: #fff;
  color: var(--text);
  box-shadow: var(--dt-shadow-md);
}

body.optq .skip-link:focus{
  top: 14px;
}

html,
body{
  max-width: 100%;
}

body.optq :where(.optq-shell, .landing-shell){
  width: var(--dt-shell);
  margin-inline: auto;
}

body.optq :where(.landing-shell--narrow, .landing-shell--narrow-wide){
  width: var(--dt-shell-narrow);
  margin-inline: auto;
}

body.optq .optq-section{
  position: relative;
  padding: var(--dt-section-space) 0;
}

body.optq .section-sep,
body.optq .landing-section{
  position: relative;
  isolation: isolate;
}

body.optq .section-sep::after,
body.optq .landing-section::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(1120px, calc(100% - 48px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(26,26,22,.065), transparent);
  z-index: -1;
}

body.optq .section-sep:nth-of-type(even)::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(238,242,238,.42));
}

body.optq .section-sep:nth-of-type(odd)::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(180deg, rgba(250,250,246,.12), rgba(255,255,255,.02));
}

body.optq .landing-section{
  padding: var(--dt-section-space) 0;
}

body.optq .landing-section--soft{
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(238,242,238,.34));
}

body.optq .optq-maxw-2xl{
  max-width: 42rem;
}

body.optq .optq-center{
  text-align: center;
}

body.optq .optq-center-wrap{
  max-width: 980px;
  margin-inline: auto;
}

body.optq .optq-copy-center{
  text-align: center;
  margin-inline: auto;
}

body.optq .optq-actions-center{
  justify-content: center;
}

body.optq .optq-mt-3{
  margin-top: .9rem;
}

body.optq .optq-mt-4{
  margin-top: 1.25rem;
}

body.optq .optq-mt-5{
  margin-top: 1.75rem;
}

body.optq .optq-mt-6{
  margin-top: 2.4rem;
}

body.optq .optq-grid-2,
body.optq .optq-grid-3,
body.optq .optq-grid-4,
body.optq .optq-stack,
body.optq .landing-grid{
  display: grid;
  align-items: start;
}

body.optq .optq-grid-2,
body.optq .landing-grid--2{
  gap: clamp(18px, 2.4vw, 28px);
}

body.optq .optq-grid-3,
body.optq .landing-grid--3{
  gap: clamp(18px, 2vw, 24px);
}

body.optq .optq-grid-4{
  gap: clamp(16px, 1.8vw, 22px);
}

body.optq .optq-stack{
  gap: clamp(12px, 1.8vw, 18px);
}

body.optq .landing-grid{
  gap: 1.2rem;
}

@media (min-width: 768px){

  body.optq .optq-grid-2,
body.optq .landing-grid--2{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  body.optq .optq-grid-3,
body.optq .landing-grid--3{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  body.optq .optq-grid-4{
    grid-template-columns: repeat(4, minmax(0,1fr));
  }

}

body.optq :where(.landing-title, .optq-h1){
  margin: 0;
  color: var(--dt-heading-color);
  font-size: clamp(2.8rem, 5.8vw, 5.25rem);
  line-height: 1.02;
  letter-spacing: -.05em;
  font-weight: 780;
  text-wrap: balance;
}

body.optq :where(.landing-section__title, .optq-h2, .optq-journey-modal-headcopy .optq-modal-title){
  margin: 0 0 1rem;
  color: var(--text);
  font-size: clamp(1.95rem, 3vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  font-weight: 740;
  text-wrap: balance;
}

body.optq :where(.landing-card__title, .optq-h3, .optq-tile-title, .optq-ppf-title, .optq-service-title, .roadmap-step__title, .roadmap-mobile-step__title, .optq-journey-choice-title, .optq-journey-step-card__title){
  margin: 0;
  color: var(--text);
  font-size: clamp(1.24rem, 1.8vw, 1.65rem);
  line-height: 1.18;
  letter-spacing: -.02em;
  font-weight: 760;
}

body.optq :where(.landing-eyebrow, .landing-section__eyebrow, .landing-card__kicker, .optq-kicker, .optq-data-kicker, .optq-uc-kicker, .optq-step-kicker, .optq-journey-kicker, .optq-sov-kicker, .optq-modal-kicker, .optq-note-kicker, .optq-eyebrow){
  display: block;
  margin: 0 0 .95rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sub-2);
}

body.optq :where(.landing-subtitle, .landing-section__text, .landing-card__text, .landing-contact__note, .landing-faq__text, .optq-lead, .optq-lead2, .optq-muted, .optq-ppf-text, .optq-ppf-par, .optq-tile-text, .optq-roi-v, .optq-journey-choice-text, .optq-journey-step-card__text, .roadmap-step__text, .roadmap-mobile-step__text){
  color: var(--muted);
  line-height: 1.82;
}

body.optq .landing-subtitle,
body.optq .optq-lead{
  max-width: var(--dt-copy-max);
  margin: 1.35rem auto 0;
  font-size: clamp(1.02rem, 1.3vw, 1.14rem);
}

body.optq .optq-lead2{
  margin-top: 1rem;
}

body.optq .optq-strong{
  color: var(--text);
  font-weight: 700;
}

body.optq :where(.landing-section__head, .optq-section-head, .optq-ppf-head){
  max-width: var(--dt-copy-max);
  margin-inline: auto;
  margin-bottom: clamp(34px, 4vw, 44px);
  text-align: center;
}

body.optq .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 48px;
  padding: .82rem 1.18rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 720;
  font-size: .96rem;
  letter-spacing: -.01em;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}

body.optq .btn:hover{
  transform: translateY(-1px);
}

body.optq .btn-lg{
  min-height: 54px;
  padding: .95rem 1.35rem;
}

body.optq .btn-primary{
  background: linear-gradient(180deg, var(--brand), var(--brand-2));
  color: #fafaf6;
  border-color: rgba(var(--brand-rgb), .84);
  box-shadow: 0 14px 32px rgba(var(--brand-rgb), .18);
}

body.optq .btn-primary:hover{
  color: #fafaf6;
  box-shadow: 0 18px 38px rgba(var(--brand-rgb), .23);
}

body.optq .btn-ghost,
body.optq .btn-outline-light{
  background: rgba(255,255,255,.66);
  border-color: rgba(45,59,45,.14);
  color: var(--brand);
}

body.optq .btn-ghost:hover,
body.optq .btn-outline-light:hover{
  background: rgba(255,255,255,.92);
  border-color: rgba(45,59,45,.22);
  color: var(--brand-2);
}

body.optq .btn[disabled],
body.optq .btn[aria-disabled="true"]{
  opacity: .66;
  cursor: not-allowed;
  transform: none;
}

body.optq :where(.landing-actions, .optq-actions, .optq-choice-panel__actions, .optq-ai-journey-summary-actions, .optq-ppf-cta, .optq-journey-choice-cta__actions, .optq-journey-slide-actions){
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
}

body.optq .landing-actions{
  justify-content: center;
  margin-top: 2.25rem;
}

body.optq .landing-actions--spacious{
  margin-top: 2.5rem;
}

body.optq .landing-actions--stack-mobile{
  justify-content: flex-start;
}

body.optq :where(.optq-pill, .optq-chip, .optq-badge-pill, .optq-sov-tag, .optq-sitefooter-taglink, .optq-journey-pill, .optq-tech, .optq-cap, .optq-rtg-chip){
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .46rem .78rem;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(45,59,45,.1);
  color: var(--brand);
  font-size: .82rem;
  font-weight: 700;
}

body.optq :where(.optq-sov-tags, .optq-inline-nav, .optq-inline-links, .optq-cap-stack, .optq-tech-stack){
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

body.optq :where(.landing-list, .optq-list, .optq-ppf-list){
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

body.optq .landing-list li::before,
body.optq .optq-list li::before,
body.optq .optq-ppf-list li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: .08rem;
  width: 1rem;
  height: 1rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 900;
  background: linear-gradient(
    180deg,
    var(--brand),
    var(--brand-2)
  );
  color: #fff;
  box-shadow: 0 6px 14px rgba(var(--brand-rgb), .22),
    0 0 0 5px rgba(var(--brand-rgb), .06);
}

body.optq :where(.landing-list li, .optq-list li, .optq-ppf-list li){
  position: relative;
  padding-left: 1.55rem;
  color: var(--muted);
  line-height: 1.82;
}

body.optq :where(.landing-list li + li, .optq-list li + li, .optq-ppf-list li + li){
  margin-top: .55rem;
}

body.optq :where(.landing-list li::before, .optq-list li::before, .optq-ppf-list li::before){
  content: "✓";
  position: absolute;
  left: 0;
  top: .08rem;
  width: 1rem;
  height: 1rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 900;
  background: var(--brand);
  color: #fff;
  box-shadow: 0 0 0 5px rgba(45,59,45,.05);
}

body.optq .landing-list--compact{
  margin-top: .8rem;
}

body.optq :where(.glass, .glass-soft, .optq-contact, .optq-form, .optq-service, .optq-service--premium, .optq-card, .optq-tile, .optq-banner, .optq-note, .optq-panel, .optq-sov-band, .optq-journey, .optq-ppf-card, .optq-ppf-box, .optq-roi, .optq-thanks-card, .optq-thanks-alert, .optq-thanks-form, .optq-ai-tile, .optq-modal-content, .optq-rtg-slide, .landing-card, .landing-contact, .landing-form, .landing-faq__item, #faq details){
  position: relative;
  background: var(--dt-surface-1);
  border: 1px solid var(--dt-border-soft);
  box-shadow: var(--dt-shadow-sm);
}

body.optq :where(.glass, .landing-card, .optq-ppf-card, .optq-ppf-box, .optq-roi, .landing-contact, .optq-ai-journey-summary){
  border-radius: var(--dt-radius-lg);
}

body.optq :where(.glass-soft, .landing-faq__item){
  border-radius: var(--dt-radius-md);
}

body.optq .landing-card{
  height: 100%;
  background: var(--dt-surface-1);
  overflow: hidden;
}

body.optq .landing-card--soft{
  background: var(--dt-surface-2);
}

body.optq .landing-card--compact{
  min-height: 0;
}

body.optq .landing-card__text{
  margin: .9rem 0 0;
}

body.optq .landing-card__actions{
  margin-top: 1.2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--dt-border-faint);
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

body.optq .landing-card__actions--accordion{
  border-top: 0;
  padding-top: .35rem;
  margin-top: 1rem;
}

body.optq .landing-card--feature .landing-card__text{
  margin: 0;
}

body.optq .landing-faq{
  display: grid;
  gap: .95rem;
}

body.optq .landing-faq__item{
  padding: 1.15rem 1.2rem;
  background: var(--dt-surface-2);
}

body.optq .landing-faq__summary{
  cursor: pointer;
  list-style: none;
  margin: 0;
  color: var(--text);
  font-size: 1.02rem;
  font-weight: 740;
  line-height: 1.4;
}

body.optq .landing-faq__summary::-webkit-details-marker,
body.optq #faq summary::-webkit-details-marker{
  display: none;
}

body.optq .landing-faq__text{
  margin: .85rem 0 0;
}

body.optq #faq details{
  padding: 1.15rem 1.2rem;
  background: var(--dt-surface-2);
}

body.optq #faq summary{
  cursor: pointer;
  list-style: none;
  color: var(--text);
  font-size: 1.02rem;
  font-weight: 740;
}

body.optq .landing-contact{
  padding: clamp(24px, 3vw, 38px);
  border-radius: var(--dt-radius-xl);
  background: radial-gradient(560px 220px at 0% 0%, rgba(var(--brand-rgb), .04), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(246,247,241,.9));
  box-shadow: var(--dt-shadow-md);
}

body.optq .landing-contact__grid{
  display: grid;
  gap: 2rem;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .96fr);
}

body.optq .landing-contact__copy{
  max-width: 620px;
}

body.optq .landing-contact__note{
  margin: 1rem 0 0;
  font-size: .92rem;
}

body.optq .landing-form,
body.optq .optq-form{
  padding: clamp(18px, 2.4vw, 28px);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,248,243,.9));
}

body.optq .landing-form__grid,
body.optq .optq-form-grid{
  display: grid;
  gap: 1rem;
}

body.optq .landing-label,
body.optq .optq-label{
  display: block;
  margin-bottom: .45rem;
  color: var(--brand);
  font-size: .82rem;
  font-weight: 760;
}

body.optq .form-control{
  width: 100%;
  min-height: 52px;
  padding: .92rem 1rem;
  border-radius: var(--dt-radius-sm);
  border: 1px solid rgba(26,26,22,.1);
  background: rgba(247,247,242,.96);
  color: var(--text);
  font-size: .96rem;
  line-height: 1.5;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body.optq textarea.form-control{
  min-height: 136px;
  resize: vertical;
}

body.optq .form-control::placeholder{
  color: #8b8b80;
}

body.optq .form-control:focus{
  background: #fff;
  border-color: rgba(var(--brand-rgb), .24);
}

body.optq .landing-help,
body.optq .optq-help{
  margin: 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.6;
}

body.optq .landing-hp,
body.optq .optq-hp{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body.optq .landing-section--services-premium{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #f2f0eb 0%, #e9e6df 100%);
}

body.optq .landing-section--services-premium::before{
  content: "";
  position: absolute;
  inset: -12%;
  z-index: -4;
  pointer-events: none;
  background: radial-gradient(56rem 28rem at 8% 16%, rgba(98,116,108,.14), transparent 58%),
    radial-gradient(42rem 22rem at 88% 18%, rgba(116,138,128,.12), transparent 58%),
    radial-gradient(34rem 18rem at 52% 84%, rgba(165,173,169,.10), transparent 56%),
    radial-gradient(24rem 12rem at 50% 24%, rgba(210,220,224,.11), transparent 58%);
  filter: blur(30px);
  animation: dattha-section-orbit-a 14s ease-in-out infinite alternate;
}

body.optq .landing-section--services-premium::after{
  content: "";
  position: absolute;
  inset: -18%;
  z-index: -3;
  pointer-events: none;
  opacity: .95;
  background: radial-gradient(26rem 14rem at 18% 36%, rgba(154,173,184,.16), transparent 56%),
    radial-gradient(32rem 16rem at 78% 44%, rgba(108,129,120,.17), transparent 54%),
    radial-gradient(20rem 10rem at 44% 58%, rgba(255,255,255,.14), transparent 56%);
  filter: blur(26px);
  animation: dattha-section-orbit-b 9.5s ease-in-out infinite alternate;
}

body.optq .landing-section--services-premium .landing-shell{
  position: relative;
  z-index: 2;
}

body.optq .landing-section--services-premium .landing-shell::before{
  content: "";
  position: absolute;
  inset: -10% -5%;
  z-index: -2;
  pointer-events: none;
  opacity: .9;
  background: radial-gradient(22rem 12rem at 22% 28%, rgba(92,116,104,.16), transparent 52%),
    radial-gradient(20rem 11rem at 72% 26%, rgba(166,184,194,.15), transparent 52%),
    radial-gradient(22rem 12rem at 68% 72%, rgba(116,137,128,.15), transparent 52%),
    radial-gradient(16rem 9rem at 40% 68%, rgba(255,255,255,.12), transparent 54%);
  filter: blur(22px);
  animation: dattha-section-orbit-c 7s ease-in-out infinite alternate;
}

body.optq .landing-section--services-premium .landing-shell::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(110,130,122,.04) 18%,
      transparent 34%,
      rgba(160,177,187,.05) 52%,
      transparent 70%,
      rgba(110,130,122,.04) 86%,
      transparent 100%
    );
  transform: translateX(-6%);
  animation: dattha-section-scan 12s linear infinite;
}

@keyframes dattha-section-orbit-a{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  100%{
    transform: translate3d(3%,-2%,0) scale(1.08);
  }

}

@keyframes dattha-section-orbit-b{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  100%{
    transform: translate3d(-3%,2%,0) scale(1.1);
  }

}

@keyframes dattha-section-orbit-c{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  100%{
    transform: translate3d(2%,-1%,0) scale(1.12);
  }

}

@keyframes dattha-section-scan{

  0%{
    transform: translateX(-8%);
  }

  100%{
    transform: translateX(8%);
  }

}

@media (min-width: 992px){

  body.optq .landing-feature-grid--services-premium{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(22px, 2vw, 30px);
    align-items: stretch;
  }

}

body.optq .landing-card--premium-tech{
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: clamp(24px, 2.2vw, 34px);
  border-radius: 34px;
  border: 1px solid rgba(56,63,58,.085);
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,246,242,.74)),
    linear-gradient(140deg, rgba(239,236,231,.58), rgba(255,255,255,.24));
  box-shadow: 0 12px 28px rgba(20,20,18,.034),
    0 28px 84px rgba(20,20,18,.07),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(255,255,255,.16);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  transition: transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

body.optq .landing-card--premium-tech::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .16;
  background-image: radial-gradient(circle at 14% 16%, rgba(64,70,66,.08) 0, rgba(64,70,66,0) 22%),
    radial-gradient(circle at 84% 18%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
    radial-gradient(circle at 30% 74%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
    radial-gradient(circle at 72% 78%, rgba(64,70,66,.045) 0, rgba(64,70,66,0) 20%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 26%);
  mix-blend-mode: multiply;
  filter: blur(16px);
}

body.optq .landing-card--premium-tech::after{
  content: "";
  position: absolute;
  inset: -34%;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
  background: radial-gradient(circle at 18% 24%, rgba(108,133,120,.30), transparent 14%),
    radial-gradient(circle at 72% 24%, rgba(157,179,191,.28), transparent 16%),
    radial-gradient(circle at 84% 56%, rgba(255,255,255,.28), transparent 16%),
    radial-gradient(circle at 58% 82%, rgba(120,145,133,.24), transparent 17%),
    radial-gradient(circle at 38% 58%, rgba(89,112,101,.18), transparent 20%),
    radial-gradient(circle at 54% 42%, rgba(182,193,197,.16), transparent 24%);
  filter: blur(36px);
  animation: dattha-card-aurora-strong 5.8s ease-in-out infinite alternate;
}

body.optq .landing-card--premium-tech .landing-card__meta{
  position: relative;
}

body.optq .landing-card--premium-tech .landing-card__meta::after{
  content: "";
  position: absolute;
  top: -40px;
  left: -30%;
  width: 160%;
  height: 220px;
  z-index: 1;
  pointer-events: none;
  opacity: .5;
  background: linear-gradient(
      112deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,.18) 42%,
      rgba(181,199,209,.16) 50%,
      rgba(255,255,255,.12) 58%,
      rgba(255,255,255,0) 68%,
      rgba(255,255,255,0) 100%
    );
  filter: blur(10px);
  transform: translateX(-28%) rotate(.4deg);
  animation: dattha-card-lightpass 6.5s ease-in-out infinite;
}

body.optq .landing-card--premium-tech .landing-card__actions{
  position: relative;
}

body.optq .landing-card--premium-tech .landing-card__actions::after{
  content: "";
  position: absolute;
  inset: -12px 0 auto 0;
  height: 1px;
  pointer-events: none;
  opacity: .82;
  background: linear-gradient(
      90deg,
      rgba(126,142,152,0) 0%,
      rgba(126,142,152,.16) 24%,
      rgba(255,255,255,.44) 50%,
      rgba(126,142,152,.12) 76%,
      rgba(126,142,152,0) 100%
    );
}

@keyframes dattha-card-aurora-strong{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  50%{
    transform: translate3d(3%,-2%,0) scale(1.08);
  }

  100%{
    transform: translate3d(6%,-3%,0) scale(1.14);
  }

}

@keyframes dattha-card-lightpass{

  0%{
    transform: translateX(-34%) rotate(.4deg);
    opacity: .18;
  }

  45%{
    transform: translateX(0%) rotate(.4deg);
    opacity: .54;
  }

  100%{
    transform: translateX(26%) rotate(.4deg);
    opacity: .2;
  }

}

body.optq .landing-card--premium-tech > *{
  position: relative;
  z-index: 2;
}

body.optq .landing-card--premium-tech:hover{
  transform: translateY(-4px);
  border-color: rgba(56,63,58,.12);
  box-shadow: 0 16px 38px rgba(20,20,18,.05),
    0 36px 102px rgba(20,20,18,.09),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(255,255,255,.18);
}

body.optq .landing-card--premium-tech .landing-card__title{
  margin-top: .65rem;
  font-size: clamp(1.8rem, 2.2vw, 2.55rem);
  line-height: 1.02;
  letter-spacing: -.05em;
  text-wrap: balance;
}

body.optq .landing-card--premium-tech .landing-card__title::before{
  content: "";
  display: block;
  width: 82px;
  height: 1px;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, rgba(58,64,58,.18), rgba(58,64,58,0));
  opacity: .75;
}

body.optq .landing-card--premium-tech .landing-card__text{
  margin-top: .95rem;
  max-width: 28ch;
  color: color-mix(in srgb, var(--muted) 89%, #6a7069);
  font-size: clamp(1rem, 1.05vw, 1.08rem);
  line-height: 1.76;
}

body.optq .landing-card--premium-tech .landing-badge{
  padding: .64rem 1rem;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(239,239,235,.70)),
    radial-gradient(circle at 18% 24%, rgba(171,187,198,.16), transparent 50%),
    radial-gradient(circle at 82% 32%, rgba(121,139,130,.10), transparent 48%);
  border: 1px solid rgba(58,64,58,.09);
  color: #38443f;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: -.01em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8),
    0 6px 18px rgba(20,20,18,.035);
}

body.optq .landing-card--premium-tech .landing-list{
  margin-top: 1.15rem;
}

body.optq .landing-card--premium-tech .landing-list li{
  color: color-mix(in srgb, var(--muted) 88%, #69706a);
  font-size: .98rem;
  line-height: 1.68;
}

body.optq .landing-card--premium-tech .landing-list li::before{
  background: linear-gradient(180deg, #2f3d31, #445345);
  box-shadow: 0 6px 14px rgba(47,61,49,.18),
    0 0 0 5px rgba(47,61,49,.05);
}

body.optq .landing-card--premium-tech .landing-card__actions{
  margin-top: 1.45rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(58,64,58,.06);
}

body.optq .landing-card--premium-tech .btn.btn-ghost{
  min-height: 50px;
  padding: .92rem 1.22rem;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,244,240,.80)),
    radial-gradient(circle at 18% 20%, rgba(177,191,205,.14), transparent 48%),
    radial-gradient(circle at 82% 28%, rgba(122,142,134,.10), transparent 46%);
  border: 1px solid rgba(58,64,58,.09);
  color: #334033;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8),
    0 8px 22px rgba(20,20,18,.035);
}

body.optq .landing-card--premium-tech .btn.btn-ghost:hover{
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,246,242,.88)),
    radial-gradient(circle at 24% 22%, rgba(186,199,214,.16), transparent 48%);
  border-color: rgba(58,64,58,.13);
  color: #273327;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86),
    0 12px 28px rgba(20,20,18,.05);
}

@media (max-width: 991.98px){

  body.optq .landing-feature-grid--services-premium{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  body.optq .landing-feature-grid--services-premium > .landing-card--premium-tech{
    flex: 0 0 86%;
    min-width: 86%;
    max-width: 86%;
    min-height: 0;
  }

  body.optq .landing-card--premium-tech{
    border-radius: 28px;
    padding: 1.35rem 1.2rem;
  }

  body.optq .landing-card--premium-tech .landing-card__title{
    font-size: clamp(1.95rem, 7vw, 2.45rem);
    max-width: 8.7ch;
    line-height: 1.02;
    text-wrap: pretty;
  }

  body.optq .landing-card--premium-tech .landing-card__text{
    max-width: none;
    font-size: 1rem;
    line-height: 1.7;
  }

  body.optq .landing-card--premium-tech::after{
    filter: blur(30px);
    animation-duration: 4.8s;
  }

  body.optq .landing-card--premium-tech .landing-card__meta::after{
    opacity: .42;
    animation-duration: 5.8s;
  }

  body.optq .landing-section--services-premium::before{
    animation-duration: 12s;
  }

  body.optq .landing-section--services-premium::after{
    animation-duration: 7.5s;
  }

  body.optq .landing-section--services-premium .landing-shell::before{
    animation-duration: 6s;
  }

}

@media (max-width: 767.98px){

  body.optq .landing-feature-grid--services-premium > .landing-card--premium-tech{
    flex-basis: 88%;
    min-width: 88%;
    max-width: 88%;
  }

  body.optq .landing-card--premium-tech .landing-card__title{
    font-size: clamp(1.8rem, 8vw, 2.3rem);
    max-width: 8.2ch;
  }

}

@media (max-width: 420px){

  body.optq .landing-feature-grid--services-premium > .landing-card--premium-tech{
    flex-basis: 92%;
    min-width: 92%;
    max-width: 92%;
  }

  body.optq .landing-card--premium-tech .landing-card__title{
    font-size: 1.7rem;
    max-width: 8.4ch;
  }

  body.optq .landing-card--premium-tech .btn.btn-ghost{
    width: 100%;
  }

}

@media (prefers-reduced-motion: reduce){

  body.optq .landing-section--services-premium::before,
body.optq .landing-section--services-premium::after,
body.optq .landing-section--services-premium .landing-shell::before,
body.optq .landing-section--services-premium .landing-shell::after,
body.optq .landing-card--premium-tech::after,
body.optq .landing-card--premium-tech .landing-card__meta::after{
    animation: none !important;
  }

  body.optq .landing-card--premium-tech{
    transition: none;
  }

}

body.optq .landing-section--roadmap-premium{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #f2f0eb 0%, #e9e6df 100%);
}

body.optq .landing-section--roadmap-premium::before{
  content: "";
  position: absolute;
  inset: -14%;
  z-index: -4;
  pointer-events: none;
  background: radial-gradient(58rem 28rem at 12% 16%, rgba(98,116,108,.13), transparent 58%),
    radial-gradient(44rem 22rem at 86% 18%, rgba(116,138,128,.11), transparent 58%),
    radial-gradient(34rem 18rem at 52% 82%, rgba(165,173,169,.09), transparent 56%),
    radial-gradient(24rem 12rem at 50% 24%, rgba(210,220,224,.10), transparent 58%);
  filter: blur(30px);
  animation: datthaRoadmapOrbitA 14s ease-in-out infinite alternate;
}

body.optq .landing-section--roadmap-premium::after{
  content: "";
  position: absolute;
  inset: -18%;
  z-index: -3;
  pointer-events: none;
  opacity: .92;
  background: radial-gradient(26rem 14rem at 18% 36%, rgba(154,173,184,.14), transparent 56%),
    radial-gradient(32rem 16rem at 78% 44%, rgba(108,129,120,.15), transparent 54%),
    radial-gradient(20rem 10rem at 44% 58%, rgba(255,255,255,.12), transparent 56%);
  filter: blur(26px);
  animation: datthaRoadmapOrbitB 9.5s ease-in-out infinite alternate;
}

@keyframes datthaRoadmapOrbitA{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  100%{
    transform: translate3d(3%,-2%,0) scale(1.08);
  }

}

@keyframes datthaRoadmapOrbitB{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  100%{
    transform: translate3d(-3%,2%,0) scale(1.10);
  }

}

body.optq .landing-section--roadmap-premium .landing-process-rail{
  display: grid;
  gap: clamp(16px, 1.8vw, 22px);
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

body.optq .landing-section--roadmap-premium .landing-process-step{
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 1.1rem;
  align-items: start;
  padding: clamp(24px, 2.2vw, 30px);
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(56,63,58,.085);
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,246,242,.74)),
    linear-gradient(140deg, rgba(239,236,231,.58), rgba(255,255,255,.24));
  box-shadow: 0 12px 28px rgba(20,20,18,.034),
    0 28px 84px rgba(20,20,18,.07),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(255,255,255,.16);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  transition: transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

body.optq .landing-section--roadmap-premium .landing-process-step::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .16;
  background-image: radial-gradient(circle at 14% 16%, rgba(64,70,66,.08) 0, rgba(64,70,66,0) 22%),
    radial-gradient(circle at 84% 18%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
    radial-gradient(circle at 30% 74%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
    radial-gradient(circle at 72% 78%, rgba(64,70,66,.045) 0, rgba(64,70,66,0) 20%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 26%);
  mix-blend-mode: multiply;
  filter: blur(16px);
}

body.optq .landing-section--roadmap-premium .landing-process-step::after{
  content: "";
  position: absolute;
  inset: -34%;
  z-index: 0;
  pointer-events: none;
  opacity: .78;
  background: radial-gradient(circle at 18% 24%, rgba(108,133,120,.28), transparent 14%),
    radial-gradient(circle at 72% 24%, rgba(157,179,191,.25), transparent 16%),
    radial-gradient(circle at 84% 56%, rgba(255,255,255,.24), transparent 16%),
    radial-gradient(circle at 58% 82%, rgba(120,145,133,.20), transparent 17%),
    radial-gradient(circle at 38% 58%, rgba(89,112,101,.16), transparent 20%),
    radial-gradient(circle at 54% 42%, rgba(182,193,197,.14), transparent 24%);
  filter: blur(30px);
  animation: datthaRoadmapCardAurora 5.8s ease-in-out infinite alternate;
}

@keyframes datthaRoadmapCardAurora{

  0%{
    transform: translate3d(0,0,0) scale(1);
  }

  50%{
    transform: translate3d(3%,-2%,0) scale(1.08);
  }

  100%{
    transform: translate3d(6%,-3%,0) scale(1.14);
  }

}

body.optq .landing-section--roadmap-premium .landing-process-step__body{
  position: relative;
  z-index: 2;
}

body.optq .landing-section--roadmap-premium .landing-process-step__body::before{
  content: "";
  position: absolute;
  top: -42px;
  left: -28%;
  width: 160%;
  height: 220px;
  z-index: 1;
  pointer-events: none;
  opacity: .30;
  background: linear-gradient(
      112deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,.18) 42%,
      rgba(181,199,209,.15) 50%,
      rgba(255,255,255,.12) 58%,
      rgba(255,255,255,0) 68%,
      rgba(255,255,255,0) 100%
    );
  filter: blur(10px);
  transform: translateX(-28%) rotate(.4deg);
  animation: datthaRoadmapSweep 6.5s ease-in-out infinite;
}

@keyframes datthaRoadmapSweep{

  0%{
    transform: translateX(-34%) rotate(.4deg);
    opacity: .16;
  }

  45%{
    transform: translateX(0%) rotate(.4deg);
    opacity: .50;
  }

  100%{
    transform: translateX(26%) rotate(.4deg);
    opacity: .18;
  }

}

body.optq .landing-section--roadmap-premium .landing-process-step > *{
  position: relative;
  z-index: 2;
}

body.optq .landing-section--roadmap-premium .landing-process-step:hover{
  transform: translateY(-4px);
  border-color: rgba(56,63,58,.12);
  box-shadow: 0 16px 38px rgba(20,20,18,.05),
    0 36px 102px rgba(20,20,18,.09),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(255,255,255,.18);
}

body.optq .landing-section--roadmap-premium .landing-step-badge{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #8f183f, #a11d48);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(143,24,63,.16),
    0 0 0 8px rgba(143,24,63,.04);
}

body.optq .landing-section--roadmap-premium .landing-process-step__label{
  display: inline-block;
  margin-bottom: .45rem;
  color: #334033;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.optq .landing-section--roadmap-premium .landing-process-step__title{
  margin: 0;
  font-size: clamp(1.45rem, 1.75vw, 2rem);
  line-height: 1.08;
  letter-spacing: -.035em;
  color: var(--text);
}

body.optq .landing-section--roadmap-premium .landing-process-step__text{
  margin: .75rem 0 0;
  max-width: 52ch;
  color: color-mix(in srgb, var(--muted) 89%, #69706a);
  font-size: clamp(.98rem, .98vw, 1.04rem);
  line-height: 1.68;
}

@media (max-width: 991.98px){

  body.optq .landing-section--roadmap-premium .landing-process-rail{
    max-width: 100%;
    gap: 16px;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step{
    grid-template-columns: 50px minmax(0, 1fr);
    gap: .95rem;
    padding: 1.2rem 1.1rem;
    border-radius: 26px;
  }

  body.optq .landing-section--roadmap-premium .landing-step-badge{
    width: 46px;
    height: 46px;
    font-size: 1rem;
    box-shadow: 0 8px 16px rgba(143,24,63,.14),
      0 0 0 6px rgba(143,24,63,.035);
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__title{
    font-size: clamp(1.35rem, 3.2vw, 1.75rem);
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__text{
    max-width: none;
    font-size: .98rem;
    line-height: 1.64;
  }

}

@media (max-width: 767.98px){

  body.optq .landing-section--roadmap-premium .landing-process-step{
    grid-template-columns: 1fr;
    gap: .85rem;
    padding: 1.15rem 1rem 1.1rem;
    border-radius: 24px;
  }

  body.optq .landing-section--roadmap-premium .landing-step-badge{
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
    flex: 0 0 42px;
    padding: 0;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .92rem;
    line-height: 1;
    box-shadow:
      0 6px 12px rgba(143,24,63,.12),
      0 0 0 5px rgba(143,24,63,.03);
  }


  body.optq .landing-section--roadmap-premium .landing-process-step__label{
    margin-bottom: .4rem;
    font-size: .72rem;
    letter-spacing: .13em;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__title{
    font-size: clamp(1.15rem, 6.6vw, 1.55rem);
    line-height: 1.12;
    letter-spacing: -.03em;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__text{
    margin-top: .65rem;
    font-size: .96rem;
    line-height: 1.62;
    max-width: none;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step::after{
    opacity: .62;
    filter: blur(24px);
    animation-duration: 4.8s;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__body::before{
    opacity: .18;
    animation-duration: 5.8s;
  }

}

@media (max-width: 420px){

  body.optq .landing-section--roadmap-premium .landing-process-step{
    padding: 1rem .95rem 1rem;
  }

  body.optq .landing-section--roadmap-premium .landing-step-badge{
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
    flex: 0 0 38px;
    font-size: .82rem;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__title{
    font-size: 1.05rem;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__text{
    font-size: .94rem;
  }

}

@media (prefers-reduced-motion: reduce){

  body.optq .landing-section--roadmap-premium::before,
body.optq .landing-section--roadmap-premium::after,
body.optq .landing-section--roadmap-premium .landing-process-step::after,
body.optq .landing-section--roadmap-premium .landing-process-step__body::before{
    animation: none !important;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step{
    transition: none;
  }

}

body.optq .optq-topbar{
  position: sticky;
  top: 0;
  z-index: 1030;
  background: rgba(245,245,239,.84);
  border-bottom: 1px solid rgba(26,26,22,.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.optq .optq-topbar-inner{
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 82px;
}

body.optq .optq-brand{
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  color: var(--brand);
  text-decoration: none !important;
  min-width: 0;
}

body.optq .optq-brand-mark{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.optq .optq-brand-name{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.02em;
  font-size: 1.05rem;
  color: var(--sub-2);
}

body.optq .optq-logo{
  display: block;
  height: 40px;
  width: auto;
  object-fit: contain;
}

body.optq .optq-nav-toggle{
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .72rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(45,59,45,.12);
  background: rgba(255,255,255,.74);
  color: var(--brand);
  box-shadow: 0 8px 24px rgba(20,20,18,.04);
}

body.optq .optq-nav-toggle-label{
  font-weight: 740;
  font-size: .98rem;
}

body.optq .optq-burger{
  width: 22px;
  height: 16px;
  position: relative;
  display: inline-block;
}

body.optq .optq-burger > span{
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 99px;
  background: var(--brand);
  transition: transform .18s ease, top .18s ease, opacity .18s ease;
}

body.optq .optq-burger > span:nth-child(1){
  top: 0;
}

body.optq .optq-burger > span:nth-child(2){
  top: 7px;
}

body.optq .optq-burger > span:nth-child(3){
  top: 14px;
}

body.optq .optq-navwrap{
  display: flex;
  align-items: center;
  gap: 1.15rem;
}

body.optq .optq-nav{
  display: flex;
  align-items: center;
  gap: 1rem;
}

body.optq .optq-navlink{
  position: relative;
  color: color-mix(in srgb, var(--brand) 84%, #40403a);
  font-weight: 650;
  padding: .35rem .12rem;
}

body.optq .optq-navlink::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -.2rem;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .22s ease;
}

body.optq .optq-navlink:hover::after,
body.optq .optq-navlink.is-active::after{
  transform: scaleX(1);
}

body.optq .optq-navitem{
  position: relative;
  display: flex;
  align-items: center;
}

body.optq .optq-navitem--has-sub{
  position: relative;
}

body.optq .optq-navrow{
  display: flex;
  align-items: center;
  gap: .6rem;
}

body.optq .optq-subnav-toggle{
  display: none;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(45,59,45,.10);
  background: rgba(255,255,255,.7);
  color: var(--brand);
  align-items: center;
  justify-content: center;
}

body.optq .optq-subnav-toggle-icon{
  width: .5rem;
  height: .5rem;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
  margin-top: -.1rem;
}

body.optq .optq-navitem.is-subopen .optq-subnav-toggle-icon{
  transform: rotate(225deg);
  margin-top: .1rem;
}

body.optq .optq-navitem--has-sub > .optq-navlink{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}

body.optq .optq-navitem--has-sub > .optq-navlink::before{
  content: "";
  width: .4rem;
  height: .4rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-top: -.15rem;
  order: 2;
  opacity: .75;
}

body.optq .optq-subnav{
  position: absolute;
  top: calc(100% + 16px);
  left: 0;
  min-width: 260px;
  padding: .7rem;
  display: grid;
  gap: .2rem;
  border-radius: 22px;
  background: rgba(250,250,246,.96);
  border: 1px solid rgba(26,26,22,.08);
  box-shadow: var(--dt-shadow-lg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index: 1050;
}

body.optq .optq-subnav-link{
  display: block;
  padding: .78rem .9rem;
  border-radius: 14px;
  color: var(--text);
  font-weight: 620;
  text-decoration: none !important;
  white-space: nowrap;
}

body.optq .optq-subnav-link:hover,
body.optq .optq-subnav-link:focus-visible{
  background: rgba(45,59,45,.05);
  color: var(--brand);
}

@media (max-width: 991.98px){

  body.optq .optq-brand-name{
    font-size: 1rem;
  }

  body.optq .optq-logo{
    height: 36px;
  }

  body.optq .optq-navwrap{
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  body.optq .optq-navitem + .optq-navitem{
    margin-top: .2rem;
  }

  body.optq .optq-navrow{
    min-height: 58px;
    padding: 0 .2rem;
    justify-content: space-between;
  }

  body.optq .optq-navitem > .optq-navlink,
body.optq .optq-navrow > .optq-navlink{
    display: flex;
    align-items: center;
    min-height: 58px;
    flex: 1 1 auto;
    padding: .9rem .35rem;
    border-radius: 14px;
    font-size: 1.05rem;
    font-weight: 730;
    line-height: 1.2;
  }

  body.optq .optq-navitem > .optq-navlink{
    background: transparent;
  }

  body.optq .optq-navitem > .optq-navlink:active,
body.optq .optq-navrow > .optq-navlink:active{
    background: rgba(45,59,45,.04);
  }

  body.optq .optq-navitem > .optq-navlink:hover,
body.optq .optq-navrow > .optq-navlink:hover{
    background: transparent;
  }

  body.optq .optq-navitem--has-sub > .optq-navlink::before{
    display: none;
  }

  body.optq .optq-subnav-toggle{
    display: inline-flex;
  }

  body.optq .optq-subnav{
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    display: none;
  }

  body.optq .optq-navitem.is-subopen > .optq-subnav{
    display: grid;
  }

  body.optq .optq-subnav-link{
    border-radius: 14px;
    font-size: .98rem;
    line-height: 1.35;
  }

  body.optq .optq-navcta{
    padding-top: .35rem;
    border-top: 1px solid rgba(26,26,22,.06);
  }

  body.optq .optq-navcta .btn{
    width: 100%;
    justify-content: center;
    min-height: 52px;
  }

}

body.optq .optq-sitefooter{
  margin-top: 0;
  background: radial-gradient(700px 320px at 10% 0%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg, #1d261d, #151c15);
  border-top: 1px solid rgba(255,255,255,.04);
}

body.optq .optq-sitefooter-inner{
  padding: clamp(64px, 8vw, 88px) 0 2rem;
}

body.optq .optq-sitefooter-logo{
  display: inline-flex;
  margin-bottom: .75rem;
  text-decoration: none;
}

body.optq .optq-sitefooter-name,
body.optq .optq-sitefooter-coltitle,
body.optq .optq-sitefooter-topics-title{
  color: #fafaf6;
}

body.optq .optq-sitefooter-tagline,
body.optq .optq-sitefooter-meta,
body.optq .optq-sitefooter-addr,
body.optq .optq-sitefooter-trustitem{
  color: rgba(250,250,246,.72);
}

body.optq .optq-sitefooter-tagline{
  margin: .65rem 0 0;
  line-height: 1.8;
}

body.optq .optq-sitefooter-address{
  margin: 1.1rem 0 0;
  font-style: normal;
}

body.optq .optq-sitefooter-meta{
  margin: .55rem 0 0;
}

body.optq .optq-sitefooter-meta-label{
  display: inline-block;
  margin-right: .5rem;
  font-weight: 800;
  color: rgba(250,250,246,.82);
}

body.optq .optq-sitefooter-trust,
body.optq .optq-sitefooter-social,
body.optq .optq-sitefooter-topics{
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
}

body.optq .optq-sitefooter-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
}

body.optq .optq-sitefooter-link,
body.optq .optq-sitefooter-legal-link,
body.optq .optq-sitefooter-toplink{
  color: rgba(250,250,246,.78);
}

body.optq .optq-sitefooter-link:hover,
body.optq .optq-sitefooter-legal-link:hover,
body.optq .optq-sitefooter-toplink:hover{
  color: rgba(250,250,246,.96);
}

body.optq .optq-sitefooter-mid,
body.optq .optq-sitefooter-bottom{
  border-top: 1px solid rgba(255,255,255,.08);
}

body.optq .optq-sitefooter-mid{
  margin-top: 1.9rem;
  padding-top: 1.5rem;
}

body.optq .optq-sitefooter-bottom{
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  color: rgba(250,250,246,.55);
  font-size: .92rem;
}

body.optq .optq-sitefooter-sep{
  opacity: .55;
}

@media (min-width: 992px){

  body.optq .optq-nav-toggle{
    display: none;
  }

  body.optq .optq-logo{
    height: 46px;
  }

  body.optq .optq-navwrap{
    flex: 1 1 auto;
    min-width: 0;
  }

  body.optq .optq-nav{
    flex: 1 1 auto;
    min-width: 0;
  }

  body.optq .optq-navcta{
    margin-left: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }

  body.optq .optq-navitem--has-sub:hover > .optq-subnav,
  body.optq .optq-navitem--has-sub:focus-within > .optq-subnav{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  body.optq .optq-sitefooter-top{
    gap: 3rem;
  }

}

@media (min-width: 640px){

  body.optq .optq-sitefooter-cols{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

}

@media (max-width: 991.98px){

  body.optq .optq-topbar-inner{
    min-height: 76px;
  }

  body.optq .optq-navwrap{
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: .65rem;
    padding: .85rem;
    background: rgba(250,250,246,.96);
    border: 1px solid rgba(26,26,22,.06);
    border-radius: 20px;
    box-shadow: var(--dt-shadow-lg);
  }

  body.optq .optq-navwrap.is-open{
    display: flex;
  }

  body.optq .optq-nav{
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: .15rem;
  }

  body.optq .optq-navlink{
    padding: .78rem .72rem;
    border-radius: 14px;
  }

  body.optq .optq-navlink:hover{
    background: rgba(45,59,45,.04);
  }

  body.optq .optq-navitem{
    display: block;
  }

  body.optq .optq-subnav{
    position: static;
    min-width: 0;
    margin-top: .35rem;
    padding: .45rem;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 16px;
    background: rgba(45,59,45,.035);
    border: 1px solid rgba(26,26,22,.06);
  }

  body.optq .optq-subnav-link{
    padding: .72rem .82rem;
    white-space: normal;
  }

}

body.optq .optq-topbar.is-open .optq-burger > span:nth-child(1){
  top: 7px;
  transform: rotate(45deg);
}

body.optq .optq-topbar.is-open .optq-burger > span:nth-child(2){
  opacity: 0;
}

body.optq .optq-topbar.is-open .optq-burger > span:nth-child(3){
  top: 7px;
  transform: rotate(-45deg);
}

body.optq .optq-sitefooter-top{
  display: grid;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}

body.optq .optq-sitefooter-brand{
  min-width: 0;
}

body.optq .optq-sitefooter-navarea{
  min-width: 0;
}

body.optq .optq-sitefooter-cols{
  display: grid;
  gap: clamp(1.5rem, 2vw, 2.2rem);
  align-items: start;
}

body.optq .optq-sitefooter-col{
  min-width: 0;
}

body.optq .optq-sitefooter-coltitle{
  margin: 0 0 1rem;
  color: #fafaf6;
  font-size: clamp(1.3rem, 1.8vw, 2rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  font-weight: 760;
  text-wrap: balance;
}

body.optq .optq-sitefooter-list{
  gap: .78rem;
}

body.optq .optq-sitefooter-list li{
  min-width: 0;
}

body.optq .optq-sitefooter-link{
  display: inline-block;
  line-height: 1.45;
  color: rgba(250,250,246,.78);
  text-decoration: none;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.optq .optq-sitefooter-tagline{
  max-width: 34rem;
}

body.optq .optq-sitefooter-topics{
  gap: .7rem;
}

body.optq .optq-sitefooter-taglink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .6rem .95rem;
  border-radius: 999px;
  line-height: 1.2;
  text-align: center;
  color: var(--sub-2);
}

body.optq .optq-sitefooter-topics--tech .optq-sitefooter-taglink{
  color: var(--sub-2);
}

body.optq .optq-sitefooter-legal{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}

@media (min-width: 992px){

  body.optq .optq-sitefooter-top{
    grid-template-columns: minmax(320px, 1.05fr) minmax(560px, 1.25fr);
  }

  body.optq .optq-sitefooter-cols{
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }

}

@media (min-width: 640px) and (max-width: 991.98px){

  body.optq .optq-sitefooter-cols{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.optq .optq-sitefooter-col:last-child{
    grid-column: 1 / -1;
    max-width: 28rem;
  }

}

@media (max-width: 639.98px){

  body.optq .optq-sitefooter-cols{
    grid-template-columns: 1fr;
    gap: 1.35rem;
  }

  body.optq .optq-sitefooter-coltitle{
    font-size: 1.45rem;
    margin-bottom: .8rem;
  }

  body.optq .optq-sitefooter-bottom{
    align-items: flex-start;
    flex-direction: column;
  }

}

body.optq :where(.landing-hero, .hero-surface, .optq-money-hero, .optq-hero-rotator){
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(108px, 14vw, 164px) 0 clamp(84px, 10vw, 124px);
  background: radial-gradient(900px 540px at 12% 10%, rgba(var(--brand-rgb), .065), transparent 60%),
    radial-gradient(700px 440px at 88% 12%, rgba(var(--sub-2-rgb), .045), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.3), rgba(245,245,239,.12));
}

body.optq .landing-hero--compact{
  padding-top: clamp(108px, 13vw, 152px);
  padding-bottom: clamp(84px, 9vw, 116px);
}

body.optq :where(.landing-hero, .hero-surface, .optq-money-hero, .optq-hero-rotator)::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 35%),
    radial-gradient(600px 260px at 50% 100%, rgba(var(--brand-rgb), .04), transparent 72%);
  pointer-events: none;
  z-index: 0;
}

body.optq .landing-hero{
  text-align: center;
  background: radial-gradient(760px 420px at 50% 0%, rgba(var(--brand-rgb), .06), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(245,245,239,.22));
}

body.optq .landing-hero__media{
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}

body.optq .landing-hero__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(247,246,240,.82) 0%, rgba(247,246,240,.68) 24%, rgba(247,246,240,.50) 56%, rgba(247,246,240,.76) 100%),
    radial-gradient(900px 480px at 50% 8%, rgba(255,255,255,.32), transparent 58%),
    linear-gradient(90deg, rgba(247,246,240,.20) 0%, rgba(247,246,240,.04) 50%, rgba(247,246,240,.20) 100%);
}

body.optq .landing-hero__image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.03);
  filter: saturate(.92) contrast(.96) brightness(1.02);
}

body.optq .landing-hero__content,
body.optq .content-layer,
body.optq .optq-hero-rotator__inner,
body.optq .optq-money-hero .optq-shell{
  position: relative;
  z-index: 2;
}

body.optq .landing-hero__content{
  margin-inline: auto;
}

body.optq :where(.optq-bullets){
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .6rem;
  margin-top: 1.4rem;
}

body.optq :where(.optq-bullet){
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .58rem .88rem;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(45,59,45,.1);
  color: var(--sub-2);
  font-size: .82rem;
  font-weight: 700;
  box-shadow: var(--dt-shadow-sm);
}

body.optq .landing-story{
  display: grid;
  align-items: start;
}

body.optq .landing-story__copy{
  min-width: 0;
}

body.optq .landing-story__media{
  position: sticky;
  top: 112px;
}

body.optq .landing-visual-card{
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--dt-radius-xl);
  border: 1px solid rgba(26,26,22,.08);
  box-shadow: var(--dt-shadow-md);
  background: transparent;
  height: clamp(320px, 52vw, 560px);
}

body.optq .landing-visual-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20,20,18,.03) 0%, rgba(20,20,18,0) 30%, rgba(20,20,18,.12) 100%);
}

body.optq .landing-visual-card__image{
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

body.optq .landing-section__head > .landing-section__text,
body.optq .landing-hero__content > .landing-subtitle{
  width: min(100%, 68ch);
  margin-left: auto;
  margin-right: auto;
}

body.optq .landing-visual-card__caption{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  max-width: 360px;
  padding: .72rem .9rem;
  border-radius: 16px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(45,59,45,.08);
  color: var(--text);
  font-size: .84rem;
  line-height: 1.55;
  box-shadow: 0 10px 24px rgba(20,20,18,.08);
}

body.optq .landing-section--visual{
  isolation: isolate;
  overflow: hidden;
}

body.optq .landing-section__bg{
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
}

body.optq .landing-section__bg img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(.96) brightness(1.03);
}

body.optq .landing-section--visual::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(247,246,240,.92) 0%, rgba(247,246,240,.84) 26%, rgba(247,246,240,.78) 58%, rgba(247,246,240,.92) 100%),
    radial-gradient(820px 320px at 50% 0%, rgba(var(--brand-rgb), .045), transparent 68%),
    linear-gradient(90deg, rgba(247,246,240,.16) 0%, rgba(247,246,240,.04) 50%, rgba(247,246,240,.16) 100%);
}

body.optq .landing-card-slider,
body.optq .optq-card-slider{
  position: relative;
}

body.optq .landing-card-slider__track{
  display: grid;
}

body.optq .landing-card-slider__track.landing-grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

body.optq .landing-card-slider__track.landing-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

body.optq :where(.landing-card-slider__dots, .optq-card-slider__dots){
  display: none;
  justify-content: center;
  gap: .45rem;
  margin-top: 1rem;
}

body.optq :where(.landing-dot, .optq-card-slider__dot){
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(45,59,45,.14);
  background: rgba(45,59,45,.12);
}

body.optq :where(.landing-dot.is-active, .optq-card-slider__dot.is-active){
  width: 24px;
  background: var(--brand);
  border-color: var(--brand);
}

body.optq .landing-accordion__item.is-open .landing-accordion__icon{
  transform: rotate(45deg);
}

body.optq .roadmap-steps{
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 840px;
  margin: 0 auto;
}

body.optq .roadmap-step{
  display: flex;
  gap: 32px;
  position: relative;
  padding-bottom: 48px;
}

body.optq .roadmap-step:last-child{
  padding-bottom: 0;
}

body.optq .roadmap-step__marker{
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.optq .roadmap-step__number{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: var(--sub-2);
  color: #fafaf6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  font-weight: 800;
  flex-shrink: 0;
  box-shadow: 0 10px 24px rgba(var(--sub-2-rgb), .18);
}

body.optq .roadmap-step__line{
  width: 2px;
  flex: 1;
  background: rgba(var(--brand-rgb), .16);
  margin-top: 12px;
}

body.optq .roadmap-step:last-child .roadmap-step__line{
  display: none;
}

body.optq .roadmap-step__content{
  padding-top: 4px;
  max-width: 680px;
}

body.optq .roadmap-step__label,
body.optq .roadmap-mobile-step__label{
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(var(--brand-rgb), .06);
  color: var(--brand);
  font-size: .8rem;
  font-weight: 700;
}

body.optq .roadmap-step__label{
  margin-bottom: 12px;
}

body.optq .roadmap-cta{
  text-align: center;
  margin-top: 56px;
}

body.optq .roadmap-desktop{
  display: block;
}

body.optq .roadmap-mobile{
  display: none;
}

body.optq .roadmap-mobile-slider{
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}

body.optq .roadmap-mobile-slider__track{
  display: flex;
  gap: 0;
  transform: translate3d(0,0,0);
  transition: transform .42s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

body.optq .roadmap-mobile-slider.is-dragging .roadmap-mobile-slider__track{
  transition: none;
}

body.optq .roadmap-mobile-step{
  flex: 0 0 100%;
  min-width: 100%;
  padding: 0 .1rem;
}

body.optq .roadmap-mobile-step__top{
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1rem;
}

body.optq .roadmap-mobile-step__number{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--sub-2);
  color: #fafaf6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  font-weight: 800;
  flex: 0 0 auto;
  box-shadow: 0 10px 24px rgba(var(--sub-2-rgb), .16);
}

body.optq .roadmap-mobile-slider__dots{
  display: none;
  justify-content: center;
  gap: .45rem;
  margin-top: 1.25rem;
}

body.optq.optq-ai-interactive .optq-shell{
  width: var(--dt-shell);
}

body.optq.optq-ai-interactive .optq-maxw-2xl{
  max-width: var(--dt-copy-max);
}

body.optq.optq-ai-interactive .optq-journey-summary-wrap[hidden],
body.optq.optq-ai-interactive .optq-journey-afterflow[hidden],
body.optq.optq-ai-interactive .optq-journey-pricing-explainer[hidden],
body.optq.optq-ai-interactive .optq-choice-panel[hidden],
body.optq.optq-ai-interactive #faq[hidden]{
  display: none !important;
}

body.optq.optq-ai-interactive .optq-ai-chip,
body.optq.optq-ai-interactive .optq-ppf-badge,
body.optq.optq-ai-interactive .optq-journey-step-card__badge,
body.optq .roadmap-step__number,
body.optq .roadmap-mobile-step__number{
  background: var(--sub-2);
  color: #fafaf6;
  box-shadow: 0 10px 24px rgba(var(--sub-2-rgb), .18);
}

body.optq.optq-ai-interactive .optq-ai-chip{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex: 0 0 auto;
}

body.optq.optq-ai-interactive .optq-ppf-badge{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .95rem;
  font-weight: 800;
}

body.optq.optq-ai-interactive .optq-ppf-card{
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

body.optq.optq-ai-interactive .optq-ppf-card .optq-ppf-badge{
  margin-bottom: 1rem;
}

body.optq.optq-ai-interactive .optq-ppf-card .optq-ppf-title{
  width: 100%;
}

body.optq.optq-ai-interactive .optq-journey-step-card__badge{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.optq.optq-ai-interactive .optq-journey-step-card__nr{
  font-weight: 900;
  font-size: 1rem;
  line-height: 1;
}

body.optq.optq-ai-interactive .optq-ai-tile-top{
  display: flex;
  align-items: center;
  gap: .8rem;
}

body.optq .optq-choice-panel__top,
body.optq .optq-ai-journey-summary{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2.2rem;
  background: radial-gradient(560px 220px at 0% 0%, rgba(var(--brand-rgb), .04), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,247,241,.90));
  border: 1px solid var(--dt-border-soft);
  box-shadow: var(--dt-shadow-md);
  padding: clamp(22px, 2.4vw, 34px);
  border-radius: var(--dt-radius-xl);
}

body.optq .optq-ai-journey-summary{
  text-align: center;
  justify-content: center;
}

body.optq .optq-ai-journey-summary-copy{
  max-width: 720px;
  margin-inline: auto;
}

body.optq .optq-ai-journey-summary-actions{
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}

body.optq .optq-ppf-split{
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.optq .optq-ppf-grid{
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.optq .optq-roi-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

body.optq .optq-roi-item{
  padding: 1rem 1rem .95rem;
  border-radius: 20px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--dt-border-faint);
}

body.optq .optq-roi-k{
  color: var(--brand);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .45rem;
}

body.optq.optq-ai-interactive .optq-journey-modal-dialog{
  max-width: 1120px;
}

body.optq.optq-ai-interactive .optq-journey-modal-content{
  min-height: min(86vh, 860px);
  max-height: min(86vh, 860px);
  display: flex;
  flex-direction: column;
  border-radius: var(--dt-radius-xl);
  overflow: hidden;
  background: radial-gradient(700px 300px at 0% 0%, rgba(var(--brand-rgb), .05), transparent 58%),
    radial-gradient(640px 260px at 100% 0%, rgba(var(--sub-2-rgb), .05), transparent 58%),
    linear-gradient(180deg, rgba(250,250,246,.985), rgba(244,246,240,.98));
  border: 1px solid var(--dt-border-soft);
  box-shadow: 0 28px 80px rgba(20,20,18,.12);
}

body.optq.optq-ai-interactive .optq-journey-modal-progress{
  width: 100%;
  height: 6px;
  background: rgba(26,26,22,.07);
  flex: 0 0 auto;
}

body.optq.optq-ai-interactive .optq-journey-modal-progress-bar{
  width: 14.285%;
  height: 100%;
  background: var(--sub-2);
  transition: width .35s ease;
}

body.optq.optq-ai-interactive .optq-journey-modal-header{
  position: relative;
  flex: 0 0 auto;
  padding: 1rem 1.25rem .9rem;
  border-bottom: 1px solid var(--dt-border-soft);
  background: rgba(255,255,255,.38);
}

body.optq.optq-ai-interactive .optq-journey-modal-headcopy{
  min-width: 0;
  max-width: var(--dt-copy-max);
}

body.optq.optq-ai-interactive .optq-journey-modal-body{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.15rem 1.08rem;
}

body.optq.optq-ai-interactive .optq-journey-stage{
  display: none;
  min-height: 0;
}

body.optq.optq-ai-interactive .optq-journey-stage.is-active{
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body.optq.optq-ai-interactive .optq-journey-chooser-intro{
  text-align: center;
  margin: 0 auto 1rem;
  max-width: 64ch;
}

body.optq.optq-ai-interactive .optq-journey-chooser-intro__text{
  margin: .45rem 0 0;
  font-size: .97rem;
}

body.optq.optq-ai-interactive .optq-journey-chooser-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
  overflow: auto;
  padding-right: .1rem;
}

body.optq.optq-ai-interactive .optq-journey-choice{
  appearance: none;
  width: 100%;
  text-align: left;
  padding: 1.45rem 1.25rem;
  border-radius: var(--dt-radius-lg);
  border: 1px solid var(--dt-border-soft);
  background: var(--dt-surface-1);
  box-shadow: var(--dt-shadow-sm);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
  color: var(--text);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .7rem;
  min-height: 240px;
  height: 100%;
}

body.optq.optq-ai-interactive .optq-journey-choice:hover{
  transform: translateY(-2px);
  box-shadow: var(--dt-shadow-md);
  border-color: rgba(var(--brand-rgb), .18);
}

body.optq.optq-ai-interactive .optq-journey-choice.is-active{
  border-color: rgba(var(--brand-rgb), .28);
  box-shadow: 0 0 0 5px rgba(var(--brand-rgb), .08), var(--dt-shadow-sm);
  background: radial-gradient(280px 130px at 100% 0%, rgba(var(--brand-rgb), .05), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(246,247,241,.95));
}

body.optq.optq-ai-interactive .optq-journey-choice-head{
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: .72rem;
}

body.optq.optq-ai-interactive .optq-journey-choice-copy{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .28rem;
}

body.optq.optq-ai-interactive .optq-journey-choice-icon{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--sub-2);
  color: #fafaf6;
  font-size: 1rem;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(var(--sub-2-rgb), .16);
}

body.optq.optq-ai-interactive .optq-journey-choice-result{
  display: block;
  width: 100%;
  margin-top: auto;
  padding-top: .95rem;
  border-top: 1px solid var(--dt-border-faint);
  color: var(--brand);
  font-size: .82rem;
  font-weight: 780;
  line-height: 1.35;
}

body.optq.optq-ai-interactive .optq-journey-choice .optq-pill{
  width: auto !important;
  max-width: max-content;
  white-space: nowrap;
  min-height: 28px;
  padding: .26rem .66rem;
  font-size: .72rem;
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: rgba(var(--brand-rgb), .07);
  border: 1px solid rgba(var(--brand-rgb), .10);
}

body.optq.optq-ai-interactive .optq-journey-slider{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--dt-radius-lg);
}

body.optq.optq-ai-interactive .optq-journey-slider-track{
  display: flex;
  height: 100%;
  transition: transform .42s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
  touch-action: pan-y;
}

body.optq.optq-ai-interactive .optq-journey-slide{
  flex: 0 0 100%;
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  display: flex;
  align-items: stretch;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.optq.optq-ai-interactive .optq-journey-step-card{
  width: 100%;
  border-radius: var(--dt-radius-lg);
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid var(--dt-border-soft);
  box-shadow: var(--dt-shadow-sm);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  text-align: center;
}

body.optq.optq-ai-interactive .optq-journey-step-card{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,248,243,.94));
}

body.optq.optq-ai-interactive .optq-journey-step-card::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: .60;
  filter: saturate(.85) contrast(.92) brightness(1.04);
  transform: scale(1.03);
}

body.optq.optq-ai-interactive .optq-journey-step-card::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,248,243,.88)),
    radial-gradient(520px 240px at 12% 14%, rgba(var(--brand-rgb), .05), transparent 68%),
    radial-gradient(360px 200px at 88% 18%, rgba(var(--sub-2-rgb), .04), transparent 70%);
}

body.optq.optq-ai-interactive .optq-journey-step-card > *{
  position: relative;
  z-index: 1;
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-1::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-2::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-3::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-4::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-5::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-6::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card.is-step-7::before{
  background-image: url("/assets/img/journey/customer-journey-step.png");
}

body.optq.optq-ai-interactive .optq-journey-step-card__top{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  margin-bottom: .95rem;
}

body.optq.optq-ai-interactive .optq-journey-step-card__icon{
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--brand-rgb), .07);
  color: var(--brand);
  font-size: 1.05rem;
  font-weight: 800;
}

body.optq.optq-ai-interactive .optq-journey-step-card__result{
  margin: 1rem auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: .52rem .95rem;
  border-radius: 999px;
  background: rgba(var(--brand-rgb), .08);
  border: 1px solid rgba(var(--brand-rgb), .13);
  color: var(--brand);
  font-size: .84rem;
  font-weight: 790;
  letter-spacing: .02em;
}

body.optq.optq-ai-interactive .optq-journey-slider-footer{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .95rem;
  flex-wrap: wrap;
  margin-top: .8rem;
  padding-top: .8rem;
  border-top: 1px solid var(--dt-border-faint);
}

body.optq.optq-ai-interactive .optq-journey-slider-dots{
  display: flex;
  gap: .45rem;
  align-items: center;
}

body.optq.optq-ai-interactive .optq-journey-dot{
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(45,59,45,.14);
  background: rgba(45,59,45,.12);
  transition: width .2s ease, background-color .2s ease, border-color .2s ease;
}

body.optq.optq-ai-interactive .optq-journey-dot.is-active{
  width: 24px;
  background: var(--brand);
  border-color: var(--brand);
}

body.optq.optq-ai-interactive .optq-journey-slider-nav{
  display: flex;
  gap: .65rem;
  flex-wrap: wrap;
}

body.optq.optq-ai-interactive .optq-journey-nav-btn{
  min-width: 124px;
}

body.optq.optq-ai-interactive .optq-card-slider__track{
  display: grid;
  align-items: stretch;
}

body.optq.optq-ai-interactive .optq-card-slider__track--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

body.optq.optq-ai-interactive .optq-card-slider__track--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.optq.optq-ai-interactive .optq-card-slider__slide{
  min-width: 0;
}

body.optq.optq-ai-interactive .optq-card-slider__slide > .glass{
  height: 100%;
}

body.optq.optq-data-page{
  overflow-x: clip;
}

@supports not (overflow: clip){

  body.optq.optq-data-page{
    overflow-x: hidden;
  }

}

body.optq.optq-data-page .optq-circle-wrap{
  display: grid;
  justify-items: center;
}

body.optq.optq-data-page .optq-circle{
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  filter: drop-shadow(0 22px 44px rgba(20,20,18,.06));
}

body.optq.optq-data-page .optq-circle-ring{
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(26,26,22,.08);
  background: rgba(255,255,255,.55);
  box-shadow: var(--dt-shadow-sm);
  z-index: 1;
}

body.optq.optq-data-page .optq-circle-center{
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(26,26,22,.08);
  background: rgba(255,255,255,.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  z-index: 2;
  box-shadow: var(--dt-shadow-xs);
}

body.optq.optq-data-page .optq-circle-center-title{
  margin: .45rem 0 0;
  font-weight: 800;
  color: var(--text);
  line-height: 1.05;
  font-size: 1.4rem;
}

body.optq.optq-data-page .optq-circle-center-sub,
body.optq.optq-data-page .optq-data-footnote{
  color: var(--muted);
}

body.optq.optq-data-page .optq-circle-pos{
  position: absolute;
  inset: 0;
  z-index: 3;
  transform: rotate(calc(var(--start-angle) + var(--a)));
  transform-origin: 50% 50%;
  pointer-events: none;
}

body.optq.optq-data-page .optq-circle-pos > .optq-circle-step{
  position: absolute;
  left: 50%;
  width: var(--node);
  height: var(--node);
  transform: translateX(-50%) rotate(calc(-1 * (var(--start-angle) + var(--a))));
  transform-origin: 50% 50%;
  pointer-events: auto;
}

body.optq.optq-data-page .optq-circle-pos.p1{
  --a: 0deg;
}

body.optq.optq-data-page .optq-circle-pos.p2{
  --a: 51.4286deg;
}

body.optq.optq-data-page .optq-circle-pos.p3{
  --a: 102.8571deg;
}

body.optq.optq-data-page .optq-circle-pos.p4{
  --a: 154.2857deg;
}

body.optq.optq-data-page .optq-circle-pos.p5{
  --a: 205.7143deg;
}

body.optq.optq-data-page .optq-circle-pos.p6{
  --a: 257.1429deg;
}

body.optq.optq-data-page .optq-circle-pos.p7{
  --a: 308.5714deg;
}

body.optq.optq-data-page .optq-circle-step{
  border-radius: 999px;
  border: 1px solid rgba(26,26,22,.1);
  background: rgba(255,255,255,.9);
  color: var(--text);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .15rem;
  cursor: pointer;
  box-shadow: var(--dt-shadow-xs);
}

body.optq.optq-data-page .optq-circle-step:hover{
  border-color: rgba(var(--brand-rgb), .18);
  background: rgba(255,255,255,.98);
}

body.optq.optq-data-page .optq-circle-step.is-active{
  transform: scale(1.04);
  border-color: rgba(var(--brand-rgb), .34);
  box-shadow: 0 0 0 7px rgba(var(--brand-rgb), .08), var(--dt-shadow-xs);
}

body.optq.optq-data-page .optq-circle-step-nr{
  font-weight: 900;
  font-size: 1.05rem;
  color: var(--text);
}

body.optq.optq-data-page .optq-circle-step-label{
  font-size: .78rem;
  color: var(--muted);
  font-weight: 800;
}

body.optq.optq-data-page .landing-card--textual{
  padding: 1.35rem 1.45rem;
  min-height: 0;
  border-radius: 28px;
  display: block;
}

body.optq.optq-data-page .landing-card__text--signal{
  margin: 0;
  color: var(--muted);
  font-weight: 500;
  letter-spacing: 0;
}

body.optq.optq-data-page #steps.landing-section--visual{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.optq .optq-modal-content,
body.optq .modal-content.optq-rtg-modal,
body.optq .optq-flow-modal .modal-content{
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(250,250,246,.98), rgba(244,246,240,.98));
  border: 1px solid rgba(26,26,22,.08);
}

body.optq .optq-modal-header,
body.optq .modal-header{
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.35rem 1.35rem 1rem;
  border-bottom: 1px solid rgba(26,26,22,.08);
  background: rgba(45,59,45,.04);
}

body.optq .optq-modal-title,
body.optq .modal-title,
body.optq #rtgModalTitle,
body.optq #rtgSlideTitle{
  margin: 0;
  font-weight: 800;
  color: var(--text);
}

body.optq .optq-modal-desc,
body.optq .optq-modal-quote,
body.optq .optq-modal-bullets,
body.optq .optq-modal-mini-v,
body.optq .optq-modal-mini-k,
body.optq .optq-rtg-sub,
body.optq .optq-rtg-body,
body.optq .optq-rtg-note,
body.optq .optq-rtg-impact{
  color: var(--muted);
}

body.optq .optq-step-modal .modal-dialog{
  max-width: 860px;
}

body.optq .optq-step-modal-content{
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(18px);
}

body.optq .optq-step-modal-header{
  align-items: flex-start;
  gap: 1rem;
  padding: 1.2rem 1.2rem 0.9rem;
  border-bottom: 0;
}

.optq-step-modal .btn-close{
  opacity: 1 !important;
  filter: none !important;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: rgba(140, 22, 52, 0.10);
  border: 1px solid rgba(140, 22, 52, 0.18);
  background-size: 1rem;
  transition: all .18s ease;
}

.optq-step-modal .btn-close{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238c1634'%3e%3cpath d='M2.1 2.1a1 1 0 0 1 1.4 0L8 6.6l4.5-4.5a1 1 0 1 1 1.4 1.4L9.4 8l4.5 4.5a1 1 0 0 1-1.4 1.4L8 9.4l-4.5 4.5a1 1 0 0 1-1.4-1.4L6.6 8 2.1 3.5a1 1 0 0 1 0-1.4z'/%3e%3c/svg%3e");
}

.optq-step-modal .btn-close:hover{
  transform: scale(1.08);
  background-color: rgba(140, 22, 52, 0.16);
  border-color: rgba(140, 22, 52, 0.32);
}

.optq-step-modal .btn-close:focus{
  box-shadow: 0 0 0 .2rem rgba(140, 22, 52, 0.18);
}

body.optq .optq-step-modal-headcopy{
  min-width: 0;
  flex: 1 1 auto;
}

body.optq .optq-step-meta-row{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

body.optq .optq-step-counter{
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.88);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

body.optq .optq-step-progress{
  position: relative;
  width: 100%;
  height: 12px;
  margin: 0;
  background: rgba(var(--brand-rgb), .10);
  overflow: hidden;
}

body.optq .optq-step-progress-bar{
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--brand), var(--brand-2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(var(--brand-rgb), .08);
  transition: width .32s ease;
}

body.optq .optq-step-modal-body{
  padding: 1rem 1.2rem 1.1rem;
}

body.optq .optq-step-slider-shell{
  min-height: 240px;
}

body.optq .optq-step-panel{
  height: 100%;
  border-radius: 1rem;
  padding: 1rem 1rem 1.05rem;
}

body.optq .optq-step-modal-footer{
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 0 1.2rem 1.2rem;
  border-top: 0;
}

body.optq .optq-step-nav{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  width: 100%;
}

body.optq #optqStepPrev{
  grid-column: 1;
  grid-row: 1;
}

body.optq #optqStepNext{
  grid-column: 2;
  grid-row: 1;
}

body.optq .optq-step-nav .btn.btn-primary{
  grid-column: 1 / -1;
  grid-row: 2;
}

body.optq .optq-step-nav-btn,
body.optq .optq-step-close-btn{
  min-height: 48px;
  width: 100%;
  border-radius: 0.95rem;
}

body.optq .optq-step-footer-actions{
  display: flex;
  justify-content: center;
}

@media (max-width: 991.98px){

  body.optq{
    --dt-shell-gutter: 14px;
    --dt-section-space: clamp(62px, 12vw, 84px);
    --dt-section-space-sm: clamp(56px, 10vw, 74px);
  }

  body.optq :target{
    scroll-margin-top: 88px;
  }

  body.optq :where(.landing-grid--2, .landing-grid--3, .optq-ppf-grid, .optq-ppf-split){
    grid-template-columns: 1fr;
  }

  body.optq .landing-contact__grid{
    grid-template-columns: 1fr;
  }

  body.optq .landing-story{
    gap: 1.1rem;
  }

  body.optq .landing-story__media{
    order: -1;
  }

body.optq .landing-visual-card{
  height: clamp(260px, 62vw, 420px);
}

body.optq .landing-visual-card__image{
  min-height: 100%;
}

  body.optq .landing-card-slider,
body.optq .optq-card-slider{
    touch-action: pan-y;
  }

  body.optq .landing-card-slider__track{
    display: flex;
    gap: 0;
    transform: translate3d(0,0,0);
    transition: transform .42s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
  }

  body.optq .landing-card-slider.is-dragging .landing-card-slider__track,
body.optq .optq-card-slider.is-dragging .optq-card-slider__track{
    transition: none;
  }

  body.optq .landing-card-slider__track[data-slider-track] > [data-slider-slide],
body.optq .optq-card-slider__track > [data-slider-slide],
body.optq .optq-card-slider__track > [data-card-slide]{
    flex: 0 0 100%;
    min-width: 100%;
  }

  body.optq :where(.landing-card-slider__dots, .optq-card-slider__dots, .roadmap-mobile-slider__dots){
    display: flex;
  }

  body.optq .roadmap-desktop{
    display: none;
  }

  body.optq .roadmap-mobile{
    display: block;
  }

  body.optq.optq-ai-interactive .optq-journey-chooser-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.optq :where(.landing-actions, .optq-actions, .optq-choice-panel__actions, .optq-ai-journey-summary-actions, .optq-ppf-cta, .optq-journey-choice-cta__actions, .optq-journey-slide-actions){
    width: 100%;
  }

  body.optq :where(.landing-actions .btn, .optq-actions .btn, .optq-choice-panel__actions .btn, .optq-ai-journey-summary-actions .btn, .optq-ppf-cta .btn, .optq-journey-choice-cta__actions .btn, .optq-journey-slide-actions .btn){
    width: 100%;
  }

  body.optq .optq-ppf-split{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  body.optq .optq-ppf-split > *{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.optq .optq-roi-grid{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
  }

  body.optq .optq-roi-grid > *{
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  body.optq .landing-card-slider,
body.optq .optq-card-slider{
    overflow: hidden;
    width: 100%;
  }

  body.optq .landing-card-slider__track,
body.optq .optq-card-slider__track{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
  }

  body.optq .landing-card-slider__track > [data-slider-slide],
body.optq .optq-card-slider__track > [data-slider-slide],
body.optq .optq-card-slider__track > [data-card-slide],
body.optq .optq-card-slider__slide{
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

}

@media (max-width: 767.98px){

  body.optq .landing-hero,
body.optq .hero-surface,
body.optq .optq-money-hero,
body.optq .optq-hero-rotator{
    padding-top: 104px;
    padding-bottom: 84px;
  }

  body.optq :where(.landing-title, .optq-h1){
    font-size: clamp(2.15rem, 10vw, 3rem);
    line-height: 1.05;
    max-width: 12ch;
    margin-inline: auto;
  }

  body.optq :where(.landing-subtitle, .optq-lead){
    margin-top: 1.35rem;
    max-width: 34ch;
    font-size: 1rem;
    line-height: 1.74;
  }

  body.optq .landing-card{
    border-radius: 24px;
  }

  body.optq .landing-card--compact{
    min-height: auto;
  }

  body.optq .landing-contact{
    border-radius: 26px;
    padding: 20px;
  }

  body.optq .landing-form,
body.optq .optq-form{
    border-radius: 22px;
    padding: 18px;
  }

  body.optq .optq-bullet{
    width: 100%;
    justify-content: center;
  }

  body.optq.optq-ai-interactive .optq-journey-chooser-grid{
    grid-template-columns: 1fr;
    overflow: visible;
    padding-right: 0;
  }

  body.optq.optq-ai-interactive .optq-journey-choice{
    min-height: auto;
    padding: 1.35rem 1.1rem;
    border-radius: 24px;
    align-items: center;
    text-align: center;
  }

  body.optq.optq-ai-interactive .optq-journey-choice-head{
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.optq.optq-ai-interactive .optq-journey-choice-copy{
    align-items: center;
  }

  body.optq.optq-ai-interactive .optq-journey-choice-result{
    text-align: center;
  }

  body.optq.optq-ai-interactive .optq-journey-modal-dialog{
    max-width: 100%;
    margin: .35rem;
  }

  body.optq.optq-ai-interactive .optq-journey-modal-content{
    min-height: calc(100vh - .7rem);
    max-height: calc(100vh - .7rem);
    border-radius: 20px;
  }

  body.optq.optq-ai-interactive .optq-journey-modal-header{
    display: none;
  }

  body.optq.optq-ai-interactive .optq-journey-modal-body{
    padding: .8rem .9rem;
    overflow-y: auto;
    overflow-x: hidden;
    justify-content: center;
  }

  body.optq.optq-ai-interactive .optq-journey-step-card{
    padding: 22px 18px;
    border-radius: 24px;
  }

  body.optq.optq-ai-interactive .optq-journey-slider-footer{
    margin-top: .8rem;
    padding-top: .75rem;
    gap: .75rem;
    position: sticky;
    bottom: 0;
    background: linear-gradient(180deg, rgba(244,246,240,.78), rgba(244,246,240,.96));
    backdrop-filter: blur(6px);
  }

  body.optq.optq-ai-interactive .optq-journey-slider-dots{
    justify-content: center;
    width: 100%;
  }

  body.optq.optq-ai-interactive .optq-journey-slider-nav{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }

  body.optq.optq-ai-interactive .optq-journey-nav-btn{
    min-width: 0;
    min-height: 46px;
    padding: .8rem .9rem;
  }

  body.optq.optq-data-page .optq-circle-step-label{
    font-size: .68rem;
    line-height: 1.05;
  }

  body.optq.optq-data-page .optq-circle-step-nr{
    font-size: .95rem;
  }

  body.optq.optq-data-page .landing-card--textual{
    padding: 1.2rem 1.15rem;
    min-height: 0;
  }

  body.optq.optq-data-page .landing-card__text--signal{
    max-width: none;
    font-size: 1rem;
    line-height: 1.68;
  }

  body.optq .optq-step-modal .modal-dialog{
    max-width: 100%;
    margin: 0.75rem;
  }

  body.optq .optq-step-modal-header{
    padding: 1rem 1rem 0.75rem;
  }

  body.optq .optq-step-modal-body{
    padding: 0.9rem 1rem 1rem;
  }

  body.optq .optq-step-modal-footer{
    padding: 0 1rem 1rem;
    gap: 0.8rem;
  }

body.optq .optq-step-nav{
  grid-template-columns: 1fr 1fr;
}

body.optq #optqStepPrev{
  grid-column: 1;
  grid-row: 1;
}

body.optq #optqStepNext{
  grid-column: 2;
  grid-row: 1;
}

body.optq .optq-step-nav .btn.btn-primary{
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
}

  body.optq .optq-step-nav-btn,
body.optq .optq-step-close-btn{
    width: 100%;
    min-height: 50px;
  }

}

@media (max-width: 420px){

  body.optq.optq-ai-interactive .optq-journey-modal-dialog{
    margin: .28rem;
  }

  body.optq.optq-ai-interactive .optq-journey-modal-content{
    min-height: calc(100vh - .56rem);
    max-height: calc(100vh - .56rem);
    border-radius: 16px;
  }

  body.optq.optq-ai-interactive .optq-journey-modal-body{
    padding: .58rem .74rem .72rem;
  }

  body.optq.optq-ai-interactive .optq-journey-choice{
    padding: 1.2rem 1rem;
    border-radius: 20px;
  }

  body.optq.optq-ai-interactive .optq-journey-choice-title{
    font-size: 1rem;
  }

  body.optq.optq-ai-interactive .optq-journey-choice-text{
    font-size: .84rem;
  }

  body.optq.optq-ai-interactive .optq-journey-step-card{
    padding: 14px 12px;
  }

  body.optq.optq-ai-interactive .optq-journey-step-card__title{
    font-size: 1.18rem;
    line-height: 1.24;
  }

  body.optq.optq-ai-interactive .optq-journey-step-card__text{
    font-size: .88rem;
    line-height: 1.56;
  }

  body.optq.optq-data-page .optq-circle-center{
    padding: .7rem;
  }

  body.optq.optq-data-page .optq-circle-center-title{
    font-size: 1rem;
  }

  body.optq.optq-data-page .optq-circle-center-sub{
    font-size: .78rem;
    line-height: 1.35;
  }

  body.optq.optq-data-page .optq-circle-step-label{
    font-size: .62rem;
  }

  body.optq.optq-data-page .optq-circle-step-nr{
    font-size: .82rem;
  }

}

@media (prefers-reduced-motion: reduce){

  body.optq,
body.optq *{
    scroll-behavior: auto !important;
    transition: none !important;
  }

}

@media (min-width: 992px){

  body.optq .landing-card-slider__track[data-slider-track]{
    transform: none !important;
  }

  body.optq .landing-card-slider__track.landing-grid--2{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  body.optq .landing-card-slider{
    overflow: visible;
  }

  body.optq .landing-card-slider__track.landing-grid--3{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    transform: none !important;
  }

  body.optq .landing-card-slider__track.landing-grid--3 > [data-slider-slide]{
    min-width: 0 !important;
    width: 100% !important;
    flex: initial !important;
  }

  body.optq .landing-card-slider__dots{
    display: none !important;
  }

  body.optq .optq-card-slider__track--2{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  body.optq .optq-card-slider__track--3{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }

  body.optq .landing-card-slider__dots,
body.optq .optq-card-slider__dots{
    display: none !important;
  }

}

body.optq.optq-ai-interactive #paygrowPanel[hidden],
body.optq.optq-ai-interactive #journeySummaryBlock[hidden],
body.optq.optq-ai-interactive #journeyAfterFlow[hidden],
body.optq.optq-ai-interactive #journeyPricingExplainer[hidden],
body.optq.optq-ai-interactive #faq[hidden]{
  display: none !important;
}

@media (min-width: 992px){

  body.optq.optq-ai-interactive #aanpak .landing-card-slider,
body.optq.optq-ai-interactive #aanpak .optq-card-slider{
    overflow: visible;
  }

  body.optq.optq-ai-interactive #aanpak .landing-card-slider__track,
body.optq.optq-ai-interactive #aanpak .optq-card-slider__track{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .95rem;
    transform: none !important;
  }

  body.optq.optq-ai-interactive #aanpak [data-slider-slide]{
    min-width: 0;
    flex: initial;
  }

  body.optq.optq-ai-interactive #aanpak .landing-card{
    min-height: 0;
    padding: 1.2rem 1.25rem;
    border-radius: 24px;
  }

}

@media (min-width: 992px){

  body.optq.optq-data-page #ai-fundering-waarom .landing-story{
    grid-template-columns: minmax(0, 1fr) minmax(400px, .86fr);
    align-items: start;
  }

  body.optq.optq-data-page #ai-fundering-waarom .landing-story__copy{
    display: grid;
    gap: .95rem;
  }

  body.optq.optq-data-page #ai-fundering-waarom .landing-card-slider{
    overflow: visible;
  }

  body.optq.optq-data-page #ai-fundering-waarom .landing-card-slider__track{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .95rem;
    transform: none !important;
  }

  body.optq.optq-data-page #ai-fundering-waarom [data-slider-slide]{
    min-width: 0;
    flex: initial;
  }

  body.optq.optq-data-page #ai-fundering-waarom .landing-card{
    min-height: 0;
    padding: 1.2rem 1.25rem;
    border-radius: 24px;
  }

  body.optq.optq-data-page #ai-fundering-waarom .landing-card-slider__dots{
    display: none !important;
  }

}

body.optq.optq-data-page .optq-circle-wrap{
  overflow: visible;
}

body.optq.optq-data-page .optq-circle{
  width: min(100%, 540px);
  margin-inline: auto;
  --start-angle: -8deg;
  --node: 84px;
  --edge-pad: 8px;
}

body.optq.optq-data-page .optq-circle-ring{
  inset: 13%;
}

body.optq.optq-data-page .optq-circle-center{
  inset: 28%;
}

body.optq.optq-data-page .optq-circle-pos > .optq-circle-step{
  top: 0;
}

body.optq.optq-data-page .optq-circle-step{
  text-align: center;
}

body.optq.optq-data-page .optq-circle-step-label{
  max-width: 5.5ch;
  line-height: 1.08;
}

@media (max-width: 767.98px){

  body.optq.optq-data-page .optq-circle{
    width: min(100%, 350px);
    --start-angle: -8deg;
    --node: 66px;
    --edge-pad: 4px;
  }

  body.optq.optq-data-page .optq-circle-ring{
    inset: 12%;
  }

  body.optq.optq-data-page .optq-circle-center{
    inset: 29%;
  }

}

@media (max-width: 420px){

  body.optq.optq-data-page .optq-circle{
    width: min(100%, 312px);
    --node: 56px;
    --edge-pad: 2px;
  }

  body.optq.optq-data-page .optq-circle-center{
    inset: 31%;
  }

}

body.optq.optq-data-page .landing-card--usecase{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: .85rem;
}

body.optq.optq-data-page .landing-card--usecase .landing-card__title,
body.optq.optq-data-page .landing-card--usecase .landing-card__text{
  max-width: none;
}

body.optq.optq-data-page .landing-card--textual,
body.optq.optq-data-page .landing-card--signal{
  padding: 1.2rem 1.25rem;
  min-height: 0;
}

body.optq.optq-data-page .landing-card__text--signal{
  max-width: none;
  font-size: clamp(1rem, 1.08vw, 1.06rem);
  line-height: 1.7;
}

@media (max-width: 767.98px){

  body.optq.optq-data-page .landing-card--usecase{
    padding: 1.25rem 1.1rem;
  }

  body.optq.optq-data-page .landing-card--usecase .landing-card__title{
    display: block;
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.2;
  }

  body.optq.optq-data-page .landing-card--usecase .landing-card__text{
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.68;
  }

}

body.optq .landing-card.glass.optq-tile{
  box-shadow: var(--dt-shadow-sm);
}

body.optq .landing-card .card-body{
  padding: 0;
}

body.optq .optq-journey-chooser-intro__eyebrow{
  display: block;
  margin: 0 0 .65rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sub-2);
}

@media (min-width: 992px){

  body.optq .landing-card-slider__track > [data-slider-slide],
body.optq .optq-card-slider__track > [data-slider-slide]{
    min-width: 0;
  }

}

body.optq [hidden]{
  display: none !important;
}

body.optq .optq-ai-journey-hero .landing-hero__content{
  max-width: 980px;
  margin-inline: auto;
}

body.optq .optq-info-card{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

body.optq .optq-info-card__top{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

body.optq .optq-info-card__badge{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  background: var(--sub-2);
  color: #fafaf6;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(var(--sub-2-rgb), .18);
}

body.optq .optq-info-card__title{
  margin: 0;
  width: 100%;
  color: var(--text);
  font-size: clamp(1.24rem, 1.8vw, 1.65rem);
  line-height: 1.18;
  letter-spacing: -.02em;
  font-weight: 760;
}

body.optq .optq-info-card .landing-card__text{
  margin-top: 0;
}

body.optq.optq-ai-interactive .optq-ppf-card{
  display: block;
}

body.optq.optq-ai-interactive .optq-ppf-card .optq-ppf-badge,
body.optq.optq-ai-interactive .optq-ppf-card .optq-ppf-title{
  margin: 0;
}

body.optq{
  --dt-page-max: 1200px;
  --dt-shell-gutter: clamp(20px, 3vw, 38px);
  --dt-copy-max: 720px;
  --dt-section-space: clamp(88px, 9vw, 124px);
  --dt-surface-1: linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,247,242,.92));
  --dt-surface-2: linear-gradient(180deg, rgba(255,255,255,.90), rgba(245,246,240,.89));
  --dt-shadow-sm: 0 18px 44px rgba(20,20,18,.048);
  --dt-shadow-md: 0 24px 68px rgba(20,20,18,.065);
  --dt-shadow-lg: 0 34px 90px rgba(20,20,18,.09);
}

body.optq .landing-section__head,
body.optq .optq-section-head,
body.optq .optq-ppf-head{
  max-width: 700px;
  margin-bottom: clamp(32px, 4vw, 48px);
}

body.optq .landing-section__text,
body.optq .landing-subtitle,
body.optq .landing-card__text,
body.optq .roadmap-step__text,
body.optq .roadmap-mobile-step__text,
body.optq .landing-faq__text,
body.optq .optq-lead,
body.optq .optq-muted,
body.optq .optq-roi-v,
body.optq .optq-ppf-text,
body.optq .optq-journey-choice-text,
body.optq .optq-journey-step-card__text{
  max-width: 68ch;
}

body.optq .landing-actions{
  gap: .9rem;
}

body.optq .btn-primary,
body.optq .btn-ghost{
  letter-spacing: -.01em;
}

body.optq .landing-card,
body.optq .landing-faq__item,
body.optq .optq-modal-content,
body.optq .optq-ai-journey-summary,
body.optq .optq-ppf-card,
body.optq .optq-ppf-box,
body.optq .optq-choice-panel{
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.optq .landing-card{
  padding: 1.5rem;
}

body.optq .landing-card--compact{
  padding: 1.45rem 1.3rem;
}

body.optq .landing-card--signal,
body.optq .landing-card--decision,
body.optq .landing-card--feature,
body.optq .landing-card--outcome,
body.optq .landing-card--usecase,
body.optq .landing-card--scan{
  min-height: 100%;
}

body.optq .landing-card__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .65rem;
}

body.optq .landing-badge,
body.optq .landing-step-badge,
body.optq .landing-pill-soft{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.15rem;
  min-height: 2.15rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: rgba(var(--brand-rgb), .06);
  border: 1px solid rgba(var(--brand-rgb), .11);
  color: var(--brand);
  font-size: .78rem;
  font-weight: 760;
}

body.optq .landing-step-badge{
  min-width: 2.5rem;
  min-height: 2.5rem;
  background: var(--sub-2);
  color: #fafaf6;
  box-shadow: 0 12px 28px rgba(var(--sub-2-rgb), .18);
}

body.optq .landing-card__divider{
  width: 100%;
  height: 1px;
  margin: .15rem 0 .2rem;
  background: linear-gradient(90deg, rgba(26,26,22,.08), rgba(26,26,22,.02));
}

body.optq .landing-story{
  grid-template-columns: minmax(0, 1fr) minmax(320px, .74fr);
  gap: clamp(24px, 3vw, 40px);
}

body.optq .landing-visual-card{
  min-height: 540px;
}

body.optq .landing-hero__content{
  max-width: 960px;
}

body.optq .landing-title{
  font-size: clamp(2.9rem, 5.2vw, 5rem);
}

body.optq .landing-title__dynamic{
  color: color-mix(in srgb, var(--text) 78%, var(--brand) 22%);
}

body.optq .landing-section--calm{
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(239,243,239,.36));
}

body.optq .landing-dual-grid,
body.optq .landing-feature-grid,
body.optq .landing-scan-grid,
body.optq .landing-summary-grid,
body.optq .landing-choice-grid,
body.optq .landing-outcome-grid,
body.optq .landing-proof-grid{
  display: grid;
  gap: clamp(18px, 2.2vw, 26px);
}

body.optq .landing-choice-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.optq .landing-dual-grid,
body.optq .landing-summary-grid,
body.optq .landing-outcome-grid,
body.optq .landing-proof-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.optq .landing-feature-grid,
body.optq .landing-scan-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.optq .landing-choice-card{
  display: block;
  width: 100%;
  text-align: left;
  padding: 1.45rem;
  border-radius: var(--dt-radius-lg);
  border: 1px solid var(--dt-border-soft);
  background: var(--dt-surface-1);
  box-shadow: var(--dt-shadow-sm);
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

body.optq .landing-choice-card:hover,
body.optq .landing-choice-card.is-active{
  transform: translateY(-2px);
  border-color: rgba(var(--brand-rgb), .24);
  box-shadow: var(--dt-shadow-md);
}

body.optq .landing-choice-card__top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

body.optq .landing-choice-card__icon{
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--brand-rgb), .06);
  color: var(--brand);
  font-size: 1rem;
}

body.optq .landing-choice-card__result{
  display: inline-flex;
  margin-top: 1rem;
  font-size: .82rem;
  font-weight: 700;
  color: var(--brand);
}

body.optq .landing-process-rail{
  display: grid;
  gap: 1rem;
  max-width: 900px;
  margin: 0 auto;
}

body.optq .landing-process-step{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1.1rem;
  align-items: start;
  padding: 1.35rem 1.4rem;
  border-radius: var(--dt-radius-lg);
  background: var(--dt-surface-1);
  border: 1px solid var(--dt-border-soft);
  box-shadow: var(--dt-shadow-sm);
}

body.optq .landing-process-step__body{
  display: grid;
  gap: .45rem;
}

body.optq .landing-process-step__title{
  margin: 0;
  font-size: clamp(1.18rem, 1.5vw, 1.45rem);
  line-height: 1.15;
  font-weight: 760;
  color: var(--text);
}

body.optq .landing-process-step__label{
  color: var(--brand);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
}

body.optq .landing-process-step__text{
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
}

body.optq .landing-cta-band{
  display: grid;
  gap: 1rem;
  align-items: center;
  padding: clamp(24px, 3vw, 34px);
  border-radius: var(--dt-radius-xl);
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(244,246,240,.92));
  border: 1px solid rgba(26,26,22,.08);
  box-shadow: var(--dt-shadow-md);
}

body.optq .landing-cta-band__copy{
  max-width: 680px;
}

body.optq .landing-cta-band__title{
  margin: 0;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1.1;
  font-weight: 760;
  color: var(--text);
}

body.optq .landing-cta-band__text{
  margin: .65rem 0 0;
  color: var(--muted);
  line-height: 1.8;
}

body.optq .landing-scan-card__footer{
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--dt-border-faint);
}

body.optq .landing-result-panel[hidden]{
  display: none !important;
}

body.optq .landing-result-panel{
  padding: clamp(24px, 3vw, 34px);
  border-radius: var(--dt-radius-xl);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,246,240,.92));
  border: 1px solid rgba(26,26,22,.08);
  box-shadow: var(--dt-shadow-md);
}

body.optq .landing-result-panel__head{
  display: grid;
  gap: .8rem;
  margin-bottom: 1.4rem;
}

body.optq .landing-result-panel__title{
  margin: 0;
  font-size: clamp(1.6rem, 2.4vw, 2.2rem);
  line-height: 1.08;
  font-weight: 760;
  color: var(--text);
}

body.optq .landing-result-panel__text{
  margin: 0;
  color: var(--muted);
  line-height: 1.82;
}

body.optq .landing-result-panel__meta{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  color: var(--brand);
  font-size: .82rem;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: .12em;
}

body.optq .optq-circle{
  width: min(100%, 880px);
  min-height: 720px;
  margin: 0 auto;
}

body.optq .optq-circle-center{
  width: 290px;
  height: 290px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 22px 54px rgba(20,20,18,.08);
}

body.optq .optq-circle-center-title{
  font-size: clamp(1.9rem, 2.5vw, 2.45rem);
  line-height: 1.05;
}

body.optq .optq-circle-center-sub{
  max-width: 12ch;
  margin-inline: auto;
}

body.optq .optq-circle-step{
  width: 126px;
  height: 126px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(26,26,22,.09);
  box-shadow: 0 18px 42px rgba(20,20,18,.075);
}

body.optq .optq-circle-step.is-active,
body.optq .optq-circle-step:hover{
  transform: translateY(-2px);
  border-color: rgba(var(--brand-rgb), .24);
}

body.optq .optq-circle-step-nr{
  font-size: 1.9rem;
  line-height: 1;
  font-weight: 800;
  color: var(--text);
}

body.optq .optq-circle-step-label{
  max-width: 7ch;
  margin-top: .15rem;
  color: var(--brand);
  font-size: .76rem;
  font-weight: 760;
  letter-spacing: -.01em;
  line-height: 1.2;
  text-align: center;
}

body.optq .optq-step-modal-content{
  border-radius: 28px;
}

@media (min-width: 992px){

  body.optq .landing-cta-band{
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: space-between;
  }

}

@media (max-width: 991.98px){

  body.optq .landing-summary-grid,
body.optq .landing-choice-grid{
    grid-template-columns: 1fr;
  }

  body.optq .landing-feature-grid,
body.optq .landing-scan-grid,
body.optq .landing-dual-grid,
body.optq .landing-outcome-grid,
body.optq .landing-proof-grid{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .2rem .2rem 1rem;
    margin-inline: -.2rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.optq .landing-feature-grid::-webkit-scrollbar,
body.optq .landing-scan-grid::-webkit-scrollbar,
body.optq .landing-dual-grid::-webkit-scrollbar,
body.optq .landing-outcome-grid::-webkit-scrollbar,
body.optq .landing-proof-grid::-webkit-scrollbar{
    display: none;
  }

  body.optq .landing-feature-grid > *,
body.optq .landing-scan-grid > *,
body.optq .landing-dual-grid > *,
body.optq .landing-outcome-grid > *,
body.optq .landing-proof-grid > *{
    flex: 0 0 84%;
    min-width: 84%;
    max-width: 84%;
    scroll-snap-align: start;
  }

  body.optq .landing-feature-grid > .landing-card,
body.optq .landing-scan-grid > .landing-card,
body.optq .landing-dual-grid > .landing-card,
body.optq .landing-outcome-grid > .landing-card,
body.optq .landing-proof-grid > .landing-card,
body.optq .landing-feature-grid > * > .landing-card,
body.optq .landing-scan-grid > * > .landing-card,
body.optq .landing-dual-grid > * > .landing-card,
body.optq .landing-outcome-grid > * > .landing-card,
body.optq .landing-proof-grid > * > .landing-card{
    height: auto;
    min-height: 0;
  }

  body.optq .landing-story{
    grid-template-columns: 1fr;
  }

  body.optq .landing-story__media{
    position: static;
  }

body.optq .landing-visual-card{
  height: clamp(240px, 72vw, 360px);
}

  body.optq .optq-circle{
    min-height: auto;
  }

}

@media (max-width: 767.98px){

  body.optq .landing-card{
    padding: 1.35rem;
  }

  body.optq .landing-process-step{
    grid-template-columns: 1fr;
  }

  body.optq .landing-feature-grid > *,
body.optq .landing-scan-grid > *,
body.optq .landing-dual-grid > *,
body.optq .landing-outcome-grid > *,
body.optq .landing-proof-grid > *{
    flex-basis: 88%;
    min-width: 88%;
    max-width: 88%;
  }

  body.optq .landing-feature-grid,
body.optq .landing-scan-grid,
body.optq .landing-dual-grid,
body.optq .landing-outcome-grid,
body.optq .landing-proof-grid{
    gap: .9rem;
  }

}

@media (max-width: 420px){

  body.optq .landing-feature-grid > *,
body.optq .landing-scan-grid > *,
body.optq .landing-dual-grid > *,
body.optq .landing-outcome-grid > *,
body.optq .landing-proof-grid > *{
    flex-basis: 92%;
    min-width: 92%;
    max-width: 92%;
  }

}

body.optq .optq-foundation-diagram-section{
  position: relative;
  overflow: hidden;
}

body.optq .optq-foundation-diagram-section .landing-section__head{
  margin-bottom: 72px;
}

body.optq .optq-foundation-diagram-section .landing-section__bg img{
  filter: saturate(.62) contrast(.92) brightness(1.02);
}

body.optq .optq-foundation-diagram-section::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(247,246,240,.93) 0%, rgba(247,246,240,.89) 30%, rgba(247,246,240,.86) 58%, rgba(247,246,240,.93) 100%),
    radial-gradient(840px 320px at 50% 0%, rgba(var(--brand-rgb), .022), transparent 74%);
}

body.optq .optq-foundation-diagram{
  --diagram-size: min(720px, 92vw);
  --orbit-size: 430px;
  --center-size: 250px;
  --node-size: 108px;
  position: relative;
  width: var(--diagram-size);
  height: var(--diagram-size);
  margin: 0 auto;
}

body.optq .optq-foundation-diagram__orbit{
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--orbit-size);
  height: var(--orbit-size);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255,255,255,.24);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06),
    0 18px 42px rgba(20,20,18,.035);
}

body.optq .optq-foundation-diagram__center{
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--center-size);
  height: var(--center-size);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(26,26,22,.05);
  box-shadow: 0 12px 28px rgba(20,20,18,.045);
  display: grid;
  place-items: center;
  text-align: center;
  z-index: 2;
}

body.optq .optq-foundation-diagram__center-inner{
  width: min(190px, 80%);
}

body.optq .optq-foundation-diagram__center-title{
  margin: 0;
  color: var(--text);
  font-size: clamp(2rem, 2.7vw, 2.6rem);
  line-height: 1.02;
  letter-spacing: -.045em;
  font-weight: 790;
}

body.optq .optq-foundation-diagram__center-text{
  margin: .9rem 0 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.12vw, 1.14rem);
  line-height: 1.65;
}

body.optq .optq-foundation-node{
  position: absolute;
  left: calc(50% + var(--node-x));
  top: calc(50% + var(--node-y));
  width: var(--node-size);
  height: var(--node-size);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(26,26,22,.08);
  background: rgba(255,255,255,.95);
  box-shadow: 0 12px 28px rgba(20,20,18,.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .16rem;
  text-align: center;
  cursor: pointer;
  z-index: 3;
  transition: transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background-color .2s ease;
}

body.optq .optq-foundation-node:hover,
body.optq .optq-foundation-node:focus-visible,
body.optq .optq-foundation-node.is-active{
  transform: translate(-50%, -50%) scale(1.03);
  border-color: rgba(var(--brand-rgb), .18);
  box-shadow: 0 16px 34px rgba(20,20,18,.07);
}

body.optq .optq-foundation-node__num{
  display: block;
  color: var(--text);
  font-size: 1.95rem;
  line-height: 1;
  font-weight: 820;
  letter-spacing: -.03em;
}

body.optq .optq-foundation-node__label{
  display: block;
  width: 82px;
  color: var(--text);
  font-size: .94rem;
  line-height: 1.08;
  font-weight: 720;
  letter-spacing: -.02em;
  text-align: center;
  text-wrap: balance;
}

body.optq .optq-foundation-node--1{
  --node-x: 0px;
  --node-y: -268px;
}

body.optq .optq-foundation-node--2{
  --node-x: 210px;
  --node-y: -168px;
}

body.optq .optq-foundation-node--3{
  --node-x: 261px;
  --node-y: 60px;
}

body.optq .optq-foundation-node--4{
  --node-x: 116px;
  --node-y: 242px;
}

body.optq .optq-foundation-node--5{
  --node-x: -116px;
  --node-y: 242px;
}

body.optq .optq-foundation-node--6{
  --node-x: -261px;
  --node-y: 60px;
}

body.optq .optq-foundation-node--7{
  --node-x: -210px;
  --node-y: -168px;
}

body.optq .optq-foundation-node--2 .optq-foundation-node__label{
  width: 92px;
  font-size: .86rem;
  line-height: 1.06;
}

@media (max-width: 991.98px){

  body.optq .optq-foundation-diagram-section .landing-section__head{
    margin-bottom: 56px;
  }

  body.optq .optq-foundation-diagram{
    --diagram-size: min(620px, 100%);
    --orbit-size: 370px;
    --center-size: 220px;
    --node-size: 96px;
  }

  body.optq .optq-foundation-node__num{
    font-size: 1.72rem;
  }

  body.optq .optq-foundation-node__label{
    width: 74px;
    font-size: .86rem;
  }

  body.optq .optq-foundation-node--1{
    --node-x: 0px;
    --node-y: -232px;
  }

  body.optq .optq-foundation-node--2{
    --node-x: 182px;
    --node-y: -145px;
  }

  body.optq .optq-foundation-node--3{
    --node-x: 226px;
    --node-y: 52px;
  }

  body.optq .optq-foundation-node--4{
    --node-x: 100px;
    --node-y: 210px;
  }

  body.optq .optq-foundation-node--5{
    --node-x: -100px;
    --node-y: 210px;
  }

  body.optq .optq-foundation-node--6{
    --node-x: -226px;
    --node-y: 52px;
  }

  body.optq .optq-foundation-node--7{
    --node-x: -182px;
    --node-y: -145px;
  }

  body.optq .optq-foundation-node--2 .optq-foundation-node__label{
    width: 82px;
    font-size: .8rem;
  }

}

@media (max-width: 767.98px){

  body.optq .optq-foundation-diagram-section .landing-section__head{
    margin-bottom: 40px;
  }

  body.optq .optq-foundation-diagram{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
    align-items: stretch;
  }

  body.optq .optq-foundation-diagram__orbit{
    display: none;
  }

  body.optq .optq-foundation-diagram__center{
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    min-height: 210px;
    height: auto;
    grid-column: 1 / -1;
    border-radius: 34px;
    padding: 1.65rem 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(56,63,58,.085);
    background:
      linear-gradient(180deg, rgba(255,255,255,.90), rgba(247,246,242,.76)),
      linear-gradient(140deg, rgba(239,236,231,.56), rgba(255,255,255,.22));
    box-shadow:
      0 12px 28px rgba(20,20,18,.034),
      0 28px 84px rgba(20,20,18,.07),
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -1px 0 rgba(255,255,255,.16);
    backdrop-filter: blur(16px) saturate(130%);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
  }

  body.optq .optq-foundation-diagram__center::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .16;
    background-image:
      radial-gradient(circle at 14% 16%, rgba(64,70,66,.08) 0, rgba(64,70,66,0) 22%),
      radial-gradient(circle at 84% 18%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
      radial-gradient(circle at 30% 74%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
      radial-gradient(circle at 72% 78%, rgba(64,70,66,.045) 0, rgba(64,70,66,0) 20%),
      radial-gradient(circle at 50% 48%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 26%);
    mix-blend-mode: multiply;
    filter: blur(16px);
  }

  body.optq .optq-foundation-diagram__center::after{
    content: "";
    position: absolute;
    inset: -34%;
    pointer-events: none;
    opacity: .9;
    background:
      radial-gradient(circle at 18% 24%, rgba(108,133,120,.24), transparent 14%),
      radial-gradient(circle at 72% 24%, rgba(157,179,191,.22), transparent 16%),
      radial-gradient(circle at 84% 56%, rgba(255,255,255,.24), transparent 16%),
      radial-gradient(circle at 58% 82%, rgba(120,145,133,.18), transparent 17%),
      radial-gradient(circle at 38% 58%, rgba(89,112,101,.14), transparent 20%),
      radial-gradient(circle at 54% 42%, rgba(182,193,197,.12), transparent 24%);
    filter: blur(30px);
  }

  body.optq .optq-foundation-diagram__center-inner{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 240px;
  }

  body.optq .optq-foundation-diagram__center-title{
    font-size: clamp(2.1rem, 9vw, 2.9rem);
    line-height: 1.02;
    letter-spacing: -.055em;
  }

  body.optq .optq-foundation-diagram__center-text{
    margin-top: .9rem;
    font-size: .98rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--muted) 88%, #6d746f);
  }

  body.optq .optq-foundation-node{
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    min-height: 148px;
    height: auto;
    transform: none !important;
    border-radius: 28px;
    padding: 1.2rem .9rem 1rem;
    overflow: hidden;
    border: 1px solid rgba(56,63,58,.085);
    background:
      linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,246,242,.74)),
      linear-gradient(140deg, rgba(239,236,231,.56), rgba(255,255,255,.20));
    box-shadow:
      0 12px 28px rgba(20,20,18,.034),
      0 28px 84px rgba(20,20,18,.07),
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -1px 0 rgba(255,255,255,.16);
    backdrop-filter: blur(16px) saturate(130%);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    gap: .28rem;
    transition:
      transform .28s ease,
      box-shadow .28s ease,
      border-color .28s ease;
  }

  body.optq .optq-foundation-node::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .14;
    background-image:
      radial-gradient(circle at 14% 16%, rgba(64,70,66,.08) 0, rgba(64,70,66,0) 22%),
      radial-gradient(circle at 84% 18%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
      radial-gradient(circle at 30% 74%, rgba(64,70,66,.05) 0, rgba(64,70,66,0) 20%),
      radial-gradient(circle at 72% 78%, rgba(64,70,66,.045) 0, rgba(64,70,66,0) 20%);
    mix-blend-mode: multiply;
    filter: blur(14px);
  }

  body.optq .optq-foundation-node::after{
    content: "";
    position: absolute;
    inset: -28%;
    z-index: 0;
    pointer-events: none;
    opacity: .82;
    background:
      radial-gradient(circle at 18% 24%, rgba(108,133,120,.22), transparent 14%),
      radial-gradient(circle at 72% 24%, rgba(157,179,191,.18), transparent 16%),
      radial-gradient(circle at 84% 56%, rgba(255,255,255,.20), transparent 16%),
      radial-gradient(circle at 58% 82%, rgba(120,145,133,.16), transparent 17%);
    filter: blur(24px);
  }

  body.optq .optq-foundation-node > *{
    position: relative;
    z-index: 2;
  }

  body.optq .optq-foundation-node:hover,
  body.optq .optq-foundation-node:focus-visible,
  body.optq .optq-foundation-node.is-active{
    transform: translateY(-3px) !important;
    border-color: rgba(56,63,58,.12);
    box-shadow:
      0 16px 38px rgba(20,20,18,.05),
      0 36px 102px rgba(20,20,18,.09),
      inset 0 1px 0 rgba(255,255,255,.82),
      inset 0 -1px 0 rgba(255,255,255,.18);
  }

  body.optq .optq-foundation-node__num{
    font-size: 2.35rem;
    line-height: .92;
    font-weight: 820;
    letter-spacing: -.05em;
    color: var(--text);
  }

  body.optq .optq-foundation-node__label{
    width: auto;
    max-width: 96px;
    font-size: .98rem;
    line-height: 1.08;
    font-weight: 730;
    letter-spacing: -.02em;
    color: var(--text);
    text-wrap: balance;
  }

  body.optq .optq-foundation-node--7{
    grid-column: 1 / -1;
    justify-self: center;
    width: min(100%, calc(50% - 9px));
  }
}


body.optq .optq-step-label-block{
  margin-top: 2rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(26,26,22,.08);
}

body.optq .optq-step-label-title{
  margin: 0 0 .95rem;
  color: var(--text);
  font-size: .95rem;
  font-weight: 760;
  letter-spacing: -.01em;
}

body.optq .optq-step-labels{
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

body.optq .optq-step-label-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .72rem 1rem;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(26,26,22,.08);
  color: var(--text);
  font-size: .88rem;
  font-weight: 740;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(20,20,18,.04);
}

@media (max-width: 991.98px){

  body.optq .slider-progress{
    width: 100%;
    height: 5px;
    margin-top: .8rem;
    border-radius: 999px;
    background: rgba(34,48,34,.08);
    overflow: hidden;
  }

  body.optq .slider-progress span{
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      rgba(var(--brand-rgb), .96),
      rgba(var(--brand-rgb), .52)
    );
    transition: width .18s ease-out;
  }

}

@media (max-width: 991.98px){

  body.optq .landing-step-badge{
    inline-size: 2.75rem;
    block-size: 2.75rem;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
  }

  body.optq .landing-process-step,
body.optq .roadmap-mobile-step__top{
    align-items: flex-start;
  }

}

body.optq .landing-title__accent-more{
  color: var(--brand);
}

body.optq .landing-title__accent-less{
  color: var(--sub-2);
}


@media (max-width: 991.98px){
  body.optq #diensten{
    --diensten-stage-bg: linear-gradient(180deg, #f2f0eb 0%, #e9e6df 100%);
    background: var(--diensten-stage-bg);
  }

  /* de horizontale slider-zone exact dezelfde achtergrond als de sectie */
  body.optq #diensten .landing-feature-grid--services-premium{
    background: var(--diensten-stage-bg);
    border-radius: 24px;
  }

  /* progress-wrapper visueel in dezelfde sectiekleur laten vallen */
  body.optq #diensten .slider-progress[data-for-mobile-grid]{
    background: var(--diensten-stage-bg);
    border-radius: 999px;
    margin-top: .8rem;
  }

  /* alleen de echte voortgang zichtbaar maken */
  body.optq #diensten .slider-progress[data-for-mobile-grid] span{
    display: block;
    height: 100%;
    border-radius: inherit;
    background: rgba(47, 61, 49, .22);
  }
}

@media (max-width: 767.98px){
  body.optq #diensten .landing-feature-grid--services-premium{
    border-radius: 20px;
  }
}


body.optq #landing-hero-title.landing-title--home{
  display: grid;
  gap: 0.04em;
  max-width: none;
  text-wrap: initial;
}

body.optq #landing-hero-title.landing-title--home .landing-title__line{
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.22em;
  white-space: nowrap;
}

body.optq #landing-hero-title.landing-title--home .landing-title__line--3{
  display: block;
  text-align: center;
}

body.optq #landing-hero-title.landing-title--home .landing-title__dynamic{
  display: inline-block;
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap;
}

@media (max-width: 767.98px){
  body.optq #landing-hero-title.landing-title--home{
    max-width: none;
    font-size: clamp(2rem, 10.5vw, 3rem);
    line-height: 1.02;
  }

  body.optq #landing-hero-title.landing-title--home .landing-title__line{
    gap: 0.16em;
  }

  body.optq #landing-hero-title.landing-title--home .landing-title__line--3{
    font-size: 0.84em;
    line-height: 1.04;
  }
}


@media (min-width: 992px){
  body.optq .landing-section--roadmap-premium .landing-process-rail{
    max-width: 980px;
    gap: 1.55rem;
    margin-inline: auto;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step{
    max-width: 980px;
    margin-inline: auto;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 1.2rem;
    padding: 1.8rem 1.9rem;
    border-radius: 32px;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__body{
    max-width: 62ch;
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__title{
    font-size: clamp(1.35rem, 1.7vw, 1.9rem);
  }

  body.optq .landing-section--roadmap-premium .landing-process-step__text{
    max-width: 54ch;
  }
}


/* =========================================================
   ABOUT / FOUNDERS MINI MODAL
   ========================================================= */

body.optq.optq-about .optq-founder-trigger{
  margin-top: .9rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--brand);
  font-size: .95rem;
  font-weight: 760;
  line-height: 1.4;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  cursor: pointer;
}

body.optq.optq-about .optq-founder-trigger:hover{
  color: var(--brand-2);
}

body.optq.optq-about .optq-founder-trigger:focus-visible{
  border-radius: 10px;
}

body.optq.optq-about .optq-founder-modal .modal-dialog{
  max-width: 760px;
}

body.optq.optq-about .optq-founder-modal-content{
  border-radius: 30px;
  overflow: hidden;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.optq.optq-about .optq-founder-modal-header{
  padding: 1.25rem 1.25rem 1rem;
}

body.optq.optq-about .optq-founder-modal-top{
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

body.optq.optq-about .optq-founder-modal-media{
  width: 88px;
  height: 88px;
  border-radius: 24px;
  overflow: hidden;
  flex: 0 0 88px;
  border: 1px solid rgba(26,26,22,.08);
  box-shadow: var(--dt-shadow-xs);
}

body.optq.optq-about .optq-founder-modal-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.optq.optq-about .optq-founder-modal-headcopy{
  min-width: 0;
}

body.optq.optq-about .optq-founder-modal-headcopy .optq-modal-kicker{
  margin-bottom: .55rem;
}

body.optq.optq-about .optq-founder-modal-headcopy .optq-modal-title{
  margin-bottom: .3rem;
}

body.optq.optq-about .optq-founder-modal-body{
  padding: 1.25rem 1.25rem 1.35rem;
}

body.optq.optq-about .optq-founder-modal-lead{
  margin: 0 0 1rem;
  color: var(--text);
  font-size: 1.02rem;
  font-weight: 620;
  line-height: 1.72;
}

body.optq.optq-about .optq-founder-modal-copy{
  display: grid;
  gap: .95rem;
}

body.optq.optq-about .optq-founder-modal-copy p{
  margin: 0;
  color: var(--muted);
  line-height: 1.82;
}

body.optq.optq-about .optq-founder-modal-links{
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1.2rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(26,26,22,.08);
}

body.optq.optq-about .optq-founder-modal-actions{
  margin-top: 1rem;
}

body.optq.optq-about .optq-founder-modal .btn-close{
  opacity: 1;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 999px;
  background-color: rgba(45,59,45,.08);
  box-shadow: none;
  flex: 0 0 auto;
}

body.optq.optq-about .optq-founder-modal .btn-close:hover{
  background-color: rgba(45,59,45,.14);
}

@media (max-width: 767.98px){
  body.optq.optq-about .optq-founder-modal .modal-dialog{
    margin: .7rem;
  }

  body.optq.optq-about .optq-founder-modal-top{
    align-items: flex-start;
  }

  body.optq.optq-about .optq-founder-modal-media{
    width: 72px;
    height: 72px;
    flex-basis: 72px;
    border-radius: 20px;
  }

  body.optq.optq-about .optq-founder-modal-header{
    padding: 1rem 1rem .8rem;
  }

  body.optq.optq-about .optq-founder-modal-body{
    padding: 1rem 1rem 1.1rem;
  }

  body.optq.optq-about .optq-founder-modal-links{
    gap: .55rem;
  }
}


body.optq .optq-navcta{
  display:flex;
  align-items:center;
  gap:.75rem;
}

body.optq .optq-langswitch{
  white-space:nowrap;
}