/* QuoteToMe global styles — generated by scripts/import-qtm-site.mjs from the
   Claude Design export. Brand: Oswald/Roboto, navy #003A5D, orange #FF6600,
   zero border-radius. Shared across every marketing page. */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Roboto",system-ui,sans-serif;color:#111721;background:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.material-symbols-sharp{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
::selection{background:#FF6600;color:#fff}
.qtm-int-panel{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}
.qtm-nav-int:hover .qtm-int-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.qtm-roi-panel{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}
.qtm-nav-roi:hover .qtm-roi-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.qtm-int-panel::before,.qtm-roi-panel::before{content:"";position:absolute;top:-16px;left:-24px;right:-24px;height:18px}
.qtm-nav-link:hover{color:#00829b !important}
.qtm-feed-row{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1)}
/* ===== QTM-RESPONSIVE (mobile) =====
   The Claude Design export writes inline styles with NO space after the colon
   (e.g. min-width:1100px), so every attribute selector below must match that
   exact no-space form. Desktop (>=1100px) is intentionally untouched. */

/* ===== Site-wide minimum font size: 14px =====
   The Claude Design export uses sizes as small as 8px for badges/labels.
   Force a 14px floor everywhere. Add class .qtm-footnote or .qtm-disclaimer
   to any element where smaller text is intentional (legal copy, small print,
   footnotes) — those classes restore the element's natural size. */
[style*="font-size:8px"],[style*="font-size:9px"],
[style*="font-size:10px"],[style*="font-size:10.5px"],
[style*="font-size:11px"],[style*="font-size:11.5px"],
[style*="font-size:12px"],[style*="font-size:12.5px"],
[style*="font-size:13px"],[style*="font-size:13.5px"]{font-size:14px !important}
/* Exemptions: footnotes and disclaimers keep their authored size */
.qtm-footnote,.qtm-disclaimer{font-size:inherit !important}

/* Mobile nav (hamburger) — hidden on desktop */
.qtm-nav-toggle{display:none;background:none;border:none;cursor:pointer;color:#003A5D;padding:8px;align-items:center}
.qtm-mobile-menu{display:none;background:#fff;border-bottom:1px solid #ddddde}
.qtm-mobile-menu a{display:block;padding:14px 24px;font-family:Oswald,sans-serif;font-weight:500;font-size:15px;letter-spacing:.6px;text-transform:uppercase;color:#003A5D;border-top:1px solid #eef0f2}
.qtm-mobile-menu a.qtm-mobile-cta{background:#FF6600;color:#fff;border-top:none;text-align:center;margin:10px 20px 16px;padding:14px}

/* ===== Home lifecycle strip (slider + scroll-in animation) ===== */
/* Cards stay visible without JS; site.js adds .qtm-lc-prep to arm the
   entrance animation, then .qtm-lc-in when the strip scrolls into view. */
.qtm-lc-prep .qtm-lc-item{opacity:0;transform:translateX(56px)}
.qtm-lc-in .qtm-lc-item{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1)}
.qtm-lc-in .qtm-lc-item:nth-child(2){transition-delay:.12s}
.qtm-lc-in .qtm-lc-item:nth-child(3){transition-delay:.24s}
.qtm-lc-in .qtm-lc-item:nth-child(4){transition-delay:.36s}
.qtm-lc-in .qtm-lc-item:nth-child(5){transition-delay:.48s}
@media (prefers-reduced-motion: reduce){
  .qtm-lc-prep .qtm-lc-item{opacity:1 !important;transform:none !important;transition:none !important}
}
@media (max-width: 900px){
  /* Horizontal swipeable slider instead of squeezing five cards */
  .qtm-lifecycle{overflow-x:auto;justify-content:flex-start !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
  .qtm-lifecycle::-webkit-scrollbar{display:none}
  .qtm-lc-item{flex:0 0 auto !important;min-width:168px;scroll-snap-align:center}
  /* The absolute connector line uses clientWidth for percentages — it can't span the
     full scroll area. Replace it with a background-image on the container itself:
     a scrollable element's background paints across its entire scroll content area. */
  .qtm-ai-line{display:none !important}
  .qtm-lifecycle:has(.qtm-ai-line){
    background-image:linear-gradient(90deg,rgba(255,102,0,.12),rgba(255,102,0,.7),rgba(255,102,0,.12));
    background-size:100% 2px;
    background-position:0 36px;
    background-repeat:no-repeat;
  }
}

@media (max-width: 1099px){
  /* Kill the desktop min-width wrappers that force horizontal scrolling */
  [style*="min-width:1100px"]{min-width:0 !important}
  html,body{overflow-x:hidden}
}

@media (max-width: 1000px){
  header nav.qtm-desktop-nav{display:none !important}
  .qtm-nav-toggle{display:inline-flex}
  .qtm-mobile-menu.qtm-open{display:block}
  /* Keep the shared header (and its open menu) above page-level sticky
     headers, e.g. the workflow-audit page's secondary header (z-index:60). */
  header:has(> .qtm-mobile-menu){z-index:80 !important}
}

@media (max-width: 900px){
  /* Home hero: center the copy column once the hero grid stacks */
  .qtm-hero-copy{text-align:center}
  .qtm-hero-copy p{margin-left:auto;margin-right:auto}
  .qtm-hero-copy div[style*="display:flex"]{justify-content:center !important;flex-wrap:wrap !important}
  .qtm-hero-copy div[style*="flex-direction:column"]{align-items:center}
  /* Keep bullet dot + text on the same line (override the broad wrap rule) */
  .qtm-hero-copy div[style*="gap:9px"]{flex-wrap:nowrap !important}
  /* Tighten the gap between proof stats and the Live Activity feed when stacked */
  .qtm-hero-copy + div{padding-top:8px !important}
  /* Collapse multi-column inline grids to a single column */
  [style*="grid-template-columns:"]{grid-template-columns:1fr !important}
  [style*="gap:72px"],[style*="gap:64px"],[style*="gap:56px"],[style*="gap:52px"]{gap:32px !important}
  [style*="gap:48px"],[style*="gap:44px"],[style*="gap:40px"]{gap:24px !important;flex-wrap:wrap !important}
  [style*="white-space:nowrap"]{white-space:normal !important}
  /* Footer bottom bar */
  footer div[style*="justify-content:space-between"]{flex-wrap:wrap !important;gap:8px !important}
}

@media (max-width: 640px){
  /* Tighter side padding */
  [style*="padding:0 32px"]{padding-left:20px !important;padding-right:20px !important}
  [style*="px 32px"]{padding-left:20px !important;padding-right:20px !important}
  /* Reduce oversized section paddings */
  [style*="padding:132px 32px"],[style*="padding:120px 32px"],[style*="padding:104px 32px"],[style*="padding:100px 32px"]{padding-top:56px !important;padding-bottom:56px !important}
  [style*="padding:96px 32px"],[style*="padding:92px 32px"],[style*="padding:90px 32px"],[style*="padding:88px 32px"],[style*="padding:84px 32px"],[style*="padding:80px 32px"]{padding-top:48px !important;padding-bottom:48px !important}
  /* Headline scale-down (export uses fixed px sizes) */
  [style*="font-size:84px"],[style*="font-size:80px"]{font-size:44px !important}
  [style*="font-size:66px"],[style*="font-size:64px"],[style*="font-size:60px"]{font-size:34px !important}
  [style*="font-size:58px"],[style*="font-size:56px"]{font-size:32px !important}
  [style*="font-size:54px"],[style*="font-size:52px"]{font-size:30px !important}
  [style*="font-size:48px"],[style*="font-size:46px"]{font-size:29px !important}
  [style*="font-size:44px"],[style*="font-size:42px"]{font-size:27px !important}
  [style*="font-size:40px"]{font-size:25px !important}
  [style*="font-size:34px"]{font-size:24px !important}
  /* Wrap wide flex rows */
  [style*="display:flex"][style*="gap:24px"],[style*="display:flex"][style*="gap:20px"],[style*="display:flex"][style*="gap:18px"],[style*="display:flex"][style*="gap:16px"],[style*="display:flex"][style*="gap:14px"]{flex-wrap:wrap !important}
}