/* Approved homepage visual system: graphite, porcelain, architectural light. */
:root{--qds-ink:#13222d;--qds-ink-soft:#182a37;--qds-paper:#f4f3ef;--qds-paper-strong:#e8ecee;--qds-white:#fafaf7;--qds-gold:#456c8c;--qds-gold-soft:#c1d4e5;--qds-blue:#365e80;--qds-muted:#596873;--qds-line:#d3dade;--qds-line-dark:#bfd0df26;--gold:#456c8c;--gold2:#c1d4e5;--paper:#f4f3ef;--paper2:#e8ecee;--ink:#13222d;--navy:#0d1822;--night:#0a1118;--line:#d3dade;--muted:#596873;--serif:"Songti SC","STSong",serif;--qds-serif:var(--serif)}
body[data-design]{background:#f4f3ef;color:#182934;-webkit-font-smoothing:antialiased}
body[data-design] :is(h1,h2,h3){text-wrap:balance}
body[data-design] h1{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.13}
body[data-design] :is(p,li){line-height:1.85}
body[data-design] .site-head{background:#0d151eee;backdrop-filter:blur(18px);border-bottom:1px solid #dce8f01c;color:#f4f3ef}
body[data-design] .nav{height:80px;gap:25px}
body[data-design] .brand b{color:#f4f3ef;font-weight:500;letter-spacing:.12em}
body[data-design] .nav-cta{background:#f4f3ef;color:#142531;border-radius:28px;padding:12px 19px;font-weight:500}
body[data-design] .qnav__panel{background:#101d28;color:#e5ecf2;border:1px solid #b9d3e021;box-shadow:0 20px 50px #0005}
body[data-design] .qnav__col a{color:#eef2f4;border-color:#c2d4df22}
body[data-design] .qnav__col a:hover{background:#223747}
body[data-design] .qnav__col a span,body[data-design] .qnav__lead span{color:#aabcc9}
body[data-design] .qnav__lead b,body[data-design] .qnav__col h4{color:#c1d4e5}
body[data-design] :is(.btn,.btn-primary,.btn-secondary){border-radius:30px;font-weight:500;letter-spacing:0;padding:14px 23px;transition:background .2s,transform .2s}
body[data-design] :is(.btn:hover,.nav-cta:hover){transform:translateY(-2px)}
body[data-design] .btn.gold{background:#c5d6e3;color:#15232f}
body[data-design] :is(input,select,textarea){border-radius:8px;border-color:#aebec9}
body[data-design] :is(input,select,textarea):focus{outline:2px solid #638cae;outline-offset:3px}
body[data-design] .shell{width:min(1240px,88vw)}
body[data-design] .section{padding:96px 0}
body[data-design] main>section{scroll-margin-top:82px}
body[data-design] .section-head{column-gap:7vw;row-gap:22px}
body[data-design] .section-head h2{font-weight:400;font-size:clamp(32px,3.7vw,56px);line-height:1.25}
body[data-design] :is(.list-card,.notice-panel,.faq-aside,.step){border-color:#cbd5dc;box-shadow:none}
body[data-design] .list-card{padding:34px;background:#fafaf7;border-radius:4px}
body[data-design] .list-card h2{font-size:28px;font-weight:400}
body[data-design] :is(.breadcrumb,.eyebrow){letter-spacing:.12em}
body[data-design] .breadcrumb{font-size:12px;color:#627888;margin-bottom:48px}
body[data-design] .process{border:0;border-top:1px solid #b9c7d1;border-bottom:1px solid #b9c7d1}
body[data-design] .step{background:transparent;padding:34px 26px}
body[data-design] .cta{background:#0e1a24;color:#f4f3ef;padding:90px 0}
body[data-design] .cta h2{color:#f4f3ef;font-weight:400}
body[data-design] .footer{background:#0a1118;color:#d3dce3;border-top:1px solid #c7d7e51c;padding:50px 0}
body[data-design] .footer :is(a,b){color:#e3eaf0}
body[data-design] .footer :is(span,small){color:#a4b4c1}
body[data-design] .page-hero{padding:84px 0 76px;min-height:400px}
body[data-design] .page-hero .shell{position:relative;z-index:1}
body[data-design] .page-hero h1{font-size:clamp(40px,5.2vw,78px);max-width:920px;color:#f4f3ef}
body[data-design] .page-hero p{max-width:770px;color:#c1ced8;font-size:17px}
body[data-design] :is(.q-rise,.q-reveal){opacity:1;transform:none}
body[data-design] :is(.service-hero,.about-hero,.cases-hero,.industry-hero,.founder-hero,.method-hero,.resources-hero,.faq-hero) h1{font-size:clamp(42px,5.6vw,84px);color:#f4f3ef}
body[data-design] :is(.service-hero,.about-hero,.cases-hero,.industry-hero,.founder-hero,.method-hero,.resources-hero,.faq-hero) p{color:#c1ced8}
body[data-design] :is(.service-hero,.about-hero,.cases-hero) .eyebrow{color:#c1d4e5}
body[data-design] .service-hero__visual{border-color:#9fb8ca33}
body[data-design] .service-path{border-color:#cad5dd}
body[data-design] .service-path__media{overflow:hidden;border-radius:4px}
body[data-design] .service-path__media img{transition:transform .7s}
body[data-design] .service-path__media:hover img{transform:scale(1.025)}
body[data-design] :is(.article-body,.article-main,.prose){max-width:800px;font-size:17px}
body[data-design] :is(.article-body,.article-main,.prose) h2{font-weight:400;line-height:1.4;margin-top:2em}
body[data-design] :is(.article-body,.article-main,.prose) p{line-height:1.95}
body[data-design] a:focus-visible,body[data-design] button:focus-visible{outline:2px solid #719fca;outline-offset:4px}
@media(max-width:760px){body[data-design] .shell{width:calc(100% - 40px)}body[data-design] .nav{height:68px;gap:12px}body[data-design] .section{padding:58px 0}body[data-design] .page-hero{padding:58px 0;min-height:340px}body[data-design] .page-hero h1{font-size:39px;line-height:1.2}body[data-design] .page-hero p{font-size:15px}body[data-design] .list-card{padding:24px}body[data-design] .section-head h2{font-size:32px}body[data-design] .breadcrumb{margin-bottom:30px}body[data-design] .cta{padding:60px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
html body[data-design][data-design] .about-hero,html body[data-design][data-design] .cases-hero,html body[data-design][data-design] .collab-hero,html body[data-design][data-design] .company-hero,html body[data-design][data-design] .consult-hero,html body[data-design][data-design] .data-hero,html body[data-design][data-design] .demo-hero,html body[data-design][data-design] .evidence-hero,html body[data-design][data-design] .faq-page-hero,html body[data-design][data-design] .founder-hero,html body[data-design][data-design] .gate-hero,html body[data-design][data-design] .happening-hero,html body[data-design][data-design] .industries-hero,html body[data-design][data-design] .media-hero,html body[data-design][data-design] .method-hero,html body[data-design][data-design] .page-hero,html body[data-design][data-design] .platform-hero,html body[data-design][data-design] .premium-member-hero,html body[data-design][data-design] .privacy-hero,html body[data-design][data-design] .qds-index-hero,html body[data-design][data-design] .qds-index-hero--library,html body[data-design][data-design] .qds-index-hero--services,html body[data-design][data-design] .qds-page-hero,html body[data-design][data-design] .qds-workspace-hero,html body[data-design][data-design] .resources-hero,html body[data-design][data-design] .service-hero,html body[data-design][data-design] .workbench-hero{background-color:#0d1822;background-image:linear-gradient(90deg,#0d1822 15%,#0d1822ec 48%,#0d182240),url(/assets/approved-architecture.png);background-size:cover;background-position:center 46%;color:#f4f3ef;border-color:#b7cada24}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) :is(h1,h1 span,h1 em){color:#f4f3ef!important;font-family:var(--serif)!important;font-size:clamp(40px,5vw,76px)!important;font-weight:400!important;line-height:1.15!important;letter-spacing:-.035em!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) :is(p,[class$="__lead"],small){color:#bdcbd6!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) a:not(.btn):not(.nav-cta){color:#d7e3eb!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) :is([class*="jump"] b,[class*="jump"] span){color:#b7cbdc!important}
html body[data-design][data-design] .page-hero::before{opacity:.08!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) :is(.eyebrow,[class$="__status"]){color:#abc5db!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) :is(.btn,.nav-cta){border-radius:28px!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) .btn.gold{background:#d5e2ec!important;color:#172936!important;border-color:transparent!important}
html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) .btn.ghost{color:#e1eaf1!important;border-color:#b8cede66!important}
html body[data-design][data-design] .about-jump :is(a,b){color:#e4eaf0!important}html body[data-design][data-design] .about-jump :is(small,em,span){color:#a9c2d6!important}
html body[data-design][data-design] .site-head{background:#0d151eee!important;color:#f4f3ef!important}html body[data-design][data-design] .nav-links>.qnav__item>.qnav__top{color:#c2cfda!important}html body[data-design][data-design] .nav-cta{border-radius:28px!important;background:#f4f3ef!important;color:#152530!important}
body.approved-home[data-design]{background:#0d1319;color:#f4f1eb}body.approved-home .hero{color:#f4f1eb}body.approved-home .offer{color:#18212a}body[data-design] .article-body{max-width:none}body[data-design] .article-body>.shell{max-width:900px}
@media(max-width:760px){html body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-index-hero--library,.qds-index-hero--services,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero) :is(h1,h1 span,h1 em){font-size:clamp(34px,8.5vw,48px)!important}html body[data-design][data-design] .nav-search{display:none!important}html body[data-design][data-design] .nav{gap:12px!important}html body[data-design][data-design] .brand span{display:none!important}html body[data-design][data-design] .nav-cta{font-size:11px!important;padding:10px 13px!important}html body[data-design][data-design] .shell{width:calc(100% - 40px)!important}}