:root {
  --qp-night: #09101f;
  --qp-night-soft: #111a2e;
  --qp-blue: #3157f6;
  --qp-blue-bright: #6c87ff;
  --qp-lime: #c9f563;
  --qp-ice: #edf2ff;
  --qp-ink: #0d1424;
  --qp-copy: #59657a;
  --qp-line: #dfe5ef;
  --qp-surface: #ffffff;
  --qp-radius-sm: 14px;
  --qp-radius-md: 22px;
  --qp-radius-lg: 32px;
  --qp-shadow: 0 28px 80px rgba(14, 29, 66, .15);
}

.home-premium {
  overflow-x: hidden;
  background: #f5f7fb;
  color: var(--qp-ink);
}

.home-premium .container { width: min(1240px, calc(100% - 48px)); }
.home-premium .qp-header {
  position: absolute;
  inset: 0 0 auto;
  border: 0;
  background: transparent;
  color: #fff;
  backdrop-filter: none;
}
.home-premium .qp-header .nav { height: 88px; }
.home-premium .brand-name { display: grid; line-height: 1; }
.home-premium .brand-name small { margin-top: 5px; color: #71809b; font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.home-premium .brand-mark { border: 1px solid rgba(255,255,255,.14); background: linear-gradient(145deg,#4267ff,#2949df); box-shadow: 0 12px 30px rgba(49,87,246,.35); }
.home-premium .nav-links { gap: 22px; }
.home-premium .nav-links a { color: #aeb9cd; font-size: 13px; }
.home-premium .nav-links a:hover { color: #fff; }
.home-premium .nav-login { padding: 9px 13px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; }
.home-premium .nav-cta { border: 1px solid rgba(255,255,255,.12); background: #fff; color: var(--qp-night)!important; box-shadow: 0 12px 28px rgba(0,0,0,.2); }

.qp-hero {
  position: relative;
  min-height: 840px;
  overflow: hidden;
  padding: 164px 0 44px;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 75% 15%,rgba(73,104,255,.16),transparent 29%),
    var(--qp-night);
  background-size: 64px 64px,64px 64px,auto,auto;
  color: #fff;
}
.qp-hero:after { content: ""; position: absolute; inset: auto 0 0; height: 170px; background: linear-gradient(transparent,var(--qp-night)); pointer-events: none; }
.qp-aurora { position: absolute; border-radius: 50%; filter: blur(95px); pointer-events: none; }
.qp-aurora-one { width: 500px; height: 500px; top: 75px; right: -100px; background: rgba(68,95,255,.24); }
.qp-aurora-two { width: 330px; height: 330px; left: 30%; bottom: -180px; background: rgba(201,245,99,.1); }
.qp-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; gap: 64px; align-items: center; }
.qp-kicker,.qp-overline { color: #5870de; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.qp-kicker { display: inline-flex; gap: 10px; align-items: center; color: #b9c5da; }
.qp-kicker span { width: 7px; height: 7px; border-radius: 50%; background: var(--qp-lime); box-shadow: 0 0 0 5px rgba(201,245,99,.1),0 0 22px rgba(201,245,99,.55); }
.qp-hero h1 { max-width: 670px; margin: 28px 0 25px; font-size: clamp(55px,5.4vw,82px); line-height: .96; letter-spacing: -.065em; }
.qp-hero h1 em { display: block; color: var(--qp-lime); font-style: normal; }
.qp-hero-copy>p { max-width: 630px; color: #9eabc0; font-size: 18px; line-height: 1.68; }
.qp-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.qp-button { display: inline-flex; min-height: 52px; padding: 0 21px; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 13px; text-decoration: none; font-size: 13px; font-weight: 800; transition: transform .2s,box-shadow .2s,border-color .2s,background .2s; }
.qp-button:hover,.qp-button:focus-visible { transform: translateY(-2px); outline: none; }
.qp-button-primary { background: var(--qp-blue); color: #fff; box-shadow: 0 14px 34px rgba(49,87,246,.34); }
.qp-button-primary:hover,.qp-button-primary:focus-visible { background: #4165ff; box-shadow: 0 18px 44px rgba(49,87,246,.42); }
.qp-button-ghost { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: #d8deea; }
.qp-button-ghost:hover,.qp-button-ghost:focus-visible { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.qp-play { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.09); font-size: 8px; }
.qp-trust-line { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 34px; color: #77859d; font-size: 11px; }
.qp-trust-line span { display: flex; gap: 7px; align-items: center; }
.qp-trust-line i { color: var(--qp-lime); font-style: normal; font-size: 9px; }

.qp-hero-product { position: relative; min-width: 0; }
.qp-app-shell { position: relative; overflow: hidden; border: 1px solid rgba(173,191,226,.22); border-radius: 25px; background: #e9eef7; box-shadow: 0 44px 90px rgba(0,0,0,.34),0 0 0 8px rgba(255,255,255,.025); }
.qp-window-bar { display: grid; grid-template-columns: 1fr auto 1fr; height: 42px; padding: 0 16px; align-items: center; border-bottom: 1px solid #dce3ee; background: #f9fbfe; color: #7b879b; font-size: 8px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.qp-window-bar>b { justify-self: end; padding: 4px 7px; border-radius: 999px; background: #e9f7c9; color: #496b0c; font-size: 7px; }
.qp-window-dots { display: flex; gap: 5px; }
.qp-window-dots i,.qp-demo-toolbar>span i { width: 6px; height: 6px; border-radius: 50%; background: #c9d1df; }
.qp-window-dots i:first-child,.qp-demo-toolbar>span i:first-child { background: #ff786c; }
.qp-window-dots i:nth-child(2),.qp-demo-toolbar>span i:nth-child(2) { background: #efc45c; }
.qp-window-dots i:nth-child(3),.qp-demo-toolbar>span i:nth-child(3) { background: #7fd08c; }
.qp-app-body { display: grid; grid-template-columns: 56px 1fr; min-height: 485px; }
.qp-app-sidebar { display: flex; padding: 14px 10px; align-items: center; flex-direction: column; gap: 15px; background: #10182a; color: #68758d; }
.qp-app-sidebar i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; font-style: normal; font-size: 11px; }
.qp-app-sidebar i.active { background: #3157f6; color: #fff; box-shadow: 0 8px 18px rgba(49,87,246,.35); }
.qp-app-sidebar span { flex: 1; }
.qp-mini-logo { display: grid; width: 30px; height: 30px; margin-bottom: 6px; place-items: center; border-radius: 9px; background: #fff; color: var(--qp-blue); font-weight: 900; }
.qp-app-main { padding: 24px; color: #131b2d; }
.qp-app-heading { display: flex; align-items: center; justify-content: space-between; }
.qp-app-heading small { display: block; margin-bottom: 4px; color: #8390a5; font-size: 8px; }
.qp-app-heading strong { font-size: 18px; letter-spacing: -.03em; }
.qp-app-avatar { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #dfe6f4; color: #506079; font-size: 8px; font-weight: 850; }
.qp-metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 20px 0 12px; }
.qp-metric-row article { min-width: 0; padding: 13px; border: 1px solid #dfe5ef; border-radius: 12px; background: #fff; }
.qp-metric-row span,.qp-metric-row small { display: block; overflow: hidden; color: #7a879b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.qp-metric-row strong { display: block; margin: 3px 0 1px; font-size: 23px; letter-spacing: -.04em; }
.qp-metric-row small.up { color: #4c8712; }.qp-metric-row small.attention { color: #c58113; }
.qp-operations { padding: 15px; border: 1px solid #dfe5ef; border-radius: 14px; background: #fff; }
.qp-operations-head { display: flex; margin-bottom: 7px; align-items: center; justify-content: space-between; font-size: 10px; }
.qp-operations-head span { color: #8b97a9; font-size: 8px; }
.qp-operations-head .qp-team-status { display: inline-flex; gap: 6px; align-items: center; color: #517511; font-weight: 800; }
.qp-team-status .qp-online { width: 5px; height: 5px; box-shadow: 0 0 0 3px rgba(117,213,140,.12); }
.qp-agent-row { display: grid; grid-template-columns: 32px 1fr auto; gap: 9px; padding: 10px 0; align-items: center; border-top: 1px solid #edf0f5; }
.qp-agent-avatar { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; font-size: 9px; font-weight: 900; }
.qp-agent-avatar.violet { background: #eee9ff; color: #755ce5; }.qp-agent-avatar.blue { background: #e5ecff; color: #3157f6; }.qp-agent-avatar.lime { background: #ecf8d2; color: #4f7610; }
.qp-agent-row b { display: block; font-size: 9px; }.qp-agent-row small { display: block; color: #8591a4; font-size: 7px; }
.qp-state { padding: 5px 7px; border-radius: 999px; font-size: 7px; font-weight: 800; }
.qp-state.working { background: #eaf7d2; color: #517511; }.qp-state.result { background: #e7edff; color: #3157f6; }.qp-state.waiting { background: #fff1d9; color: #9b6812; }
.qp-activity-line { margin-top: 12px; padding: 13px 15px; border-radius: 12px; background: #151f33; color: #9aa7ba; }
.qp-activity-head { display: flex; min-height: 18px; margin-bottom: 10px; align-items: center; justify-content: space-between; gap: 14px; }
.qp-activity-head span { color: #f3f6fb; font-size: 9px; font-weight: 800; letter-spacing: .01em; white-space: nowrap; }
.qp-activity-head strong { color: #d4fb72; font-size: 9px; font-weight: 850; line-height: 1; white-space: nowrap; }
.qp-activity-bars { display: flex; height: 30px; align-items: flex-end; gap: 6px; }
.qp-activity-bars i,.qp-activity-bars span { display: block; width: 100%; border-radius: 3px 3px 1px 1px; background: #3157f6; }
.qp-activity-bars span { height: 38%; }.qp-activity-bars i:nth-child(2){height:55%}.qp-activity-bars i:nth-child(3){height:44%}.qp-activity-bars i:nth-child(4){height:72%;background:#617bf2}.qp-activity-bars i:nth-child(5){height:62%}.qp-activity-bars i:nth-child(6){height:88%;background:var(--qp-lime)}.qp-activity-bars i:nth-child(7){height:77%}
.qp-activity-line small { display: block; margin-top: 7px; color: #aeb8c8; font-size: 7.5px; }
.qp-online,.qp-draft,.qp-human { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #75d58c; box-shadow: 0 0 0 4px rgba(117,213,140,.1); }.qp-draft { background: #f0b758; box-shadow: 0 0 0 4px rgba(240,183,88,.12); }.qp-human { background: #7690ff; box-shadow: 0 0 0 4px rgba(118,144,255,.12); }
.qp-capability-strip { position: relative; z-index: 3; display: flex; margin-top: 80px; padding: 26px 0 0; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.08); color: #6f7d94; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.qp-capability-strip i { width: 4px; height: 4px; border-radius: 50%; background: #33405a; }

.qp-section { padding: 112px 0; }
.qp-section-heading { display: grid; grid-template-columns: minmax(0,1fr) 390px; gap: 70px; margin-bottom: 48px; align-items: end; }
.qp-section-heading .qp-overline { grid-column: 1/-1; margin-bottom: -42px; }
.qp-section-heading h2,.qp-stage-heading h2,.qp-journal-head h2 { max-width: 820px; font-size: clamp(40px,4.9vw,68px); line-height: 1.01; letter-spacing: -.058em; }
.qp-section-heading p { color: var(--qp-copy); font-size: 16px; }
.qp-section-heading.compact { display: block; max-width: 880px; }
.qp-section-heading.compact .qp-overline { display: block; margin-bottom: 22px; }
.qp-section-heading.compact p { max-width: 690px; margin-top: 20px; }
.qp-overline.light { color: var(--qp-lime); }

.qp-proof { background: #f6f8fc; }
.qp-contrast-grid { display: grid; grid-template-columns: .84fr 1.16fr; gap: 18px; }
.qp-contrast-card { position: relative; min-height: 500px; overflow: hidden; padding: 38px; border-radius: var(--qp-radius-lg); }
.qp-contrast-card.muted { border: 1px solid var(--qp-line); background: #fff; }
.qp-contrast-card.accent { background: linear-gradient(145deg,#3157f6,#2139a5); color: #fff; box-shadow: 0 30px 70px rgba(49,87,246,.22); }
.qp-card-label { display: inline-block; padding: 7px 10px; border: 1px solid currentColor; border-radius: 999px; color: #728098; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; opacity: .82; }
.qp-contrast-card.accent .qp-card-label { color: #dce3ff; }
.qp-contrast-card h3 { max-width: 520px; margin: 27px 0 40px; font-size: clamp(29px,3vw,43px); line-height: 1.05; letter-spacing: -.045em; }
.qp-fragment-list { display: grid; gap: 9px; }
.qp-fragment-list div { display: grid; grid-template-columns: 38px 1fr; padding: 15px; align-items: center; border: 1px solid #e7ebf2; border-radius: 13px; color: #657186; font-size: 13px; }
.qp-fragment-list i { color: #a7b0bf; font-style: normal; font-size: 9px; }
.qp-system-map { position: relative; min-height: 280px; }
.qp-system-map:before,.qp-system-map:after { content: ""; position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; transform: translate(-50%,-50%); }
.qp-system-map:before { width: 250px; height: 250px; }.qp-system-map:after { width: 410px; height: 410px; }
.qp-system-core { position: absolute; z-index: 2; left: 50%; top: 49%; display: grid; width: 142px; height: 142px; place-content: center; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; background: rgba(9,16,31,.32); box-shadow: 0 20px 50px rgba(12,24,75,.28); text-align: center; transform: translate(-50%,-50%); backdrop-filter: blur(12px); }
.qp-system-core span { display: grid; width: 37px; height: 37px; margin: 0 auto 8px; place-items: center; border-radius: 11px; background: #fff; color: var(--qp-blue); font-weight: 900; }.qp-system-core b { font-size: 13px; }.qp-system-core small { color: #bdc9f3; font-size: 7px; }
.qp-system-node { position: absolute; z-index: 3; min-width: 150px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: rgba(10,21,67,.48); backdrop-filter: blur(10px); }
.qp-system-node b,.qp-system-node small { display: block; }.qp-system-node b { font-size: 11px; }.qp-system-node small { margin-top: 3px; color: #bdc9f3; font-size: 7px; }
.node-one { left: 0; top: 22px; }.node-two { right: 0; top: 86px; }.node-three { left: 10%; bottom: 5px; }

.qp-orchestration { background: var(--qp-night); color: #fff; }
.qp-orchestration-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 100px; align-items: start; }
.qp-sticky-copy { position: sticky; top: 110px; }
.qp-sticky-copy h2 { margin: 25px 0; font-size: clamp(43px,5vw,68px); line-height: 1.02; letter-spacing: -.06em; }
.qp-sticky-copy h2 em { color: var(--qp-lime); font-style: normal; }
.qp-sticky-copy p { max-width: 510px; color: #94a1b6; font-size: 16px; }
.qp-text-link { display: inline-flex; gap: 20px; margin-top: 30px; color: #fff; text-decoration: none; font-size: 12px; font-weight: 800; }
.qp-text-link span { color: var(--qp-lime); }
.qp-process-stack { display: grid; gap: 12px; }
.qp-process-stack article { display: grid; grid-template-columns: 54px 1fr auto; gap: 22px; min-height: 190px; padding: 30px; align-items: start; border: 1px solid #28344b; border-radius: 22px; background: #111a2c; }
.qp-process-stack article>span { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid #34405a; border-radius: 12px; color: var(--qp-lime); font-size: 10px; font-weight: 850; }
.qp-process-stack small { color: #71809a; font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.qp-process-stack h3 { margin: 8px 0; font-size: 22px; letter-spacing: -.025em; }.qp-process-stack p { max-width: 520px; color: #8f9bb0; font-size: 13px; }
.qp-process-stack article>b { padding: 7px 9px; border-radius: 8px; background: #18243b; color: #8090aa; font-size: 8px; text-transform: uppercase; }

.qp-roles { background: #eef2fa; }
.qp-role-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.qp-role-card { position: relative; min-height: 510px; overflow: hidden; padding: 31px; border: 1px solid var(--qp-line); border-radius: 26px; background: #fff; box-shadow: 0 16px 45px rgba(25,43,80,.06); }
.qp-role-card:after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 240px; height: 240px; border-radius: 50%; opacity: .42; }
.role-consultant:after { background: #dcd4ff; }.role-admin:after { background: #d6e2ff; }.role-sales:after { background: #e3f6b9; }
.qp-role-top { display: flex; align-items: center; justify-content: space-between; }
.qp-role-top>span { color: #9aa5b7; font-size: 10px; font-weight: 850; }
.qp-role-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: #111a2d; color: #fff; font-style: normal; font-size: 18px; box-shadow: 0 13px 26px rgba(17,26,45,.18); }
.qp-role-card>small { display: block; margin-top: 58px; color: #6878d7; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.qp-role-card h3 { margin: 10px 0 14px; font-size: 36px; letter-spacing: -.045em; }
.qp-role-card>p { min-height: 85px; color: var(--qp-copy); font-size: 14px; }
.qp-role-card ul { position: relative; z-index: 2; display: grid; gap: 10px; margin-top: 33px; list-style: none; }
.qp-role-card li { display: flex; gap: 10px; align-items: center; font-size: 12px; font-weight: 700; }.qp-role-card li:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--qp-blue); }

.qp-product-stage { background: #0c1425; color: #fff; }
.qp-stage-heading { display: grid; grid-template-columns: 1fr 420px; gap: 60px; margin-bottom: 46px; align-items: end; }
.qp-stage-heading .qp-overline { display: block; margin-bottom: 20px; }.qp-stage-heading p { color: #8d9ab0; font-size: 15px; }
.qp-demo-window { overflow: hidden; border: 1px solid #2a3750; border-radius: 28px; background: #edf1f7; box-shadow: 0 42px 100px rgba(0,0,0,.34); }
.qp-demo-toolbar { display: grid; grid-template-columns: 1fr auto 1fr; height: 45px; padding: 0 16px; align-items: center; border-bottom: 1px solid #dbe2ee; background: #f9fbfe; color: #68768c; }
.qp-demo-toolbar>span { display: flex; gap: 5px; }.qp-demo-toolbar>b { font-size: 9px; }.qp-demo-toolbar>small { justify-self: end; font-size: 8px; text-transform: uppercase; }
.qp-demo-layout { display: grid; grid-template-columns: 170px 1fr; min-height: 590px; }
.qp-demo-nav { display: flex; padding: 25px 20px; flex-direction: column; background: #131d31; color: #8b98ad; }
.qp-demo-nav strong { display: flex; gap: 9px; align-items: center; color: #fff; font-size: 14px; }.qp-demo-nav strong span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--qp-blue); }
.qp-demo-nav>nav { display: grid; gap: 6px; margin-top: 34px; }
.qp-demo-nav-item { display: flex; min-height: 38px; padding: 0 11px; align-items: center; gap: 10px; border-radius: 10px; color: #8b98ad; }
.qp-demo-nav-item svg { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.qp-demo-nav-item b { overflow: hidden; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.qp-demo-nav-item.active { background: #22304a; color: #fff; box-shadow: inset 3px 0 0 var(--qp-blue); }
.qp-demo-nav small { margin-top: auto; padding: 7px 9px; border: 1px solid #33415a; border-radius: 8px; text-align: center; font-size: 7px; }
.qp-demo-content { min-width: 0; padding: 34px; color: #152036; }
.qp-demo-title { display: flex; align-items: center; justify-content: space-between; }.qp-demo-title small { color: #3157f6; font-size: 8px; font-weight: 850; letter-spacing: .14em; }.qp-demo-title h3 { margin-top: 4px; font-size: 25px; }.qp-demo-title>span { display: flex; gap: 8px; padding: 8px 11px; align-items: center; border: 1px solid #dce4ef; border-radius: 999px; background: #fff; color: #647187; font-size: 8px; font-weight: 800; }
.qp-demo-tabs { margin: 25px 0 18px; border-bottom: 1px solid #d8e0eb; }.qp-demo-tabs button { padding: 10px 15px 12px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #7a879b; font-size: 10px; font-weight: 750; }.qp-demo-tabs button.active { border-color: var(--qp-blue); background: transparent; color: var(--qp-blue); }
.qp-demo-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.qp-demo-kpis article { padding: 18px; border: 1px solid #dfe5ef; border-radius: 15px; background: #fff; }.qp-demo-kpis span,.qp-demo-kpis small { display: block; color: #8390a3; font-size: 8px; }.qp-demo-kpis strong { display: block; margin: 6px 0 2px; font-size: 28px; letter-spacing: -.04em; }
.qp-demo-columns { display: grid; grid-template-columns: 1.25fr .75fr; gap: 12px; margin-top: 12px; }.qp-demo-panel { padding: 18px; border: 1px solid #dfe5ef; border-radius: 15px; background: #fff; }.qp-panel-head { display: flex; margin-bottom: 10px; justify-content: space-between; font-size: 10px; }.qp-panel-head span { color: #8b97aa; font-size: 8px; }
.qp-event { display: grid; grid-template-columns: 32px 1fr auto; gap: 10px; padding: 11px 0; align-items: center; border-top: 1px solid #edf0f5; }.qp-event>i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; font-style: normal; font-size: 9px; font-weight: 850; }.qp-event>i.blue { background: #e5ecff;color:#3157f6}.qp-event>i.lime{background:#edf8d5;color:#527811}.qp-event>i.violet{background:#eee9ff;color:#735ae1}.qp-event b,.qp-event small { display: block; }.qp-event b { font-size: 9px; }.qp-event small { color: #8490a4; font-size: 7px; }.qp-event>span { color: #657289; font-size: 8px; font-weight: 800; }
.qp-chart-panel { display: flex; flex-direction: column; }.qp-bars { display: flex; height: 145px; padding-top: 12px; align-items: flex-end; gap: 7px; }.qp-bars i { width: 100%; height: var(--bar); border-radius: 5px 5px 2px 2px; background: linear-gradient(#6d87ff,#3157f6); }.qp-chart-panel>small { margin-top: auto; color: #8995a7; font-size: 7px; }
.qp-dialog-demo { display: grid; grid-template-columns: 280px 1fr; min-height: 370px; overflow: hidden; border: 1px solid #dce3ee; border-radius: 16px; background: #fff; }.qp-dialog-list { padding: 10px; border-right: 1px solid #e5e9f0; }.qp-dialog-list article { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; padding: 12px; align-items: center; border-radius: 11px; }.qp-dialog-list article.active { background: #edf1ff; }.qp-dialog-list article>span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #dfe6f5; color: #526078; font-size: 9px; font-weight: 850; }.qp-dialog-list b,.qp-dialog-list small { display:block }.qp-dialog-list b { font-size: 9px; }.qp-dialog-list small,.qp-dialog-list time { color: #8995a8; font-size: 7px; }
.qp-chat-demo { display: flex; padding: 18px; flex-direction: column; gap: 10px; background: #f5f7fa; }.qp-chat-demo header { display: flex; margin: -18px -18px 8px; padding: 14px 18px; justify-content: space-between; border-bottom: 1px solid #e4e9f0; background: #fff; }.qp-chat-demo header b,.qp-chat-demo header small { display:block }.qp-chat-demo header b { font-size: 10px; }.qp-chat-demo header small { color:#8390a3;font-size:7px }.qp-chat-demo header>span { padding:5px 8px;border-radius:999px;background:#eaf7d2;color:#537713;font-size:7px;font-weight:800 }.qp-chat-demo>p { max-width: 75%; padding: 10px 12px; border: 1px solid #dfe5ee; border-radius: 11px; background: #fff; font-size: 9px; }.qp-chat-demo>p.agent { align-self: flex-end; border-color: #3157f6; background: #3157f6; color: #fff; }.qp-chat-demo>div { display: flex; margin-top: auto; align-items: center; justify-content: space-between; color: #8995a8; font-size: 7px; }.qp-chat-demo button { padding: 7px 9px; border: 1px solid #d7dfeb; border-radius: 8px; background: #fff; color: #526078; font-size: 7px; font-weight: 800; }
.qp-result-demo { display:grid;grid-template-columns:repeat(3,1fr);gap:12px }.qp-result-demo article { min-height:280px;padding:24px;border:1px solid #dfe5ef;border-radius:16px;background:#fff }.qp-result-demo span { color:#3157f6;font-size:8px;font-weight:850;letter-spacing:.12em }.qp-result-demo strong { display:block;margin:55px 0 4px;font-size:34px;letter-spacing:-.05em }.qp-result-demo p { font-size:12px;font-weight:750 }.qp-result-demo small { display:block;margin-top:55px;color:#8995a8;font-size:8px }
.qp-control-demo { display:grid;gap:9px }.qp-control-demo article { display:grid;grid-template-columns:12px 1fr auto;gap:14px;padding:18px;align-items:center;border:1px solid #dfe5ef;border-radius:14px;background:#fff }.qp-control-demo b,.qp-control-demo small { display:block }.qp-control-demo b { font-size:11px }.qp-control-demo small { color:#8490a3;font-size:8px }.qp-control-demo article>span { padding:6px 8px;border-radius:8px;background:#f0f3f8;color:#66748a;font-size:8px;font-weight:800 }

.qp-cases { background: #fff; }
.qp-case-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.qp-case-card { position: relative; display: flex; min-height: 390px; overflow: hidden; padding: 34px; border: 1px solid var(--qp-line); border-radius: 26px; background: #f7f9fc; flex-direction: column; text-decoration: none; transition: transform .25s,box-shadow .25s; }
.qp-case-card:after { content: ""; position: absolute; right: -55px; top: -55px; width: 210px; height: 210px; border-radius: 50%; opacity: .55; filter: blur(4px); }.case-booking:after{background:#d9e3ff}.case-sales:after{background:#e5f8b9}.case-auto:after{background:#dfd7ff}.case-custom:after{background:#cfe9eb}
.qp-case-card:hover,.qp-case-card:focus-visible { transform: translateY(-5px); box-shadow: 0 24px 58px rgba(23,42,82,.12); outline: none; }
.qp-case-card>span { position: relative; z-index:1;color:#6676d6;font-size:9px;font-weight:850;letter-spacing:.13em }.qp-case-card h3 { position:relative;z-index:1;max-width:480px;margin:55px 0 14px;font-size:38px;line-height:1.05;letter-spacing:-.045em }.qp-case-card p { position:relative;z-index:1;max-width:480px;color:var(--qp-copy);font-size:14px }.qp-case-card>div { position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:25px }.qp-case-card>div b { padding:7px 9px;border:1px solid #dce3ed;border-radius:999px;background:rgba(255,255,255,.65);color:#647188;font-size:8px }.qp-case-card>i { position:relative;z-index:1;margin-top:auto;color:#3157f6;font-size:11px;font-style:normal;font-weight:850 }

.qp-launch { padding-top: 0; background: #fff; }
.qp-launch-card { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; padding: 65px; border-radius: 32px; background: linear-gradient(135deg,#111a2d,#182640); color: #fff; box-shadow: 0 30px 70px rgba(16,27,50,.18); }
.qp-launch-copy h2 { margin: 22px 0 18px; font-size: clamp(37px,4vw,55px); line-height: 1.03; letter-spacing: -.052em; }.qp-launch-copy p { color:#99a6ba;font-size:15px }.qp-launch-card ol { display:grid;gap:8px;list-style:none }.qp-launch-card li { display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px 18px;align-items:center;border:1px solid #2c3a51;border-radius:13px;background:rgba(255,255,255,.025) }.qp-launch-card li>span { color:var(--qp-lime);font-size:9px;font-weight:850 }.qp-launch-card li b,.qp-launch-card li small { display:block }.qp-launch-card li b { font-size:12px }.qp-launch-card li small { color:#8593a9;font-size:8px }

.qp-pricing { background: #f1f4fa; }
.qp-price-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch }.qp-price-card { position:relative;display:flex;min-height:560px;padding:32px;border:1px solid var(--qp-line);border-radius:25px;background:#fff;flex-direction:column }.qp-price-card.featured { border-color:#26375c;background:#111a2e;color:#fff;box-shadow:0 30px 70px rgba(18,31,61,.2);transform:translateY(-12px) }.qp-popular { position:absolute;right:24px;top:24px;padding:7px 9px;border-radius:999px;background:var(--qp-lime);color:#30470b;font-size:8px;font-weight:850;text-transform:uppercase }.qp-plan span,.qp-plan small { display:block }.qp-plan span { font-size:17px;font-weight:850 }.qp-plan small { margin-top:5px;color:#8290a5;font-size:9px }.qp-price { margin:45px 0 30px;font-size:39px;font-weight:900;letter-spacing:-.05em }.qp-price small { color:#8b98ac;font-size:11px;font-weight:600 }.qp-price-card ul { display:grid;gap:13px;margin-bottom:32px;list-style:none }.qp-price-card li { position:relative;padding-left:20px;color:#5c687c;font-size:12px }.qp-price-card li:before { content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#3157f6 }.qp-price-card.featured li { color:#a8b2c4 }.qp-price-card.featured li:before { background:var(--qp-lime) }.qp-price-card .qp-button { margin-top:auto }.qp-button-outline { border-color:#dce3ed;background:#fff;color:#1a2437 }.qp-price-card.featured .qp-button-outline { border-color:#33415a;background:transparent;color:#fff }

.qp-journal { background: #fff; }
.qp-journal-head { display:flex;gap:40px;margin-bottom:45px;align-items:end;justify-content:space-between }.qp-journal-head .qp-overline { display:block;margin-bottom:20px }.qp-journal-head>a { flex:none;color:#3157f6;text-decoration:none;font-size:12px;font-weight:850 }.qp-journal-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px }.qp-journal-grid>a { display:flex;min-height:350px;padding:28px;border:1px solid var(--qp-line);border-radius:22px;background:#f8f9fc;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s }.qp-journal-grid>a:hover,.qp-journal-grid>a:focus-visible { transform:translateY(-4px);border-color:#9cacff;outline:none }.qp-journal-grid small { color:#6678de;font-size:8px;font-weight:850;letter-spacing:.12em }.qp-journal-grid h3 { margin:50px 0 15px;font-size:25px;line-height:1.13;letter-spacing:-.035em }.qp-journal-grid p { color:var(--qp-copy);font-size:13px }.qp-journal-grid a>span { margin-top:auto;color:#3157f6;font-size:10px;font-weight:850 }

.qp-final { padding: 0 0 110px; background:#fff; }
.qp-final-card { display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding:70px;border-radius:32px;background:linear-gradient(130deg,#3157f6 0%,#243cb0 60%,#17256d 100%);color:#fff;box-shadow:0 35px 80px rgba(49,87,246,.25) }.qp-final-card>div:first-child>span { color:#cbd5ff;font-size:9px;font-weight:850;letter-spacing:.14em }.qp-final-card h2 { margin-top:25px;font-size:clamp(38px,4.6vw,62px);line-height:1.02;letter-spacing:-.055em }.qp-final-card>div:last-child { display:flex;align-items:flex-start;justify-content:center;flex-direction:column }.qp-final-card p { margin-bottom:25px;color:#d5dcfa;font-size:15px }.qp-button-light { background:#fff;color:#142044;box-shadow:0 14px 34px rgba(0,0,0,.16) }

.qp-footer { padding-top: 70px; }.qp-footer .footer-grid { grid-template-columns:1.4fr repeat(3,1fr) }.qp-footer .footer-grid>div:first-child>p { max-width:360px;margin-top:18px;color:#8996aa;font-size:13px }.qp-footer .brand-name small { color:#69778f }.qp-footer .footer-bottom { margin-top:50px }

.reveal-ready [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .65s ease,transform .65s ease; }
.reveal-ready [data-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .home-premium .nav-links { gap: 13px; }.home-premium .nav-links a { font-size: 11px; }
  .qp-hero-layout { grid-template-columns: 1fr; }.qp-hero-copy { max-width: 760px; }.qp-hero-product { max-width: 760px; margin: 20px auto 0; width: 100%; }.qp-hero h1 { max-width: 790px; }
  .qp-section-heading { grid-template-columns: 1fr 330px; gap:40px }.qp-orchestration-layout { gap:55px }.qp-demo-layout { grid-template-columns:175px 1fr }.qp-demo-nav { padding:22px 14px }.qp-launch-card { gap:45px;padding:48px }.qp-final-card { gap:45px;padding:55px }
}

@media (max-width: 850px) {
  .home-premium .container { width:min(100% - 32px,1240px) }
  .home-premium .qp-header { position:absolute }.home-premium .qp-header .nav { height:72px }.home-premium .mobile-toggle { display:grid;place-items:center;margin-left:auto;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff }.home-premium .nav-links { position:absolute;top:72px;left:16px;right:16px;display:none;padding:16px;border:1px solid #27344c;border-radius:16px;background:#111a2d;box-shadow:0 24px 60px rgba(0,0,0,.32);align-items:stretch;flex-direction:column }.home-premium .nav-links.open { display:flex }.home-premium .nav-links a { padding:10px 6px;font-size:13px }.home-premium .nav-login { border:0 }.home-premium .nav-cta { text-align:center }
  .qp-hero { min-height:auto;padding-top:130px }.qp-hero h1 { font-size:clamp(50px,10vw,74px) }.qp-capability-strip { overflow:auto;gap:24px;justify-content:flex-start;white-space:nowrap }.qp-capability-strip i { flex:none }
  .qp-section { padding:84px 0 }.qp-section-heading,.qp-stage-heading { display:block }.qp-section-heading .qp-overline { display:block;margin:0 0 20px }.qp-section-heading p,.qp-stage-heading p { max-width:650px;margin-top:20px }
  .qp-contrast-grid,.qp-orchestration-layout,.qp-launch-card,.qp-final-card { grid-template-columns:1fr }.qp-sticky-copy { position:static;margin-bottom:25px }.qp-role-grid,.qp-price-grid,.qp-journal-grid { grid-template-columns:1fr }.qp-role-card { min-height:auto }.qp-role-card>p { min-height:auto }.qp-price-card { min-height:auto }.qp-price-card.featured { transform:none }.qp-case-grid { grid-template-columns:1fr }
  .qp-demo-layout { grid-template-columns:150px 1fr }.qp-demo-nav { padding:18px 10px }.qp-demo-nav strong { font-size:12px }.qp-demo-nav>nav { margin-top:26px }.qp-demo-nav-item { padding:0 9px;gap:8px }.qp-demo-nav-item b { font-size:8px }.qp-demo-nav small { font-size:7px }.qp-demo-columns { grid-template-columns:1fr }.qp-chart-panel { min-height:220px }.qp-dialog-demo { grid-template-columns:210px 1fr }.qp-result-demo { grid-template-columns:1fr }.qp-result-demo article { min-height:auto }.qp-result-demo strong,.qp-result-demo small { margin-top:20px }
  .qp-launch-card,.qp-final-card { padding:42px }.qp-final-card { gap:30px }.qp-footer .footer-grid { grid-template-columns:1fr 1fr }.qp-footer .footer-grid>div:first-child { grid-column:1/-1 }
}

@media (max-width: 600px) {
  .home-premium .container { width:min(100% - 24px,1240px) }.home-premium .brand-name small { display:none }
  .qp-hero { padding:118px 0 35px }.qp-hero h1 { margin-top:22px;font-size:45px;line-height:.98 }.qp-hero-copy>p { font-size:15px }.qp-hero-actions { display:grid }.qp-button { width:100% }.qp-trust-line { display:grid;gap:9px }.qp-app-shell { border-radius:18px }.qp-window-bar { grid-template-columns:1fr auto }.qp-window-bar>span:nth-child(2) { display:none }.qp-app-body { grid-template-columns:42px 1fr;min-height:430px }.qp-app-sidebar { padding:10px 6px }.qp-app-sidebar i:nth-of-type(n+4) { display:none }.qp-app-main { padding:15px }.qp-metric-row { grid-template-columns:1fr 1fr }.qp-metric-row article:last-child { grid-column:1/-1 }.qp-agent-row { grid-template-columns:28px 1fr }.qp-agent-row>.qp-state { display:none }.qp-activity-line { display:none }.qp-capability-strip { margin-top:50px;padding-top:20px }
  .qp-section { padding:68px 0 }.qp-section-heading h2,.qp-stage-heading h2,.qp-journal-head h2 { font-size:38px }.qp-contrast-card { min-height:auto;padding:25px;border-radius:22px }.qp-contrast-card h3 { margin-bottom:28px }.qp-system-map { min-height:330px }.qp-system-map:after { width:300px;height:300px }.qp-system-map:before { width:210px;height:210px }.qp-system-node { min-width:135px }.node-one { left:0 }.node-two { right:0;top:120px }.node-three { left:0;bottom:10px }
  .qp-orchestration-layout { gap:15px }.qp-sticky-copy h2 { font-size:42px }.qp-process-stack article { grid-template-columns:42px 1fr;padding:22px;gap:14px }.qp-process-stack article>b { display:none }.qp-process-stack article>span { width:38px;height:38px }
  .qp-role-card { padding:25px }.qp-role-card>small { margin-top:40px }.qp-role-card h3 { font-size:32px }
  .qp-product-stage { padding-bottom:55px }.qp-demo-window { margin:0 -12px;border-radius:18px }.qp-demo-toolbar { grid-template-columns:1fr auto }.qp-demo-toolbar>b { display:none }.qp-demo-layout { display:block;min-height:0 }.qp-demo-nav { display:none }.qp-demo-content { padding:18px }.qp-demo-title { align-items:flex-start }.qp-demo-title h3 { font-size:20px }.qp-demo-title>span { display:none }.qp-demo-tabs { overflow:auto;white-space:nowrap }.qp-demo-kpis { grid-template-columns:1fr 1fr }.qp-demo-kpis article:last-child { grid-column:1/-1 }.qp-demo-columns { display:block }.qp-chart-panel { display:none }.qp-dialog-demo { display:block;min-height:0 }.qp-dialog-list { display:flex;overflow:auto;border:0;border-bottom:1px solid #e5e9f0 }.qp-dialog-list article { min-width:160px }.qp-chat-demo { min-height:310px }.qp-result-demo { grid-template-columns:1fr }.qp-control-demo article { grid-template-columns:12px 1fr }.qp-control-demo article>span { display:none }
  .qp-case-card { min-height:350px;padding:25px }.qp-case-card h3 { font-size:32px }.qp-launch-card,.qp-final-card { padding:30px 24px;border-radius:24px }.qp-launch-copy h2,.qp-final-card h2 { font-size:37px }.qp-price-card { padding:25px }.qp-popular { position:static;align-self:flex-start;margin-bottom:18px }.qp-journal-head { display:block }.qp-journal-head>a { display:inline-block;margin-top:18px }.qp-journal-grid>a { min-height:300px }.qp-final { padding-bottom:70px }.qp-footer .footer-grid { grid-template-columns:1fr }.qp-footer .footer-grid>div:first-child { grid-column:auto }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-ready [data-reveal] { opacity:1;transform:none;transition:none }
  .qp-button,.qp-case-card,.qp-journal-grid>a { transition:none }
}