/* MeetIQ 6.4.2 — shared brand foundations and a neutral photographic palette. */
:root {
  --mq-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mq-ink: #24252a;
  --mq-copy: #605e69;
  --mq-muted: #6e6a77;
  --mq-accent: #6b5bc8;
  --mq-accent-hover: #5748b1;
  --mq-paper: #fafafb;
  --mq-surface: #f2f1f5;
  --mq-tint: #efedf6;
  --mq-photo-tone: #b0a5c2;
  --mq-white: #ffffff;
  --mq-line: #e3e0e8;
  --mq-line-strong: #c8c0d8;
  --mq-button-hover: #36323f;
  --mq-radius: 16px;
  --mq-control-radius: 9px;
  --mq-heading-weight: 470;
  --mq-label-weight: 550;
  --mq-space: clamp(72px, 8vw, 110px);
  --mq-shadow: 0 16px 40px rgb(36 37 42 / 5%);

  /* Compatibility aliases for the original templates. */
  --ink: var(--mq-ink);
  --ink-soft: var(--mq-copy);
  --violet: var(--mq-accent);
  --violet-2: var(--mq-accent);
  --blue: var(--mq-accent);
  --paper: var(--mq-paper);
  --paper-alt: var(--mq-surface);
  --lavender: var(--mq-tint);
  --line: var(--mq-line);
  --line-strong: var(--mq-line-strong);
  --miq-page-ink: var(--mq-ink);
  --miq-page-copy: var(--mq-copy);
  --miq-page-muted: var(--mq-muted);
  --miq-page-violet: var(--mq-accent);
  --miq-page-blue: var(--mq-accent);
  --miq-page-paper: var(--mq-paper);
  --miq-page-tint: var(--mq-tint);
  --miq-page-line: var(--mq-line);
}

body { background: var(--mq-paper); color: var(--mq-copy); font-family: var(--mq-font); }
#main-content, .miq-site-nav, .mq-unified-footer, .mq-image-dialog {
  font-family: var(--mq-font);
  color: var(--mq-copy);
  letter-spacing: -.012em;
}
#main-content { background: var(--mq-paper); font-size: 15px; line-height: 1.75; }
#main-content *,
.miq-site-nav :where(a,button), .mq-unified-footer :where(h2,a,p) { font-family: var(--mq-font); }
#main-content :is(h1,h2,h3,h4,h5,h6) { color: var(--mq-ink); }
#main-content :is(h1,h2) { font-weight: var(--mq-heading-weight); text-wrap: balance; }
#main-content h1 { letter-spacing: -.055em; line-height: 1.09; }
#main-content h2 { letter-spacing: -.045em; line-height: 1.17; }
#main-content :is(h3,h4) { font-weight: 550; letter-spacing: -.025em; }
#main-content :is(p,li,dt,dd,label,blockquote) { color: var(--mq-copy); }
#main-content :is(small,time,figcaption) { color: var(--mq-muted); }
#main-content :is(h1,h2,h3,h4) em { color: var(--mq-accent); font-style: normal; }
#main-content :is(.mq-eyebrow,.mq-kicker,.miq-page-eyebrow,.miq-purchase-eyebrow,.miq-purchase-request__step) {
  color: var(--mq-muted); font-size: 10px; font-weight: var(--mq-label-weight); line-height: 1.6; letter-spacing: .12em;
}
#main-content .meetiq-contact__eyebrow { color: var(--mq-muted) !important; font-family: var(--mq-font) !important; }
#main-content :is(.mq-lead,.miq-page-lead,.mq-product-intro,.miq-purchase-summary) { font-size: 16px; line-height: 1.8; }
#main-content :is(.miq-entry-content,.miq-entry-content p,.miq-entry-content li) { font-size: 15px; line-height: 1.85; }
#main-content .miq-entry-content strong { color: var(--mq-ink); font-weight: 550; }
#main-content :is(.mq-hero-note,.mq-demo-note,.mq-product-footnote,.mq-gallery-hint,.mq-gallery-hint span,.mq-inner-caption,.mq-stage-label,.mq-product-end>div>p:last-child,.miq-purchase-price-note,.miq-purchase-primary-note) {
  color: var(--mq-muted); font-size: 11px; line-height: 1.75;
}
#main-content :is(.mq-section-heading>p,.mq-film-steps p,.mq-spec-card p,.mq-faq-list details p,.miq-page-faq details p,.miq-info-grid p,.miq-contact-cards p,.mq-detail-controls p,.miq-purchase-assurance p,.miq-purchase-policies p) {
  color: var(--mq-copy); font-size: 14px; line-height: 1.8;
}
#main-content :is(.mq-faq-list summary,.miq-page-faq summary,.mq-order-enquiry>summary) { color: var(--mq-ink); font-size: 16px; font-weight: 500; line-height: 1.6; }
#main-content :is(.mq-faq-list summary,.miq-page-faq summary):hover { color: var(--mq-accent); }
#main-content :is(.mq-product-tagline,.mq-help-art>p) { color: var(--mq-ink); }
#main-content :is(.mq-facts strong,.mq-product-facts strong,.mq-spec-card>strong,.miq-purchase-price strong) { color: var(--mq-ink); font-weight: var(--mq-heading-weight); }
#main-content :is(.mq-minutes strong,.mq-order-stat strong,.mq-product-ai-card>strong) { color: var(--mq-accent); font-weight: var(--mq-heading-weight); }

/* One primary action, one text-link treatment, on every page. */
#main-content :is(.mq-button,.miq-page-button,.miq-purchase-primary-cta,.miq-purchase-button,.meetiq-contact__submit) {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; border: 1px solid var(--mq-ink); border-radius: var(--mq-control-radius);
  background: var(--mq-ink); color: var(--mq-white); box-shadow: none;
  font-family: var(--mq-font); font-size: 13px; font-weight: var(--mq-label-weight); line-height: 1.4; letter-spacing: -.01em;
  transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
#main-content :is(.mq-button,.miq-page-button,.miq-purchase-primary-cta,.miq-purchase-button,.meetiq-contact__submit) { background: var(--mq-ink); color: var(--mq-white); border-color: var(--mq-ink); }
#main-content :is(.mq-button,.miq-page-button,.miq-purchase-primary-cta,.miq-purchase-button,.meetiq-contact__submit):hover {
  background: var(--mq-button-hover); border-color: var(--mq-button-hover); color: var(--mq-white); box-shadow: var(--mq-shadow); transform: translateY(-2px);
}
#main-content :is(.mq-button span,.miq-purchase-primary-cta strong) { color: #dedbe8; border-color: #55515e; }
#main-content :is(.mq-text-link,.mq-product-more,.miq-purchase-text-link,.miq-page-text-link,.miq-entry-content a:not(.miq-page-button)) {
  color: var(--mq-accent); font-weight: var(--mq-label-weight); text-underline-offset: 4px; text-decoration-thickness: 1px;
}
#main-content :is(.mq-text-link,.mq-product-more,.miq-purchase-text-link,.miq-page-text-link,.miq-entry-content a:not(.miq-page-button)):hover { color: var(--mq-accent-hover); }
#main-content :is(.mq-product-more,.miq-purchase-policies nav a) { border-color: var(--mq-line-strong); }

/* Neutral white and two grey-lavender surfaces, without abrupt section seams. */
#main-content :is(.mq-hero,.mq-product-hero,.miq-page-hero) { background: linear-gradient(180deg,var(--mq-paper),var(--mq-surface)); }
#main-content .mq-film-section { background: linear-gradient(180deg,var(--mq-surface),var(--mq-paper) 35%); }
#main-content .mq-lifestyle-editorial { background: linear-gradient(180deg,var(--mq-surface),var(--mq-paper) 150px); }
#main-content .mq-lifestyle-editorial + .mq-film-section { background: var(--mq-paper); }
#main-content :is(.mq-app-section,.mq-product-ai,.mq-included) { background: linear-gradient(180deg,var(--mq-paper),var(--mq-tint) 30%,var(--mq-tint) 70%,var(--mq-paper)); }
#main-content :is(.mq-hardware,.mq-faq-section) { background: var(--mq-paper); }
#main-content :is(.mq-closing,.mq-product-end) { background: linear-gradient(180deg,var(--mq-paper),var(--mq-tint)); }
#main-content :is(.mq-product-gallery,.mq-spec-card,.mq-anatomy figure,.miq-info-grid>article,.miq-blueprint-card,.miq-contact-cards>article,.miq-process-list>li,.miq-purchase-assurance article,.miq-purchase-request) {
  background: var(--mq-surface); border-color: var(--mq-line); border-radius: var(--mq-radius);
}
#main-content :is(.miq-callout,.miq-purchase-policies,.meetiq-contact) { background: var(--mq-tint); border-color: var(--mq-line); border-radius: var(--mq-radius); }
#main-content :is(.mq-help-art,.mq-included-card,.mq-product-ai-card,.mq-app-window,.miq-purchase-paypal) {
  background: var(--mq-white); border-color: var(--mq-line); border-radius: var(--mq-radius); box-shadow: var(--mq-shadow);
}
#main-content .miq-purchase-gallery__stage { background: radial-gradient(ellipse at 50% 45%,#e9e6ef,var(--mq-surface) 70%); border-color: var(--mq-line); border-radius: var(--mq-radius); }
#main-content :is(.miq-purchase-gallery__thumb,.miq-purchase-meta span) { background: var(--mq-surface); border-color: var(--mq-line); color: var(--mq-copy); }
#main-content .miq-purchase-meta span:last-child { background: transparent; border-color: transparent; }
#main-content .miq-purchase-gallery__thumb.is-active { background: var(--mq-tint); border-color: var(--mq-accent); box-shadow: inset 0 0 0 1px var(--mq-accent); }
#main-content :is(.mq-facts,.mq-product-facts,.mq-film-steps a,.mq-faq-list details,.miq-page-faq details,.mq-assurances,.mq-order-grid,.mq-order-stat,.mq-order-enquiry,.mq-product-box li,.miq-purchase-details dl>div,.miq-purchase-details__included li) { border-color: var(--mq-line); }
#main-content .miq-purchase-details__included { background: transparent; }
#main-content .miq-purchase-details { background: transparent; margin: 0; padding: 0 0 64px; gap: 24px; }
#main-content .miq-purchase-details>div { padding: 32px; background: var(--mq-surface); border: 1px solid var(--mq-line); border-radius: var(--mq-radius); }
#main-content :is(.miq-purchase-details__included li span,.miq-process-list>li>span) { background: var(--mq-tint); color: var(--mq-accent); }
#main-content :is(.mq-detail-controls button,.mq-app-controls button) { color: var(--mq-copy); }
#main-content :is(.mq-detail-controls button[aria-pressed=true],.mq-app-controls button[aria-selected=true]) { background: var(--mq-white); border-color: var(--mq-line-strong); }
#main-content :is(.mq-detail-controls h3,.mq-app-controls button b) { color: var(--mq-ink); }
#main-content :is(.mq-detail-controls button>span,.mq-app-controls button>span,.mq-spec-symbol,.mq-product-box li>span,.mq-product-facts small,.mq-product-facts>div>span,.mq-minutes>span,.mq-included-top,.mq-gallery-heading) { color: var(--mq-muted); }
#main-content :is(.miq-purchase-breadcrumb,.miq-purchase-breadcrumb span,.miq-purchase-price>span,.miq-purchase-assurance article>span,.miq-purchase-paypal__trust span,.miq-purchase-disclaimer span) { color: var(--mq-muted); }
#main-content :is(.miq-purchase-breadcrumb a,.miq-purchase-policies nav a) { color: var(--mq-copy); }
#main-content :is(.mq-zoom-button,.miq-purchase-policies nav a span) { color: var(--mq-accent); }
#main-content :is(.miq-purchase-highlights li,.mq-order-story li,.mq-product-ai-card li)::before,
#main-content :is(.mq-included-card li span,.mq-faq-list summary>span,.miq-page-faq summary span) { color: var(--mq-accent); }

/* Tables and forms share the same neutral treatment and keyboard states. */
#main-content .miq-table-wrap { background: var(--mq-white); border: 1px solid var(--mq-line); border-radius: var(--mq-radius); }
#main-content .miq-table-wrap table { min-width: 0; width: 100%; table-layout: fixed; }
#main-content .miq-table-wrap :is(th,td) { border-color: var(--mq-line); overflow-wrap: anywhere; font-size: 14px; line-height: 1.8; }
#main-content .miq-table-wrap th { background: var(--mq-surface); color: var(--mq-ink); font-weight: 500; }
#main-content .miq-table-wrap td { background: var(--mq-white); color: var(--mq-copy); }
#main-content .miq-table-wrap tr:hover td { background: var(--mq-tint); }
#main-content .miq-purchase-total { border-color: var(--mq-line); }
#main-content .miq-purchase-total :is(span,output) { color: var(--mq-ink); font-weight: 500; }
#main-content .miq-purchase-quantity { border-color: var(--mq-line-strong); border-radius: var(--mq-control-radius); }
#main-content .miq-purchase-quantity button { background: var(--mq-surface); color: var(--mq-ink); border-color: var(--mq-line); }
#main-content .miq-purchase-quantity button:hover { background: var(--mq-tint); color: var(--mq-accent); }
#main-content .miq-purchase-quantity button:disabled { background: var(--mq-surface); color: var(--mq-muted); opacity: .45; }
#main-content :is(.meetiq-contact__field,.miq-purchase-field) :is(input,select,textarea) {
  font-family: var(--mq-font); color: var(--mq-ink); background: var(--mq-white); border: 1px solid var(--mq-line-strong); border-radius: var(--mq-control-radius); box-shadow: none; font-size: 16px;
}
#main-content :is(.meetiq-contact__field,.miq-purchase-field) label { color: var(--mq-copy); font-weight: var(--mq-label-weight); font-size: 12px; }
#main-content .miq-purchase-quantity input { border: 0; border-radius: 0; }
#main-content :is(input,textarea)::placeholder { color: var(--mq-muted); opacity: 1; }
#main-content :is(.meetiq-contact__field,.miq-purchase-field) :is(input,select,textarea):focus { outline: 2px solid var(--mq-accent); outline-offset: 2px; }
#main-content :is(a,button,summary,input,select,textarea):focus-visible, .miq-site-nav :focus-visible, .mq-unified-footer :focus-visible { outline: 2px solid var(--mq-accent); outline-offset: 4px; }
#main-content .miq-policy-date { color: var(--mq-muted) !important; }
#main-content .mq-policy-toc :is(h2,a) { color: var(--mq-muted); }
#main-content .mq-policy-toc a { border-color: var(--mq-line); }
#main-content .mq-policy-toc a:is(:hover,.is-active) { background: var(--mq-tint); color: var(--mq-accent); border-color: var(--mq-accent); }

/* The header and footer have exactly the same typography on every route. */
.miq-site-nav[data-site-nav] { background: var(--mq-paper); border-color: var(--mq-line); }
.miq-site-nav[data-site-nav] .miq-site-nav__links a { color: var(--mq-copy); font-size: 12px; font-weight: 450; }
.miq-site-nav[data-site-nav] .miq-site-nav__links a:hover { color: var(--mq-accent); }
.miq-site-nav[data-site-nav] .miq-site-nav__buy { background: var(--mq-ink); border: 1px solid var(--mq-ink); border-radius: var(--mq-control-radius); }
.miq-site-nav[data-site-nav] .miq-site-nav__buy:hover { background: var(--mq-button-hover); }
.mq-unified-footer { background: var(--mq-paper); border-color: var(--mq-line); color: var(--mq-copy); }
.mq-unified-footer .mq-footer-brand p, .mq-unified-footer .mq-footer-grid nav a { color: var(--mq-copy); font-size: 13px; line-height: 1.8; }
.mq-unified-footer .mq-footer-grid nav h2 { color: var(--mq-ink); font-size: 12px; font-weight: var(--mq-label-weight); letter-spacing: 0; }
.mq-unified-footer .mq-footer-email { color: var(--mq-accent); font-size: 13px; }
.mq-unified-footer .mq-footer-legal { color: var(--mq-muted); border-color: var(--mq-line); font-size: 11px; }
.mq-unified-footer a:hover { color: var(--mq-accent-hover); }
.mq-image-dialog { color: var(--mq-copy); background: var(--mq-surface); border-color: var(--mq-line); }
.mq-image-dialog button { color: var(--mq-ink); border-color: var(--mq-line-strong); }

@media (max-width: 900px) {
  .miq-site-nav[data-site-nav] .miq-site-nav__links { background: var(--mq-paper); border-color: var(--mq-line); }
  #main-content .mq-policy-toc { background: var(--mq-surface); border-color: var(--mq-line); }
}
@media (max-width: 620px) {
  :root { --mq-space: 70px; }
  #main-content :is(.mq-lead,.miq-page-lead,.mq-product-intro,.miq-purchase-summary) { font-size: 15px; }
  #main-content :is(.mq-eyebrow,.mq-kicker,.miq-page-eyebrow,.miq-purchase-eyebrow,.miq-purchase-request__step) { font-size: 9px; letter-spacing: .1em; }
  #main-content :is(.mq-hero-note,.mq-demo-note,.mq-product-footnote,.mq-gallery-hint,.mq-gallery-hint span,.mq-inner-caption,.mq-stage-label) { font-size: 10px; }
  #main-content :is(.mq-section-heading>p,.mq-film-steps p,.mq-spec-card p,.mq-faq-list details p,.miq-page-faq details p,.miq-info-grid p,.miq-contact-cards p,.mq-detail-controls p,.miq-purchase-assurance p,.miq-purchase-policies p) { font-size: 13px; }
  #main-content :is(.mq-faq-list summary,.miq-page-faq summary) { font-size: 15px; }
  #main-content .miq-table-wrap :is(th,td) { font-size: 13px; padding: 14px; }
  #main-content .miq-purchase-details { padding-bottom: 44px; gap: 20px; }
  #main-content .miq-purchase-details>div { padding: 24px; }
  .mq-unified-footer .mq-footer-grid nav a { font-size: 12px; }
  .mq-unified-footer .mq-footer-legal { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #main-content :is(a,button,summary) { transition: none; }
  #main-content :is(.mq-button,.miq-page-button,.miq-purchase-primary-cta,.miq-purchase-button,.meetiq-contact__submit):hover { transform: none; }
}
