/* QuoteMaker: quiet structure, generous space and product-led storytelling. */
:root {
  --qm-page: #fff;
  --qm-soft: #f7f9fb;
  --qm-surface: #fff;
  --qm-card-soft: #edf2f6;
  --qm-ink: #17191d;
  --qm-body: #515d6b;
  --qm-muted: #66717d;
  --qm-line: #e2e7ec;
  --qm-blue: #7898e8;
  --qm-purple: #b8a5e8;
  --qm-peach: #f3cebf;
  --qm-accent-ink: #3f5893;
  --qm-gradient: linear-gradient(125deg,#e7f0ff 0%,#eee8fa 57%,#fff4ee 100%);
  --qm-primary-bg: #17191d;
  --qm-primary-text: #fff;
  --qm-shadow: 0 20px 64px -36px rgba(35,46,67,.25);
  --ct-font-display: 'Manrope',sans-serif;
  --ct-font-body: 'Inter',sans-serif;
}
[data-theme='dark'] {
  --qm-page: #14171c;
  --qm-soft: #191d23;
  --qm-surface: #20252d;
  --qm-card-soft: #292f39;
  --qm-ink: #f1f4f8;
  --qm-body: #c4ccd7;
  --qm-muted: #a7b2c0;
  --qm-line: #343d49;
  --qm-accent-ink: #b2c5f5;
  --qm-gradient: linear-gradient(125deg,#26364a,#322e44 57%,#40312e);
  --qm-primary-bg: #f1f4f8;
  --qm-primary-text: #17191d;
  --qm-shadow: 0 20px 64px -36px #0009;
}
body.qm-redesign {
  --ct-canvas: var(--qm-soft);
  --ct-canvas-subtle: var(--qm-card-soft);
  --ct-ink: var(--qm-ink);
  --ct-navy: var(--qm-ink);
  --ct-slate-dark: var(--qm-body);
  --ct-slate-body: var(--qm-body);
  --ct-slate-muted: var(--qm-muted);
  --ct-border: var(--qm-line);
  --ct-border-subtle: var(--qm-line);
  --ct-purple: var(--qm-accent-ink);
  --ct-purple-dark: var(--qm-accent-ink);
  --ct-purple-hover: var(--qm-accent-ink);
  --ct-purple-subtle: var(--qm-card-soft);
  --ct-bg-app: var(--qm-soft);
  --ct-card-bg: var(--qm-surface);
  --ct-card-border: var(--qm-line);
  --qm-product-canvas: var(--qm-soft);
  --qm-product-canvas-deep: var(--qm-card-soft);
  --qm-product-panel: var(--qm-soft);
  --qm-product-panel-strong: var(--qm-surface);
  --qm-product-line: var(--qm-line);
  --qm-product-line-soft: var(--qm-line);
  --qm-product-ink: var(--qm-ink);
  --qm-product-muted: var(--qm-muted);
  background: var(--qm-page) !important;
  color: var(--qm-ink);
  font-family: 'Inter',sans-serif;
  -webkit-font-smoothing: antialiased;
}
html[lang='si'] body.qm-redesign { --ct-font-display:'Noto Sans Sinhala',sans-serif; --ct-font-body:'Noto Sans Sinhala',sans-serif; font-family:var(--ct-font-body); }
html[lang='ta'] body.qm-redesign { --ct-font-display:'Noto Sans Tamil',sans-serif; --ct-font-body:'Noto Sans Tamil',sans-serif; font-family:var(--ct-font-body); }
body.qm-redesign :is(a,button,summary,input,select,textarea):focus-visible { outline:3px solid var(--qm-blue); outline-offset:4px; }
body.qm-redesign ::selection { background:#dce6fb; color:#17191d; }

/* Navigation: four destinations, with product tools kept in one disclosure. */
body.qm-redesign #site-header.ct-header {
  --nav-surface:var(--qm-page); --nav-ink:var(--qm-ink); --nav-muted:var(--qm-body); --nav-soft:var(--qm-soft); --nav-line:var(--qm-line);
  background:var(--qm-page)!important; border-bottom:1px solid var(--qm-line)!important; box-shadow:none!important;
}
body.qm-redesign #site-header.ct-header .header-inner { max-width:1280px!important; height:88px; padding:0 32px!important; gap:28px; }
body.qm-redesign #site-header.ct-header .brand-logo-img { width:158px; max-width:158px; }
body.qm-redesign #site-header.ct-header .nav-wrapper { margin:0 auto; min-width:0; }
body.qm-redesign #site-header.ct-header .nav-links { background:transparent!important; border:0!important; padding:0; gap:14px; border-radius:0; }
body.qm-redesign #site-header.ct-header :is(.nav-link,.qm-products-summary) { color:var(--qm-body)!important; font:500 14px/1.5 var(--ct-font-body); padding:10px 7px; min-height:42px; border-radius:8px; white-space:nowrap; }
body.qm-redesign #site-header.ct-header :is(.nav-link:hover,.nav-link.active,.qm-products-summary:hover) { background:var(--qm-soft)!important; color:var(--qm-ink)!important; }
body.qm-redesign #site-header.ct-header .nav-link.active::after { display:none; }
body.qm-redesign #site-header.ct-header .nav-pro-badge { background:var(--qm-card-soft)!important; color:var(--qm-accent-ink)!important; border:0!important; border-radius:4px; box-shadow:none!important; padding:3px 5px; font-size:9px; }
body.qm-redesign #site-header.ct-header :is(.ct-nav-signup-btn,.ct-nav-login-btn) { min-height:46px; padding:12px 22px; border-radius:999px; font:600 14px/1.5 var(--ct-font-body); box-shadow:none!important; }
body.qm-redesign #site-header.ct-header .ct-nav-signup-btn { background:var(--qm-primary-bg)!important; border-color:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; }
body.qm-redesign #site-header.ct-header .ct-nav-signup-btn span { color:var(--qm-primary-text)!important; }
body.qm-redesign #site-header.ct-header .ct-nav-login-btn { background:transparent!important; color:var(--qm-ink)!important; border-color:transparent; }
body.qm-redesign #site-header.ct-header :is(.header-theme-toggle-btn,.header-lang-btn,.mobile-menu-toggle) { background:var(--qm-surface)!important; color:var(--qm-ink)!important; border:1px solid var(--qm-line)!important; border-radius:999px; }
body.qm-redesign #site-header.ct-header .hamburger-bar { background:var(--qm-ink); }
body.qm-redesign #site-header.ct-header .qm-theme-button { display:inline-flex; align-items:center; justify-content:center; width:38px; min-height:38px; flex-shrink:0; }
body.qm-redesign #site-header.ct-header :is(.user-menu-dropdown,.header-lang-dropdown,.mobile-nav-drawer) { background:var(--qm-surface)!important; color:var(--qm-ink)!important; border-color:var(--qm-line)!important; box-shadow:var(--qm-shadow); }
body.qm-redesign #site-header.ct-header :is(.user-menu-item,.user-menu-card-name,.user-menu-theme-left,.header-lang-option,.mobile-nav-link) { color:var(--qm-ink)!important; }
body.qm-redesign #site-header.ct-header :is(.user-menu-profile-card,.user-lang-pill.active,.mobile-nav-link.active) { background:var(--qm-card-soft)!important; color:var(--qm-ink)!important; }
body.qm-redesign #site-header.ct-header .qm-products-nav { position:relative; }
.qm-products-summary { display:flex; align-items:center; gap:7px; list-style:none; cursor:pointer; }
.qm-products-summary::-webkit-details-marker { display:none; }
.qm-products-disclosure[open] .qm-products-summary svg { transform:rotate(180deg); }
body.qm-redesign #site-header.ct-header .qm-products-menu { position:absolute; top:calc(100% + 15px); left:-12px; width:275px; padding:10px; border:1px solid var(--qm-line); border-radius:18px; background:var(--qm-surface); box-shadow:var(--qm-shadow); list-style:none; display:grid; gap:3px; }
body.qm-redesign #site-header.ct-header .qm-products-menu .nav-link { display:flex; align-items:center; justify-content:space-between; padding:14px; white-space:normal; }

/* Homepage foundations. */
.qm-landing { background:var(--qm-page); color:var(--qm-ink); overflow:clip; font-family:var(--ct-font-body); }
.qm-landing * { box-sizing:border-box; }
.qm-container { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.qm-landing :is(h1,h2,h3) { font-family:var(--ct-font-display); color:var(--qm-ink); }
.qm-landing h2 { font-size:clamp(34px,3.8vw,48px); font-weight:500; line-height:1.17; letter-spacing:-.045em; margin:0; }
.qm-landing h3 { font-size:21px; font-weight:600; line-height:1.35; letter-spacing:-.025em; margin:0; }
.qm-landing p { color:var(--qm-body); }
.qm-eyebrow { display:flex; align-items:center; justify-content:inherit; gap:9px; font-size:12px; font-weight:600; line-height:1.7; letter-spacing:.06em; margin:0 0 20px; color:var(--qm-muted)!important; }
.qm-eyebrow-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#7898e8; box-shadow:0 0 0 4px #7898e817; }
.qm-hero { padding:90px 0 0; }
.qm-hero-copy { text-align:center; max-width:920px; }
.qm-hero-copy .qm-eyebrow { justify-content:center; }
.qm-hero h1 { font-size:clamp(44px,5.3vw,70px); font-weight:500; line-height:1.08; letter-spacing:-.055em; margin:0; }
.qm-hero h1>span { display:block; }
.qm-lead { max-width:630px; margin:25px auto 0; font-size:18px; line-height:1.7; text-wrap:pretty; }
.qm-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.qm-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:13px 24px; min-height:48px; border:1px solid transparent; border-radius:999px; font:600 14px/1.5 var(--ct-font-body); text-decoration:none!important; transition:background .18s,transform .18s,border-color .18s; cursor:pointer; }
.qm-button-primary { background:var(--qm-primary-bg); border-color:var(--qm-primary-bg); color:var(--qm-primary-text)!important; }
.qm-button-primary:hover { opacity:.88; transform:translateY(-1px); }
.qm-button-secondary { background:var(--qm-surface); border-color:var(--qm-line); color:var(--qm-ink)!important; }
.qm-button-secondary:hover { background:var(--qm-soft); border-color:var(--qm-muted); }
.qm-assurances { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 22px; padding:0; list-style:none; margin:20px 0 0; font-size:12px; color:var(--qm-muted); }
.qm-assurances li { display:flex; align-items:center; gap:7px; }
.qm-assurances li::before { content:'✓'; color:var(--qm-muted); font-size:11px; }
.qm-showcase { position:relative; margin-top:60px; padding:38px 38px 0; border-radius:32px; background:var(--qm-gradient); }
.qm-showcase-glow { position:absolute; inset:20px 15% 30%; background:rgba(255,255,255,.5); filter:blur(38px); pointer-events:none; }
.qm-demo-app { position:relative; overflow:hidden; border:1px solid rgba(136,153,184,.3); border-bottom:0; border-radius:20px 20px 0 0; background:var(--qm-surface); box-shadow:0 18px 60px -32px #465a843d; }
.qm-demo-topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 22px; border-bottom:1px solid var(--qm-line); background:var(--qm-surface); }
.qm-demo-brand { display:flex; align-items:center; gap:10px; font-size:12px; }
.qm-demo-brand strong { font-size:14px; letter-spacing:-.04em; }
.qm-demo-brand>span { color:var(--qm-muted); }
.qm-demo-sample { font-size:10px; color:var(--qm-muted); }
.qm-demo-explore { display:flex; align-items:center; gap:8px; padding:8px 13px; font:500 11px var(--ct-font-body); color:var(--qm-ink); background:var(--qm-soft); border:1px solid var(--qm-line); border-radius:999px; cursor:pointer; }
.qm-demo-explore:hover { background:var(--qm-card-soft); }
.qm-demo-body { display:grid; grid-template-columns:34% 66%; }
.qm-demo-editor { padding:26px; border-right:1px solid var(--qm-line); background:var(--qm-surface); }
.qm-demo-progress { display:flex; align-items:center; justify-content:space-between; max-width:250px; margin:0 auto; }
.qm-demo-progress span { display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--qm-line); border-radius:50%; font-size:10px; color:var(--qm-muted); }
.qm-demo-progress .is-done { background:var(--qm-card-soft); border-color:var(--qm-card-soft); color:var(--qm-ink); }
.qm-demo-progress .is-current { background:var(--qm-primary-bg); border-color:var(--qm-primary-bg); color:var(--qm-primary-text); }
.qm-demo-progress i { height:1px; background:var(--qm-line); flex:1; margin:0 10px; }
.qm-demo-progress-labels { display:flex; justify-content:space-between; font-size:9px; color:var(--qm-muted); margin:8px auto 25px; max-width:260px; }
.qm-demo-editor h3 { font:600 11px var(--ct-font-body); margin:20px 0 9px; }
.qm-demo-field { display:grid; gap:6px; border:1px solid var(--qm-line); border-radius:8px; padding:12px; font-size:11px; }
.qm-demo-field small { font-size:9px; color:var(--qm-muted); }
.qm-demo-section-title { display:flex; align-items:center; justify-content:space-between; }
.qm-demo-section-title>span { font-size:9px; color:var(--qm-muted); }
.qm-demo-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--qm-line); font-size:10px; }
.qm-demo-item small { display:block; font-size:9px; margin-top:6px; color:var(--qm-muted); }
.qm-demo-item strong { font-size:10px; font-weight:500; font-variant-numeric:tabular-nums; }
.qm-demo-total { display:flex; justify-content:space-between; gap:12px; font-size:11px; margin-top:22px; }
.qm-demo-save { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:22px; font-size:10px; color:var(--qm-muted); }
.qm-status-dot { width:6px; height:6px; background:#519379; border-radius:50%; }
.qm-demo-paper-space { background:var(--qm-soft); padding:28px 34px 18px; }
.qm-demo-paper { padding:30px; background:#fff; border:1px solid #e2e7ec; border-radius:3px; color:#17191d; box-shadow:0 4px 20px -16px #23344840; }
.qm-paper-header { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.qm-paper-mark { display:grid; place-items:center; width:36px; height:36px; background:#17191d; color:#fff; font-size:11px; font-weight:600; }
.qm-paper-header strong { display:block; color:#17191d; font-size:12px; }
.qm-paper-header small { display:block; font-size:8px; margin-top:4px; color:#66717d; }
.qm-paper-meta { text-align:right; }
.qm-paper-meta span { font-size:7px; text-transform:uppercase; letter-spacing:.1em; color:#66717d; }
.qm-paper-meta strong { font-size:9px; margin-top:5px; }
.qm-paper-rule { height:2px; background:#7898e8; margin:21px 0; }
.qm-paper-parties { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:24px; }
.qm-paper-parties span { display:block; text-transform:uppercase; color:#66717d; font-size:7px; letter-spacing:.07em; }
.qm-paper-parties strong { display:block; margin-top:6px; font-size:9px; font-weight:600; }
.qm-paper-parties small { display:block; color:#66717d; font-size:8px; margin-top:4px; }
.qm-demo-paper table { width:100%; border-collapse:collapse; color:#17191d; }
.qm-demo-paper th { color:#66717d; font-size:8px; font-weight:500; padding:8px 3px; border-block:1px solid #e2e7ec; text-align:left; }
.qm-demo-paper td { font-size:9px; padding:14px 3px; border-bottom:1px solid #e2e7ec; text-align:left; }
.qm-demo-paper :is(td,th):not(:first-child) { text-align:right; font-variant-numeric:tabular-nums; }
.qm-demo-paper td small { display:block; font-size:7px; color:#66717d; margin-top:4px; }
.qm-paper-totals { max-width:255px; margin:22px 0 0 auto; font-size:9px; }
.qm-paper-totals>div { display:flex; justify-content:space-between; gap:20px; padding:6px 0; }
.qm-paper-grand { border-top:1px solid #17191d; margin-top:7px; padding-top:12px!important; font-size:11px; }
.qm-paper-footer { display:flex; justify-content:space-between; gap:10px; margin-top:26px; padding-top:12px; border-top:1px solid #e2e7ec; font-size:7px; color:#66717d; }
.qm-preview-caption { display:block; font-size:9px; color:var(--qm-muted); text-align:center; margin-top:12px; }
.qm-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.qm-audience { padding:36px 0 44px; text-align:center; }
.qm-audience p { margin:0 0 22px; font-size:13px; color:var(--qm-muted); }
.qm-audience>div { display:flex; justify-content:center; flex-wrap:wrap; gap:22px 52px; }
.qm-audience>div span { font:600 17px var(--ct-font-display); letter-spacing:-.025em; color:var(--qm-body); }
.qm-section { padding:105px 0; }
.qm-section-soft { background:var(--qm-soft); }
.qm-section-heading { max-width:760px; margin:0 auto 48px; text-align:center; }
.qm-section-heading .qm-eyebrow { justify-content:center; }
.qm-section-heading>p:last-child { max-width:600px; font-size:17px; line-height:1.7; margin:18px auto 0; }
.qm-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.qm-step-card { display:flex; flex-direction:column; padding:30px; background:var(--qm-surface); border:1px solid var(--qm-line); border-radius:24px; }
.qm-step-number { font-size:12px; font-weight:500; color:var(--qm-muted); margin-bottom:30px; }
.qm-step-card>p { font-size:14px; line-height:1.8; margin:12px 0 28px; flex:1; }
.qm-step-visual { min-height:172px; border:1px solid var(--qm-line); border-radius:14px; background:var(--qm-soft); padding:16px; }
.qm-preset-list { display:grid; gap:6px; }
.qm-preset-list>small { font-size:10px; color:var(--qm-muted); margin-bottom:4px; }
.qm-preset-list>span { display:flex; align-items:center; gap:10px; padding:8px 9px; border:1px solid transparent; border-radius:7px; font-size:10px; }
.qm-preset-list .is-selected { background:var(--qm-surface); border-color:var(--qm-line); }
.qm-preset-list i { font-style:normal; color:var(--qm-accent-ink); }
.qm-preset-list b { margin-left:auto; font-weight:400; }
.qm-style-visual { display:flex; justify-content:center; align-items:center; gap:28px; background:var(--qm-gradient); }
.qm-tiny-paper { width:92px; height:128px; background:#fff; padding:14px; border:1px solid #e2e7ec; border-radius:2px; transform:rotate(-5deg); box-shadow:0 10px 20px -15px #0005; }
.qm-tiny-paper>span { display:block; width:15px; height:15px; background:#7898e8; margin-bottom:12px; }
.qm-tiny-paper strong { display:block; color:#17191d; font-size:5px; border-bottom:2px solid #7898e8; padding-bottom:8px; }
.qm-tiny-paper i { display:block; height:3px; background:#e2e7ec; margin-top:9px; }
.qm-tiny-paper b { display:block; width:24px; height:5px; background:#17191d; margin:14px 0 0 auto; }
.qm-style-swatches { display:grid; gap:10px; }
.qm-style-swatches span { width:19px; height:19px; background:#17191d; border:3px solid #fff; border-radius:50%; }
.qm-style-swatches span:nth-child(2) { background:#7898e8; }.qm-style-swatches span:nth-child(3) { background:#b8a5e8; }.qm-style-swatches span:nth-child(4) { background:#6b8a80; }
.qm-share-visual { text-align:center; }
.qm-file-icon { display:grid; place-items:center; width:34px; height:40px; border:1px solid var(--qm-line); border-radius:6px; margin:0 auto 10px; font-size:9px; background:var(--qm-surface); color:var(--qm-accent-ink); }
.qm-share-visual>strong { display:block; font-size:10px; font-weight:500; }
.qm-share-visual>small { display:block; font-size:9px; color:var(--qm-muted); margin:5px 0 13px; }
.qm-share-visual>div { display:flex; justify-content:center; gap:7px; font-size:9px; }
.qm-share-visual>div>span { border:1px solid var(--qm-line); border-radius:999px; padding:6px 10px; background:var(--qm-surface); }

/* Product stories alternate copy and illustrative interface panels. */
.qm-feature-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:center; gap:90px; }
.qm-feature-row+.qm-feature-row { margin-top:120px; }
.qm-feature-copy>p:not(.qm-eyebrow) { font-size:16px; line-height:1.85; margin:24px 0; }
.qm-feature-copy .qm-feature-note { display:flex; align-items:flex-start; gap:10px; font-size:13px!important; color:var(--qm-muted); }
.qm-feature-note>span { color:var(--qm-accent-ink); }
.qm-text-link { display:inline-flex; align-items:center; gap:12px; font:600 14px/1.6 var(--ct-font-body); color:var(--qm-ink)!important; text-decoration:none; margin-top:10px; }
.qm-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.qm-feature-visual { min-height:355px; border-radius:26px; padding:34px; background:var(--qm-gradient); border:1px solid var(--qm-line); }
.qm-feature-reverse .qm-feature-copy { order:2; }.qm-feature-reverse .qm-feature-visual { order:1; }
.qm-template-gallery { display:flex; align-items:center; justify-content:center; gap:12px; }
.qm-template-sample { width:32%; max-width:160px; background:none; border:0; padding:0; cursor:pointer; text-align:left; transition:transform .2s; }
.qm-template-sample:hover { transform:translateY(-7px); }
.qm-template-label { display:block; text-align:center; font-size:10px; color:var(--qm-body); margin-bottom:16px; }
.qm-template-paper { display:block; min-height:209px; padding:17px 14px; background:#fff; border:1px solid #e2e7ec; box-shadow:0 10px 24px -18px #17191d50; }
.qm-template-0 { transform:translateY(13px) rotate(-5deg); }.qm-template-2 { transform:translateY(13px) rotate(5deg); }
.qm-template-paper-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:17px; border-bottom:2px solid #7898e8; gap:4px; }
.qm-template-paper-head>b { display:grid; place-items:center; width:20px; height:20px; background:#17191d; color:#fff; font-size:7px; }
.qm-template-paper-head>strong { font-size:6px; color:#17191d; }
.qm-template-lines { display:block; padding:13px 0; }
.qm-template-lines i { display:block; height:3px; margin-top:5px; background:#e2e7ec; width:75%; }.qm-template-lines i:first-child { width:48%; }
.qm-template-table { display:block; background:#f7f9fb; }
.qm-template-table i { display:block; height:16px; border-bottom:1px solid #e2e7ec; }.qm-template-table i:first-child { background:#edf2f6; height:12px; }
.qm-template-sum { display:block; margin:17px 0 21px; text-align:right; color:#17191d; font-size:7px; font-weight:700; }
.qm-template-foot { display:block; height:3px; background:#e2e7ec; }
.qm-template-1 .qm-template-paper-head { border-color:#b8a5e8; }.qm-template-1 .qm-template-paper-head>b { background:#8a78b4; }.qm-template-2 .qm-template-paper-head { border-color:#17191d; }
.qm-math-visual { display:grid; place-items:center; background:var(--qm-soft); }
.qm-calculation-card { width:100%; max-width:340px; padding:26px; border:1px solid var(--qm-line); border-radius:18px; background:var(--qm-surface); box-shadow:var(--qm-shadow); }
.qm-calc-heading { display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:600; }.qm-calc-heading>span:last-child { font-size:10px; color:var(--qm-muted); font-weight:400; }
.qm-calc-mode { display:flex; padding:3px; border:1px solid var(--qm-line); border-radius:8px; background:var(--qm-soft); margin:20px 0; font-size:10px; }
.qm-calc-mode>span { flex:1; text-align:center; padding:8px 3px; }.qm-calc-mode>span:first-child { background:var(--qm-surface); border-radius:5px; }
.qm-calc-line { display:flex; justify-content:space-between; font-size:11px; padding:12px 0; color:var(--qm-body); }.qm-calc-line strong { color:var(--qm-ink); font-weight:500; font-variant-numeric:tabular-nums; }
.qm-calc-line small { background:var(--qm-card-soft); padding:3px 5px; border-radius:4px; font-size:8px; margin-left:4px; }
.qm-calc-grand { border-top:1px solid var(--qm-line); padding-top:18px; margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; }
.qm-calc-grand strong { font:600 24px var(--ct-font-display); letter-spacing:-.04em; }.qm-calc-grand strong span { color:var(--qm-muted); font-size:16px; }
.qm-workspace-visual { display:grid; align-items:center; background:linear-gradient(135deg,var(--qm-card-soft),var(--qm-soft)); }
.qm-mini-workspace { border:1px solid var(--qm-line); border-radius:14px; background:var(--qm-surface); overflow:hidden; }
.qm-mini-workspace-head { display:flex; justify-content:space-between; align-items:center; font-size:12px; padding:15px 20px; border-bottom:1px solid var(--qm-line); font-weight:600; }
.qm-mini-workspace-title { display:flex; justify-content:space-between; align-items:center; padding:20px 20px 15px; gap:12px; }.qm-mini-workspace-title h3 { font-size:16px; }.qm-mini-workspace-title>span { font-size:10px; background:var(--qm-primary-bg); color:var(--qm-primary-text); padding:7px 10px; border-radius:999px; }
.qm-mini-search { display:flex; gap:8px; margin:0 20px 14px; font-size:10px; color:var(--qm-muted); border:1px solid var(--qm-line); border-radius:6px; padding:9px; }
.qm-mini-row { display:flex; align-items:center; gap:10px; padding:14px 20px; border-top:1px solid var(--qm-line); }.qm-mini-doc-icon { display:grid; place-items:center; width:28px; height:32px; border:1px solid var(--qm-line); border-radius:5px; color:var(--qm-accent-ink); }
.qm-mini-row strong { display:block; font-size:10px; font-weight:500; }.qm-mini-row small { display:block; margin-top:5px; font-size:9px; color:var(--qm-muted); }.qm-mini-row>span:last-child { font-size:14px; color:var(--qm-muted); }
.qm-mini-status { margin-left:auto; font-size:9px; padding:5px 8px; border-radius:999px; background:var(--qm-soft); color:var(--qm-body); }.qm-mini-status-accepted { background:#e9f3ee; color:#376854; }.qm-mini-status-sent { background:#edf1fb; color:#47649c; }
.qm-mini-caption { display:block; padding:9px; text-align:center; color:var(--qm-muted); font-size:8px; border-top:1px solid var(--qm-line); }
.qm-use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.qm-use-card { position:relative; padding:28px; background:var(--qm-surface); border:1px solid var(--qm-line); border-radius:22px; color:var(--qm-ink); text-decoration:none; transition:background .2s,border-color .2s; }
.qm-use-card:hover { background:var(--qm-card-soft); border-color:var(--qm-blue); }.qm-use-card>span { font-size:11px; color:var(--qm-muted); }.qm-use-card h3 { margin-top:20px; font-size:19px; padding-right:22px; }.qm-use-card>svg { position:absolute; right:24px; bottom:28px; color:var(--qm-muted); }
.qm-details-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:55px; }.qm-details-grid p { font-size:14px; line-height:1.8; margin:14px 0 0; }.qm-details-grid h3 { font-size:19px; }.qm-detail-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--qm-line); border-radius:12px; background:var(--qm-soft); color:var(--qm-body); font-size:18px; margin-bottom:23px; }
.qm-plan-section { padding:0 0 105px; }.qm-plan-panel { display:grid; grid-template-columns:1.4fr 1fr; gap:90px; align-items:center; padding:55px; border:1px solid var(--qm-line); border-radius:26px; background:var(--qm-soft); }.qm-plan-panel>div>p:not(.qm-eyebrow) { font-size:16px; line-height:1.8; margin:22px 0 27px; }
.qm-plan-preview { padding:30px; background:var(--qm-surface); border:1px solid var(--qm-line); border-radius:20px; }.qm-plan-preview>span { font-size:13px; font-weight:600; }.qm-plan-preview>strong { display:block; font:500 clamp(23px,2.5vw,32px)/1.4 var(--ct-font-display); letter-spacing:-.03em; margin:24px 0; }.qm-plan-preview>div { border-top:1px solid var(--qm-line); padding-top:20px; color:var(--qm-muted); font-size:13px; line-height:1.7; }
.qm-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }.qm-faq-layout>div:first-child .qm-text-link { margin-top:30px; }
.qm-faq-item { border-bottom:1px solid var(--qm-line); }.qm-faq-item:first-child { border-top:1px solid var(--qm-line); }.qm-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:23px 0; list-style:none; color:var(--qm-ink); font-size:15px; font-weight:500; line-height:1.65; cursor:pointer; }.qm-faq-item summary::-webkit-details-marker { display:none; }.qm-faq-item summary>span { font-size:23px; font-weight:400; color:var(--qm-muted); }.qm-faq-item[open] summary>span { transform:rotate(45deg); }.qm-faq-item>div { padding:0 34px 24px 0; color:var(--qm-body); font-size:14px; line-height:1.9; }
.qm-final-section { padding-bottom:84px; }.qm-final-panel { text-align:center; background:var(--qm-gradient); border:1px solid var(--qm-line); border-radius:30px; padding:70px 40px; }.qm-final-panel .qm-eyebrow { justify-content:center; }.qm-final-panel h2 { max-width:750px; margin-inline:auto; }.qm-final-panel>p:not(.qm-eyebrow) { max-width:540px; margin:22px auto 28px; font-size:16px; line-height:1.8; }.qm-final-note { display:block; margin-top:18px; font-size:11px; color:var(--qm-muted); }
body.qm-redesign .ct-reviews-section { background:var(--qm-soft)!important; border-color:var(--qm-line)!important; padding:90px 0!important; }
body.qm-redesign .ct-reviews-section .container { max-width:1200px!important; width:calc(100% - 64px); padding:0!important; }
body.qm-redesign .ct-reviews-section h2 { font:500 38px/1.25 var(--ct-font-display)!important; color:var(--qm-ink)!important; }
body.qm-redesign .ct-reviews-section p { color:var(--qm-body)!important; }
body.qm-redesign .ct-review-card { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:none!important; border-radius:22px!important; }
body.qm-redesign #reviews-cards-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important; }
body.qm-redesign .ct-review-card :is(h3,strong) { color:var(--qm-ink)!important; }

/* Pricing, authentication, guides, account and payment surfaces. */
body.qm-redesign .ct-pricing { background:var(--qm-page)!important; --p-ink:var(--qm-ink); --p-muted:var(--qm-muted); --p-line:var(--qm-line); padding-top:76px; }
body.qm-redesign .ct-pricing .pricing-intro h1 { font-size:clamp(42px,5vw,64px); font-weight:500; }
body.qm-redesign .ct-pricing .pricing-intro h1 span { color:var(--qm-ink)!important; }
body.qm-redesign .ct-pricing .pricing-grid { gap:18px; }
body.qm-redesign .ct-pricing .price-card-header { min-height:265px; }
body.qm-redesign .ct-pricing .plan-price small { display:block; margin-top:10px; line-height:1.5; }
body.qm-redesign .ct-pricing .price-card { background:var(--qm-surface)!important; border:1px solid var(--qm-line)!important; border-radius:22px; padding:28px 22px; box-shadow:none!important; }
body.qm-redesign .ct-pricing .price-card.featured-pro { border:1.5px solid var(--qm-blue)!important; background:var(--qm-soft)!important; }
body.qm-redesign .ct-pricing .price-card.featured-business { background:var(--qm-gradient)!important; border:1px solid var(--qm-line)!important; }
body.qm-redesign .ct-pricing .price-card :is(.ct-btn-primary,.ct-btn-business),
body.qm-redesign .ct-pricing .price-card :is(.ct-btn-primary:hover,.ct-btn-business:hover) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border:1px solid var(--qm-primary-bg)!important; box-shadow:none!important; }
body.qm-redesign .ct-pricing :is(.plan-badge-highlight,.plan-badge-business,.annual-badge) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; box-shadow:none!important; }
body.qm-redesign .ct-pricing .price-card li { font-size:13px; line-height:1.8; }.ct-pricing .price-card li::before { color:var(--qm-accent-ink)!important; }
body.qm-redesign .ct-pricing .pricing-interval-toggle { background:var(--qm-soft); border-color:var(--qm-line); }.ct-pricing .interval-btn.active { background:var(--qm-surface)!important; color:var(--qm-ink)!important; box-shadow:0 2px 4px #00000008!important; }
body.qm-redesign :is(.auth-page,.auth-container,.auth-wrapper,.payment-page,.business-page,.seo-page) { color:var(--qm-ink); }
body.qm-redesign :is(.auth-card,.login-card,.register-card,.payment-card,.account-card,.business-card,.guide-card,.cz-guide-card) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; border-radius:22px; box-shadow:var(--qm-shadow)!important; }
body.qm-redesign :is(.auth-card,.payment-card,.business-card,.guide-card) :is(h1,h2,h3) { color:var(--qm-ink)!important; font-family:var(--ct-font-display); }
body.qm-redesign :is(.auth-submit,.btn-auth-primary,.auth-btn-primary,.ct-btn-primary,.business-btn-primary) { background:var(--qm-primary-bg)!important; border-color:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; box-shadow:none!important; border-radius:999px; }
body.qm-redesign :is(.guide-page,.business-page) :is(h1,h2) { font-family:var(--ct-font-display); font-weight:500; }
body.qm-redesign .site-footer { background:var(--qm-page)!important; color:var(--qm-muted); border-top:1px solid var(--qm-line); }
body.qm-redesign .site-footer .container { max-width:1200px!important; }.site-footer :is(.footer-title,.footer-heading) { color:var(--qm-ink)!important; }.site-footer :is(a,p) { color:var(--qm-muted); }.site-footer a:hover { color:var(--qm-ink); }

/* Working application: quiet navigation, white panels and clear form controls. */
body.qm-redesign:is(.page-workspace,.page-account,.page-generator) { background:var(--qm-soft)!important; }
body.qm-redesign :is(.ws-app-frame,.ws-main-canvas,.main-content-workspace,.generator-workspace,.refrens-app-container) { background:var(--qm-soft)!important; }
body.qm-redesign .ws-sidebar { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; }
body.qm-redesign .ws-sidebar-search { border:1px solid var(--qm-line)!important; background:var(--qm-soft)!important; border-radius:10px; }
body.qm-redesign .ws-nav-item { border-radius:10px; font-size:14px; color:var(--qm-body)!important; }.ws-nav-item svg { stroke-width:1.6; }
body.qm-redesign .ws-nav-item:hover { background:var(--qm-soft)!important; }.ws-nav-item.active { background:var(--qm-card-soft)!important; color:var(--qm-ink)!important; box-shadow:none!important; }
body.qm-redesign .ws-nav-item.active :is(svg,span) { color:var(--qm-ink)!important; }
body.qm-redesign :is(.ws-topbar,.ws-header,.ws-toolbar) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign :is(.ws-topbar-title,.ws-company-name,.ws-kpi-value,.ws-panel-title,.ws-section-title,.ws-quote-title) { color:var(--qm-ink)!important; font-family:var(--ct-font-display); }
body.qm-redesign .ws-topbar-title { font-size:27px; font-weight:600; letter-spacing:-.04em; }
body.qm-redesign :is(.ws-kpi-card,.ws-project-card,.ws-section-card,.ws-card,.ws-panel,.ws-records-container,.ws-info-card,.ws-settings-card,.ws-modal) { background:var(--qm-surface)!important; border:1px solid var(--qm-line)!important; border-radius:18px; box-shadow:none!important; }
body.qm-redesign .ws-kpi-card { padding:24px; }.ws-kpi-card:hover { transform:none!important; }
body.qm-redesign :is(.ws-kpi-blue,.ws-kpi-purple,.ws-kpi-amber) { background:var(--qm-card-soft)!important; color:var(--qm-accent-ink)!important; border:0!important; }
body.qm-redesign :is(.ws-btn-primary,.ws-topbar-btn-primary,.ws-btn-download,.ws-btn-save),
body.qm-redesign :is(.ws-btn-primary:hover,.ws-topbar-btn-primary:hover,.ws-btn-download:hover,.ws-btn-save:hover) { background:var(--qm-primary-bg)!important; border-color:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; box-shadow:none!important; border-radius:999px; }
body.qm-redesign :is(.ws-btn-outline,.ws-btn-subtle,.ws-topbar-btn) { background:var(--qm-surface); color:var(--qm-ink); border-color:var(--qm-line); box-shadow:none; }
body.qm-redesign :is(.ws-pill.active,.ws-tab-btn.active,.ws-filter-btn.active) { background:var(--qm-card-soft)!important; color:var(--qm-ink)!important; box-shadow:none!important; }
body.qm-redesign .ws-status-pills { background:var(--qm-soft)!important; border-color:var(--qm-line)!important; border-radius:999px; padding:4px; }
body.qm-redesign .ws-table :is(th,thead) { background:var(--qm-soft)!important; color:var(--qm-muted)!important; border-color:var(--qm-line)!important; font-size:11px; letter-spacing:.04em; font-weight:500; }
body.qm-redesign .ws-table td { border-color:var(--qm-line)!important; color:var(--qm-body); }.ws-table tbody tr:hover { background:var(--qm-soft)!important; }
body.qm-redesign :is(.ws-action-dropdown,.ws-dropdown-menu,.ws-popup) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; border-radius:14px; box-shadow:var(--qm-shadow); }
body.qm-redesign .generator-toolbar { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign :is(.qm-editor-progress,.editor-card,.step-nav-footer) { background:var(--qm-surface)!important; border:1px solid var(--qm-line)!important; box-shadow:none!important; border-radius:18px; }
body.qm-redesign :is(.card-header-bar,.qm-final-preview-card-header,.qm-final-preview-actions) { background:var(--qm-soft)!important; border-color:var(--qm-line)!important; }
body.qm-redesign .generator-editor-panel :is(.contact-box,.template-starter-wrap,.design-pill-group,.color-swatch-group) { background:var(--qm-soft)!important; border-color:var(--qm-line)!important; border-radius:12px; }
body.qm-redesign :is(.ws-input,.ws-select,.ws-textarea,.ws-status-select,.auth-input),
body.qm-redesign .generator-editor-panel :is(.doc-input,.doc-select,textarea),
body.qm-redesign .template-starter-select { background:var(--qm-surface)!important; color:var(--qm-ink)!important; border:1px solid var(--qm-line)!important; border-radius:9px; }
body.qm-redesign :is(.ws-input,.ws-select,.ws-textarea,.auth-input):focus,
body.qm-redesign .generator-editor-panel :is(.doc-input,.doc-select,textarea):focus { border-color:var(--qm-blue)!important; box-shadow:0 0 0 3px #7898e824!important; }
body.qm-redesign .preview-wrapper { background:var(--qm-card-soft)!important; scrollbar-color:#9ba9bd var(--qm-card-soft); }
body.qm-redesign .generator-editor-panel :is(.card-title,.section-title,.field-label,.doc-label,.qm-step-title) { color:var(--qm-ink)!important; }
body.qm-redesign .generator-editor-panel :is(.field-hint,.doc-hint,.card-subtitle,.qm-step-description) { color:var(--qm-muted)!important; }
body.qm-redesign .generator-editor-panel :is(.btn-primary,.btn-next,.qm-primary-action) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border-color:var(--qm-primary-bg)!important; box-shadow:none!important; }
/* Document templates and PDF colors remain controlled by the user's document settings. */
body.qm-redesign :is(.gen-tb-btn-primary,.qm-view-toggle-btn.active,.mob-view-tab-btn.active,.qm-sidebar-tab.active,.qm-sidebar-switch-btn) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border-color:var(--qm-primary-bg)!important; box-shadow:none!important; }
body.qm-redesign :is(.gen-tb-btn-primary,.qm-view-toggle-btn.active,.mob-view-tab-btn.active,.qm-sidebar-tab.active,.qm-sidebar-switch-btn) :is(span,svg) { color:var(--qm-primary-text)!important; }
body.qm-redesign :is(.qm-template-sidebar,.qm-sidebar-header,.qm-view-toggle-group,.mobile-view-mode-bar,.gen-tb-currency-select) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; color:var(--qm-ink)!important; }
body.qm-redesign :is(.qm-sidebar-section-title,.qm-template-sidebar .clean-checkbox,.qm-template-sidebar .btn-design-name) { color:var(--qm-body)!important; }
body.qm-redesign .qm-template-sidebar .btn-design { background:var(--qm-surface)!important; color:var(--qm-ink)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign .qm-template-sidebar .btn-design.active { background:var(--qm-card-soft)!important; border-color:var(--qm-blue)!important; }
body.qm-redesign :is(.gen-editor-toolbar-wrap,.qm-template-sidebar .design-pill-group,.qm-template-sidebar .qm-sidebar-swatches) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign :is(.qm-sidebar-title,.qm-sidebar-icon,.qm-sidebar-badge,.qm-template-sidebar .btn-design.active .btn-design-name) { color:var(--qm-ink)!important; }
body.qm-redesign :is(.qm-sidebar-tab:not(.active),.qm-view-toggle-btn:not(.active),.qm-sidebar-pro-link) { color:var(--qm-body)!important; }
body.qm-redesign .gen-tb-btn:not(.gen-tb-btn-primary):not(.gen-tb-btn-whatsapp) { background:var(--qm-soft)!important; color:var(--qm-body)!important; border-color:var(--qm-line)!important; }
/* The editable document stays a light paper surface in either app theme. */
@media screen {
[data-theme='dark'] body.qm-redesign.qm-canvas-active #quotation-preview-container :is([data-qm-field],input,textarea,select) { background:#fff!important; color:#17191d!important; -webkit-text-fill-color:#17191d!important; border-color:#cbd5e1!important; caret-color:#17191d!important; color-scheme:light; }
[data-theme='dark'] body.qm-redesign.qm-canvas-active #quotation-preview-container :is([data-qm-field]:empty::before,[data-qm-field][data-empty='true']::before,input::placeholder,textarea::placeholder) { color:#66717d!important; -webkit-text-fill-color:#66717d!important; opacity:1; }
}

/* Shared secondary pages and the full workspace surface inventory. */
body.qm-redesign .qm-login { --login-ink:var(--qm-ink); --login-muted:var(--qm-muted); --login-line:var(--qm-line); --login-bg:var(--qm-surface); font-family:var(--ct-font-body); }
body.qm-redesign .qm-login :is(h1,h2) { font-family:var(--ct-font-display); }
body.qm-redesign .qm-login-story { background:var(--qm-gradient)!important; color:var(--qm-ink); border:1px solid var(--qm-line); }
body.qm-redesign .qm-login-story>div>h2 { color:var(--qm-ink)!important; }
body.qm-redesign .qm-login-story>div>p,body.qm-redesign .qm-login-story .qm-login-story-foot { color:var(--qm-body)!important; }
body.qm-redesign .qm-login-submit { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border-radius:999px; }
body.qm-redesign .qm-login :is(.qm-login-register a,.qm-login-password button) { color:var(--qm-accent-ink)!important; }
body.qm-redesign .qm-register-terms a { color:var(--qm-accent-ink)!important; }
body.qm-redesign .qm-login a[href='/forgot-password'] { color:var(--qm-accent-ink)!important; }
body.qm-redesign .qm-login input:not([type=hidden]):focus { outline:3px solid #7898e824; border-color:var(--qm-blue); }
body.qm-redesign .pc-page { background:var(--qm-page)!important; color:var(--qm-ink); }
body.qm-redesign .pc-intro :is(h1,h1 span) { color:var(--qm-ink)!important; font-family:var(--ct-font-display); }
body.qm-redesign .pc-page :is(.pc-panel,.pc-card,.pc-result-card,.pc-summary,.pc-table-wrap) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; border-radius:20px; box-shadow:none!important; }
body.qm-redesign .pc-preview-banner { background:var(--qm-soft)!important; border-color:var(--qm-line)!important; }
body.qm-redesign .pc-preview-banner :is(strong,p) { color:var(--qm-body)!important; }
body.qm-redesign .pc-page :is(.pc-primary,.pc-primary:hover,.pc-quote-btn,.pc-quote-btn:hover) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border-color:var(--qm-primary-bg)!important; box-shadow:none!important; border-radius:999px!important; }
body.qm-redesign :is(.ct-guide-section,.ct-breadcrumb-bar) { background:var(--qm-page)!important; color:var(--qm-ink); border-color:var(--qm-line)!important; }
body.qm-redesign :is(.ct-guide-title,.ct-guide-sec-title,.ct-guide-cta-title) { color:var(--qm-ink)!important; font-family:var(--ct-font-display); font-weight:500; }
body.qm-redesign .ct-guide-title { font-size:clamp(40px,5vw,64px); line-height:1.15; letter-spacing:-.04em; }
body.qm-redesign :is(.ct-guide-lead,.ct-guide-text,.ct-guide-list) { color:var(--qm-body)!important; }
body.qm-redesign :is(.ct-guide-card,.ct-guide-cta-card) { background:var(--qm-soft)!important; border:1px solid var(--qm-line)!important; border-radius:22px; box-shadow:none!important; }
body.qm-redesign :is(.ct-guide-step-badge,.ct-trust-item,.ct-pill-tag) { background:var(--qm-card-soft)!important; color:var(--qm-body)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign .ct-highlight-text { color:var(--qm-ink)!important; }.ct-guide-section .ct-underline-svg { display:none; }
body.qm-redesign :is(.pay-card,.pay-details-card) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:var(--qm-shadow)!important; }
body.qm-redesign .pay-card :is(h1,h2,.pay-detail-val) { color:var(--qm-ink)!important; }
body.qm-redesign .pay-card :is(p,.pay-detail-label) { color:var(--qm-muted)!important; }
body.qm-redesign :is(.ws-stat-card,.ws-profit-chart-card,.ws-files-card,.ws-entity-card,.ws-identity-bento,.ws-account-panel,.ws-brand-context-strip) { background:var(--qm-surface)!important; border:1px solid var(--qm-line)!important; border-radius:20px; box-shadow:none!important; }
body.qm-redesign :is(.ws-stat-card-val,.ws-files-title,.ws-chart-title,.ws-card-title,.ws-identity-name,.ws-empty-title,.ws-brand-hub-title) { color:var(--qm-ink)!important; font-family:var(--ct-font-display); }
body.qm-redesign :is(.ws-stat-card-label,.ws-stat-card-meta,.ws-files-subtitle,.ws-chart-subtitle,.ws-label,.ws-card-desc,.ws-empty-desc,.ws-field-hint) { color:var(--qm-muted)!important; }
body.qm-redesign .ws-topbar-cta-btn:not(.ws-topbar-cta-secondary) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border-color:var(--qm-primary-bg)!important; box-shadow:none!important; border-radius:999px; }
body.qm-redesign .ws-topbar-cta-btn:not(.ws-topbar-cta-secondary) :is(span,svg) { color:var(--qm-primary-text)!important; }
body.qm-redesign :is(.ws-topbar-cta-secondary,.ws-topbar-chip-btn,.ws-topbar-icon-btn) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; color:var(--qm-ink)!important; box-shadow:none!important; }
body.qm-redesign .ws-topbar-cta-secondary :is(span,svg) { color:var(--qm-ink)!important; }
body.qm-redesign :is(.ws-bento-dropdown,.ws-profile-dropdown,.ws-lang-dropdown,.ws-stat-card-menu-btn) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; color:var(--qm-ink)!important; box-shadow:var(--qm-shadow); }
body.qm-redesign .ws-bento-dropdown-item { color:var(--qm-ink)!important; }
body.qm-redesign .ws-sidebar-bottom { border-color:var(--qm-line)!important; }
body.qm-redesign .ws-files-search { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; }
body.qm-redesign .ws-stat-card:hover { transform:none!important; }
body.qm-redesign.page-generator .generator-workspace.form-only-mode .editor-card,
body.qm-redesign.page-generator .generator-workspace.form-only-mode .editor-card .card-header-bar { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign.page-generator .generator-workspace.form-only-mode .preview-wrapper { background:var(--qm-card-soft)!important; }
body.qm-redesign.proposal-studio-simple :is(.housi-subbar,.housi-card,.housi-card-header,.housi-preview-header,.proposal-more-panel) { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; color:var(--qm-ink); box-shadow:none!important; }
body.qm-redesign.proposal-studio-simple :is(.housi-card,.housi-preview-stage) { border-radius:20px; border-color:var(--qm-line)!important; }
body.qm-redesign.proposal-studio-simple :is(.housi-tab-link,.qm-card-desc,.proposal-step-summary small) { color:var(--qm-muted)!important; }
body.qm-redesign.proposal-studio-simple :is(.housi-tab-link.active,.proposal-step-summary span) { background:var(--qm-card-soft)!important; color:var(--qm-ink)!important; }
body.qm-redesign.proposal-studio-simple :is(.housi-tab-link.active span,.btn-step-next,.btn-step-finish) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; border-color:var(--qm-primary-bg)!important; box-shadow:none!important; }
body.qm-redesign.proposal-studio-simple :is(.qm-card-title,.proposal-step-summary strong) { color:var(--qm-ink)!important; }
[data-theme='dark'] body.qm-redesign #site-header.ct-header { background:var(--qm-page)!important; border-color:var(--qm-line)!important; }
[data-theme='dark'] body.qm-redesign #site-header.ct-header .nav-links { background:transparent!important; border:0!important; }
[data-theme='dark'] body.qm-redesign #site-header.ct-header :is(.nav-link,.qm-products-summary) { color:var(--qm-body)!important; }
[data-theme='dark'] body.qm-redesign #site-header.ct-header :is(.nav-link.active,.nav-link:hover) { background:var(--qm-soft)!important; color:var(--qm-ink)!important; }
[data-theme='dark'] body.qm-redesign #site-header.ct-header :is(.ct-nav-login-btn,.header-lang-btn,.header-theme-toggle-btn) { background:var(--qm-surface)!important; color:var(--qm-ink)!important; border-color:var(--qm-line)!important; }
[data-theme='dark'] body.qm-redesign img[src^='/assets/images/logo.png'] { filter:brightness(0) invert(1); }
[data-theme='dark'] body.qm-redesign .ws-sidebar { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; }
[data-theme='dark'] body.qm-redesign .ws-nav-item.active { background:var(--qm-card-soft)!important; color:var(--qm-ink)!important; }
body.qm-redesign :is(.ws-btn-primary,.ws-topbar-btn-primary,.ws-btn-save) :is(svg,span) { color:var(--qm-primary-text)!important; }

body.qm-redesign :is(.qm-exp-modal-container,.sub-modal-card) { background:var(--qm-surface)!important; border:1px solid var(--qm-line)!important; border-radius:24px; box-shadow:var(--qm-shadow)!important; }
body.qm-redesign :is(.qm-exp-title,.sub-modal-heading) { color:var(--qm-ink)!important; font-family:var(--ct-font-display); font-weight:500; }
body.qm-redesign :is(.qm-exp-desc,.sub-modal-subtext,.sub-feature-item) { color:var(--qm-body)!important; }
body.qm-redesign :is(.qm-exp-header,.qm-exp-controls,.qm-exp-footer,.sub-pricing-box) { background:var(--qm-soft)!important; border-color:var(--qm-line)!important; }
body.qm-redesign .qm-exp-title { font-size:clamp(23px,3vw,30px); line-height:1.25; }
body.qm-redesign :is(.qm-exp-style-btn,.qm-exp-preset-item,.qm-exp-btn-secondary) { background:var(--qm-surface)!important; color:var(--qm-ink)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign :is(.qm-exp-style-btn.active,.qm-exp-preset-item.active) { background:var(--qm-card-soft)!important; border-color:var(--qm-blue)!important; }
body.qm-redesign :is(.sub-amount,.sub-currency) { color:var(--qm-ink)!important; }
body.qm-redesign :is(.sub-btn-primary,.qm-exp-btn-primary) { background:var(--qm-primary-bg)!important; color:var(--qm-primary-text)!important; box-shadow:none!important; }

/* Compact footer retains each destination and keeps the visual hierarchy quiet. */
body.qm-redesign .qm-footer { padding:60px 0 0; }
.qm-footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:48px; padding-bottom:50px; }
.qm-footer-brand img { width:158px; height:auto; }
body.qm-redesign .qm-footer .qm-footer-brand p { max-width:270px; font-size:13px; line-height:1.8; margin:20px 0; color:var(--qm-muted); }
.qm-footer-brand>a:not(.site-brand) { font-size:13px; text-decoration:none; }.qm-footer-brand>span { display:block; margin-top:18px; font-size:11px; color:var(--qm-muted); }
body.qm-redesign .qm-footer h4 { margin:4px 0 20px; font:600 13px var(--ct-font-body); color:var(--qm-ink)!important; letter-spacing:0; text-transform:none; }
.qm-footer ul { list-style:none; margin:0; padding:0; display:grid; gap:13px; }.qm-footer li { font-size:12px; line-height:1.6; }.qm-footer li>a { text-decoration:none; }
.qm-footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--qm-line); padding:25px 0; font-size:11px; line-height:1.8; color:var(--qm-muted); }

/* Operations console uses the same palette without changing its tools. */
body.qm-admin { --adm-bg:var(--qm-soft); --adm-card-bg:var(--qm-surface); --adm-border:var(--qm-line); --adm-border-subtle:var(--qm-line); --adm-text-main:var(--qm-ink); --adm-text-muted:var(--qm-muted); --adm-primary:#17191d; --adm-accent:#526fa8; --adm-purple:#6f75a0; font-family:var(--ct-font-body); }
body.qm-admin .adm-sidebar { background:#17191d!important; border-color:#30343b!important; }
body.qm-admin .adm-card { border-radius:20px; box-shadow:none; }
body.qm-admin .adm-card-title { font-family:var(--ct-font-display); font-weight:600; }
body.qm-admin .adm-topbar { background:var(--qm-surface); border-color:var(--qm-line); box-shadow:none; }

/* Responsive and multilingual layouts. */
body.qm-redesign .mobile-bottom-nav { background:var(--qm-surface)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
body.qm-redesign .mobile-nav-item { color:var(--qm-muted)!important; }
body.qm-redesign .mobile-nav-item.active { color:var(--qm-ink)!important; }
body.qm-redesign .mobile-nav-fab { background:var(--qm-primary-bg)!important; border-color:var(--qm-surface)!important; color:var(--qm-primary-text)!important; box-shadow:none!important; }
body.qm-redesign .mobile-nav-fab svg { stroke:var(--qm-primary-text)!important; }
body.qm-redesign #site-header.ct-header :is(.user-menu-pro-pill,.mobile-lang-pill.active) { background:var(--qm-card-soft)!important; color:var(--qm-accent-ink)!important; border-color:var(--qm-line)!important; box-shadow:none!important; }
.qm-landing :is(h1,h2,h3,.qm-button) { overflow-wrap:anywhere; }
@media (min-width:1251px) { body.qm-redesign #site-header.ct-header .nav-wrapper,body.qm-redesign #site-header.ct-header .header-desktop-auth-group { display:flex!important; } body.qm-redesign #site-header.ct-header .mobile-menu-toggle { display:none!important; } }
@media (max-width:1250px) { body.qm-redesign #site-header.ct-header .header-inner { height:74px; } body.qm-redesign #site-header.ct-header .nav-wrapper,body.qm-redesign #site-header.ct-header .header-desktop-auth-group { display:none!important; } body.qm-redesign #site-header.ct-header .mobile-menu-toggle { display:flex!important; } .qm-feature-row { gap:55px; } }
@media (max-width:1000px) { .qm-hero { padding-top:65px; }.qm-showcase { padding:25px 25px 0; }.qm-demo-editor { padding:20px; }.qm-demo-paper-space { padding:24px; }.qm-demo-paper { padding:24px; }.qm-demo-sample { display:none; }.qm-feature-row { gap:38px; }.qm-feature-visual { padding:24px; min-height:320px; }.qm-step-card { padding:24px; }.qm-details-grid { gap:30px; }.qm-plan-panel { gap:40px; padding:40px; }.qm-faq-layout { gap:45px; } }
@media (max-width:760px) {
  body.qm-redesign .ct-pricing .price-card-header { min-height:0; }
  body.qm-redesign #site-header.ct-header .header-inner { height:72px; padding:0 20px!important; }.qm-container { width:calc(100% - 40px); }
  .qm-hero { padding-top:48px; }.qm-hero h1 { font-size:clamp(38px,7vw,52px); letter-spacing:-.045em; line-height:1.15; }.qm-lead { font-size:16px; line-height:1.75; max-width:530px; }.qm-eyebrow { font-size:11px; }.qm-actions { margin-top:24px; }.qm-assurances { font-size:10px; gap:8px 15px; }
  .qm-showcase { margin-top:38px; padding:18px 18px 0; border-radius:24px; }.qm-demo-app { border-radius:14px 14px 0 0; }.qm-demo-topbar { padding:12px 15px; }.qm-demo-brand>span { display:none; }.qm-demo-brand strong { font-size:12px; }.qm-demo-explore { font-size:10px; padding:7px 9px; }.qm-demo-explore svg { width:13px; }
  .qm-demo-body { grid-template-columns:1fr; }.qm-demo-editor { display:none; }.qm-demo-paper-space { padding:22px; }.qm-demo-paper { max-width:520px; margin-inline:auto; padding:27px; }.qm-paper-header strong { font-size:12px; }.qm-demo-paper td { font-size:10px; }
  .qm-audience { padding:30px 0 38px; }.qm-audience>div { gap:18px 25px; }.qm-audience>div span { font-size:14px; }
  .qm-section { padding:70px 0; }.qm-section-heading { margin-bottom:32px; }.qm-landing h2 { font-size:34px; letter-spacing:-.04em; }.qm-section-heading>p:last-child { font-size:15px; }
  .qm-step-grid { grid-template-columns:1fr; gap:18px; max-width:520px; margin-inline:auto; }.qm-step-card { padding:27px; }.qm-step-number { margin-bottom:18px; }.qm-step-visual { max-width:380px; width:100%; margin-inline:auto; }
  .qm-feature-row { grid-template-columns:1fr; gap:30px; }.qm-feature-copy { max-width:580px; }.qm-feature-reverse .qm-feature-copy { order:0; }.qm-feature-reverse .qm-feature-visual { order:1; }.qm-feature-row+.qm-feature-row { margin-top:70px; }.qm-feature-copy>p:not(.qm-eyebrow) { margin:20px 0; font-size:15px; }.qm-feature-visual { min-height:330px; padding:28px; }.qm-template-sample { max-width:160px; }
  .qm-use-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.qm-use-card { padding:22px; }.qm-use-card h3 { font-size:17px; }.qm-use-card>svg { right:20px; bottom:24px; }
  .qm-details-grid { grid-template-columns:1fr; gap:35px; }.qm-details-grid article { max-width:570px; }.qm-detail-icon { margin-bottom:15px; }.qm-plan-section { padding-bottom:70px; }.qm-plan-panel { grid-template-columns:1fr; padding:30px; gap:35px; }
  body.qm-redesign .ct-reviews-section { padding:65px 0!important; }body.qm-redesign .ct-reviews-section .container { width:calc(100% - 40px); }body.qm-redesign .ct-reviews-section h2 { font-size:30px!important; }
  .qm-faq-layout { grid-template-columns:1fr; gap:34px; }.qm-faq-item summary { font-size:14px; }.qm-faq-item>div { padding-right:20px; font-size:13px; }
  .qm-final-section { padding-bottom:55px; }.qm-final-panel { padding:50px 25px; border-radius:24px; }.qm-final-panel h2 { font-size:34px; }.qm-final-panel>p:not(.qm-eyebrow) { font-size:15px; }
  .qm-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }.qm-footer-brand { grid-column:1 / -1; }.qm-footer-bottom { flex-direction:column; gap:8px; }
}
@media (max-width:440px) {
  .qm-container { width:calc(100% - 32px); }.qm-hero h1 { font-size:38px; }.qm-hero h1>span { display:inline; }.qm-hero h1>span+span::before { content:' '; }.qm-actions { flex-direction:column; }.qm-button { width:100%; }.qm-assurances { column-gap:12px; font-size:10px; }.qm-showcase { padding:12px 12px 0; }
  .qm-demo-paper-space { padding:13px; }.qm-demo-paper { padding:19px 16px; }.qm-paper-header { grid-template-columns:auto 1fr; gap:9px; }.qm-paper-meta { display:none; }.qm-paper-header strong { font-size:11px; }.qm-paper-parties { gap:15px; }.qm-paper-parties strong { font-size:8px; }.qm-demo-paper td { font-size:9px; }.qm-paper-grand { font-size:10px; }.qm-paper-footer { font-size:6px; }.qm-demo-topbar { gap:8px; padding:10px; }.qm-demo-explore { font-size:9px; }.qm-demo-brand { gap:6px; }.qm-demo-brand img { width:23px; height:23px; }
  .qm-use-card { padding:20px 18px; }.qm-use-card h3 { font-size:16px; }.qm-feature-visual { padding:22px 18px; min-height:300px; }.qm-template-gallery { gap:8px; }.qm-template-paper { min-height:194px; padding:13px 9px; }.qm-template-label { font-size:9px; }.qm-plan-panel { padding:25px; }.qm-plan-preview { padding:25px; }
}
html:is([lang='si'],[lang='ta']) .qm-landing :is(h1,h2,h3) { letter-spacing:0; line-height:1.4; }
html:is([lang='si'],[lang='ta']) .qm-hero h1 { font-size:clamp(34px,4.4vw,58px); }
html:is([lang='si'],[lang='ta']) .qm-demo-topbar { flex-wrap:wrap; }
html:is([lang='si'],[lang='ta']) .qm-landing .qm-demo-paper :is(th,td) { line-height:1.6; }
@media (max-width:440px) { html:is([lang='si'],[lang='ta']) .qm-hero h1 { font-size:30px; }html:is([lang='si'],[lang='ta']) .qm-landing h2 { font-size:28px; }html:is([lang='si'],[lang='ta']) .mobile-nav-item { font-size:9px; line-height:1.4; }html:is([lang='si'],[lang='ta']) .mobile-nav-item>span { max-width:72px; overflow-wrap:anywhere; } }
@media (min-width:1251px) and (max-width:1540px) { html:is([lang='si'],[lang='ta']) body.qm-redesign #site-header.ct-header .nav-wrapper,html:is([lang='si'],[lang='ta']) body.qm-redesign #site-header.ct-header .header-desktop-auth-group { display:flex!important; }html:is([lang='si'],[lang='ta']) body.qm-redesign #site-header.ct-header .mobile-menu-toggle { display:none!important; }html:is([lang='si'],[lang='ta']) body.qm-redesign #site-header.ct-header :is(.nav-link,.qm-products-summary,.ct-nav-signup-btn) { font-size:12px; }html:is([lang='si'],[lang='ta']) body.qm-redesign #site-header.ct-header .nav-links { gap:9px; } }
@media (prefers-reduced-motion:reduce) { body.qm-redesign *,body.qm-redesign *::before,body.qm-redesign *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print {
  body.qm-redesign,body.qm-redesign:is(.page-workspace,.page-account,.page-generator) { background:#fff!important; color:#17191d; }
  body.qm-redesign :is(.refrens-app-container,.container-workspace,.generator-workspace,.generator-preview-panel,.preview-wrapper) { background:transparent!important; }
  body.qm-redesign #site-header.ct-header,body.qm-redesign .mobile-bottom-nav,body.qm-redesign .qm-theme-button { display:none!important; }
  .qm-landing { overflow:visible; }.qm-demo-explore { display:none; }
}

/* ==========================================================================
   QuoteMaker LK — Application Walkthrough Video Showcase
   ========================================================================== */
.qm-demo-video-section {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
}
.qm-video-showcase-wrapper {
  position: relative;
  max-width: 960px;
  width: 100%;
  margin: 36px auto 0;
  z-index: 1;
}
.qm-video-glow {
  position: absolute;
  inset: -15px;
  background: radial-gradient(circle at 50% 30%, rgba(79, 70, 229, 0.22) 0%, rgba(59, 130, 246, 0.1) 50%, transparent 70%);
  filter: blur(35px);
  z-index: 0;
  pointer-events: none;
}
.qm-video-window {
  position: relative;
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  box-shadow: 0 24px 60px -15px rgba(15, 23, 42, 0.45);
  overflow: hidden;
  z-index: 1;
}
.qm-video-window-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 18px !important;
  background: #1e293b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-sizing: border-box;
}
.qm-window-dots {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 7px !important;
}
.qm-dot {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0;
}
.qm-dot-red { background: #ff5f56 !important; }
.qm-dot-yellow { background: #ffbd2e !important; }
.qm-dot-green { background: #27c93f !important; }

.qm-video-window-title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--ct-font-display, inherit) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  letter-spacing: 0.01em !important;
}
.qm-video-window-badge {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(79, 70, 229, 0.25) !important;
  border: 1px solid rgba(129, 140, 248, 0.35) !important;
  color: #c7d2fe !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.qm-pulse-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #34d399 !important;
  box-shadow: 0 0 8px #34d399 !important;
  display: inline-block !important;
}
.qm-video-player-container {
  position: relative !important;
  width: 100% !important;
  background: #020617 !important;
  aspect-ratio: 16 / 9 !important;
  max-height: 580px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.qm-video-element {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #000000 !important;
}
.qm-video-custom-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.85) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  cursor: pointer !important;
  z-index: 5 !important;
  transition: opacity 0.35s ease, visibility 0.35s ease !important;
}
.qm-video-custom-overlay.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.qm-video-play-btn {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: var(--qm-primary-bg, #4F46E5) !important;
  border: 2px solid rgba(255, 255, 255, 0.85) !important;
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: 0 8px 30px rgba(79, 70, 229, 0.5) !important;
  transition: transform 0.25s ease, background-color 0.2s ease !important;
}
.qm-video-custom-overlay:hover .qm-video-play-btn {
  transform: scale(1.08) !important;
}
.qm-video-play-btn svg {
  margin-left: 3px !important;
  width: 26px !important;
  height: 26px !important;
}
.qm-video-overlay-text {
  text-align: center !important;
  color: #ffffff !important;
}
.qm-video-overlay-text strong {
  display: block !important;
  font-family: var(--ct-font-display, inherit) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
}
.qm-video-overlay-text span {
  display: inline-block !important;
  font-size: 13px !important;
  color: #cbd5e1 !important;
  margin-top: 4px !important;
}
.qm-button-demo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.qm-button-demo svg {
  width: 15px !important;
  height: 15px !important;
}
@media (max-width: 768px) {
  .qm-demo-video-section { padding: 48px 0 !important; }
  .qm-video-showcase-wrapper { margin-top: 24px !important; }
  .qm-video-window { border-radius: 14px !important; }
  .qm-video-window-header { padding: 10px 14px !important; }
  .qm-video-window-title { font-size: 12px !important; }
  .qm-video-window-badge { display: none !important; }
  .qm-video-play-btn { width: 54px !important; height: 54px !important; }
  .qm-video-play-btn svg { width: 20px !important; height: 20px !important; }
  .qm-video-overlay-text strong { font-size: 15px !important; }
  .qm-video-overlay-text span { font-size: 12px !important; }
}