/* ===== Navigation, taken over 1:1 from the "Qorelo Website Entwurf" artifact (classes prefixed qn-) ===== */
.qn-nav{--bg:#fafaf9;--bg-2:#f6f7f9;--tint:#eaf5ec;--fg:#0f182c;--muted:#6b7280;--line:#e4e7ee;--blue:#111f61;--on-blue-muted:#bcc5e6;--font-serif:'Hedvig Letters Serif',Georgia,'Times New Roman',serif;--font-code:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--gutter:max(16px,2.4vw);
  position:sticky;top:0;z-index:1000;background:rgba(250,250,249,.94);-webkit-backdrop-filter:saturate(1.2) blur(16px);backdrop-filter:saturate(1.2) blur(16px);border-bottom:1px solid rgba(210,217,240,.5);color:var(--fg);font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55}
.qn-nav *{box-sizing:border-box}
.qn-nav a{color:inherit;text-decoration:none}
.qn-nav img{display:block;max-width:100%}
.qn-nav button{font:inherit;color:inherit}
.qn-nav a:focus-visible,.qn-nav button:focus-visible{outline:2px solid #9fabd1;outline-offset:2px}
.qn-in{max-width:1760px;margin-inline:auto;padding-inline:var(--gutter)}
.qn-row{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;position:static}
.qn-left{display:flex;align-items:center;min-width:0;align-self:stretch}
.qn-brand{display:flex;align-items:center;margin-right:28px;-webkit-user-select:none;user-select:none}
.qn-brand img{height:24px;width:auto}
.qn-items{display:flex;align-self:stretch;position:static;margin-left:4px}
.qn-items::before{content:"";align-self:center;width:1px;height:22px;background:currentColor;opacity:.16;margin-right:10px}
.qn-items>a,.qn-dd>button{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 14px;font-size:13.5px;font-weight:500;letter-spacing:-.005em;opacity:.78;transition:opacity .18s ease;background:none;border:0;cursor:pointer}
.qn-items>a:hover,.qn-dd>button:hover,.qn-dd.open>button,.qn-dd.cur>button,.qn-items>a[aria-current="page"]{opacity:1}
.qn-items>a::after,.qn-dd>button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.qn-items>a:hover::after,.qn-items>a[aria-current="page"]::after,.qn-dd.open>button::after,.qn-dd.cur>button::after{transform:scaleX(1)}
.qn-dd{position:static;display:flex}
.qn-chev{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;opacity:.55;margin-left:1px}
.qn-dd.open>button .qn-chev{transform:rotate(225deg) translate(-2px,0)}
.qn-dd-p{display:none;position:absolute;top:100%;left:0;right:0}
.qn-dd.open .qn-dd-p{display:block}
.qn-dd.out .qn-dd-p{display:block;pointer-events:none}
.qn-dd.out{z-index:0}
.qn-dd-bg{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;top:-65px;z-index:-1;pointer-events:none;border-bottom:2px solid var(--blue);box-shadow:0 60px 90px -40px rgba(20,32,107,.4)}
.qn-dd-bg i{flex:1;background:var(--bg)}
.qn-dd-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(246,247,249,0),var(--bg-2))}
.qn-dd-in{max-width:1360px;margin:0 auto;padding:64px var(--gutter) 88px;display:grid;grid-template-columns:150px minmax(0,1fr) clamp(240px,22vw,320px);gap:48px;min-height:clamp(420px,56vh,560px);align-content:start}
.qn-dd-lab{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:30px}
.qn-dd-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-content:start}
.qn-dd-list a{position:relative;display:flex;flex-direction:column;gap:10px;padding:34px 44px 38px 0;border-top:1px solid var(--line);color:var(--fg)}
.qn-dd-list a b{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.55rem,1.9vw,1.95rem);letter-spacing:-.01em;line-height:1.2}
.qn-dd-list a span{font-size:15.5px;line-height:1.5;color:var(--muted)}
.qn-dd-list a::after{content:"→";position:absolute;right:8px;top:calc(50% + 4px);font-size:22px;color:var(--blue);opacity:0;transform:translate(-8px,-50%);transition:opacity .18s,transform .22s}
.qn-dd-list a:hover::after{opacity:1;transform:translate(0,-50%)}
.qn-dd-vid{display:block;place-self:center end;width:100%;margin-block:-16px;mix-blend-mode:multiply}
.qn-dd-vid video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;pointer-events:none}
.qn-dd.open .qn-dd-bg{animation:qnwipe .44s cubic-bezier(.2,.85,.25,1) both}
.qn-dd.open .qn-dd-bg::after{animation:qnfi .3s ease .25s both}
.qn-dd.open .qn-dd-lab{animation:qnrise .4s cubic-bezier(.22,1,.36,1) .05s both}
.qn-dd.open .qn-dd-list a{animation:qnrise .42s cubic-bezier(.22,1,.36,1) .09s both}
.qn-dd.open .qn-dd-list a:nth-child(2){animation-delay:.13s}
.qn-dd.open .qn-dd-list a:nth-child(3){animation-delay:.17s}
.qn-dd.open .qn-dd-list a:nth-child(4){animation-delay:.21s}
.qn-dd.open .qn-dd-list a:nth-child(5){animation-delay:.25s}
.qn-dd.open .qn-dd-vid{animation:qnrise .6s cubic-bezier(.22,1,.36,1) .14s both}
.qn-dd.open.swap .qn-dd-bg{animation:qnfi .18s ease both}
.qn-dd.open.swap .qn-dd-lab{animation:qnrise .32s cubic-bezier(.22,1,.36,1) both}
.qn-dd.open.swap .qn-dd-list a{animation:qnrise .34s cubic-bezier(.22,1,.36,1) .03s both}
.qn-dd.out .qn-dd-bg{animation:qnunwipe .3s cubic-bezier(.4,0,.2,1) both}
.qn-dd.out .qn-dd-in{animation:qnfo .14s ease both}
@keyframes qnwipe{0%{clip-path:inset(0 0 100%)}100%{clip-path:inset(0 0 -120px)}}
@keyframes qnunwipe{0%{clip-path:inset(0 0 -120px);opacity:1}100%{clip-path:inset(0 0 55%);opacity:0}}
@keyframes qnrise{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
@keyframes qnfi{0%{opacity:0}100%{opacity:1}}
@keyframes qnfo{0%{opacity:1}100%{opacity:0}}
@keyframes qndrawer{0%{transform:translateX(40px);opacity:0}100%{transform:none;opacity:1}}
@keyframes qnfadeup{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}
@media (max-height:780px){.qn-dd-in{padding-top:44px;padding-bottom:52px;min-height:0}.qn-dd-list a{padding-top:20px;padding-bottom:22px}}
.qn-right{display:flex;align-items:center;gap:8px}
.qn-cta{display:inline-flex;align-items:center;gap:12px;height:38px;padding:0 16px 0 18px;background:#111f61;color:#fff!important;font-family:var(--font-code);font-size:14px;font-weight:400;letter-spacing:.005em;border-radius:10px;transition:filter .15s ease}
.qn-cta:hover{filter:brightness(1.18)}
.qn-arrow{display:inline-block;transition:transform .2s}
.qn-cta:hover .qn-arrow{transform:translateX(4px)}
.qn-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid var(--line);cursor:pointer;padding:0}
.qn-burger img{width:20px;height:20px;filter:brightness(0) opacity(.62)}
.qn-menu-bd{position:fixed;inset:0;z-index:1001;background:rgba(7,12,30,.55);opacity:0;transition:opacity .3s ease}
.qn-menu-bd.on{opacity:1}
.qn-menu{position:fixed;top:0;right:0;bottom:0;z-index:1002;width:min(340px,86vw);display:none;flex-direction:column;background:linear-gradient(170deg,#111f61 0%,#111f61 70%);color:#fff;overscroll-behavior:contain}
.qn-menu.open{display:flex;animation:qndrawer .38s cubic-bezier(.2,.7,.2,1) both}
.qn-menu-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;min-height:56px;border-bottom:1px solid rgba(255,255,255,.14)}
.qn-menu-top .qn-brand{margin:0}
.qn-menu-top .qn-brand img{height:21px;display:block}
.qn-menu-x{position:relative;width:40px;height:40px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer}
.qn-menu-x span{position:absolute;left:11px;right:11px;top:50%;height:1.5px;background:#fff;transform:rotate(45deg)}
.qn-menu-x span+span{transform:rotate(-45deg)}
.qn-menu-body{flex:1;overflow-y:auto;padding:4px 16px 20px}
.qn-m-acc,.qn-m-l{border-bottom:1px solid rgba(255,255,255,.14)}
.qn-nav .qn-m-h,.qn-nav .qn-m-l{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 0;background:none;border:0;color:#fff!important;font-family:var(--font-serif);font-size:1.32rem;font-weight:400;letter-spacing:-.01em;cursor:pointer;text-align:left;line-height:1.3}
.qn-m-h .qn-chev{width:11px;height:11px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg) translateY(-3px);transition:transform .25s ease;opacity:.7}
.qn-m-h[aria-expanded="true"] .qn-chev{transform:rotate(225deg) translate(-3px,0)}
.qn-m-p{display:none;padding:0 0 14px}
.qn-m-h[aria-expanded="true"]+.qn-m-p{display:block;animation:qnfadeup .3s ease both}
.qn-m-p a{display:flex;flex-direction:column;gap:2px;padding:9px 0 9px 12px;border-left:2px solid rgba(159,171,209,.4);margin-bottom:4px;color:#fff}
.qn-m-p b{font-weight:500;font-size:.92rem}
.qn-m-p span{font-size:.78rem;color:var(--on-blue-muted)}
.qn-menu-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.14)}
.qn-btn-white{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;font-size:14px;font-weight:500;border-radius:4px;background:linear-gradient(180deg,#fff 0%,#8c96a7 100%);color:#111f61!important}
body.qn-lock{overflow:hidden}
@media (max-width:1100px){.qn-items{display:none}.qn-burger{display:flex}}
@media (min-width:1101px){.qn-menu,.qn-menu-bd{display:none!important}}
@media (max-width:640px){.qn-cta{padding:0 14px}.qn-brand{margin-right:8px}}
@media (prefers-reduced-motion:reduce){.qn-nav *,.qn-menu *{animation:none!important;transition:none!important}.qn-dd.out{display:none}}
body.qn-lock .qn-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* transparent navbar (Julian): content runs underneath, colours follow the section below */
.qn-nav{background:transparent!important;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border-bottom-color:transparent!important;margin-bottom:-65px;transition:color .25s ease,background-color .25s ease}
.qn-nav + section,.qn-nav + div{border-top:65px solid transparent}
.qn-nav.qn-scrolled{background:rgba(250,250,249,.55)!important;border-bottom-color:rgba(17,31,97,.08)!important}
.qn-nav.qn-dark{color:#fff}
.qn-nav.qn-dark.qn-scrolled{background:rgba(17,31,97,.45)!important;border-bottom-color:rgba(255,255,255,.08)!important}
.qn-nav.qn-dark .qn-brand img{filter:brightness(0) invert(1)}
.qn-nav.qn-dark .qn-items>a::after,.qn-nav.qn-dark .qn-dd>button::after{background:#fff}
.qn-nav.qn-dark .qn-cta{background:#fff;color:#111f61!important}
.qn-nav.qn-dark .qn-burger{border-color:rgba(255,255,255,.35)}
.qn-nav.qn-dark .qn-burger img{filter:brightness(0) invert(1)}
.qn-nav.qn-dark .qn-items::before{opacity:.3}
.qn-nav .qn-dd.open ~ *,.qn-nav.qn-open{color:#0f182c}
.qn-nav.qn-open .qn-brand img{filter:none}
.qn-nav.qn-open .qn-cta{background:#111f61;color:#fff!important}

/* brand colours (Louis, Slack 26.10.): Navy #111F61, Paper #FAFAF9, Green #3B8B52 */
:root{--black:#0f182c;--light-grey:#fafaf9;--blue:#111f61}
body{background-color:#fafaf9;color:#0f182c}
.section.black{background-image:none!important;background-color:#111f61!important}
.text-span-7,.sov-accent{color:#3b8b52!important}
.qn-nav .qn-items>a::after,.qn-nav .qn-dd>button::after{background:#3b8b52}
.qn-nav .qn-dd-list a::after{color:#3b8b52}
.qn-dd-bg{border-bottom-color:#3b8b52!important}
.qx-start-label,.qx-step-phases{color:#3b8b52}

/* more breathing room between blocks (Julian) */
section.section:not(.qx-ann):not(.kv){padding-top:110px;padding-bottom:110px}
@media (max-width:991px){section.section:not(.qx-ann):not(.kv){padding-top:72px;padding-bottom:72px}}
@media (max-width:767px){section.section:not(.qx-ann):not(.kv){padding-top:48px;padding-bottom:48px}}
/* smooth hand-over from the navy hero to the customer story */
.qx-fade{height:260px;background:linear-gradient(180deg,#111f61 0%,#2a3a78 22%,#8d97b8 58%,#e9ebf0 86%,#fafaf9 100%)}
.qx-fade + section.section{padding-top:40px!important}
@media (max-width:767px){.qx-fade{height:160px}}
.qx-more{display:inline-block;margin-top:22px;font-size:16px;font-weight:500;color:#111f61;border-bottom:1px solid currentColor;padding-bottom:2px}
.qx-more:hover{color:#3b8b52}
/* People: team photo */
.qx-eyebrow{grid-column:1/-1;font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#3b8b52;margin:0 0 14px}
.qx-team-fig{max-width:880px;margin:0 auto;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -48px rgba(17,31,97,.55)}
.qx-team-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 58%;transform:scale(1.03);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.qx-team-fig:hover img{transform:scale(1.06)}
.qx-team-fig figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:60px 28px 22px;background:linear-gradient(180deg,rgba(17,31,97,0) 0%,rgba(17,31,97,.78) 100%);color:#fff}
.qx-team-cap{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.qx-team-note{font-size:16px;opacity:.95}
@media (max-width:767px){.qx-team-fig{margin:0 16px;border-radius:10px}.qx-team-fig img{aspect-ratio:4/3}}
/* AdEx slide: photo of Stefan Rieder instead of the logo (Julian) */
.image-container.adex{background-image:url(a/stefan-rieder.jpg)!important;background-size:cover!important;background-position:50% 25%!important;background-color:transparent!important}

/* ===== Insights listing — format from the Entwurf artifact ===== */
.qx-ins{padding:0 20px}
.qx-ins-sec{--fg:#111f61;--muted:#55608f;--line:#dfe2ea;--tint:#f1f2f5;--accent:#3b8b52}
.qx-ins-sec .tabs-menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;border:0}
.qx-ins-sec .tab-link-news{padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:#fafaf9;font-size:14px;font-weight:500;color:var(--muted);transition:background .2s ease,color .2s ease,border-color .2s ease}
.qx-ins-sec .tab-link-news:hover{border-color:var(--fg);color:var(--fg)}
.qx-ins-sec .tab-link-news.w--current{background:#111f61;border-color:transparent;color:#fff}
.qx-ins .mono{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.qx-ins .ins-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:stretch;padding:0;color:#fff;background:#111f61;border-radius:4px;overflow:hidden;margin-bottom:56px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.qx-ins .ins-feat:hover{transform:translateY(-3px);box-shadow:0 28px 60px -30px rgba(17,31,97,.6)}
.qx-ins .ins-feat .ft{display:flex;flex-direction:column;justify-content:flex-end;gap:22px;padding:48px}
.qx-ins .ins-feat .mono{color:#a9b2d6}
.qx-ins .ins-feat h2{margin:0;font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.1;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.qx-ins .ins-feat .fi{display:block;position:relative;min-height:340px;overflow:hidden}
.qx-ins .ins-feat .fi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.qx-ins .ins-feat:hover .fi img{transform:scale(1.03)}
.qx-ins .ins-by{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}
.qx-ins .ins-feat .ins-by{justify-content:flex-start;gap:28px;color:#c3c9e3}
.qx-ins .ins-feat .ins-by b{color:#fff;font-weight:500}
.qx-ins .ins-go i,.qx-ins .ins-card i{font-style:normal;display:inline-block;transition:transform .2s ease}
.qx-ins .ins-feat:hover .ins-go i,.qx-ins .ins-card:hover i{transform:translate(3px,-3px)}
.qx-ins .ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:64px}
.qx-ins .ins-card{display:flex;flex-direction:column;overflow:hidden;background:#fafaf9;border:1px solid var(--line);border-radius:4px;color:var(--fg);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.qx-ins .ins-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(17,31,97,.4);border-color:var(--fg)}
.qx-ins .ins-card .cv{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .5s ease}
.qx-ins .ins-card:hover .cv{transform:scale(1.03)}
.qx-ins .ins-card .n{color:var(--accent);padding:22px 26px 0}
.qx-ins .ins-card h3{flex:1;margin:0;padding:10px 26px 0;font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.2;letter-spacing:-.01em;color:var(--fg);text-wrap:balance}
.qx-ins .ins-card .ins-by{color:var(--muted);padding:26px 26px 24px}
.qx-ins .articles{border-top:1px solid var(--line)}
.qx-ins .ins-more{margin:22px 0 14px;color:var(--muted);font-weight:500}
.qx-ins .articles a{display:grid;grid-template-columns:56px 112px minmax(0,1fr) 190px 24px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none;transition:padding .2s ease,background .2s ease}
.qx-ins .articles a:hover{background:var(--tint);padding-inline:14px}
.qx-ins .articles .n{color:var(--accent)}
.qx-ins .articles .th{width:112px;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.qx-ins .articles .t{font-size:1.1rem;font-weight:500;letter-spacing:-.01em}
.qx-ins .articles .by{color:var(--muted);font-size:.9rem}
@media (max-width:1100px){.qx-ins .ins-grid{grid-template-columns:1fr 1fr}.qx-ins .ins-feat{grid-template-columns:1fr;gap:0}.qx-ins .ins-feat .fi{min-height:0;aspect-ratio:16/9;order:-1}.qx-ins .ins-feat .ft{padding:28px 22px 30px}}
@media (max-width:640px){.qx-ins .ins-grid{grid-template-columns:1fr;margin-bottom:44px}.qx-ins .ins-card .n{padding:18px 22px 0}.qx-ins .ins-card h3{padding:8px 22px 0}.qx-ins .ins-card .ins-by{padding:20px 22px}.qx-ins .articles a{grid-template-columns:84px minmax(0,1fr) 20px}.qx-ins .articles .n,.qx-ins .articles .by{display:none}.qx-ins .articles .th{width:84px}.qx-ins .articles .t{min-width:0;overflow-wrap:break-word;hyphens:auto}}
@media (max-width:400px){.qx-ins .articles a{grid-template-columns:64px minmax(0,1fr);gap:12px}.qx-ins .articles .th{width:64px}.qx-ins .articles a>span[aria-hidden="true"]{display:none}}

/* ===== Customer stories as a thread (replaces the slider) ===== */
.qx-thread{position:relative;padding-left:64px;margin:8px 0 40px;--p:0}
.qx-track{position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:#dfe2ea;border-radius:2px;overflow:hidden}
.qx-fill{position:absolute;inset:0;background:linear-gradient(180deg,#3b8b52,#111f61);transform-origin:top;transform:scaleY(var(--p));transition:transform .12s linear}
.qx-story{position:relative;padding:0 0 88px}
.qx-story:last-child{padding-bottom:0}
.qx-dot{position:absolute;left:-59px;top:6px;width:14px;height:14px;border-radius:50%;background:#fafaf9;border:2px solid #c8cddb;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.qx-story.lit .qx-dot{background:#3b8b52;border-color:#3b8b52;box-shadow:0 0 0 6px rgba(59,139,82,.14)}
.qx-story-in.slide-wrap{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:48px;align-items:center}
.qx-story .image-container{min-width:0;height:auto;aspect-ratio:4/5;border-radius:6px}
.qx-story .div-block-9{padding-right:0;justify-content:center;gap:18px}
.qx-th-js .qx-story{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.qx-th-js .qx-story.on{opacity:1;transform:none}
.qx-thread-one{padding-left:0}.qx-thread-one .qx-track,.qx-thread-one .qx-dot{display:none}
@media (max-width:767px){.qx-thread{padding-left:36px}.qx-track{left:6px}.qx-dot{left:-36px;width:12px;height:12px}.qx-thread-one{padding-left:0}
.qx-story-in.slide-wrap{grid-template-columns:1fr;gap:20px}.qx-story .image-container{aspect-ratio:16/10;max-width:none}.qx-story{padding-bottom:56px}}
@media (prefers-reduced-motion:reduce){.qx-th-js .qx-story{opacity:1;transform:none;transition:none}.qx-fill{transition:none}}

.qn-nav.qn-dark.qn-scrolled{background:rgba(17,31,97,.86)!important}
.section.gre.taba{position:relative!important;top:auto!important}
#the-platform-home .qx-more{margin-top:40px}

/* People: photo + vision side by side, management title */
.qx-vis{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start;padding:0 20px;margin:0!important;width:auto!important}
.qx-vis .text60{width:auto;max-width:none}
.qx-vis .qx-team-fig{max-width:none;margin:0;position:sticky;top:110px}
.qx-vis .qx-team-fig img{aspect-ratio:1/1;object-position:50% 60%}
.qx-mgmt{font-size:clamp(34px,3.6vw,52px);line-height:1.05;font-weight:400;letter-spacing:-.02em;color:#111f61;margin:0 0 18px}
@media (max-width:991px){.qx-vis{grid-template-columns:1fr;gap:40px}.qx-vis .qx-team-fig{position:relative;top:auto}.qx-vis .qx-team-fig img{aspect-ratio:3/2}}
@media (max-width:767px){.qx-vis{padding:0 16px}.qx-vis .qx-team-fig{margin:0}}

/* ===== Platform: five steps as a focused, scroll-driven walkthrough ===== */
.qx-sx{display:grid;grid-template-columns:minmax(300px,0.9fr) minmax(0,1.25fr);gap:64px;align-items:start;margin:0 0 72px}
.qx-sx-stage{position:sticky;top:96px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}
.qx-sx-rail{position:relative;display:flex;flex-direction:column;gap:6px;padding-left:2px}
.qx-sx-rail::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:#e1e4ec}
.qx-sx-fill{position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:#3b8b52;transform-origin:top;transform:scaleY(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.qx-sx-r{position:relative;display:flex;align-items:center;gap:12px;padding:6px 0;background:none;border:0;cursor:pointer;font:inherit;color:#6b7280;text-align:left}
.qx-sx-rn{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fafaf9;border:1.5px solid #cfd4e2;font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;transition:all .35s cubic-bezier(.2,.7,.2,1)}
.qx-sx-rt{font-size:15px;font-weight:500;transition:color .3s ease}
.qx-sx-r:hover .qx-sx-rn{border-color:#111f61;color:#111f61}
.qx-sx-r.past .qx-sx-rn{border-color:#3b8b52;color:#3b8b52}
.qx-sx-r.on .qx-sx-rn{background:#111f61;border-color:#111f61;color:#fff;transform:scale(1.12);box-shadow:0 0 0 6px rgba(17,31,97,.08)}
.qx-sx-r.on .qx-sx-rt{color:#111f61;font-weight:600}
.qx-sx-viz{background:#111f61;color:#fff;border-radius:12px;padding:26px 24px;min-height:340px;box-shadow:0 30px 60px -40px rgba(17,31,97,.7)}
.qx-sx-v.in{animation:qxsxin .5s cubic-bezier(.2,.7,.2,1)}
@keyframes qxsxin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qx-sx-ve,.qx-sx-vl{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a9b2d6;margin:0 0 8px}
.qx-sx-vl{color:#8fd0a2;margin-top:22px}
.qx-sx-vt{font-family:'Hedvig Letters Serif',Georgia,serif;font-size:44px;line-height:1;margin:0 0 10px;color:#fff}
.qx-sx-vs{font-size:16px;line-height:1.4;color:#d5daf0;margin:0}
.qx-sx-ph{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.qx-sx-ph span{font-family:'Geist Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:16px 0 0;position:relative;color:rgba(255,255,255,.4);overflow:hidden;text-overflow:ellipsis}
.qx-sx-ph span::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:3px;background:rgba(255,255,255,.12);transition:background .4s ease}
.qx-sx-ph span.on{color:#fff}
.qx-sx-ph span.on::before{background:#3b8b52}
.qx-sx-chips{display:flex;flex-wrap:wrap;gap:8px}
.qx-sx-chips span{font-size:13.5px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.qx-sx-v.in .qx-sx-chips span{animation:qxsxin .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.15s + var(--k)*.09s)}
.qx-sx-panels{display:flex;flex-direction:column}
.qx-sx-p{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;border-top:1px solid #e4e7ee;opacity:.3;transition:opacity .45s ease}
.qx-sx-p:first-child{border-top:0;padding-top:0}
.qx-sx-p.on{opacity:1}
.qx-sx-no{font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.1em;color:#3b8b52;margin:0 0 8px}
.qx-sx-t{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.02em;color:#111f61;margin:0 0 14px}
.qx-sx-sub{font-size:22px;line-height:1.35;color:#14152b;margin:0 0 26px;max-width:34ch}
.qx-sx-lab{font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin:0 0 10px}
.qx-sx-li{list-style:none;margin:0 0 24px;padding:0;max-width:560px}
.qx-sx-li li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid #eceef3;font-size:17px;line-height:1.45;color:#14152b}
.qx-sx-li li::before{content:"";position:absolute;left:4px;top:18px;width:12px;height:2px;background:#3b8b52}
.qx-sx-p .qx-start{max-width:560px;margin-top:0;background:#eaf5ec}
.qx-sx-next{margin:22px 0 0;font-size:15px;color:#6b7280}
.qx-sx-next span{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#3b8b52;margin-right:6px}
.qx-sx-ph-m{display:none}
.qx-sx-big{display:none}
@media (max-width:1100px){.qx-sx{grid-template-columns:1fr;gap:0}.qx-sx-stage{display:none}.qx-sx-p{min-height:0;opacity:1;padding:40px 0}
.qx-sx-ph-m{display:grid;margin:0 0 24px;max-width:560px}.qx-sx-ph-m span{color:#9aa0b3}.qx-sx-ph-m span::before{background:#e4e7ee}.qx-sx-ph-m span.on{color:#111f61}.qx-sx-ph-m span.on::before{background:#3b8b52}}
@media (max-width:767px){.qx-sx-sub{font-size:19px}.qx-sx-li li{font-size:16px}}
@media (prefers-reduced-motion:reduce){.qx-sx-v.in,.qx-sx-v.in .qx-sx-chips span{animation:none}.qx-sx-p{opacity:1;transition:none}.qx-sx-fill,.qx-sx-rn{transition:none}}

.qn-nav.qn-scrolled:not(.qn-dark){background:rgba(250,250,249,.9)!important}

/* hero ring (static) */
section.kv{position:relative;overflow:hidden}
.qx-ring{position:absolute;top:0;right:0;bottom:0;width:min(78%,1250px);background:url(a/hero-ring.jpg) 72% 46%/cover no-repeat;mix-blend-mode:lighten;opacity:.95;pointer-events:none;z-index:0;
-webkit-mask-image:radial-gradient(60% 70% at 70% 46%,#000 45%,transparent 100%);mask-image:radial-gradient(60% 70% at 70% 46%,#000 45%,transparent 100%)}
section.kv > *:not(.qx-ring){position:relative;z-index:1}
@media (max-width:991px){.qx-ring{width:100%;opacity:.55;background-position:78% 40%}}
@media (max-width:767px){.qx-ring{opacity:.4;background-size:auto 70%;background-position:120% 18%}}

/* People & all pages: one paper tone instead of white/paper mix */
.section.whit,.qx-vis .text60{background-color:#fafaf9!important}

/* Demo block: one navy card instead of picture + floating white box + loose fields */
section.gre .wrapper.cta{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;padding:0;margin:0 20px;background:#111f61;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(17,31,97,.8)}
section.gre .bgfon{position:relative;justify-content:flex-end;align-items:flex-start;min-height:560px;padding:48px;border-radius:0;background-position:50% 40%}
section.gre .bgfon::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,31,97,0) 25%,rgba(17,31,97,.92) 82%),linear-gradient(90deg,rgba(17,31,97,0) 60%,#111f61 100%)}
section.gre .bgtext{position:relative;z-index:1;background:none;padding:0;min-height:0}
section.gre .bgtext .heading-6{color:#fff;margin:0 0 14px;font-size:clamp(30px,3vw,42px);line-height:1.08}
section.gre .bgtext p{color:#d5daf0;font-size:17px;line-height:1.5;margin:0;max-width:30rem}
section.gre .div-block-31-copy{display:flex;align-items:center;padding:48px 48px 48px 40px}
section.gre .form-block{width:100%;margin:0}
section.gre .form{gap:12px}
section.gre .text-field{height:56px;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;box-shadow:none;transition:border-color .2s ease,background .2s ease}
section.gre .text-field::placeholder{color:#a9b2d6}
section.gre .text-field:focus{outline:none;border-color:#8fd0a2;background:rgba(255,255,255,.1)}
section.gre .text-field.big{height:120px}
section.gre .text-field.wrap{padding:0 12px 0 0;display:flex;align-items:center}
section.gre select.text-field{height:54px;border:0;background:transparent;color:#a9b2d6}
section.gre select.text-field option{color:#111f61}
section.gre .button.form{height:54px;border-radius:8px;background:#fff;color:#111f61;font-weight:600;transition:background .2s ease}
section.gre .button.form:hover{background:#eaf5ec}
section.gre .w-form-done{background:rgba(255,255,255,.08);color:#fff;border-radius:8px}
@media (max-width:991px){section.gre .wrapper.cta{grid-template-columns:1fr}section.gre .bgfon{min-height:360px}section.gre .bgfon::after{background:linear-gradient(180deg,rgba(17,31,97,0) 20%,#111f61 92%)}section.gre .div-block-31-copy{padding:8px 28px 32px}}
@media (max-width:767px){section.gre .wrapper.cta{margin:0 16px}section.gre .bgfon{padding:28px 22px;min-height:300px}section.gre .div-block-31-copy{padding:4px 18px 26px}section.gre .form{grid-template-columns:1fr}}

section.gre .div-block-47-copy{background:none!important;padding:0!important;margin-top:4px}
/* ===== Customer stories: roomy layout + reveal ===== */
.qx-thread-x{padding-left:72px;margin:24px 0 40px}
.qx-thread-x .qx-story{padding:0 0 180px}
.qx-thread-x .qx-story:last-child{padding-bottom:20px}
.qx-thread-x .qx-story-in.slide-wrap{grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:72px;align-items:center}
.qx-thread-x .qx-flip .qx-story-in.slide-wrap{grid-template-columns:minmax(0,1fr) minmax(260px,400px)}
.qx-thread-x .qx-flip .image-container{order:2}
.qx-thread-x .qx-flip .div-block-9{justify-self:end}
.qx-thread-x .citate{max-width:38ch}
.qx-thread-x .image-container{aspect-ratio:4/5;border-radius:10px;box-shadow:0 40px 70px -45px rgba(17,31,97,.6)}
.qx-thread-x .div-block-9{gap:26px;position:relative}
.qx-thread-x .div-block-9::before{content:none;font-family:'Hedvig Letters Serif',Georgia,serif;font-size:120px;line-height:.6;color:#3b8b52;opacity:.85;height:44px;display:block}
.qx-thread-x .citate{font-size:clamp(22px,2.1vw,30px);line-height:1.38;letter-spacing:-.005em;color:#111f61;max-width:36ch}
.qx-thread-x .kv-text.bold{font-size:16px;line-height:1.5;padding-top:18px;border-top:1px solid #e4e7ee;min-width:260px}
.qx-thread-x .qx-dot{top:calc(50% - 7px)}
.qx-thread-x .link-block-3 .kv-text{border-top:0;padding-top:0;min-width:0}
.qx-th-js .qx-thread-x .qx-story{opacity:1;transform:none}
.qx-th-js .qx-thread-x .image-container{clip-path:inset(100% 0 0 0 round 10px);transform:scale(1.06);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1),transform 1.4s cubic-bezier(.2,.7,.2,1)}
.qx-th-js .qx-thread-x .qx-story.on .image-container{clip-path:inset(0 0 0 0 round 10px);transform:none}
.qx-th-js .qx-thread-x .qw{display:inline-block;opacity:0;transform:translateY(.5em);filter:blur(4px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .5s ease;transition-delay:calc(.35s + var(--w)*.028s)}
.qx-th-js .qx-thread-x .qx-story.on .qw{opacity:1;transform:none;filter:none}
.qx-th-js .qx-thread-x .div-block-9::before,.qx-th-js .qx-thread-x .kv-text,.qx-th-js .qx-thread-x .link-block-3{opacity:0;transform:translateY(12px);transition:opacity .6s ease 1.4s,transform .6s ease 1.4s}
.qx-th-js .qx-thread-x .div-block-9::before{transition-delay:.2s}
.qx-th-js .qx-thread-x .qx-story.on .div-block-9::before,.qx-th-js .qx-thread-x .qx-story.on .kv-text,.qx-th-js .qx-thread-x .qx-story.on .link-block-3{opacity:.85;transform:none}
.qx-th-js .qx-thread-x .qx-story.on .kv-text,.qx-th-js .qx-thread-x .qx-story.on .link-block-3{opacity:1}
@media (max-width:991px){.qx-thread-x .qx-story-in.slide-wrap,.qx-thread-x .qx-flip .qx-story-in.slide-wrap{grid-template-columns:1fr;gap:28px}.qx-thread-x .qx-flip .image-container{order:0}.qx-thread-x .image-container{aspect-ratio:16/11}.qx-thread-x .qx-story{padding-bottom:110px}.qx-thread-x .qx-dot{top:6px}}
@media (max-width:767px){.qx-thread-x{padding-left:36px}.qx-thread-x .qx-story{padding-bottom:80px}.qx-thread-x .div-block-9::before{font-size:84px;height:30px}}
@media (prefers-reduced-motion:reduce){.qx-th-js .qx-thread-x .image-container,.qx-th-js .qx-thread-x .qw,.qx-th-js .qx-thread-x .kv-text,.qx-th-js .qx-thread-x .link-block-3,.qx-th-js .qx-thread-x .div-block-9::before{clip-path:none;transform:none;opacity:1;filter:none;transition:none}}

/* ===== Platform hub blocks ===== */
.qx-hub .container,.qx-ways .container,.qx-trust .container{padding-left:20px;padding-right:20px}
.qx-hub-h{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(32px,3.6vw,50px);line-height:1.08;letter-spacing:-.015em;color:#111f61;margin:0 0 40px;max-width:22ch}
.qx-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.qx-hub-card{display:flex;flex-direction:column;gap:14px;padding:30px 28px 28px;background:#fff;border:1px solid #e4e7ee;border-radius:12px;color:#14152b;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,background .3s ease}
.qx-hub-card:hover{transform:translateY(-6px);border-color:#111f61;box-shadow:0 30px 60px -36px rgba(17,31,97,.55)}
.qx-hub-top{display:flex;align-items:center;gap:12px}
.qx-hub-top img{width:40px;height:40px}
.qx-hub-lab{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#3b8b52}
.qx-hub-card h3{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:26px;line-height:1.15;color:#111f61;margin:6px 0 0}
.qx-hub-card p{font-size:15.5px;line-height:1.55;color:#4a4d5e;margin:0;flex:1}
.qx-hub-chips{display:flex;flex-wrap:wrap;gap:6px}
.qx-hub-chips span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:#eaf5ec;color:#2d6b40}
.qx-hub-go{margin-top:8px;padding-top:16px;border-top:1px solid #eceef3;font-weight:600;color:#111f61}
.qx-hub-go i{font-style:normal;display:inline-block;transition:transform .25s ease}
.qx-hub-card:hover .qx-hub-go i{transform:translateX(5px)}
.qx-ways-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.qx-ways-head .qx-hub-h{margin:0}
.qx-ways-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid #111f61}
.qx-way{padding:28px 28px 8px 0;margin-right:28px;border-right:1px solid #e4e7ee}
.qx-way:last-child{border-right:0;margin-right:0}
.qx-way-n{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:#3b8b52;letter-spacing:.1em}
.qx-way h3{font-size:24px;font-weight:500;color:#111f61;margin:10px 0 4px}
.qx-way-sub{font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 14px}
.qx-way p:not(.qx-way-sub){font-size:15.5px;line-height:1.55;color:#4a4d5e;margin:0}
.qx-trust .qx-more{display:inline-block;margin-top:36px}
@media (max-width:991px){.qx-hub-grid,.qx-ways-grid{grid-template-columns:1fr}.qx-way{border-right:0;margin-right:0;border-bottom:1px solid #e4e7ee;padding:24px 0}}

/* hero fits the first screen: customer logo banner visible right away */
section.kv{padding-top:0!important;min-height:calc(100svh - 48px);display:flex;flex-direction:column}
section.kv > .container{flex:1;display:flex;flex-direction:column;width:100%}
section.kv .div-block-3.re.nod{min-height:0;flex:1;padding:clamp(4px,1.5vh,48px) 0 clamp(8px,2.4vh,40px);gap:clamp(8px,2vh,20px)}
@media (max-height:700px) and (min-width:768px){section.kv .button.kv{padding-top:12px;padding-bottom:12px}section.kv .kv-text.sed{margin-bottom:0}}
section.kv .h1{font-size:clamp(38px,min(6.2vw,10vh),100px);line-height:1.04}
section.kv .div-block-3.re{width:min(72vw,1000px);max-width:none}
section.kv .kv-text.sed{max-width:min(640px,88%)}
section.kv .logos-wrapper{padding-top:clamp(8px,2vh,28px)!important;padding-bottom:clamp(14px,3vh,36px)}
/* stats: no extra inner padding on top of the section spacing */
.qx-stats-in{padding-top:0!important;padding-bottom:0!important}
/* navbar over navy: exactly the same blue, no seam */
.qn-nav.qn-dark.qn-scrolled{background:#111f61!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ===== Home: paper middle ===== */
.qx-fitgap.qx-paper,.qx-stats.qx-paper{background:#fafaf9!important;color:#111f61}
.qx-fitgap.qx-paper .qx-fitgap-eyebrow{color:#3b8b52}
.qx-fitgap.qx-paper .qx-fitgap-p{color:#111f61!important}
html.qx-lit .qx-fitgap.qx-paper .qx-fitgap-p .w{white-space:nowrap}
html.qx-lit .qx-fitgap.qx-paper .qx-fitgap-p .c{opacity:.18}
.qx-stats.qx-paper *{color:#111f61}
.qx-stats.qx-paper .qx-phase{color:#3b8b52!important}
.qx-stats.qx-paper [class*="col"],.qx-stats.qx-paper .qx-stat{border-color:#e1e4ec!important}
.qx-stats.qx-paper p:last-child{color:#6b7280}
/* more air between the steps and the SAP Activate chart on home */
#the-platform-home .qx-chart{margin-top:clamp(72px,9vw,140px)}
/* ===== Home: end flows back into navy ===== */
.qx-fade-end{height:240px;background:linear-gradient(180deg,#fafaf9 0%,#e9ebf0 14%,#8d97b8 42%,#2a3a78 78%,#111f61 100%)}
section.qx-endnavy{background:#111f61;color:#fff;margin-top:-1px;padding-top:24px}
.qx-endnavy .heading-2{color:#fff}
.qx-endnavy .button.kv.bottom{background:#fff;color:#111f61}
.qx-endnavy .footer-menu,.qx-endnavy a,.qx-endnavy p,.qx-endnavy div{border-color:rgba(255,255,255,.14)}
.qx-endnavy a:not(.site-button){color:#d5daf0}
.qx-endnavy a:not(.site-button):hover{color:#fff}
.qx-endnavy .grey,.qx-endnavy p{color:#a9b2d6}
.qx-endnavy h3,.qx-endnavy h4,.qx-endnavy .footer-heading,.qx-endnavy [class*="head"]{color:#8fd0a2}
.qx-endnavy .brand .rive-18{display:none!important}
.qx-endnavy .brand img.qx-wlogo{display:block!important;opacity:1!important;filter:none}
section.qx-endnavy .footer-cta .heading-2{color:#fff}
.qx-plat{background:#fafaf9}
@media (max-width:767px){.qx-fade-end{height:150px}}

/* platform walkthrough: navy panel runs down to the bottom of the screen while the steps scroll, releases before the chart */
@media (min-width:1101px){
.qx-sx{align-items:stretch;margin-bottom:clamp(140px,16vw,240px)}
.qx-sx-stage{height:calc(100vh - 120px);align-items:stretch}
.qx-sx-rail{align-self:start}
.qx-sx-viz{height:100%;display:flex;flex-direction:column;box-sizing:border-box}
.qx-sx-v{display:flex;flex-direction:column;flex:1}
.qx-sx-v[hidden]{display:none}
.qx-sx-v .qx-sx-chips{margin-bottom:auto}
.qx-sx-panels .qx-sx-p:last-child{min-height:calc(100vh - 120px)}
.qx-sx-viz{position:relative;overflow:hidden}
.qx-sx-big{display:block!important;margin:auto 0 0;padding:0 2px 6px 0;font-family:'Hedvig Letters Serif',Georgia,serif;font-size:clamp(120px,11.5vw,200px);line-height:.9;color:rgba(255,255,255,.08);letter-spacing:-.03em;text-align:right;white-space:nowrap}
.qx-sx-v.in .qx-sx-big{animation:qxsxin .7s cubic-bezier(.2,.7,.2,1) both .1s}

}
#the-platform .qx-chart{margin-top:clamp(40px,5vw,80px)}

.qx-stats.qx-paper .qx-num,.qx-stats.qx-paper .bignumber{color:#111f61!important;opacity:1!important}
.qx-num,.bignumber{font-variant-numeric:tabular-nums}
.qx-cn{display:inline-block;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.qx-plat{background:#fafaf9!important}

/* People hero ring */
section.qx-phero{position:relative;overflow:hidden}
section.qx-phero > *:not(.qx-pring){position:relative}
.qx-pring{position:absolute;right:max(20px,4vw);top:50%;transform:translateY(-46%);width:min(40vw,560px);aspect-ratio:1/1;pointer-events:none;mix-blend-mode:multiply}
.qx-pring video{width:100%;height:100%;object-fit:contain;display:block;filter:contrast(1.04) brightness(1.02)}
@media (max-width:991px){.qx-pring{width:46vw;opacity:.55;right:-6vw}}
@media (max-width:767px){.qx-pring{width:70vw;top:auto;bottom:-10%;transform:none;opacity:.25;right:-18vw}}
@media (prefers-reduced-motion:reduce){.qx-pring video{display:none}.qx-pring{background:url(a/Comp_3_poster.0000000.jpg) center/contain no-repeat;mix-blend-mode:multiply}}

/* People hero: higher + banner inside */
section.qx-phero{padding-top:24px!important;min-height:calc(100svh - 70px);display:flex;flex-direction:column;justify-content:center}
section.qx-phero > .container{display:flex;flex-direction:column;gap:clamp(28px,6vh,72px)}
.qx-pbanner{margin:0!important;padding:0!important}
.qx-pbanner .heading-5{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin:0 0 14px!important;text-align:left}
/* navy heads on subpages */
section.qx-navyhero{background:#111f61!important;color:#fff}
section.qx-navyhero h1,section.qx-navyhero h2,section.qx-navyhero .h1,section.qx-navyhero .h2,section.qx-navyhero .qx-plat-h2{color:#fff!important}
section.qx-navyhero > .container > * p,section.qx-navyhero > .container > p,section.qx-navyhero .qx-plat-lead,section.qx-navyhero .subbig,section.qx-navyhero .kv-text{color:#d5daf0!important}
section.qx-navyhero .qx-eyebrow,section.qx-navyhero .subheader{color:#8fd0a2!important}
section.qx-navyhero a.button,section.qx-navyhero .w-button{background:#fff!important;color:#111f61!important}
section.qx-navyhero a:not(.button):not(.w-button){color:#fff}
section.qx-navyhero.qx-split{padding-bottom:56px!important}
section.qx-navyhero.qx-split > .container{padding-left:20px;padding-right:20px}
section.qx-navyhero.qx-split h1{margin-bottom:10px}
section.qx-navyhero .qx-plat-head{margin-bottom:0}

/* middle blocks: paper instead of navy */
section.section.black.qx-mid{background:#fafaf9!important;background-image:none!important;color:#111f61}
section.qx-mid h1,section.qx-mid h2,section.qx-mid h3,section.qx-mid h4,section.qx-mid .white,section.qx-mid .heading,section.qx-mid .color,section.qx-mid .bignumber{color:#111f61!important}
section.qx-mid p,section.qx-mid li,section.qx-mid p.white{color:#4a4d5e!important}
section.qx-mid [class*="line"],section.qx-mid .utp,section.qx-mid .txt-wrap{border-color:#e1e4ec!important}
section.qx-mid a:not(.button):not(.w-button){color:#111f61}
section.qx-mid .button,section.qx-mid .w-button{background:#111f61!important;color:#fff!important}
/* security: compact "Secure by Design" */
section.qx-mid._2{padding-top:72px!important;padding-bottom:72px!important}
section.qx-mid._2 .wrapper.two-cols.beli{display:block!important;padding:0!important;min-height:0!important}
section.qx-mid._2 h2.color{margin:0 0 32px!important;font-size:clamp(32px,3.4vw,48px)!important}
section.qx-mid._2 .beleive-wrap.sec{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0!important;padding:0!important}
section.qx-mid._2 .txt-wrap{margin:0!important;padding:26px 24px!important;background:#fff;border:1px solid #e4e7ee;border-radius:12px;min-height:0!important}
section.qx-mid._2 .txt-wrap h3{font-size:21px!important;line-height:1.25;margin:0 0 10px!important}
section.qx-mid._2 .txt-wrap p{font-size:15.5px!important;line-height:1.55;margin:0!important}
@media (max-width:991px){section.qx-mid._2 .beleive-wrap.sec{grid-template-columns:1fr}}
/* other stray tints -> paper */
.section.light-blue,.div-block-18-copy{background-color:#fafaf9!important}
/* navbar: exactly the surface colour, no line, no blur */
.qn-nav,.qn-nav.qn-scrolled,.qn-nav.qn-dark.qn-scrolled{border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
.qn-nav.qn-scrolled:not(.qn-dark){background:#fafaf9!important}
.qn-nav.qn-dark.qn-scrolled{background:#111f61!important}
/* dropdown unfolds much slower (same roll-down as the draft, stretched) */
.qn-dd.open .qn-dd-bg{animation:qnwipe 1.05s cubic-bezier(.22,1,.36,1) both}
.qn-dd.open .qn-dd-bg::after{animation:qnfi .5s ease .6s both}
.qn-dd.open .qn-dd-lab{animation:qnrise .7s cubic-bezier(.22,1,.36,1) .3s both}
.qn-dd.open .qn-dd-list a{animation:qnrise .7s cubic-bezier(.22,1,.36,1) .42s both}
.qn-dd.open .qn-dd-list a:nth-child(2){animation-delay:.52s}
.qn-dd.open .qn-dd-list a:nth-child(3){animation-delay:.62s}
.qn-dd.open .qn-dd-list a:nth-child(4){animation-delay:.72s}
.qn-dd.open .qn-dd-list a:nth-child(5){animation-delay:.82s}
.qn-dd.open .qn-dd-vid{animation:qnrise .9s cubic-bezier(.22,1,.36,1) .55s both}
.qn-dd.out .qn-dd-bg{animation:qnunwipe .5s cubic-bezier(.4,0,.2,1) both}
.qn-dd.out .qn-dd-in{animation:qnfo .22s ease both}
/* subpage heads sit higher */
section.qx-navyhero,section.qx-first{padding-top:clamp(36px,6vh,72px)!important}
section.qx-navyhero img[src$="hana.svg"],section.qx-navyhero img[src$="evolve.svg"],section.qx-navyhero img[src$="other.svg"]{filter:brightness(0) invert(1)}
section.qx-phero{justify-content:flex-start!important;padding-top:clamp(40px,8vh,110px)!important}
section.qx-phero > .container{flex:1}
section.qx-phero .qx-pbanner{margin-top:auto!important}
section.qx-navyhero > .container > *:first-child,section.qx-first > .container > *:first-child{margin-top:0!important;padding-top:0!important}

.sov-divider{display:none!important}

/* white text spans that sat on navy before: visible on paper */
section.qx-mid h2.ton{color:#8a90a6!important}
section.qx-mid .text-span-9,section.qx-mid h2.ton .text-span-9{color:#111f61!important}
section:not(.qx-navyhero):not(.qx-endnavy):not(.kv):not(.qx-ann):not([class*="black"]) .text-span-9{color:#111f61}

/* tighter rhythm: no double spacing between blocks */
section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(.qx-first){padding-top:88px!important;padding-bottom:88px!important}
section.section > .container > *:first-child{margin-top:0!important;padding-top:0!important}
section.section > .container > *:last-child{margin-bottom:0!important}
section.section > .container > *:last-child:not(.qx-chart){padding-bottom:0!important}
.qx-fade{height:150px!important}
section.qx-first{padding-bottom:40px!important}
body section.section.qx-first + section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(.qx-first){padding-top:40px!important}
body .qx-fade + section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(.qx-first){padding-top:16px!important}
section.qx-navyhero{padding-bottom:48px!important}
.qx-fade + section.section{padding-top:16px!important}
.qx-fade-end{height:180px!important}
@media (max-width:767px){section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(.qx-first){padding-top:56px!important;padding-bottom:56px!important}.qx-fade{height:100px!important}.qx-fade-end{height:120px!important}}

/* footer: legal links (Imprint · Privacy · Terms · LinkedIn · ©) a bit further left, clear of the cookie button */
.footer-menu{padding-right:96px!important}
@media (max-width:767px){.footer-menu{padding-right:20px!important}.footer-menu .div-block-14{padding-right:56px}}

/* demo block sitting on navy (part of the navy ending) */
section.gre.qx-gre-navy{background:#111f61!important;padding-top:24px!important;padding-bottom:24px!important;margin-top:-1px}
section.gre.qx-gre-navy .wrapper.cta{background:#17287a;box-shadow:none;border:1px solid rgba(255,255,255,.1)}
section.gre.qx-gre-navy .bgfon::after{background:linear-gradient(180deg,rgba(23,40,122,0) 25%,rgba(23,40,122,.92) 82%),linear-gradient(90deg,rgba(23,40,122,0) 60%,#17287a 100%)}
section.gre.qx-gre-navy + section.qx-endnavy{padding-top:24px}
@media (max-width:991px){section.gre.qx-gre-navy .bgfon::after{background:linear-gradient(180deg,rgba(23,40,122,0) 20%,#17287a 92%)}}

.qx-trust .three-blocks{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important}
.qx-trust .utp{display:flex;flex-direction:column;gap:14px;padding:30px 28px!important;margin:0!important;background:#fff;border:1px solid #e4e7ee;border-radius:12px;min-height:0!important;height:auto!important;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.qx-trust .utp:hover{border-color:#111f61;box-shadow:0 24px 50px -36px rgba(17,31,97,.5);transform:translateY(-3px)}
.qx-trust .utp .icon-over{margin:0 0 4px!important}
.qx-trust .utp .heading.card{margin:0!important;font-size:24px!important;line-height:1.2}
.qx-trust .utp .paragraph-bottom{margin:0!important;padding:0!important;position:static!important}
@media (max-width:991px){.qx-trust .three-blocks{grid-template-columns:1fr}}
.qx-trust .utp{justify-content:flex-start!important;align-items:flex-start!important;grid-template-rows:none!important}
.qx-trust .utp > *{margin-top:0!important;margin-bottom:0!important;min-height:0!important;height:auto!important;flex:none!important}
.qx-trust .qx-more{margin-top:28px!important}

/* navy navbar on light-topped pages */
.qn-nav.qx-navnavy{background:#111f61!important;margin-bottom:0!important}
.qn-nav.qx-navnavy + section,.qn-nav.qx-navnavy + div{border-top:0!important}
.qn-nav.qx-navnavy.qn-dark .qn-brand img{filter:brightness(0) invert(1)}
/* funding announcement: thin paper strip */
section.section.black.qx-ann{background:#fafaf9!important;background-image:none!important;padding:0!important;border-bottom:1px solid #eceef3}
section.qx-ann .container{padding-top:0!important;padding-bottom:0!important}
section.qx-ann .link-block-6{display:flex;justify-content:center;align-items:center;min-height:30px;padding:5px 0!important}
section.section.qx-ann .link-block-6 .paragraph-15{margin:0!important;font-size:13px!important;line-height:1.4;color:#111f61!important;opacity:1!important}
section.section.qx-ann .link-block-6:hover .paragraph-15{color:#3b8b52!important}

html body section.section.qx-ann .link-block-6 p.paragraph-15.ret{color:#111f61!important}
html body section.section.qx-ann .link-block-6:hover p.paragraph-15.ret{color:#3b8b52!important}

.qx-evo-cards .text70{margin:0 0 32px!important}
.qx-evo-cards .six-blocks{gap:20px!important;margin:0!important}
.qx-evo-cards .cards6{display:flex!important;flex-direction:column;justify-content:flex-start!important;gap:12px;padding:28px!important;min-height:0!important;height:auto!important;border-radius:12px;background:#fff;border:1px solid #e4e7ee}
.qx-evo-cards .cards6 > *{margin:0!important;min-height:0!important;height:auto!important;position:static!important}
.qx-evo-cards .cards6 .paragraph-16{align-self:flex-start}
.qx-evo-cards .cards6 .heading{font-size:24px!important;line-height:1.2}
/* People: hero higher */
section.qx-phero{padding-top:12px!important;min-height:calc(100svh - 70px)}
section.qx-phero > .container{gap:clamp(18px,3.5vh,44px)!important}
section.qx-phero .company-header{margin-top:0!important;padding-top:0!important}
/* People: "What we believe" as heading + 2x2 cards */
section.qx-mid .wrapper.two-cols.beli{display:block!important;padding:0!important;min-height:0!important}
section.qx-mid .wrapper.two-cols.beli > h2.color{margin:0 0 32px!important;font-size:clamp(32px,3.4vw,48px)!important}
section.qx-mid .beleive-wrap.bel{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0!important;padding:0!important}
section.qx-mid .beleive-wrap.bel .txt-wrap{margin:0!important;padding:28px 28px!important;background:#fff;border:1px solid #e4e7ee;border-radius:12px;min-height:0!important}
section.qx-mid .beleive-wrap.bel .txt-wrap h3{font-size:24px!important;line-height:1.2;margin:0 0 10px!important}
section.qx-mid .beleive-wrap.bel .txt-wrap p{font-size:16px!important;line-height:1.55;margin:0!important}
section.qx-mid:has(.beleive-wrap.bel){padding-top:72px!important;padding-bottom:72px!important}
@media (max-width:767px){section.qx-mid .beleive-wrap.bel{grid-template-columns:1fr}}

/* Insights head a bit lower again */
html body section.section.qx-navyhero.qx-ins-hero{padding-top:clamp(64px,11vh,120px)!important}
/* People: slogan closer to "About us", banner a bit lower */
section.qx-phero{min-height:0!important;justify-content:flex-start!important;padding-top:28px!important;padding-bottom:56px!important}
section.qx-phero > .container{gap:clamp(36px,6vh,64px)!important;flex:none!important}
section.qx-phero .company-header{min-height:0!important;padding-top:clamp(24px,5vh,56px)!important;padding-bottom:0!important}
section.qx-phero .qx-pring{top:clamp(52px,8vh,96px)!important;transform:none!important;width:min(30vw,420px)!important}
section.qx-phero .qx-pbanner{margin-top:0!important;padding-top:clamp(88px,14vh,150px)!important}
section.qx-phero .qx-pbanner .heading-5{margin:0 0 6px!important;padding-left:20px!important}

/* ===== Evolve use-case explorer ===== */
.qx-ev{margin-top:48px;padding:0 20px}
.qx-ev-sec .text60{margin-bottom:0!important;padding-bottom:0!important}
@media (max-width:767px){.qx-ev{padding:0 16px}}
.qx-ev-tabs{position:relative;display:flex;gap:4px;border-bottom:1px solid #e1e4ec;margin-bottom:40px;overflow-x:auto;scrollbar-width:none}
.qx-ev-tabs::-webkit-scrollbar{display:none}
.qx-ev-t{position:relative;display:flex;align-items:center;gap:10px;padding:14px 18px 16px;background:none;border:0;cursor:pointer;font:inherit;color:#6b7280;white-space:nowrap;transition:color .25s ease}
.qx-ev-t .n{font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;color:#9aa0b3;transition:color .25s ease}
.qx-ev-t .t{font-size:17px;font-weight:500}
.qx-ev-t:hover{color:#111f61}
.qx-ev-t.on{color:#111f61}
.qx-ev-t.on .n{color:#3b8b52}
.qx-ev-ind{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#111f61;transition:transform .45s cubic-bezier(.2,.7,.2,1),width .45s cubic-bezier(.2,.7,.2,1)}
.qx-ev-prog{position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:#3b8b52;transform-origin:left;transform:scaleX(0);z-index:1;opacity:0}
.qx-ev.auto .qx-ev-t.on .qx-ev-prog{opacity:1;animation:qxevp 7s linear forwards}
@keyframes qxevp{to{transform:scaleX(1)}}
.qx-ev-panels{display:grid}
.qx-ev-p{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s}
.qx-ev-p.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .05s,transform .5s cubic-bezier(.2,.7,.2,1) .05s,visibility 0s}
.qx-ev-eye{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3b8b52;margin:0 0 12px}
.qx-ev-l h3{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(30px,3.2vw,44px);line-height:1.1;color:#111f61;margin:0 0 16px}
.qx-ev-lead{font-size:18px;line-height:1.5;color:#4a4d5e;margin:0 0 24px;max-width:34rem}
.qx-ev-r{display:flex;flex-direction:column;gap:16px}
.qx-ev-c{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;padding:24px 24px;background:#fff;border:1px solid #e4e7ee;border-radius:12px;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.7,.2,1),border-color .25s ease}
.qx-ev-p.on .qx-ev-c{opacity:1;transform:none;transition-delay:calc(.15s + var(--k)*.12s)}
.qx-ev-c:hover{border-color:#111f61}
.qx-ev-c img{width:28px;height:28px;margin-top:2px}
.qx-ev-c h4{font-size:19px;font-weight:500;line-height:1.3;color:#111f61;margin:0 0 6px}
.qx-ev-c p{font-size:15.5px;line-height:1.55;color:#4a4d5e;margin:0}
@media (max-width:991px){.qx-ev-p{grid-template-columns:1fr;gap:28px}}
@media (prefers-reduced-motion:reduce){.qx-ev-p,.qx-ev-c,.qx-ev-ind{transition:none}.qx-ev.auto .qx-ev-t.on .qx-ev-prog{animation:none}}

.qx-evo-cards .text70{padding-bottom:0!important;margin-bottom:28px!important;min-height:0!important}
.qx-evo-cards .text70 .h2{margin:0!important}
.qx-evo-cards .six-blocks{padding:0 20px!important}
@media (max-width:767px){.qx-evo-cards .six-blocks{padding:0 16px!important}}

/* home: compact step cards */
#the-platform-home .qx-steps-mini{gap:14px}
#the-platform-home .qx-steps-mini .qx-step{padding:22px 20px 18px!important;min-height:0!important;gap:8px}
#the-platform-home .qx-steps-mini .qx-step-title{font-size:26px!important;margin:4px 0 2px!important}
#the-platform-home .qx-steps-mini .qx-step-sub{font-size:14.5px!important;line-height:1.4;margin:0 0 10px!important}
#the-platform-home .qx-steps-mini .qx-step-phases{margin-top:auto!important;padding-top:12px!important;font-size:11px!important}
#the-platform-home .qx-more{margin-top:28px!important;display:inline-block}
#the-platform-home .qx-plat-head{margin-bottom:36px!important}

html body .qx-fade + section.section.qx-plat{padding-top:64px!important}

/* hero typing */
section.kv h1.qx-type{font-size:clamp(38px,min(6.2vw,10vh),100px);line-height:1.04;opacity:1!important;transform:none!important}
h1.qx-type .qx-ch{visibility:hidden}
h1.qx-type .qx-ch.on,h1.qx-type:not(.qx-typing) .qx-ch{visibility:visible}
h1.qx-type .qx-caret{display:inline-block;position:relative;width:0;height:.92em;vertical-align:-.08em}
h1.qx-type .qx-caret::after{content:"";position:absolute;left:.03em;top:0;bottom:0;width:.06em;min-width:3px;background:#fff;border-radius:2px;animation:qxblink 1s steps(1) infinite}
h1.qx-type .qx-caret.typing::after{animation:none;opacity:1}
h1.qx-type .qx-caret.done::after{animation:qxblink 1s steps(1) infinite}
h1.qx-type .qx-caret.gone{opacity:0;transition:opacity .4s ease}
@keyframes qxblink{0%,50%{opacity:1}50.01%,100%{opacity:0}}

html body section.section.qx-pair-a{padding-top:150px!important;padding-bottom:36px!important}
html body section.section.qx-pair-b{padding-top:36px!important}
.qx-pair-b .div-block-18-copy{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;padding:0 20px!important;margin:0!important;background:none!important}
.qx-pair-b .div-block-19{background:#111f61;color:#fff;border-radius:12px;padding:36px 32px!important;margin:0!important;display:flex;flex-direction:column;gap:14px;justify-content:flex-start}
.qx-pair-b .div-block-19 h2{color:#8fd0a2!important;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;margin:0!important}
.qx-pair-b .div-block-19 h3{color:#fff!important;font-size:clamp(26px,2.4vw,34px)!important;line-height:1.15;margin:0!important}
.qx-pair-b .div-block-19 .linkedin a,.qx-pair-b .div-block-19 p{color:#d5daf0!important}
.qx-pair-b .div-block-19 .linkedin img{filter:brightness(0) invert(1);opacity:.8}
.qx-pair-b .div-block-19 .button{margin-top:auto!important;background:#fff!important;color:#111f61!important;align-self:flex-start;width:auto!important;padding:14px 22px!important;border-radius:8px}
.qx-pair-b .div-block-20,.qx-pair-b .div-block-50{margin:0!important;padding:0!important;width:auto!important}
.qx-pair-b .div-block-50{display:grid!important;grid-template-rows:repeat(3,auto);gap:20px;height:100%}
.qx-pair-b .card-min,.qx-pair-b .div-block-50 > div:not(.card-min){background:#fff;border:1px solid #e4e7ee;border-radius:12px;padding:26px 28px!important;margin:0!important;min-height:0!important;height:auto!important}
.qx-pair-b .div-block-59{padding:0!important;margin:0!important;border:0!important}
.qx-pair-b .div-block-50 .paragraph-8{font-size:21px!important;line-height:1.25;color:#111f61!important;margin:0 0 8px!important}
.qx-pair-b .div-block-50 p:not(.paragraph-8){font-size:15.5px;line-height:1.55;color:#4a4d5e;margin:0!important}
@media (max-width:991px){.qx-pair-b .div-block-18-copy{grid-template-columns:1fr}html body section.section.qx-pair-a{padding-top:96px!important}}

/* hero headline: clear the "For … and …" line, smoother letters */
section.kv .div-block-27{top:0!important;margin-top:clamp(14px,2.2vh,26px)!important}
section.kv h1.qx-type{line-height:1.08!important;margin:0!important;padding-top:.06em}
h1.qx-type .qx-ch{visibility:visible!important;opacity:0;transition:opacity .16s ease-out}
h1.qx-type .qx-ch.on,h1.qx-type:not(.qx-typing) .qx-ch{opacity:1}

/* hero headline: break after "for", more room under "For … and …" */
section.kv .div-block-27{margin-top:clamp(30px,4.5vh,52px)!important}
section.kv h1.qx-type{max-width:none}
h1.qx-type .qx-ch.qx-br{display:block;height:0;overflow:hidden}
@media (max-width:600px){h1.qx-type .qx-ch.qx-br{display:inline;height:auto}}

/* align intro line, body text and button with the optical edge of the big serif headline */
section.kv .kv-text.bold.main,section.kv .kv-text.sed,section.kv .button.kv{margin-left:clamp(3px,0.38vw,6px)!important}

.qx-them{max-width:900px}
.qx-them-eye{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3b8b52;margin:0 0 18px}
.qx-them-q{margin:0 0 28px;padding:0;border:0;font-size:clamp(21px,2vw,28px);line-height:1.4;color:#111f61}
.qx-them-by{display:flex;align-items:center;gap:22px;margin:0 0 28px}
.qx-them-by img{width:90px;height:auto}
.qx-them-by p{display:flex;flex-direction:column;margin:0;padding-left:22px;border-left:1px solid #e1e4ec;font-size:15px;line-height:1.35;color:#4a4d5e}
.qx-them-by b{color:#111f61;font-weight:600}

.qx-sov-more{display:inline-block;margin-top:36px}

#cloud-sovereignty .qx-sov-grid{margin-bottom:0!important;padding-bottom:0!important}
#cloud-sovereignty .qx-sov-more{margin:32px 0 0 20px!important}
@media (max-width:767px){#cloud-sovereignty .qx-sov-more{margin-left:16px!important}}

/* platform: Mercedes IT quote */
.qx-mbq .container{padding-left:20px;padding-right:20px}
.qx-mbq-in{margin:0;max-width:900px}
.qx-mbq-q{margin:0 0 28px;padding:0;border:0;font-family:'Hedvig Letters Serif',Georgia,serif;font-size:clamp(26px,2.6vw,38px);line-height:1.25;color:#111f61}
.qx-mb-logo{width:150px!important;height:auto;filter:brightness(0) saturate(100%) invert(10%) sepia(42%) saturate(4200%) hue-rotate(226deg) brightness(88%) contrast(98%)}
.qx-mbq .qx-more{display:inline-block;margin-top:4px}
/* evolve: THEM quote */
.citate.big.qx-q-them{font-size:clamp(22px,2.2vw,32px)!important;line-height:1.35!important;max-width:46ch}
.light-blue .mercedes.newci{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.light-blue .mercedes.newci img{width:90px!important;height:auto}
.qx-q-by{display:flex;flex-direction:column;margin:0!important;padding-left:22px;border-left:1px solid #e1e4ec;font-size:15px;line-height:1.35;color:#4a4d5e}
.qx-q-by b{color:#111f61;font-weight:600}
/* demo block on navy also on the platform page */
section.gre:not(.qx-gre-navy) .wrapper.cta{margin:0 20px}

/* ===== build10: QA fixes ===== */
/* 1: home mobile hero no longer pulled up under the announcement strip */
@media (max-width:767px){section.section.bg.dark.kv{margin-top:0!important}}
/* 4: People hero on mobile: logo strip must not widen the container */
section.qx-phero > .container{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
section.qx-phero .company-header.co{min-width:0;max-width:100%}
section.qx-phero .company-header.co h1{min-width:0;max-width:100%;overflow-wrap:break-word}
section.qx-phero .qx-pbanner{min-width:0;max-width:100%;overflow:hidden}
section.qx-phero .qx-pbanner .logos-wrapper{max-width:100%;overflow:hidden}
/* 5: product badges in the hub cards */
.qx-hub-top.qx-hub-top-b img{width:auto!important;height:22px!important;max-width:100%;filter:brightness(0) saturate(100%) invert(10%) sepia(42%) saturate(4200%) hue-rotate(226deg) brightness(88%) contrast(98%)}
.qx-hub-top.qx-hub-top-b{min-height:22px}
.qx-hub-top.qx-hub-top-b .qx-hub-lab{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 6: headings clear of the right edge on mobile */
@media (max-width:767px){.text70{padding-right:20px!important;box-sizing:border-box}}
/* 7-10: contrast */
p.paragraph-14{color:#6b7280!important}
p.paragraph-16.off.sma{color:#6b7280!important}
section:not(.qx-navyhero) a.link-2.typewriter:not(.trust){color:#4a5a80!important}
section:not(.qx-navyhero) a.link-2.typewriter:not(.trust):hover{color:#111f61!important}
p.paragraph-18._1.out._2{color:#2f7d3a!important}
p.paragraph-18._1.out._3{color:#a8650f!important}
p.paragraph-23{color:#8a6a1e!important}
/* 11: hero audience chips never break inside */
.kv-text .link-11{display:inline-block;white-space:nowrap}
/* 12: Evolve use-case tabs on mobile: 2x2 grid, underline on the active tab */
@media (max-width:767px){
.qx-ev-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;overflow:visible;border-bottom:0;margin-bottom:28px}
.qx-ev-ind{display:none!important}
.qx-ev-t{white-space:normal;align-items:flex-start;gap:8px;padding:12px 2px 12px;border-bottom:1px solid #e1e4ec;text-align:left;min-width:0}
.qx-ev-t .t{font-size:15px;line-height:1.3}
.qx-ev-t .n{padding-top:2px}
.qx-ev-t.on{box-shadow:inset 0 -2px 0 #111f61}
.qx-ev-prog{left:0;right:0;bottom:0}
}
/* 13: Book a Demo hero form like the navy demo cards */
.qx-navyhero form.form{gap:12px}
.qx-navyhero form.form .text-field{height:56px;padding:14px 16px;margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;box-shadow:none;transition:border-color .2s ease,background .2s ease}
.qx-navyhero form.form .text-field::placeholder{color:#a9b2d6}
.qx-navyhero form.form .text-field:focus{outline:none;border-color:#8fd0a2;background:rgba(255,255,255,.1)}
.qx-navyhero form.form .text-field.big{height:120px}
.qx-navyhero form.form .text-field.wrap{padding:0 12px 0 0;display:flex;align-items:center}
.qx-navyhero form.form select.text-field{height:54px;border:0;background:transparent;color:#a9b2d6}
.qx-navyhero form.form select.text-field option{color:#111f61}
.qx-navyhero form.form .button.form{height:54px;border-radius:8px;background:#fff!important;color:#111f61!important;font-weight:600;transition:background .2s ease}
.qx-navyhero form.form .button.form:hover{background:#eaf5ec!important}
.qx-navyhero .book{min-height:0!important}
.qx-navyhero .w-form-done{background:rgba(255,255,255,.08);color:#fff;border-radius:8px}
/* 14: less empty space before the closing CTA */
.qx-fade-end{height:120px!important}
section.qx-endnavy{padding-top:0!important}
section.qx-endnavy .footer-cta{padding-top:64px!important}
section.qx-endnavy .footer-cta .heading-2{margin-top:0!important}
section.gre.qx-gre-navy + section.qx-endnavy .footer-cta{padding-top:56px!important}
.accordion-wrapper{margin-bottom:0!important}
.two-blocks.cont{margin-bottom:0!important}
@media (max-width:767px){.qx-fade-end{height:90px!important}section.qx-endnavy .footer-cta{padding-top:48px!important}}
/* 15: other large gaps */
section.section .wrapper.top > .slider.w-slider{margin-bottom:0!important}
@media (min-width:1101px){.qx-sx{margin-bottom:96px!important}}
.qx-split + .qx-fade{height:90px!important}
@media (max-width:767px){.qx-split + .qx-fade{height:64px!important}}
.qx-fade + section .wrapper.news{margin-top:0!important}
.qx-fade + section .wrapper.news > .rtf2:first-child,.qx-fade + section .wrapper.news > .link-block-7:first-child{margin-top:0!important}
/* 16: "Why SAP teams trust Qorelo" aligned with the other sections */
.qx-trust .container{padding-left:0!important;padding-right:0!important}
.qx-trust .container > .qx-more{margin-left:20px!important}
@media (max-width:767px){.qx-evo-cards .six-blocks{padding:0 20px!important}}
/* 17: anchor target clear of the navbar */
#the-platform{scroll-margin-top:72px}
/* 18: cookie button hidden while the mobile menu is open */
body.qn-lock #qc-root .qc-fab,body.qn-lock #qc-fab{display:none!important}
/* 19: faded-out footer credit is not clickable */
#metabrand-credit[style*="opacity: 0"]{visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility 0s linear .2s!important}
/* 22: Evolve five cards: last card closes the row; Book a Demo contact row */
@media (min-width:992px){.qx-evo-cards .six-blocks > .cards6:last-child:nth-child(3n+2){grid-column:span 2}}
@media (min-width:768px) and (max-width:991px){.qx-evo-cards .six-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qx-evo-cards .six-blocks > .cards6:last-child:nth-child(odd){grid-column:1/-1}}
.two-blocks.cont{grid-template-columns:repeat(3,max-content)!important;column-gap:72px!important;row-gap:24px!important;justify-content:start}
.two-blocks.cont > .ico-mail{grid-area:auto!important}
@media (max-width:991px){.two-blocks.cont{grid-template-columns:1fr!important}}
@media (max-width:767px){.two-blocks.cont{margin-left:20px!important;margin-right:20px!important}}

/* Insights hero: a bit lower, intro text reveals word by word */
html body section.section.qx-navyhero.qx-ins-hero{padding-top:clamp(110px,17vh,190px)!important}
.qx-ins-hero .subbig .qx-w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(3px);animation:qxinsw .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.35s + var(--i)*.035s)}
.qx-ins-hero h1{opacity:0;transform:translateY(14px);animation:qxinsw .8s cubic-bezier(.2,.7,.2,1) .1s forwards}
@keyframes qxinsw{to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.qx-ins-hero .subbig .qx-w,.qx-ins-hero h1{animation:none;opacity:1;transform:none;filter:none}}

.qx-fade + section#the-platform.section.qx-plat{padding-top:140px!important}
@media (max-width:767px){.qx-fade + section#the-platform.section.qx-plat{padding-top:72px!important}}

/* nav: Company dropdown + more air between items */
@media (min-width:1101px){
.qn-items{gap:10px}
.qn-items>a,.qn-dd>button{padding:0 18px!important}
}
.qn-dd-vid .qn-dd-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;mix-blend-mode:normal}
.qn-dd-vid:has(.qn-dd-img){mix-blend-mode:normal}

/* nav: no dropdown arrows on desktop; logo + items a bit to the right */
@media (min-width:1101px){
.qn-items .qn-dd>button .qn-chev{display:none!important}
.qn-left{padding-left:28px}
}

/* nav labels a bit larger */
@media (min-width:1101px){.qn-items>a,.qn-dd>button{font-size:15.5px!important}.qn-cta{font-size:15px!important}}

/* S/4HANA: 2027 deadline block, part of the navy opening */
section.section.qx-2027{background:#111f61!important;color:#fff;padding-top:24px!important;padding-bottom:56px!important}
.qx-2027 .container{padding-left:20px;padding-right:20px}
.qx-2027 .wrapper.two-cols.deadline{gap:48px;align-items:center;margin:0!important;padding:0!important;min-height:0!important}
.qx-2027 .subheader{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#8fd0a2!important;margin:0 0 14px!important}
.qx-2027 h2{color:#fff!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:1.1;margin:0 0 18px!important}
.qx-2027 p.white{color:#d5daf0!important;font-size:17px;line-height:1.55;max-width:34rem}
.qx-2027 #qt-root{--qt-blue:#8fd0a2;--qt-blue-text:#8fd0a2;--qt-orange:#3b8b52;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px}
@media (max-width:767px){.qx-2027 #qt-root{padding:20px}.qx-2027 #qt-root .qt-stat-num{font-size:64px}}

/* ===== Home: connected in 24 hours ===== */
section.section.qx-24{position:relative;overflow:hidden;background:linear-gradient(100deg,#eef1f8 0%,#e6ebf6 45%,#e9f3ec 100%)!important;padding-top:96px!important;padding-bottom:96px!important}
.qx-24 .container{position:relative;z-index:1;padding-left:20px;padding-right:20px}
.qx-24-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:40px;align-items:start}
.qx-24-eye{font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#3b8b52;margin:10px 0 0}
.qx-24-main{max-width:600px}
.qx-24-h{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.015em;color:#111f61;margin:0 0 22px}
.qx-24-h span{color:#5a6488}
.qx-24-p{font-size:18px;line-height:1.55;color:#4a4d5e;margin:0 0 72px;max-width:34rem}
.qx-24-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1.5px solid #111f61;border-radius:999px;color:#111f61;font-weight:500;text-decoration:none;transition:background .25s ease,color .25s ease}
.qx-24-btn:hover{background:#111f61;color:#fff}
.qx-24-btn span{transition:transform .25s ease}.qx-24-btn:hover span{transform:translateX(4px)}
.qx-24-fx{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 58%,#000 85%);mask-image:linear-gradient(90deg,transparent 58%,#000 85%)}
.qx-24-fx i{position:absolute;right:-4%;top:var(--t);height:var(--h);width:var(--w);border-radius:999px;opacity:var(--o);filter:blur(6px);
background:linear-gradient(90deg,rgba(59,139,82,0) 0%,rgba(59,139,82,.55) 30%,#2a3a78 70%,#111f61 100%);transform-origin:right center;animation:qx24 7s ease-in-out infinite alternate;animation-delay:calc(var(--d)*-1)}
@keyframes qx24{0%{transform:scaleX(.82) translateX(2%)}100%{transform:scaleX(1.05) translateX(-2%)}}
@media (max-width:991px){.qx-24-grid{grid-template-columns:1fr;gap:16px}.qx-24-p{margin-bottom:36px}.qx-24-fx{-webkit-mask-image:linear-gradient(180deg,transparent 40%,#000 100%);mask-image:linear-gradient(180deg,transparent 40%,#000 100%)}}
@media (max-width:767px){section.section.qx-24{padding-top:64px!important;padding-bottom:180px!important}.qx-24-fx i{top:auto;bottom:calc(100% - var(--t) - 60%);}}
@media (prefers-reduced-motion:reduce){.qx-24-fx i{animation:none}}

.qx-24-fx{display:none!important}
@media (max-width:767px){section.section.qx-24{padding-bottom:64px!important}}

/* people banner lower v2 */
section.qx-phero .qx-pbanner{padding-top:clamp(124px,19vh,200px)!important}

/* people mobile ring v2 */
@media (max-width:767px){section.qx-phero .qx-pring{top:clamp(112px,15vh,140px)!important;bottom:auto!important;right:16px!important;width:104px!important;opacity:1!important}
section.qx-phero .qx-pbanner{padding-top:64px!important}}

/* typing smooth v2 */
h1.qx-type .qx-ch{transition:opacity .1s linear!important}

/* mobile nav v2 */
.qn-cta{white-space:nowrap}
@media (max-width:1100px){.qn-row .qn-cta{height:40px}.qn-burger{width:40px;height:40px;border-radius:10px}.qn-right{gap:10px}}
@media (max-width:374px){.qn-row .qn-cta{padding:0 11px 0 12px;gap:7px;font-size:13.5px!important}.qn-right{gap:8px}}
@media (max-width:600px){.qx-ann-l{display:none}}

/* s4 2027 light v1 */
section.section.qx-2027.qx-light{background:#fafaf9!important;color:#111f61}
section.qx-2027.qx-light .subheader{color:#3b8b52!important}
section.qx-2027.qx-light h2{color:#111f61!important}
section.qx-2027.qx-light p.white{color:#4a4d5e!important}
section.qx-2027.qx-light #qt-root{--qt-blue:#3b8b52;--qt-blue-text:#3b8b52;--qt-orange:#d97706;--qt-orange-dark:#fff;background:#fff;border:1px solid #e4e6ee;box-shadow:0 1px 2px rgba(17,31,97,.04),0 12px 40px -18px rgba(17,31,97,.18);color:#111f61}
section.qx-2027.qx-light #qt-root .qt-stat-num,section.qx-2027.qx-light #qt-root .qt-title{color:#111f61}
section.qx-2027.qx-light #qt-root .qt-stat-label,section.qx-2027.qx-light #qt-root .qt-axl,section.qx-2027.qx-light #qt-root .qt-foot{color:#111f61;opacity:.6}
section.qx-2027.qx-light #qt-root .qt-marker,section.qx-2027.qx-light #qt-root .qt-marker-label,section.qx-2027.qx-light #qt-root .qt-copy{color:#111f61}
section.qx-2027.qx-light #qt-root .qt-opt{color:rgba(17,31,97,.75);border-color:rgba(17,31,97,.2)}
section.qx-2027.qx-light #qt-root .qt-opt:hover{border-color:rgba(17,31,97,.5)}
section.qx-2027.qx-light #qt-root .qt-opt:focus-visible{outline-color:#111f61}
section.qx-2027.qx-light #qt-root .qt-opt.qt-active{color:#fff;border-color:transparent}
section.qx-2027.qx-light #qt-root .qt-track{background:rgba(17,31,97,.07)}
section.qx-2027.qx-light #qt-root .qt-track-ref{background:rgba(17,31,97,.16)}
section.qx-2027.qx-light #qt-root.qt-past .qt-track-ref{background:rgba(17,31,97,.28)}
section.qx-2027.qx-light #qt-root .qt-marker-line{border-left-color:rgba(17,31,97,.45)}
/* s4: more air between blocks */
html body.qx-pg-s4 section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(.qx-first):not(.qx-endnavy){padding-top:116px!important;padding-bottom:116px!important}
html body.qx-pg-s4 .qx-fade + section.section.qx-2027{padding-top:72px!important}
section.qx-2027.qx-light #qt-root .qt-axis{margin-top:36px}
@media (max-width:767px){html body.qx-pg-s4 section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(.qx-first):not(.qx-endnavy){padding-top:80px!important;padding-bottom:80px!important}
html body.qx-pg-s4 .qx-fade + section.section.qx-2027{padding-top:40px!important}}

/* s4 no sticky stack v1 */
.container.demo{position:relative!important;top:auto!important;z-index:auto!important;background:transparent!important}
.container.demo + .container.demo{margin-top:72px;padding-top:72px!important;border-top:1px solid #e4e6ee!important}
.container.demo:first-child{border-top:0!important}
@media (max-width:767px){.container.demo + .container.demo{margin-top:48px;padding-top:48px!important}}

/* people order v3 */
.qx-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:72px;align-items:start;padding:0 20px}
.qx-who .subheader{margin:6px 0 0!important}
.qx-who .text60{width:auto!important;max-width:64ch!important;margin:0!important;padding:0!important}
.qx-who .text60 p{font-size:18px;line-height:1.6;color:#2b2f45;margin:0}
.qx-team-photo{margin:72px 20px 0;border-radius:12px;overflow:hidden}
.qx-team-photo img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;object-position:50% 58%;transform:none!important;transition:none!important}
section.qx-who-sec{padding-top:24px!important}
@media (max-width:991px){.qx-who{grid-template-columns:1fr;gap:16px}}
@media (max-width:767px){.qx-who{padding:0 16px}.qx-who .text60 p{font-size:16.5px}.qx-team-photo{margin:48px 16px 0;border-radius:10px}.qx-team-photo img{aspect-ratio:4/3}}

/* s4 rail v1 */
section.whit .qx-sub2{margin-top:32px!important}
.qx-rail{position:absolute;left:34px;width:2px;background:#dfe2ea;border-radius:2px;pointer-events:none;z-index:3}
.qx-rail-fill{position:absolute;inset:0;background:#3b8b52;border-radius:2px;transform-origin:top;transform:scaleY(0)}
.qx-rail-dot{position:absolute;left:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#fafaf9;border:2px solid #c9cedb;transition:background-color .25s ease,border-color .25s ease}
.qx-rail-dot.on{background:#3b8b52;border-color:#3b8b52}
html body.qx-pg-s4 section.qx-railed > .container,html body.qx-pg-s4 section.qx-railed > .w-container{padding-left:84px!important}
html body.qx-pg-s4 section.qx-railed .qx-light-wrap{padding-left:0}
@media (max-width:767px){.qx-rail{left:14px}.qx-rail-dot{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}
html body.qx-pg-s4 section.qx-railed > .container,html body.qx-pg-s4 section.qx-railed > .w-container{padding-left:36px!important}}
@media (prefers-reduced-motion:reduce){.qx-rail-dot{transition:none}}

/* people team heading v1 */
.qx-mgmt.qx-team-h{margin:112px 20px 28px!important}
.qx-team-h + .qx-team-photo{margin-top:0!important}
@media (max-width:767px){.qx-mgmt.qx-team-h{margin:72px 16px 20px!important}}

/* people backed badge v1 */
.qx-backed{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 28px!important;padding:7px 12px;border:1px solid rgba(17,31,97,.28);border-radius:4px;font-size:14px;line-height:1.3;font-weight:500;color:#111f61;max-width:100%;width:max-content}
.qx-backed span{color:#6b7280;font-weight:400}
@media (max-width:767px){.qx-backed{font-size:13px;width:auto}}
@media (max-width:767px){section.qx-phero .qx-pring{top:172px!important}}

/* platform steps unfold v2 */
#the-platform .qx-steps .qx-step{transition:clip-path 1s cubic-bezier(.23,1,.32,1),opacity .7s ease,transform 1s cubic-bezier(.23,1,.32,1)}
#the-platform .qx-steps .qx-step:nth-child(2){transition-delay:.22s}
#the-platform .qx-steps .qx-step:nth-child(3){transition-delay:.44s}
#the-platform .qx-steps .qx-step:nth-child(4){transition-delay:.66s}
#the-platform .qx-steps .qx-step:nth-child(5){transition-delay:.88s}
#the-platform .qx-steps:not(.in) .qx-step{transition:none!important}
html.w-mod-js #the-platform .qx-steps:not(.in) .qx-step{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){html.w-mod-js #the-platform .qx-steps:not(.in) .qx-step{clip-path:none;opacity:1;transform:none}}

/* home 24h slim v1 */
section.section.qx-24{padding-top:56px!important;padding-bottom:56px!important}
.qx-24 .qx-24-h{font-size:clamp(28px,2.8vw,40px);margin-bottom:14px}
.qx-24 .qx-24-p{margin-bottom:28px}
@media (max-width:767px){section.section.qx-24{padding-top:48px!important;padding-bottom:48px!important}.qx-24 .qx-24-p{margin-bottom:24px}}

/* evolve demo on paper v1 */
html body .qx-fade + section.section.qx-evdemo{padding-top:40px!important;padding-bottom:40px!important}
.qx-evdemo .div-block-42{margin:0!important;padding:0!important}
.qx-evdemo #qe-root .qe-chat{box-shadow:0 1px 2px rgba(17,31,97,.05),0 24px 60px -28px rgba(17,31,97,.28);border-color:#e4e6ee}

/* louis 28.10 v1 */
/* home hero without the audience line */
section.kv .qx-type{margin-top:0!important}
/* product: two cards in "where it runs" */
.qx-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:767px){.qx-hub-grid{grid-template-columns:1fr!important}}
/* product: target landscapes */
.qx-dep{position:relative;margin-top:40px;padding-top:24px;border-top:1px solid #e4e6ee}
.qx-dep-lab{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3b8b52;margin:0 0 16px}
.qx-dep-list{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.qx-dep::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#3b8b52;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.23,1,.32,1)}
.qx-dep-list li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid #e4e6ee;border-radius:8px;background:#fff;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s cubic-bezier(.23,1,.32,1)}
.qx-dep-list li b{font-size:17px;font-weight:600;color:#111f61}
.qx-dep-list li span{font-size:14px;color:#4a4d5e}
.qx-dep.in::before{transform:scaleX(1)}
.qx-dep.in .qx-dep-list li{opacity:1;transform:none}
.qx-dep.in .qx-dep-list li:nth-child(2){transition-delay:.25s}
.qx-dep.in .qx-dep-list li:nth-child(3){transition-delay:.5s}
@media (max-width:767px){.qx-dep-list{grid-template-columns:1fr;gap:10px}}
@media (prefers-reduced-motion:reduce){.qx-dep::before,.qx-dep-list li{transition:none;opacity:1;transform:none}}
/* cookie panel: buttons always reachable, never scroll to accept */
#qc-root .qc-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 80px)}
#qc-root .qc-panel .qc-cats{overflow-y:auto;min-height:0;flex:0 1 auto}
#qc-root .qc-panel .qc-actions{flex-shrink:0}
@media (max-height:620px){#qc-root .qc-panel .qc-desc{margin-bottom:10px}#qc-root .qc-panel .qc-cat-desc{display:none}}

/* svg->png contain */
img[src^="a/"][src$=".png"]{object-fit:contain}

/* what we believe: heading not sticky (overlapped the cards) */
.color{position:static!important;top:auto!important}

/* one hero style v1 (Insights style on every subpage) */
html body .qx-hsub{font-family:'Hedvig Letters Serif',Georgia,serif!important;font-size:20px!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important;color:#d5daf0!important;max-width:30rem!important;width:auto!important}
html body .qx-first .qx-hsub{color:#4a5378!important}
@media (max-width:767px){html body .qx-hsub{line-height:1.4!important}}
.qx-hsub .qx-w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(3px);animation:qxinsw .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.35s + var(--i)*.035s)}
.qx-hh{opacity:0;transform:translateY(14px);animation:qxinsw .8s cubic-bezier(.2,.7,.2,1) .1s forwards}
@media (prefers-reduced-motion:reduce){.qx-hsub .qx-w,.qx-hh{animation:none;opacity:1;transform:none;filter:none}}

/* consistency pass v1 */
/* 1) one hero title size on all subpages */
html body h1.qx-hh,html body .qx-plat-h2.qx-hh{font-size:clamp(40px,4.9vw,70px)!important;line-height:1.06!important;letter-spacing:-.01em}
/* 2) one label style above blocks */
html body .qx-eyebrow,html body .subheader,html body .qx-fitgap-eyebrow,html body .qx-24-eye,html body .qx-them-eye,html body .qx-dep-lab,html body .qx-pbanner .heading-5{font-family:'Geist Mono',ui-monospace,Menlo,monospace!important;font-size:12px!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#3b8b52!important;line-height:1.4!important}
html body .qx-navyhero .qx-eyebrow,html body .qx-navyhero .subheader,html body .qx-fitgap:not(.qx-paper) .qx-fitgap-eyebrow,html body .qx-endnavy .qx-eyebrow,html body .qx-gre-navy .qx-eyebrow{color:#8fd0a2!important}
.qx-hero-eb{margin:0 0 22px!important;display:block}
/* 3) one primary button (like the navbar) */
html body a.button.kv,html body a.qx-24-btn{display:inline-flex!important;align-items:center;gap:10px;height:44px;padding:0 20px!important;border-radius:10px!important;border:0!important;background:#111f61!important;color:#fff!important;font-family:'Geist Mono',ui-monospace,Menlo,monospace!important;font-size:14px!important;font-weight:400!important;line-height:1!important;letter-spacing:.005em;text-decoration:none!important;box-shadow:none!important;transition:filter .15s ease!important;width:auto!important}
html body a.button.kv:hover,html body a.qx-24-btn:hover{filter:brightness(1.18)}
html body .kv a.button.kv,html body .qx-navyhero a.button.kv,html body .qx-endnavy a.button.kv,html body .qx-pair-b a.button.kv{background:#fff!important;color:#111f61!important}
/* 5) one block-heading size */
html body:not(.article-page) section:not(.qx-navyhero):not(.kv):not(.qx-phero):not(.qx-ins-sec):not(.qx-first) h2:not(.qx-hh):not(.qx-hub-h),html body .qx-hub-h{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important}
html body #the-platform-home .qx-plat-h2{font-size:clamp(34px,3.6vw,52px)!important}
/* 10) customer stories: headline navy like everywhere else */
html body .qx-mid h2{color:#111f61!important}
/* 6) Product hero two columns like the other subpages */
@media (min-width:992px){
.qx-navyhero.qx-split .qx-plat-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30rem);column-gap:clamp(40px,7vw,140px);align-items:center;max-width:none!important}
.qx-navyhero.qx-split .qx-plat-head .qx-eyebrow{grid-column:1/-1}
.qx-navyhero.qx-split .qx-plat-head .qx-plat-h2{grid-column:1;margin:0!important}
.qx-navyhero.qx-split .qx-plat-head .qx-plat-lead{grid-column:2;margin:0!important}}
/* 8) one text-link style */
html body a.qx-more{display:inline-block;font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#111f61!important;text-decoration:none!important;border:0!important;border-bottom:1px solid currentColor!important;padding:0 0 2px!important;background:none!important}
html body a.qx-more *{font:inherit!important;color:inherit!important;margin:0!important;border:0!important}
html body a.qx-more:hover{color:#3b8b52!important}
html body .qx-navyhero a.qx-more,html body .qx-endnavy a.qx-more,html body .qx-gre-navy a.qx-more{color:#fff!important}
/* 11) one card radius */
html body .ins-card,html body .ins-feat,html body .cards6,html body .qe-chat,html body .qx-dep-list li{border-radius:12px!important}
/* 12) Join us title */
.qx-pair-b .qx-join-h{margin-top:0}

/* consistency pass v1b */
html body .qx-navyhero .company-header{grid-template-rows:auto auto!important;row-gap:22px!important}
html body .qx-navyhero .company-header > .qx-hero-eb{margin:0!important;align-self:end}
html body .qx-navyhero a.qx-more{width:max-content;max-width:100%;align-self:flex-start;justify-self:start}

/* consistency pass v1c: Join us title keeps the title look */
html body .qx-pair-b h2.qx-join-h{font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important;font-weight:500!important;letter-spacing:-.01em!important;text-transform:none!important;color:#fff!important;margin:0 0 18px!important}
html body .qx-pair-b .qx-hero-eb{margin:0 0 14px!important}

html body .qx-pair-b .div-block-19 .qx-eyebrow{color:#8fd0a2!important}

/* hero + first block v1 */
html body section.qx-navyhero .company-header{min-height:0!important;padding-bottom:0!important}
@media (min-width:768px){html body section.section.qx-navyhero.qx-navyhero.qx-navyhero.qx-navyhero{padding-top:clamp(110px,15vh,150px)!important;padding-bottom:72px!important}}
@media (max-width:767px){html body section.section.qx-navyhero.qx-navyhero.qx-navyhero.qx-navyhero{padding-top:96px!important;padding-bottom:48px!important}}
html body .qx-navyhero .div-block-10.security{margin-top:56px!important}
@media (max-width:767px){html body .qx-navyhero .div-block-10.security{margin-top:40px!important}}
.qx-after-hero{--qx-ah:calc(112px - var(--o-d,0px))}
@media (max-width:767px){.qx-after-hero{--qx-ah:calc(76px - var(--o-m,0px))}}

/* customer stories navy hero v1 */
html body section.section.qx-cs-hero{background:#111f61!important;color:#fff}
html body .qx-cs-hero h1{color:#fff!important}
html body .qx-cs-hero .qx-hsub{color:#d5daf0!important}
html body .qx-cs-hero .qx-eyebrow{color:#8fd0a2!important}
html body .qx-cs-hero img[src="a/mercedes.png"]{filter:brightness(0) invert(1);opacity:.9}
html body .qx-cs-hero .image-3{border-radius:12px}
/* S/4 2027: label and card start at the same height */
html body .qx-2027 .wrapper.two-cols.deadline{align-items:start!important}

/* evolve combine + thread v1 */
.qx-evd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:center;padding:0 20px}
.qx-evd .text60{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
.qx-evd .text60 .sub{margin:0!important}
.qx-evd #qe-root .qe-wrap{padding:0!important;max-width:none!important}
.qx-evd #qe-root .qe-chat{max-width:none}
@media (max-width:991px){.qx-evd{grid-template-columns:minmax(0,1fr);gap:32px}.qx-evd-t,.qx-evd-c{min-width:0}}
@media (max-width:767px){.qx-evd{padding:0 16px}}
.qx-evd .sub{overflow-wrap:break-word}
.qx-evu-sec .container{padding-left:20px;padding-right:20px}
.qx-evu-h{margin:0 0 48px!important;max-width:22ch}
.qx-evu-thread{margin-top:0}
.qx-evu{padding-bottom:72px}
.qx-evu-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.qx-evu-l h3{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.15;color:#111f61;margin:10px 0 12px}
.qx-evu-lead{font-size:17px;line-height:1.55;color:#4a4d5e;margin:0;max-width:34ch}
.qx-evu-r{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qx-evu-pt{display:flex;flex-direction:column;gap:14px;padding:22px;background:#fff;border:1px solid #e4e6ee;border-radius:12px}
.qx-evu-pt img{width:28px;height:28px}
.qx-evu-pt h4{font-size:17px;font-weight:600;color:#111f61;margin:0 0 6px}
.qx-evu-pt p{font-size:15px;line-height:1.5;color:#4a4d5e;margin:0}
.qx-evu .qx-dot{top:4px}
@media (max-width:991px){.qx-evu-in{grid-template-columns:minmax(0,1fr);gap:20px}.qx-evu-l,.qx-evu-r{min-width:0}}
@media (max-width:767px){.qx-evu-r{grid-template-columns:minmax(0,1fr)}.qx-evu-pt{min-width:0}.qx-evu{padding-bottom:48px}.qx-evu-h{margin-bottom:32px!important}}
.qx-evu-l h3,.qx-evu-pt h4{overflow-wrap:break-word}

/* evolve panels + dividers v1 */
html body section.qx-divtop > .container{border-top:1px solid #e1e4ec;padding-top:clamp(64px,8vw,104px)!important}
html body section.qx-evdemo{padding-bottom:clamp(72px,8vw,112px)!important}
html body section.qx-evu-sec{padding-top:0!important}
html body section.light-blue.qx-divtop{padding-top:0!important}
.qx-evu-in{background:#fff;border:1px solid #e1e4ec;border-radius:12px;padding:clamp(22px,2.6vw,36px);position:relative}
.qx-evu-in::before{content:"";position:absolute;left:-50px;top:30px;width:50px;height:1px;background:#d5dae6}
.qx-evu.lit .qx-evu-in::before{background:#3b8b52}
.qx-evu.lit .qx-evu-in{border-color:#cfe3d5}
.qx-evu .qx-dot{top:24px}
.qx-evu-pt{background:#f6f7fb;border:0;border-left:2px solid #3b8b52;border-radius:0 10px 10px 0}
.qx-evu-l .qx-eyebrow{display:inline-block}
@media (max-width:767px){.qx-evu-in::before{left:-26px;width:26px}.qx-evu .qx-dot{top:24px}}
.qx-evu-pt h4{line-height:1.3!important}

/* security one block v1 */
.qx-sov .container{padding-left:20px;padding-right:20px}
.qx-sec1-head{max-width:46rem}
.qx-sec1-h{margin:14px 0 18px!important}
.qx-sec1-lead{font-size:18px;line-height:1.55;color:#4a4d5e;margin:0;max-width:40rem}
.qx-sec1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;margin-top:clamp(48px,6vw,80px)}
.qx-sec1-v{background:#f6f7fb;border-radius:12px;padding:clamp(20px,3vw,40px);display:flex;justify-content:center}
.qx-per{width:100%;max-width:460px;height:auto;overflow:visible}
.qx-sec1-l{list-style:none;margin:0;padding:0;border-top:1px solid #e1e4ec}
.qx-sec1-i{position:relative;padding:22px 0 22px 22px;border-bottom:1px solid #e1e4ec;cursor:default;transition:opacity .4s ease}
.qx-sec1-i::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:#e1e4ec;transition:background .4s ease}
.qx-sec1-i.on::before{background:#3b8b52}
.qx-sec1.in .qx-sec1-i:not(.on){opacity:.55}
.qx-sec1-no{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3b8b52;margin:0 0 8px}
.qx-sec1-i h3{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;color:#111f61;margin:0 0 8px}
.qx-sec1-p{font-size:16px;line-height:1.55;color:#4a4d5e;margin:0}
/* graphic */
.qx-per .per-ring{fill:none;stroke:#d5dae6;stroke-width:1.5}
.qx-per .per-dash{fill:none;stroke:#111f61;stroke-width:2;stroke-dasharray:3 9;transform-origin:240px 240px;animation:qxspin 60s linear infinite}
.qx-per .per-lab{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;fill:#6b7088}
.qx-per .ws-ring{fill:#fff;stroke:#c9cfdf;stroke-width:1.5}
.qx-per .ticks line{stroke:#c9cfdf;stroke-width:2;stroke-linecap:round}
.qx-per .ws-t{font-family:'Geist Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;fill:#8a8fa6;text-anchor:middle}
.qx-per .core{fill:#111f61}
.qx-per .core-halo{fill:#111f61;opacity:.06}
.qx-per .core-t{font-family:'Hedvig Letters Serif',Georgia,serif;font-size:20px;fill:#fff;text-anchor:middle}
.qx-per .orb{transform-origin:240px 240px;animation:qxspin 22s linear infinite}
.qx-per .orb2{animation-duration:30s;animation-direction:reverse}
.qx-per .orb circle{fill:#3b8b52;opacity:.7}
.qx-per .gate circle{fill:#fff;stroke:#3b8b52;stroke-width:2}
.qx-per .gate path{fill:none;stroke:#3b8b52;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.qx-per .gate-lab rect{fill:#eaf5ec}
.qx-per .gate-lab text{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;fill:#24613a;text-anchor:middle}
.qx-per g,.qx-per text,.qx-per circle,.qx-per line,.qx-per rect,.qx-per path{transition:opacity .5s ease,stroke .5s ease,fill .5s ease}
/* draw-in */
.qx-per .per-ring{stroke-dasharray:1370;stroke-dashoffset:0}
.qx-js .qx-sec1:not(.in) .per-ring{stroke-dashoffset:1370}
.qx-sec1.in .per-ring{transition:stroke-dashoffset 1.4s cubic-bezier(.6,.1,.2,1)}
.qx-js .qx-sec1:not(.in) .qx-per .per-dash,.qx-js .qx-sec1:not(.in) .qx-per .per-lab,.qx-js .qx-sec1:not(.in) .qx-per .l-dec,.qx-js .qx-sec1:not(.in) .qx-per .orb,.qx-js .qx-sec1:not(.in) .qx-per .gate,.qx-js .qx-sec1:not(.in) .qx-per .gate-lab,.qx-js .qx-sec1:not(.in) .qx-per .ws-t{opacity:0}
.qx-js .qx-sec1:not(.in) .qx-per .l-data{opacity:0;transform:scale(.85)}
.qx-per .l-data{transform-origin:240px 240px;transition:opacity .6s ease .2s,transform .8s cubic-bezier(.2,.7,.2,1) .2s}
.qx-sec1.in .qx-per .l-dec{transition-delay:.5s}.qx-sec1.in .qx-per .per-dash,.qx-sec1.in .qx-per .per-lab{transition-delay:1.1s}.qx-sec1.in .qx-per .gate,.qx-sec1.in .qx-per .gate-lab{transition-delay:.8s}
/* active layer follows the list */
.qx-sec1[data-a="0"] .core-halo{opacity:.16;animation:qxhalo 2.4s ease-in-out infinite}
.qx-sec1[data-a="1"] .per-dash{stroke:#3b8b52;stroke-width:3}
.qx-sec1[data-a="1"] .per-lab{fill:#24613a}
.qx-sec1[data-a="2"] .gate circle{fill:#eaf5ec;animation:qxgate 1.6s ease-in-out infinite}
.qx-sec1[data-a="2"] .gate-lab rect{fill:#3b8b52}.qx-sec1[data-a="2"] .gate-lab text{fill:#fff}
.qx-sec1[data-a="3"] .ticks line{stroke:#3b8b52;animation:qxtick 1.8s ease-in-out infinite;animation-delay:calc(var(--k)*.1s)}
.qx-sec1[data-a="3"] .ws-ring{stroke:#3b8b52}
.qx-per .gate{transform-box:fill-box}
@keyframes qxspin{to{transform:rotate(360deg)}}
@keyframes qxhalo{50%{opacity:.08}}
@keyframes qxgate{50%{stroke-width:5}}
@keyframes qxtick{0%,100%{opacity:1}50%{opacity:.25}}
@media (max-width:991px){.qx-sec1{grid-template-columns:1fr;gap:32px}}
@media (max-width:767px){.qx-sov .container{padding-left:16px;padding-right:16px}.qx-sec1-i h3{font-size:21px}}
@media (prefers-reduced-motion:reduce){.qx-per .per-dash,.qx-per .orb,.qx-sec1 *{animation:none!important}}
/* security one block v1b */
html body .qx-sov .qx-sec1-head{padding:0!important;margin:0!important}
html body .qx-sov .qx-sec1{margin-top:clamp(40px,4.5vw,64px);align-items:start}
html body .qx-sov .qx-sec1-v{position:sticky;top:110px}
html body .qx-sov .qx-sec1-i{padding:18px 0 18px 22px}
html body .qx-sov .qx-sec1-i::before{top:18px;bottom:18px}
html body section.qx-sov{padding-bottom:clamp(56px,6vw,88px)!important}
@media (max-width:991px){html body .qx-sov .qx-sec1-v{position:static}}
@media (max-width:991px){.qx-sec1.in .qx-sec1-i:not(.on){opacity:1}}

/* security beams v1 */
.qx-sec2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(0,1fr);grid-template-areas:"a c b" "d c e";column-gap:clamp(48px,6vw,96px);row-gap:clamp(48px,6vw,88px);align-items:center;margin-top:clamp(56px,6vw,88px)}
.qx-sc1{grid-area:a}.qx-sc2{grid-area:b}.qx-sc-c{grid-area:c;display:flex;justify-content:center}.qx-sc3{grid-area:d}.qx-sc4{grid-area:e}
.qx-sc-c{grid-area:c}
.qx-sc{position:relative;z-index:1;background:#fff;border:1px solid #e1e4ec;border-radius:12px;padding:24px 24px 22px;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),border-color .5s ease}
.qx-sc h3{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;color:#111f61;margin:0 0 8px}
.qx-sc .qx-sec1-no{margin:0 0 8px}
.qx-sc .qx-sec1-p{font-size:15px;line-height:1.55}
.qx-sc-n{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#3b8b52;box-shadow:0 0 0 4px #eaf5ec;left:50%;top:0}
.qx-sc-beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.qx-sc-beams line{stroke:#3b8b52;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:var(--L);stroke-dashoffset:var(--L);transition:stroke-dashoffset .7s cubic-bezier(.6,.1,.2,1)}
.qx-sc-beams line.on{stroke-dashoffset:0}
.qx-sec2.flow .qx-sc-beams line{stroke-dasharray:3 7;animation:qxflow 1.1s linear infinite;stroke-opacity:.8}
@keyframes qxflow{from{stroke-dashoffset:0}to{stroke-dashoffset:-20}}
.qx-js .qx-sec2 .qx-sc:not(.on){opacity:0;transform:translateY(14px)}
.qx-sec2 .qx-sc.on{border-color:#cfe3d5}
.qx-sec2 .qx-per{max-width:440px}
.qx-sec2 .l-data{transform-origin:240px 240px}
.qx-sec2.pulse .l-data{animation:qxpulse .8s ease-in-out 3}
.qx-sec2.pulse .core-halo{animation:qxhalo2 .8s ease-out 3}
.qx-sec2.pulse .per-dash{stroke:#3b8b52}
@keyframes qxpulse{0%,100%{transform:scale(1)}40%{transform:scale(1.07)}}
@keyframes qxhalo2{0%{opacity:.18;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
.qx-sec2 .core-halo{transform-origin:240px 240px;transform-box:view-box}
@media (max-width:1100px){.qx-sec2{grid-template-columns:minmax(0,1fr) minmax(0,320px) minmax(0,1fr);column-gap:40px}}
@media (max-width:860px){.qx-sec2{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "c c" "d e";column-gap:12px;row-gap:28px}.qx-sc-c{padding:8px 24px}.qx-sc{padding:16px 14px}.qx-sc h3{font-size:18px}.qx-sc .qx-sec1-p{font-size:14px}.qx-sc .qx-sec1-no{font-size:11px!important;letter-spacing:.08em!important}}
@media (prefers-reduced-motion:reduce){.qx-sc-beams line{transition:none}.qx-sec2 *{animation:none!important}}

/* evolve unfold v1 */
.qx-evu .qx-evu-in{clip-path:inset(0 0 0 -60px round 12px);transition:clip-path 1s cubic-bezier(.65,0,.25,1),border-color .5s ease}
html.qx-evu-js .qx-evu:not(.open) .qx-evu-in{clip-path:inset(0 100% 0 -60px round 12px)}
.qx-evu .qx-evu-l,.qx-evu .qx-evu-pt{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.qx-evu .qx-evu-l{transition-delay:.2s}.qx-evu .qx-evu-pt:nth-child(1){transition-delay:.45s}.qx-evu .qx-evu-pt:nth-child(2){transition-delay:.65s}
html.qx-evu-js .qx-evu:not(.open) .qx-evu-l,html.qx-evu-js .qx-evu:not(.open) .qx-evu-pt{opacity:0;transform:translateX(-24px)}
@media (prefers-reduced-motion:reduce){.qx-evu .qx-evu-in,.qx-evu .qx-evu-l,.qx-evu .qx-evu-pt{transition:none}}

/* security beams v1b: slower, beams start at the dots */
.qx-sc-beams line{transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.25,1)}
.qx-sec2 .qx-sc{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1),border-color .6s ease}
.qx-sc-n{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.5,.5,1) .35s}
.qx-sc.on .qx-sc-n{transform:scale(1)}
.qx-sec2.pulse .l-data{animation:qxpulse 1.1s ease-in-out 3}
.qx-sec2.pulse .core-halo{animation:qxhalo2 1.1s ease-out 3}
.qx-sec2.flow .qx-sc-beams line{animation-duration:1.8s}
@media (prefers-reduced-motion:reduce){.qx-sc-n{transform:none;transition:none}}

/* security beams v1c: lasting glow, clean hand-over from pulse to rest */
.qx-sec2 .per-glow{fill:none;stroke:#3b8b52;stroke-width:8;opacity:0;transition:opacity 1.8s ease}
.qx-sec2 .per-ring{transition:stroke 1.6s ease,stroke-dashoffset 1.4s cubic-bezier(.6,.1,.2,1)}
.qx-sec2 .per-dash{transition:stroke 1.6s ease,opacity .5s ease}
.qx-sec2.pulse .per-glow{opacity:.6}
.qx-sec2.pulse .per-ring{stroke:#9fcdab}
.qx-sec2 .core-ripple{fill:none;stroke:#3b8b52;stroke-width:2;opacity:0;transform-origin:240px 240px;transform-box:view-box}
.qx-sec2.pulse .core-ripple{animation:qxripple 1.1s cubic-bezier(.2,.6,.3,1) 3 both}
@keyframes qxripple{0%{opacity:.55;transform:scale(.95)}100%{opacity:0;transform:scale(1.85)}}
.qx-sec2.pulse .core-halo{animation:none}
.qx-sec2 .core-halo{transition:opacity 1.6s ease}
.qx-sec2.pulse .core-halo{opacity:.1}
.qx-sec2.pulse .l-data{animation:qxpulse 1.1s cubic-bezier(.45,0,.55,1) 3 both}
@keyframes qxpulse{0%,100%{transform:scale(1)}45%{transform:scale(1.06)}}
.qx-sc-beams line:not(.fl){transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.25,1),stroke-opacity 1.4s ease}
.qx-sec2.flow .qx-sc-beams line:not(.fl){stroke-dasharray:var(--L)!important;animation:none!important;stroke-opacity:.22}
.qx-sc-beams line.fl{stroke:#3b8b52;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 7;opacity:0;transition:opacity 1.4s ease;animation:qxflow 1.8s linear infinite}
.qx-sec2.flow .qx-sc-beams line.fl{opacity:.9}
@media (prefers-reduced-motion:reduce){.qx-sc-beams line.fl{animation:none}}
/* security ring glow light blue */
.qx-sec2 .per-glow{stroke:#7fa8ff}
.qx-sec2.pulse .per-glow{opacity:.7}
.qx-sec2.pulse .per-ring{stroke:#b7cdff}
.qx-sec2.pulse .per-dash{stroke:#5b8cf5}
.qx-sec2 .core-ripple{stroke:#7fa8ff}
/* security graphic all blue */
.qx-sec2 .qx-sc-beams line,.qx-sec2 .qx-sc-beams line.fl{stroke:#5b8cf5}
.qx-sec2 .qx-sc-n{background:#5b8cf5;box-shadow:0 0 0 4px #e3ecff}
.qx-sec2 .qx-per .orb circle{fill:#7fa8ff;opacity:.85}
.qx-sec2 .qx-sc.on{border-color:#d3e0ff}
html body .qx-sec2 .qx-sec1-no{color:#3a68d8!important}

/* end cta v2 */
html body section.qx-endnavy .footer-cta{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:40px;padding-left:20px!important;padding-right:20px!important;padding-bottom:56px!important;border-bottom:1px solid rgba(255,255,255,.14)}
html body section.qx-endnavy .footer-cta .heading-2{font-family:'Hedvig Letters Serif',Georgia,serif!important;font-weight:400!important;font-size:clamp(32px,3.6vw,52px)!important;line-height:1.08!important;letter-spacing:-.015em!important;max-width:17ch;margin:0!important}
html body section.qx-endnavy a.qx-cta-btn{flex:none;display:inline-flex!important;align-items:center;gap:14px;height:56px!important;padding:0 8px 0 26px!important;border-radius:999px!important;background:#fff!important;color:#111f61!important;font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:17px!important;font-weight:500!important;letter-spacing:0!important;transition:background .2s ease,transform .2s ease!important;filter:none!important}
html body section.qx-endnavy a.qx-cta-btn .qx-cta-ar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#111f61;color:#fff;font-size:18px;line-height:1;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
html body section.qx-endnavy a.qx-cta-btn:hover{background:#e8edff!important}
html body section.qx-endnavy a.qx-cta-btn:hover .qx-cta-ar{transform:translateX(4px)}
@media (max-width:767px){html body section.qx-endnavy .footer-cta{flex-direction:column!important;align-items:flex-start!important;gap:28px;padding-left:16px!important;padding-right:16px!important;padding-bottom:44px!important}html body section.qx-endnavy .footer-cta .heading-2{font-size:34px!important}}
html body section.qx-endnavy .footer-cta{width:100%!important;max-width:none!important;margin-bottom:56px!important;align-items:center!important}
html body section.qx-endnavy .footer-cta .heading-2{max-width:24ch}
@media (max-width:767px){html body section.qx-endnavy .footer-cta{margin-bottom:40px!important;align-items:flex-start!important}}
html body section.qx-endnavy a.qx-cta-btn{margin:0!important}

/* book a demo all navy */
html body.qx-pg-demo{background:#111f61!important}
html body.qx-pg-demo section.qx-demo-contact{background:#111f61!important;padding-top:24px!important;padding-bottom:72px!important}
html body.qx-pg-demo .qx-demo-contact .container{padding-left:20px;padding-right:20px;border-top:1px solid rgba(255,255,255,.14);padding-top:48px}
html body.qx-pg-demo .qx-demo-contact .conta,html body.qx-pg-demo .qx-demo-contact .conta a{color:#fff!important}
html body.qx-pg-demo .qx-demo-contact .conta a{text-decoration-color:rgba(255,255,255,.4)!important}
html body.qx-pg-demo .qx-demo-contact .conta a:hover{color:#8fd0a2!important}
html body.qx-pg-demo .qx-demo-contact img{filter:brightness(0) invert(1);opacity:.85}
html body.qx-pg-demo section.qx-endnavy{margin-top:0!important}
html body.qx-pg-demo section.qx-endnavy .footer-cta{display:none!important}
html body.qx-pg-demo section.qx-endnavy .footer-menu:first-child,html body.qx-pg-demo section.qx-endnavy .container:nth-child(2){padding-top:40px}
@media (max-width:767px){html body.qx-pg-demo section.qx-demo-contact{padding-bottom:48px!important}html body.qx-pg-demo .qx-demo-contact .container{padding-left:16px;padding-right:16px;padding-top:36px}}

/* one demo button v1: pill + arrow circle everywhere */
html body a.qx-pill{display:inline-flex!important;align-items:center!important;justify-content:space-between;gap:12px!important;height:52px!important;min-height:0!important;width:auto;padding:0 6px 0 22px!important;border:0!important;border-radius:999px!important;background:#111f61!important;color:#fff!important;font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:0!important;line-height:1!important;text-decoration:none!important;white-space:nowrap;box-shadow:none!important;filter:none!important;transition:background .2s ease!important}
html body a.qx-pill .qx-cta-ar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#111f61;font-size:17px;line-height:1;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
html body a.qx-pill:hover{background:#1d2d7a!important}
html body a.qx-pill:hover .qx-cta-ar{transform:translateX(4px)}
/* on navy: inverted */
html body .qn-nav.qn-dark:not(.qn-open) a.qx-pill,html body .qx-endnavy a.qx-pill,html body .kv a.qx-pill,html body .qx-navyhero a.qx-pill,html body .qn-menu a.qx-pill{background:#fff!important;color:#111f61!important}
html body .qn-nav.qn-dark:not(.qn-open) a.qx-pill .qx-cta-ar,html body .qx-endnavy a.qx-pill .qx-cta-ar,html body .kv a.qx-pill .qx-cta-ar,html body .qx-navyhero a.qx-pill .qx-cta-ar,html body .qn-menu a.qx-pill .qx-cta-ar{background:#111f61;color:#fff}
html body .qn-nav.qn-dark:not(.qn-open) a.qx-pill:hover,html body .qx-endnavy a.qx-pill:hover,html body .kv a.qx-pill:hover,html body .qx-navyhero a.qx-pill:hover,html body .qn-menu a.qx-pill:hover{background:#e8edff!important}
/* sizes */
html body .qn-nav a.qn-cta.qx-pill{height:42px!important;padding:0 4px 0 18px!important;font-size:15px!important;gap:10px!important}
html body .qn-nav a.qn-cta.qx-pill .qx-cta-ar{width:34px;height:34px;font-size:15px}
html body .qn-menu a.qn-btn-white.qx-pill{width:100%!important;height:56px!important;padding-left:24px!important}
html body section.qx-endnavy a.qx-cta-btn.qx-pill{height:56px!important;padding:0 8px 0 26px!important;font-size:17px!important;gap:14px!important}
@media (max-width:1100px){html body .qn-nav a.qn-cta.qx-pill{height:40px!important}html body .qn-nav a.qn-cta.qx-pill .qx-cta-ar{width:32px;height:32px}}
@media (max-width:374px){html body .qn-nav a.qn-cta.qx-pill{padding:0 4px 0 12px!important;font-size:13.5px!important;gap:7px!important}html body .qn-nav a.qn-cta.qx-pill .qx-cta-ar{width:30px;height:30px}}
html body a.button.kv.qx-pill.qx-pill,html body .kv a.button.kv.qx-pill.qx-pill{height:52px!important;padding:0 6px 0 22px!important;border-radius:999px!important;font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:0!important;gap:12px!important}
html body section.qx-endnavy a.button.kv.qx-cta-btn.qx-pill.qx-pill{height:56px!important;padding:0 8px 0 26px!important;font-size:17px!important;gap:14px!important}

/* home story card v1 */
html body section.qx-home-cs{padding-top:clamp(96px,10vw,140px)!important;padding-bottom:clamp(72px,8vw,112px)!important}
.qx-home-cs .container{padding-left:20px;padding-right:20px}
.qx-home-cs .qx-eyebrow{margin:0 0 24px!important}
.qx-cs-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border:1px solid #e1e4ec;border-radius:12px;overflow:hidden}
.qx-cs-img{background:#0b0f1e url(a/mercedes-car.webp) center/cover no-repeat;min-height:100%;aspect-ratio:1/1}
.qx-cs-body{display:flex;flex-direction:column;padding:clamp(28px,4vw,56px)}
.qx-cs-logo{width:150px;height:auto;opacity:.85;margin:0 0 28px}
.qx-cs-q{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(21px,1.9vw,27px);line-height:1.38;color:#111f61;margin:0 0 32px;padding:0;border:0}
.qx-cs-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #e1e4ec;padding-top:22px}
.qx-cs-who{margin:0;font-size:15px;line-height:1.45;color:#4a4d5e}
.qx-cs-who strong{display:block;color:#111f61;font-weight:600}
@media (max-width:991px){.qx-cs-card{grid-template-columns:1fr}.qx-cs-img{aspect-ratio:16/10}}
@media (max-width:767px){html body section.qx-home-cs{padding-top:76px!important;padding-bottom:56px!important}.qx-home-cs .container{padding-left:16px;padding-right:16px}.qx-cs-q{font-size:20px}}
html body .qx-fade + section.section.qx-home-cs.qx-home-cs{padding-top:112px!important}
@media (max-width:767px){html body .qx-fade + section.section.qx-home-cs.qx-home-cs{padding-top:76px!important}}
.qx-cs-logo{opacity:1}
html body .qx-fade + section.section.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs{padding-top:112px!important}
@media (max-width:767px){html body .qx-fade + section.section.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs.qx-home-cs{padding-top:76px!important}}

/* pill hover fill v2: three bars slide in from the left (GPU transform), end state is one clean solid fill */
html body a.qx-pill{position:relative!important;overflow:hidden!important;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);transition:color .22s ease .14s!important}
html body a.qx-pill:not(:hover):not(:focus-visible){transition:color .15s ease!important}
html body a.qx-pill .qx-pill-t,html body a.qx-pill .qx-cta-ar{position:relative;z-index:2}
html body a.qx-pill .qx-fl{position:absolute;left:0;z-index:1;width:140%;height:40%;pointer-events:none;will-change:transform;transform:translate3d(-100.5%,0,0);background:linear-gradient(90deg,#3a5ee8 0%,#3a5ee8 71%,#5f86f2 85%,#9db8ff 100%);transition:transform .38s cubic-bezier(.5,0,.75,0)}
html body a.qx-pill .qx-fl1{top:0}
html body a.qx-pill .qx-fl2{top:30%}
html body a.qx-pill .qx-fl3{top:60%}
html body a.qx-pill:hover .qx-fl,html body a.qx-pill:focus-visible .qx-fl{transform:translate3d(0,0,0);transition:transform .62s cubic-bezier(.22,.8,.28,1)}
html body a.qx-pill:hover .qx-fl2,html body a.qx-pill:focus-visible .qx-fl2{transition-duration:.52s}
html body a.qx-pill:hover .qx-fl1,html body a.qx-pill:focus-visible .qx-fl1{transition-delay:.05s}
html body a.qx-pill:hover .qx-fl3,html body a.qx-pill:focus-visible .qx-fl3{transition-duration:.72s;transition-delay:.09s}
html body a.qx-pill:hover,html body a.qx-pill:focus-visible{color:#fff!important}
html body a.qx-pill:hover{background:#111f61!important}
html body .qn-nav.qn-dark:not(.qn-open) a.qx-pill:hover,html body .qx-endnavy a.qx-pill:hover,html body .kv a.qx-pill:hover,html body .qx-navyhero a.qx-pill:hover,html body .qn-menu a.qx-pill:hover{background:#fff!important}
html body a.qx-pill:hover .qx-cta-ar,html body a.qx-pill:focus-visible .qx-cta-ar{background:#fff!important;color:#3a5ee8!important}
@media (hover:none){html body a.qx-pill .qx-fl{display:none}}
@media (prefers-reduced-motion:reduce){html body a.qx-pill .qx-fl{transition:none!important}}

/* home hero like conduct v1 */
html body section.kv .div-block-3.qx-kv-blk{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;padding:0!important}
html body section.kv .qx-kv-eb{margin:0 0 33px!important;color:#8fd0a2!important;font-size:12px!important;letter-spacing:.12em!important}
html body section.kv .qx-kv-blk .div-block-27{margin:0!important;top:0!important}
html body section.kv .qx-kv-blk h1.qx-type{font-family:'Hedvig Letters Serif',Georgia,serif!important;font-weight:400!important;font-size:clamp(36px,3.4vw,58px)!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:14.6em!important;padding-top:0!important;margin:0!important;color:#fff}
html body section.kv .qx-kv-blk a.button.kv.qx-pill{margin:32px 0 0!important}
@media (max-width:600px){html body section.kv .qx-kv-blk h1.qx-type{font-size:34px!important;line-height:1.06!important;max-width:none!important}html body section.kv .qx-kv-eb{margin-bottom:22px!important}html body section.kv .qx-kv-blk a.button.kv.qx-pill{margin-top:26px!important}}
html body a.qx-pill .qx-pill-t{transition:color .22s ease .14s}
html body a.qx-pill:hover .qx-pill-t,html body a.qx-pill:focus-visible .qx-pill-t{color:#fff!important}
html body a.qx-pill:not(:hover):not(:focus-visible) .qx-pill-t{transition:color .15s ease}
/* home hero v2: looser letters, white label, logos one grey */
html body section.kv .qx-kv-blk h1.qx-type{letter-spacing:0!important}
html body section.kv .qx-kv-eb{color:#fff!important}
html body section.kv .logos-list img{filter:grayscale(1) brightness(0) invert(1)!important;opacity:.55!important}
html body section.kv .logos-list img[src="a/sap.webp"]{filter:grayscale(1) brightness(1.25) contrast(.9)!important;opacity:.6!important}
/* home hero v3: always two lines, more line spacing, logos further from the white */
html body section.kv .qx-kv-blk h1.qx-type{white-space:nowrap!important;max-width:none!important;line-height:1.16!important;font-size:min(clamp(36px,3.4vw,58px),calc((100vw - 40px) / 12.6))!important}
html body section.kv .qx-kv-blk h1.qx-type .qx-ch.qx-br{display:block!important;height:0!important;overflow:hidden!important}
html body section.kv .logos-wrapper{padding-bottom:clamp(44px,8vh,88px)!important}
@media (max-width:767px){html body section.kv .logos-wrapper{padding-bottom:44px!important}}
html body section.kv .container .logos-wrapper.otst.otst{padding-bottom:clamp(44px,8vh,88px)!important}
@media (max-width:767px){html body section.kv .container .logos-wrapper.otst.otst{padding-bottom:44px!important}}
html body section.kv .qx-kv-blk h1.qx-type{font-size:min(clamp(36px,3.4vw,58px),calc((100vw - 48px) / 13.6))!important}
/* nav on the page grid: logo and button line up with the content (like conduct) */
html body .qn-nav .qn-in{max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box}
html body .qn-nav .qn-brand{margin-left:0!important}
@media (max-width:767px){html body .qn-nav .qn-in{padding-left:16px!important;padding-right:16px!important}html body section.kv .div-block-3.qx-kv-blk{margin-left:16px!important}}
html body .qn-nav .qn-left{padding-left:0!important}
/* book a demo: submit button in the same type and shape as the other buttons */
html body.qx-pg-demo input[type=submit].button{height:52px!important;border-radius:999px!important;font-family:'Instrument Sans',system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:0!important;background:#fff!important;color:#111f61!important;border:0!important;transition:background .2s ease!important}
html body.qx-pg-demo input[type=submit].button:hover{background:#e8edff!important}

/* s4 three ways panel v1 */
html body .container.qx-ways-box{background:#fff;border:1px solid #e1e4ec;border-radius:12px;padding:clamp(28px,4vw,56px)!important;margin-bottom:clamp(72px,8vw,112px)!important;box-sizing:border-box;width:auto!important;margin-left:20px!important;margin-right:20px!important;max-width:calc(1440px - 40px)}
@media (min-width:1480px){html body .container.qx-ways-box{margin-left:auto!important;margin-right:auto!important}}
html body .container.qx-ways-box .text70{margin-bottom:clamp(28px,3vw,44px)!important;padding:0!important}
html body .container.qx-ways-box .three-blocks{margin:0!important;padding:0!important}
html body .container.qx-ways-box .utp{background:#f6f7fb;border-radius:10px;padding:24px!important;border:0!important}
@media (max-width:767px){html body .container.qx-ways-box{margin-left:16px!important;margin-right:16px!important;padding:24px 18px!important}}
html body.qx-pg-s4 section.qx-railed > .container.qx-ways-box{margin-left:56px!important;margin-right:20px!important;padding:44px!important;border-color:#d5dae6!important;background:#fff!important;width:auto!important}
@media (min-width:1480px){html body.qx-pg-s4 section.qx-railed > .container.qx-ways-box{margin-left:calc((100vw - 1440px) / 2 + 56px)!important;margin-right:calc((100vw - 1440px) / 2 + 20px)!important}}
@media (max-width:767px){html body.qx-pg-s4 section.qx-railed > .container.qx-ways-box{margin-left:28px!important;margin-right:12px!important;padding:24px 18px!important}}
/* pill fill v2b: once the bars are in, the button itself takes the fill colour, so no edge or seam of the old colour can show */
html body a.qx-pill.qx-pill,html body section.qx-endnavy a.qx-cta-btn.qx-pill.qx-pill{transition:color .22s ease .14s,background-color 0s linear 0s!important;background-image:none!important;box-shadow:none!important}
html body a.qx-pill.qx-pill:hover,html body a.qx-pill.qx-pill:focus-visible,html body section.qx-endnavy a.qx-cta-btn.qx-pill.qx-pill:hover,html body .qn-nav.qn-dark:not(.qn-open) a.qx-pill.qx-pill:hover,html body .kv a.qx-pill.qx-pill:hover,html body .qn-menu a.qx-pill.qx-pill:hover,html body .qx-navyhero a.qx-pill.qx-pill:hover{background:#3a5ee8!important;background-image:none!important;transition:color .22s ease .14s,background-color .12s linear .62s!important}

/* platform steps head v1 */
html body section.qx-plat.qx-divtop{padding-top:0!important}
html body section.qx-plat.qx-divtop > .container{border-top:1px solid #e1e4ec;padding-top:clamp(64px,8vw,104px)!important}
.qx-steps-head{max-width:46rem;margin:0 0 clamp(36px,4vw,56px)}
.qx-steps-head .qx-eyebrow{margin:0 0 14px!important}
html body .qx-steps-head h2.qx-steps-h{font-family:'Hedvig Letters Serif',Georgia,serif!important;font-weight:400!important;color:#111f61!important;margin:0 0 16px!important}
.qx-steps-lead{font-size:18px;line-height:1.55;color:#4a4d5e;margin:0;max-width:38rem}

/* green/brown field words v1 */
.qx-gf{white-space:nowrap;color:inherit}
html body .qx-gf-g .qx-gf-a{color:#3b8b52!important}
html body .qx-gf-b .qx-gf-a{color:#a5784a!important}
html body :is(.qx-navyhero,.kv,.qx-endnavy,.qx-gre-navy,.qx-navy,[data-nav-theme="dark"]) .qx-gf-g .qx-gf-a{color:#8fd0a2!important}
html body :is(.qx-navyhero,.kv,.qx-endnavy,.qx-gre-navy,.qx-navy,[data-nav-theme="dark"]) .qx-gf-b .qx-gf-a{color:#d2ac80!important}

/* two-tone words: never pick up chip / flex styles of their parent */
html body .qx-gf,html body .qx-gf .qx-gf-a{display:inline!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
html body .qx-gf{color:inherit!important}
html body h3.heading.card:has(.qx-gf){display:block!important}
/* platform comparison table v1 */
.qx-h-soft{color:#5b8cd6}
.qx-cmp-cap{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b7088;margin:0 0 18px}
.qx-cmp{display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(0,2.4fr));border-bottom:1px solid #dfe3ec;margin-bottom:8px}
.qx-cmp-row{display:contents}
.qx-cmp-lab{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#4a4d5e;padding:26px 20px 26px 0;border-top:1px solid #dfe3ec}
.qx-cmp-hd .qx-cmp-lab{border-top:0}
.qx-cmp-h{padding:30px 28px 26px;border-top:3px solid #111f61;background:#edf1fa}
.qx-cmp-h-b{background:#111f61}
.qx-cmp-name{font-family:'Hedvig Letters Serif',Georgia,serif;font-size:clamp(28px,2.6vw,40px);line-height:1.05;color:#111f61;margin:0 0 10px}
.qx-cmp-sub{font-size:16px;color:#4a4d5e;margin:0}
.qx-cmp-h-b .qx-cmp-name{color:#fff}.qx-cmp-h-b .qx-cmp-sub{color:#c9d0ee}
html body .qx-cmp-h-b .qx-gf-b .qx-gf-a{color:#d2ac80!important}
.qx-cmp-c{padding:26px 28px;background:#f6f7fb;border-top:1px solid #dfe3ec;border-left:1px solid #e6e9f0;font-size:17px;line-height:1.55;color:#2b2f45}
.qx-cmp-c b{color:#0f182c;font-weight:600}
.qx-cmp-m{display:none}
.qx-cmp-allc{grid-column:2 / -1;padding:26px 28px;border-top:1px solid #dfe3ec;font-size:17px;line-height:1.55;color:#2b2f45}
.qx-cmp-all .qx-cmp-lab{padding-top:28px}
.qx-ways .qx-dep{margin-top:56px}
@media (max-width:900px){
.qx-cmp{display:block;border-bottom:0}
.qx-cmp-hd{display:none}
.qx-cmp-row{display:block;margin-bottom:22px}
.qx-cmp-lab{border-top:2px solid #111f61;padding:14px 0 10px}
.qx-cmp-c{border-left:0;border-top:0;margin-top:8px;border-radius:10px;padding:16px 18px;font-size:16px}
.qx-cmp-c-b{background:#111f61;color:#e6e9f7}.qx-cmp-c-b b{color:#fff}
.qx-cmp-m{display:block;font-family:'Hedvig Letters Serif',Georgia,serif;font-size:22px;color:#111f61;margin:0 0 6px}
.qx-cmp-c-b .qx-cmp-m{color:#fff}
html body .qx-cmp-c-b .qx-gf-b .qx-gf-a{color:#d2ac80!important}
.qx-cmp-allc{padding:4px 0 0;border-top:0;font-size:16px}
}
html body .qx-ways .qx-ways-head .qx-hub-h{max-width:24ch!important}
@media (min-width:1100px){html body .qx-ways .qx-ways-head .qx-hub-h{max-width:30ch!important}}
@media (max-width:900px){html body .qx-cmp .qx-cmp-row.qx-cmp-hd{display:none!important}}

/* target landscape block v1 */
html body .qx-dep.qx-dep-box{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,64px);align-items:center;background:#111f61;border:0;border-radius:12px;padding:clamp(28px,3.4vw,48px);margin-top:clamp(56px,6vw,88px)!important}
html body .qx-dep.qx-dep-box::before{display:none}
html body .qx-dep-box .qx-dep-lab{color:#8fd0a2!important;margin:0 0 12px!important}
.qx-dep-h{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.15;color:#fff;margin:0 0 10px}
.qx-dep-p{font-size:15.5px;line-height:1.5;color:#c9d0ee;margin:0}
html body .qx-dep-box .qx-dep-list{gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
html body .qx-dep-box .qx-dep-list li{background:transparent!important;border:0!important;border-left:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;padding:6px 22px!important;gap:6px}
html body .qx-dep-box .qx-dep-list li b{color:#fff;font-size:17px}
html body .qx-dep-box .qx-dep-list li span{color:#c9d0ee;font-size:14px;line-height:1.4}
.qx-dep-ic{width:30px;height:30px;fill:none;stroke:#9db8ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 0 8px}
@media (max-width:991px){html body .qx-dep.qx-dep-box{grid-template-columns:1fr}}
@media (max-width:767px){html body .qx-dep-box .qx-dep-list{grid-template-columns:1fr}html body .qx-dep-box .qx-dep-list li{border-left:0!important;border-top:1px solid rgba(255,255,255,.16)!important;padding:16px 0!important;display:grid!important;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px}html body .qx-dep-box .qx-dep-list li .qx-dep-ic{grid-row:1 / 3;margin:2px 0 0}}
html body .qx-dep.qx-dep-box{padding:clamp(28px,3.4vw,48px)!important;align-items:center!important}
html body section.qx-ways .container .qx-dep.qx-dep-box.qx-dep-box{padding-bottom:clamp(28px,3.4vw,48px)!important}

/* Site forms: was Webflow .w-form, renamed so its form handler leaves them to js/forms.js */
:where(.qx-form){margin:0 0 15px}
/* /platform hero is now its <h1> (was <h2>): keep its spacing over the split-hero h1 rule */
section.qx-navyhero.qx-split h1.qx-plat-h2{margin-bottom:26px}