/* V5 visual assets: one line-icon language, restrained backgrounds and compact information cards. */
:root{--qdk-icon-purple:#6548e8;--qdk-icon-blue:#4d83f4;--qdk-icon-tint:#f3f1ff;--qdk-icon-line:#e7e8f3;--qdk-icon-ink:#20243a;--qdk-icon-body:#657087}
.qdk-line-icon,.qdk-mini-icon,.qdk-inline-icon,.qdk-role-icon,.qdk-card-icon,.qdk-scenario-icon,.qdk-heading-icon,.qdk-timeline-icon,.qdk-contact-icon,.qdk-tag-icon,.qdk-benefit-icon,.qdk-step-icon,.qdk-learning-icon{display:inline-block;flex:0 0 auto;fill:none;stroke:var(--qdk-icon-purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--qdk-icon-purple)}
.qdk-line-icon{width:48px;height:48px;padding:10px;border:1px solid #e7e2ff;border-radius:15px;background:linear-gradient(145deg,#f5f2ff,#f0f6ff)}
.qdk-mini-icon{width:38px;height:38px;padding:8px;border:1px solid #e9e6fb;border-radius:12px;background:#f6f4ff}
.qdk-inline-icon{width:20px;height:20px;margin-top:1px}
.qdk-role-icon{width:58px;height:58px;padding:13px;border:1px solid #e7e2ff;border-radius:17px;background:linear-gradient(145deg,#f5f2ff,#eef5ff)}
.qdk-card-icon{width:48px;height:48px;padding:10px;border-radius:15px;background:#f3f1ff}
.qdk-heading-icon{width:36px;height:36px;padding:7px;border-radius:11px;background:#f2efff}
.qdk-timeline-icon{width:38px;height:38px;padding:8px;margin-bottom:12px;border-radius:12px;background:#f2efff}
.qdk-contact-icon{width:44px;height:44px;padding:10px;margin:0 auto 14px;border-radius:14px;background:#f2efff}
.qdk-tag-icon{width:17px;height:17px;margin-right:6px;color:#6548e8;vertical-align:-3px}
.qdk-benefit-icon{width:42px;height:42px;padding:9px;border:1px solid #e7e2ff;border-radius:13px;background:#f4f1ff}
.qdk-step-icon{width:34px;height:34px;padding:7px;margin:0 0 12px 10px;border:1px solid #e7e2ff;border-radius:11px;background:#f4f1ff}
.qdk-learning-icon{width:34px;height:34px;padding:7px;margin-bottom:3px;border-radius:11px;background:#f3f1ff}
.qdk-product-icon{width:44px;height:44px;padding:9px}

/* Icon + short-copy cards. */
.site-refresh .getWhat{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
.site-refresh .getWhat.getWhat--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-refresh .getWhat li.qdk-feature-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%;padding:24px 22px;gap:12px;border:1px solid var(--qdk-icon-line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(31,42,82,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.site-refresh .getWhat li.qdk-feature-card:hover{transform:translateY(-3px);border-color:#d7d0fb;box-shadow:0 14px 30px rgba(57,54,112,.09)}
.site-refresh .getWhat li.qdk-feature-card .layRow{display:flex;align-items:center;gap:12px;min-height:48px}
.site-refresh .getWhat li.qdk-feature-card .qdk-feature-title{margin-left:0!important;color:var(--qdk-icon-ink);font-size:17px;line-height:1.48;font-weight:700}
.site-refresh .getWhat li.qdk-feature-card .qdk-feature-description{margin:0!important;color:var(--qdk-icon-body);font-size:14px;line-height:1.78}

/* Fact summaries become mini information tiles. */
.site-refresh .geo-facts.qdk-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px;padding:0}
.site-refresh .geo-facts.qdk-facts-grid li.qdk-fact-card{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:5px 11px;min-width:0;margin:0;padding:14px 15px;border:1px solid #e9e8f4;border-radius:15px;background:rgba(255,255,255,.82)}
.site-refresh .geo-facts.qdk-facts-grid .qdk-mini-icon{grid-column:1;grid-row:1/span 2}
.site-refresh .geo-facts.qdk-facts-grid .geo-chip{grid-column:2;grid-row:1;width:fit-content;min-width:0;padding:2px 9px;border-radius:7px;font-size:12px}
.site-refresh .geo-facts.qdk-facts-grid .qdk-fact-text{grid-column:2;grid-row:2;color:#58647b;font-size:13.5px;line-height:1.65}

/* Homepage capability lists: short, icon-led points instead of dense bullets. */
.site-refresh .end-to-end .qdk-icon-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0 0;padding:0;list-style:none}
.site-refresh .end-to-end .qdk-icon-points li.qdk-icon-point{display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:54px;margin:0!important;padding:10px 11px;border:1px solid rgba(101,72,232,.10);border-radius:12px;background:rgba(255,255,255,.72);color:#536078;font-size:13px;line-height:1.62}
.site-refresh .end-to-end .qdk-icon-points li::before{display:none!important;content:none!important}
.site-refresh .end-to-end .qdk-icon-points .qdk-point-text{display:block;min-width:0}
.site-refresh .end-to-end .monitoring .qdk-icon-points li{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:rgba(255,255,255,.92)}
.site-refresh .end-to-end .monitoring .qdk-icon-points .qdk-inline-icon{color:#fff;stroke:#fff}
.site-refresh .end-to-end .production .qdk-icon-points li,.site-refresh .end-to-end .distribution .qdk-icon-points li,.site-refresh .end-to-end .data .qdk-icon-points li{background:rgba(255,255,255,.8)}

/* CMS usage scenarios: icon + title + concise copy. */
.site-refresh .web-row{row-gap:15px}
.site-refresh .web-row>div{display:flex}
.site-refresh .web-row>div>.qdk-scenario-card{width:100%;min-height:124px;padding:19px;gap:13px;align-items:flex-start;border:1px solid var(--qdk-icon-line);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(31,42,82,.045)}
.site-refresh .web-row .qdk-scenario-card h2{margin:0;color:var(--qdk-icon-ink);font-size:17px;line-height:1.5}
.site-refresh .web-row .qdk-scenario-card p{margin-top:7px!important;color:var(--qdk-icon-body);font-size:13.5px;line-height:1.7}
.site-refresh .qdk-scenario-icon{width:44px;height:44px;padding:9px}

/* Timeline, contact and case labels. */
.site-refresh .why-item>.qdk-card-icon,.site-refresh .why-card>.qdk-card-icon,.site-refresh .about-value>.qdk-card-icon{margin-bottom:6px}
.site-refresh .about-tl-card.qdk-timeline-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 13px;align-items:start}
.site-refresh .about-tl-card.qdk-timeline-card .qdk-timeline-icon{grid-column:1;grid-row:1/span 2}
.site-refresh .about-tl-card.qdk-timeline-card h4,.site-refresh .about-tl-card.qdk-timeline-card p{grid-column:2}
.site-refresh .about-contact-card .qdk-contact-icon{display:block}
.site-refresh .case-card .case-tag{display:inline-flex;align-items:center;gap:5px;width:fit-content}
.site-refresh .plan-panel .qdk-plan-icon{width:38px;height:38px;padding:8px;border-radius:11px;background:#f4f1ff}
.site-refresh .plan-panel .pass-region li::before{display:none!important;content:none!important}
.site-refresh .plan-panel .pass-region li{display:flex;align-items:flex-start;gap:8px;line-height:1.65}
.site-refresh .plan-panel .pass-region li .qdk-inline-icon{margin-top:3px}
.site-refresh .benefitWrap li.qdk-benefit-card{gap:14px}
.site-refresh .benefitWrap li.qdk-benefit-card p{margin:0 0 0 2px!important;font-size:16px;line-height:1.65}
.site-refresh .geo-steps .qdk-step-icon{vertical-align:middle}
.blog-refresh .geo-learning-path .geo-learning-card .qdk-learning-icon{display:block}
.blog-refresh .geo-learning-path .geo-learning-card .geo-learning-step{display:flex;flex-direction:column;align-items:flex-start;gap:7px}

/* Decorative images are limited to anchor areas; tables and article body stay plain. */
.site-refresh .index-banner::after{content:"";position:absolute;z-index:0;top:0;right:0;width:min(44vw,560px);height:100%;background:url("../images/decor/hero-orbit.svg") center right/contain no-repeat;opacity:.62;pointer-events:none}
.site-refresh .index-banner>.container{position:relative;z-index:1}
.site-refresh .whoUse-wrap::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("../images/decor/soft-grid.svg") center/cover no-repeat;opacity:.46}
.site-refresh .whoUse-wrap>.container{position:relative;z-index:1}
.site-refresh .free-try-bg,.site-refresh .case-cta,.site-refresh .about-cta{position:relative;overflow:hidden;isolation:isolate}
.site-refresh .free-try-bg::before,.site-refresh .case-cta::before,.site-refresh .about-cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("../images/decor/cta-ambient.svg") center/cover no-repeat;opacity:.58}
.site-refresh .free-try-bg>* ,.site-refresh .case-cta>* ,.site-refresh .about-cta>*{position:relative;z-index:1}
.site-refresh .about-contact-wrap{background-image:url("../images/decor/soft-grid.svg");background-position:center;background-size:cover}
.site-refresh .geo-tldr{background-image:radial-gradient(circle at 95% 0%,rgba(119,103,238,.09),transparent 26%),linear-gradient(135deg,#fbfaff 0%,#f7f9ff 100%)}

@media(max-width:991px){.site-refresh .getWhat{grid-template-columns:repeat(2,minmax(0,1fr))}.site-refresh .web-row>div>.qdk-scenario-card{min-height:116px}}
@media(max-width:767px){
 .site-refresh .getWhat{grid-template-columns:1fr;gap:12px}
 .site-refresh .getWhat li.qdk-feature-card{padding:19px 18px}
 .site-refresh .geo-facts.qdk-facts-grid{grid-template-columns:1fr;gap:9px}
 .site-refresh .geo-facts.qdk-facts-grid li.qdk-fact-card{padding:12px}
 .site-refresh .end-to-end .qdk-icon-points{grid-template-columns:1fr;gap:7px}
 .site-refresh .end-to-end .qdk-icon-points li.qdk-icon-point{min-height:0;padding:9px 10px;font-size:12.5px}
 .site-refresh .web-row>div>.qdk-scenario-card{min-height:0;padding:15px;gap:10px}
 .site-refresh .qdk-scenario-icon{width:38px;height:38px;padding:8px}
 .site-refresh .web-row .qdk-scenario-card h2{font-size:15.5px}
 .site-refresh .web-row .qdk-scenario-card p{font-size:13px}
 .site-refresh .about-tl-card.qdk-timeline-card{grid-template-columns:36px minmax(0,1fr);gap:0 9px}
 .site-refresh .qdk-timeline-icon{width:34px;height:34px;padding:7px}
 .site-refresh .benefitWrap li.qdk-benefit-card{padding:14px 16px;gap:10px}
 .site-refresh .benefitWrap li.qdk-benefit-card p{font-size:14px}
 .site-refresh .index-banner::after{width:68vw;right:-25vw;opacity:.28}
}
@media(prefers-reduced-motion:reduce){.site-refresh .getWhat li.qdk-feature-card{transition:none}}
/* Final responsive refinements for icon-led groups. */
.site-refresh .benefitWrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0}
.site-refresh .benefitWrap li+li{margin-top:0}
.site-refresh .benefitWrap li.qdk-benefit-card{height:100%;align-items:flex-start;padding:20px 20px}
@media(max-width:767px){
 .site-refresh .getWhat.getWhat--2{grid-template-columns:1fr}
 .site-refresh .web-row>div{flex:0 0 100%;max-width:100%}
 .site-refresh .benefitWrap{grid-template-columns:1fr;gap:10px}
}