/* Shared blue/lime system, adapted from a presentation reference to usable software. */
@font-face{font-family:Onest;src:url('/assets/fonts/Onest-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body[data-design]{--paper:#eceeed;--white:#fff;--ink:#101112;--muted:#60636d;--line:#e2e4e9;--lime:#cef45c;--green:#2454e6;--home-ink:#101112;--home-accent:#cef45c;--home-muted:#60636d;--vp-ink:#101112;--vp-lime:#cef45c;--vp-paper:#fff;--vp-line:#e2e4e9;--max:1400px;background:#eceeed;color:#101112;font-family:Onest,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body[data-design] :is(button,input,select,textarea){font-family:inherit}
body[data-design] :is(h1,h2,h3,h4){font-weight:550;letter-spacing:-.045em;text-wrap:balance}
body[data-design] p{text-wrap:pretty}
body[data-design] a{color:inherit}
body[data-design] .section{max-width:1400px}
body[data-design] :where(main>.section,.niche-page>.section,.svc>.section){width:calc(100% - 40px);margin:18px auto;background:#fff;border:0;border-radius:28px;padding:clamp(36px,5.3vw,76px)}
body[data-design] .site-header{height:82px;max-width:1400px;width:calc(100% - 40px);margin:18px auto 0;padding:0 30px;background:#fff;border:0;border-radius:100px;gap:24px}
body[data-design] .brand{font-size:32px;letter-spacing:-.07em}.brand-dot{color:#2454e6}
body[data-design] .brand-mark i{background:#2454e6}
body[data-design] .desktop-nav{gap:28px}
body[data-design] .desktop-nav a,body[data-design] .services-nav summary{font-size:12px;font-weight:500}
body[data-design] .services-nav>div{border-radius:18px;box-shadow:0 18px 55px #18214817;background:white;border:1px solid #e2e4e9}
body[data-design] .button{border-radius:100px;min-height:50px;padding:14px 23px;line-height:1.45;letter-spacing:-.015em;white-space:normal;text-align:center;font-weight:550;font-size:13px;transition:background .2s,transform .2s}
body[data-design] .button.dark{background:#101112;color:white;border-color:#101112}
body[data-design] .button.dark:hover{background:#304ed0;border-color:#304ed0;transform:translateY(-2px)}
body[data-design] .button.dark svg{background:#cef45c;color:#101112;border-radius:50%;padding:5px;width:28px;height:28px;box-sizing:border-box;flex-shrink:0}
body[data-design] .button.outline{background:#eceeed;border:1px solid #e2e4e9;color:#101112}
body[data-design] .button.outline:hover{background:#cef45c;border-color:#cef45c}
body[data-design] .quiet-link{font-weight:500}
body[data-design] .eyebrow{font-size:12px;letter-spacing:.11em;color:#60636d;font-weight:500;line-height:1.8}
body[data-design] .status-dot{background:#2454e6}
body[data-design] :is(.section-heading h2,.scope-heading h2){font-size:clamp(32px,4vw,58px);line-height:1.06;letter-spacing:-.055em}
body[data-design] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#d8dce7;background:#f8f8fa;color:#101112;border-radius:12px}
body[data-design] :is(input,select,textarea):focus-visible{outline:3px solid #2454e6;outline-offset:3px}
body[data-design] input[type=checkbox],body[data-design] input[type=radio]{accent-color:#1945c4}
body[data-design] :is(button,a,summary):focus-visible{outline:3px solid #2454e6;outline-offset:4px}
body[data-design] .site-footer{max-width:1400px;margin:18px auto 20px;width:calc(100% - 40px);background:#2454e6;color:white;border-radius:28px;padding:48px 50px 25px;border:0}
body[data-design] .site-footer :is(p,a,span){color:inherit}.site-footer .brand-mark i{background:#cef45c!important}
body[data-design] .footer-top{border-color:#ffffff40;padding-bottom:35px}
body[data-design] .footer-bottom{border-color:#ffffff40;color:#eef1ff}
body[data-design] .preview-indicator i{background:#cef45c}
body[data-design] dialog{background:#fff;border:0;border-radius:26px;box-shadow:0 30px 100px #10111230}
body[data-design] dialog::backdrop{background:#17224c70;backdrop-filter:blur(8px)}
/* Marketing hero and photographed software compositions. */
body[data-design][data-page="home"] .home-updated{padding-top:58px;padding-bottom:52px;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}
body[data-design][data-page="home"] .home-updated h1{font-size:clamp(42px,4.45vw,66px);line-height:1.02;letter-spacing:-.067em;font-weight:550;margin:24px 0}
body[data-design][data-page="home"] .home-updated h1 span{color:#101112;background:#cef45c;border-radius:.45em;padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-design][data-page="home"] .hero-description{font-size:17px;color:#60636d;line-height:1.65;max-width:560px}
body[data-design][data-page="home"] .hero-assurances span{background:#eceeed;color:#60636d;border-radius:100px;padding:8px 11px;font-size:12px}
body[data-design][data-page="home"] .hero-start{color:#60636d;font-size:12px}
body[data-design][data-page="home"] .visible-hero-story{padding:14px;background:#eceeed;border-radius:25px;position:relative;min-width:0}
body[data-design][data-page="home"] .visible-hero-story .story-tabs{background:#fff;border:0;border-radius:100px;padding:5px;gap:5px;margin-bottom:14px}
body[data-design][data-page="home"] .story-tabs button{border-radius:100px;min-height:43px;font-size:12px;color:#60636d}
body[data-design][data-page="home"] .story-tabs button.selected{background:#cef45c;color:#101112}
body[data-design][data-page="home"] .visible-hero-story .story-photo{border-radius:19px;height:285px;background:#2454e6;isolation:isolate;overflow:hidden}
body[data-design][data-page="home"] .story-photo img{filter:grayscale(1);opacity:.8;mix-blend-mode:luminosity;transition:filter .35s,transform .45s}
body[data-design][data-page="home"] .story-photo:after{background:linear-gradient(0deg,#192765ed,transparent 90%)}
body[data-design][data-page="home"] .story-photo-note{border-radius:100px;background:#ffffffed;color:#101112;font-size:12px}
body[data-design][data-page="home"] .visible-hero-story .story-caption h2{font-size:26px;line-height:1.12;letter-spacing:-.035em;color:#fff}
body[data-design][data-page="home"] .story-caption>span{color:#fff}
body[data-design][data-page="home"] .visible-hero-console{background:#fff;border:0;border-radius:20px;box-shadow:0 16px 38px #17224c17;margin:-24px 13px 0;padding:24px;transform:rotate(-2deg)}
body[data-design] .visible-console-top{color:#60636d}.visible-console-top i{background:#2454e6}
body[data-design] .visible-console-result strong{color:#101112;font-size:clamp(32px,3.2vw,47px);letter-spacing:-.045em}
body[data-design] .visible-console-result span,body[data-design] .visible-hero-console>p{color:#60636d}
body[data-design][data-page="home"] .story-process span{background:#eceeed;color:#101112;border-radius:8px}
body[data-design][data-page="home"] .visible-hero-story .story-disclaimer{font-size:12px;color:#60636d;margin-top:18px}
body[data-design] .home-route{width:calc(100% - 40px);margin:18px auto;background:#101112;color:white;border:0;border-radius:22px;padding:24px 40px}
body[data-design] .home-route :is(a,button){color:white;border-color:#ffffff30;font-size:12px}
body[data-design] .home-route b{color:#cef45c}
body[data-design] .visible-feature{background:#2454e6;background-image:url('/assets/design/silver-fold.svg');background-position:-340px 130%;background-repeat:no-repeat;background-size:760px;gap:60px}
body[data-design] .visible-feature-intro :is(h2,.eyebrow){color:white}
body[data-design] .visible-feature-intro>p{color:#f1f3ff;font-size:16px}
body[data-design] .visible-feature-intro h2 em{color:#101112;background:#cef45c;border-radius:100px;padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-design] .visible-context-photo img{filter:grayscale(1);border-radius:22px;border:8px solid #ffffff25}
body[data-design] .visible-context-photo figcaption,body[data-design] .visible-role>span,body[data-design] .visible-role p{color:#f1f3ff}
body[data-design] .visible-role{border-color:#ffffff40}
body[data-design] .journey-demo{border:0;background:white;color:#101112;border-radius:25px;box-shadow:0 18px 45px #172a641a}
body[data-design] .journey-topline{border-color:#eceef2;color:#60636d}.journey-topline i{background:#2454e6}
body[data-design] .journey-route{background:#eceeed;padding:9px;gap:6px}
body[data-design] .journey-route button{border-radius:14px;color:#60636d}
body[data-design] .journey-route button[aria-pressed="true"]{background:#2454e6;color:#fff}
body[data-design] .journey-route button.journey-step-done:not([aria-pressed="true"]){background:#cef45c;color:#101112}
body[data-design] .journey-view h3{color:#101112;font-size:31px;font-weight:500}
body[data-design] .journey-view p,body[data-design] .journey-screen-head,body[data-design] .journey-topline>span:last-child{color:#60636d}
body[data-design] .journey-qr{color:#101112;border-color:#e2e4e9;border-radius:14px;background:#eceeed}
body[data-design] .journey-order strong{font-size:56px;color:#101112}
body[data-design] .journey-order span{color:#60636d}
body[data-design] .journey-demo .button{background:#101112;color:#fff;border-radius:100px}
body[data-design] .journey-balance,body[data-design] .journey-fact-strip span{background:#edf2ff;color:#314bb2;border-radius:13px}
body[data-design] .journey-balance[data-valid="false"]{background:#fff0e5;color:#873d17}
body[data-design] .journey-check{border-color:#e2e4e9;color:#3f424b}
body[data-design] .journey-result-number{background:#2454e6;border-radius:20px;color:white}
body[data-design] .journey-result-number span{color:#f1f3ff}
body[data-design] .journey-result-number strong{color:#cef45c;font-size:82px}
body[data-design] .journey-accepted-note{background:#eff8dc;color:#344624!important;border-radius:13px}
body[data-design] .journey-full{background:#cef45c;color:#101112}
body[data-design] .journey-bottom,body[data-design] .journey-transfer{color:#60636d}
body[data-design] .visible-stories-grid{gap:20px}
body[data-design] .visible-story{background:#eceeed;border:0;border-radius:24px}
body[data-design] .visible-story-media img{filter:grayscale(1)}
body[data-design] .visible-story-media>span{border-radius:100px;background:#cef45c;color:#101112}
body[data-design] .visible-story-copy{padding:30px}
body[data-design] .visible-story-copy li{background:#2454e6;color:white;border-radius:14px}
body[data-design] .visible-story-copy :is(dd,a){color:#101112}
body[data-design] .visible-evidence{background:#cef45c;color:#101112}
body[data-design] .visible-evidence :is(.eyebrow,.section-heading>p,.visible-boundary){color:#3d4b2b}
body[data-design] .visible-paper-grid article{background:white;color:#101112;border-radius:20px;box-shadow:none;padding:30px}
body[data-design] .visible-paper-grid article>span{background:#eceeed;border-radius:100px;padding:7px 11px;display:inline-block;letter-spacing:.04em}
body[data-design] .visible-paper-grid article:nth-child(2){background:#2454e6;color:white}
body[data-design] .visible-paper-grid article:nth-child(2)>span{background:#ffffff25;color:white}
body[data-design] .visible-paper-grid article:nth-child(2) li{border-color:#ffffff40}
/* Catalogs and all 100 industry landing pages. */
body[data-design] .service-picker{background:#fff}
body[data-design] .goal-grid{gap:16px}
body[data-design] .goal-grid>button{background:#eceeed;border:0;border-radius:24px;padding:28px;min-height:235px}
body[data-design] .goal-grid>button:nth-child(2){background:#2454e6;color:white}
body[data-design] .goal-grid>button:nth-child(2) :is(.goal-description,.goal-examples,small,.goal-number){color:#edf1ff}
body[data-design] .goal-grid>button.selected,body[data-design] .goal-grid>button[aria-pressed="true"]{background:#cef45c;color:#101112;box-shadow:0 0 0 2px #101112 inset}
body[data-design] .goal-grid>button[aria-pressed="true"] :is(.goal-description,.goal-examples,small,.goal-number){color:#3e4a30}
body[data-design] .goal-grid .goal-custom{background:#cef45c;color:#101112}
body[data-design] .goal-number{color:#60636d}.goal-number i{color:#2454e6}
body[data-design] .goal-grid strong{font-size:25px;line-height:1.16;letter-spacing:-.035em}
body[data-design] .catalog-section{background:#fff}
body[data-design] .category-tabs button{background:#eceeed;border:0;border-radius:100px;color:#60636d;min-height:44px}
body[data-design] .category-tabs button.selected{background:#101112;color:#cef45c}
body[data-design] .catalog-search{border-radius:100px;background:#eceeed;border:0}
body[data-design] .catalog-search input{background:transparent;border:0}
body[data-design] .solution-grid{gap:18px}
body[data-design] .solution-card{border:0;border-radius:24px;background:#eceeed;box-shadow:none;overflow:hidden}
body[data-design] .solution-card:hover{background:#e9eeff;box-shadow:0 14px 35px #18368f10;transform:translateY(-4px)}
body[data-design] .solution-card h3{font-size:25px;font-weight:500;letter-spacing:-.04em;line-height:1.15}
body[data-design] .solution-card img{filter:grayscale(1);transition:filter .4s,transform .4s}
body[data-design] .solution-card:hover img,body[data-design] .solution-card:focus-visible img{filter:grayscale(0)}
body[data-design] .card-category{background:#cef45c;color:#101112;border-radius:100px}
body[data-design] .landing-hero h1,body[data-design] .visible-qr-hero .hero-copy h1{font-size:clamp(37px,4.9vw,72px);line-height:1.035;letter-spacing:-.06em;font-weight:550}
body[data-design] .landing-hero .hero-description{color:#60636d;font-size:17px;line-height:1.65}
body[data-design] .landing-tags span{border:0;background:#eceeed;border-radius:100px;padding:8px 12px;color:#60636d}
body[data-design] .niche-photo{border-radius:22px;overflow:hidden;background:#eceeed}
body[data-design] .niche-photo img{filter:grayscale(1)}
body[data-design] .niche-photo .photo-value,body[data-design] .photo-value{background:#2454e6;color:white}
body[data-design] .proof-offer{background:#2454e6;color:white;border:0;border-radius:22px;padding:27px;box-shadow:none}
body[data-design] .proof-offer :is(strong,p,span,small,a){color:inherit}
body[data-design] .proof-offer .proof-state-plain{background:#ffffff15;color:#fff;border-color:#ffffff30;border-radius:14px}
body[data-design] .visible-qr-hero .proof-offer{background:#2454e6;margin-top:-25px;box-shadow:0 18px 35px #152d731a}
body[data-design] .buyer-ribbon{border:0;background:#eceeed;border-radius:18px;padding:20px 25px}
body[data-design] .solution-jump{background:#fff;border:0;border-radius:100px;box-shadow:0 6px 25px #10111208;width:calc(100% - 40px);max-width:1400px;margin:16px auto;padding:8px 15px}
body[data-design] .solution-jump a{border-radius:100px;min-height:44px}
body[data-design] .solution-jump a.active{background:#cef45c;color:#101112}
body[data-design] .before-after article{border:0;border-radius:22px;background:#eceeed;padding:28px}
body[data-design] .before-after article:last-child{background:#2454e6;color:white}
body[data-design] .before-after article:last-child :is(span,p){color:inherit}
body[data-design] :is(.delivery-input,.delivery-output,.price-card,.integration-card){border-radius:22px;border-color:#e2e4e9}
body[data-design] :is(.sandbox,.work-proof,.niche-demo,.product-invitation,.demo-guide){border-radius:22px;border-color:#e2e4e9}
body[data-design] .product-invitation{background:#edf1ff}
body[data-design] :is(.faq-item,.scope-list li){border-color:#e2e4e9}
body[data-design] .faq-item summary{padding-block:23px;font-size:17px}
body[data-design] .custom-solution{background:#cef45c;color:#101112;border-radius:28px}
body[data-design] .contact-section{background:#2454e6;color:#fff;border-radius:28px}
body[data-design] .contact-section :is(h2,p,.eyebrow){color:inherit}
body[data-design] .industry-practice{border:1px solid #dce2f6;border-radius:18px;background:#f3f5ff}
body[data-design] .industry-practice :is(summary,p,li,a){color:#374371}
body[data-design] .industry-brief-gate{color:#303749}
/* All service promos and marketplace solution pages. */
body[data-design] .svc{--svc-ink:#101112;--svc-muted:#60636d;--svc-line:#e2e4e9;--svc-mint:#cef45c;color:#101112}
body[data-design] .svc h1{font-size:clamp(39px,5.8vw,85px);font-weight:550;letter-spacing:-.065em;line-height:1.02}
body[data-design] .svc h1 em{color:#101112;background:#cef45c;border-radius:.4em;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-design] .svc h2{font-size:clamp(31px,3.7vw,54px);line-height:1.07;font-weight:550;letter-spacing:-.05em}
body[data-design] .svc-hero{padding-top:30px!important;padding-bottom:60px!important}
body[data-design] .svc-breadcrumb{margin-bottom:35px;font-size:12px}
body[data-design] .svc-hero-grid{grid-template-columns:1.12fr 1fr;gap:42px}
body[data-design] .svc-hero-visual{background:#2454e6;border:0;border-radius:26px;box-shadow:0 22px 45px #182d7112;overflow:hidden}
body[data-design] .svc-context-photo{background:#2454e6}
body[data-design] .svc-context-photo img{filter:grayscale(1);mix-blend-mode:luminosity}
body[data-design] .svc-photo-outcome{background:linear-gradient(0deg,#132351f5,transparent);color:#fff}
body[data-design] .svc-photo-outcome :is(span,strong,small){color:#fff}
body[data-design] .svc-context-route{background:#fff;margin:0;padding:20px 24px;gap:10px}
body[data-design] .svc-context-route li{border-radius:12px;background:#eceeed;border:0;color:#101112;padding:12px}
body[data-design] .svc-context-route li:nth-child(2){background:#cef45c}
body[data-design] .svc-visual-bottom{background:#2454e6;color:white;border:0;font-size:12px;padding:20px 25px}
body[data-design] .svc-visual-bottom i{background:#cef45c}
body[data-design] .svc-trial-path li{background:#eceeed;border:0;border-radius:100px}
body[data-design] .svc-outcome-pack{background:#eceeed}
body[data-design] .svc-outcome-intro{background:#2454e6;color:white;border:0;border-radius:24px;padding:28px}
body[data-design] .svc-outcome-intro :is(p,span,small,a){color:inherit}
body[data-design] .svc-outcome-grid>article{background:#eceeed;border:0;border-radius:22px;padding:26px}
body[data-design] .svc-outcome-grid>article:nth-child(2){background:#e9f0dc}
body[data-design] .svc-outcome-grid>article h2{font-size:28px}
body[data-design] .svc-service-card,body[data-design] .svc-market-card{background:#eceeed;border:0;border-radius:24px;overflow:hidden;padding:24px}
body[data-design] .svc-service-card:nth-child(2),body[data-design] .svc-market-card:nth-child(3n+2){background:#eaf0ff}
body[data-design] .svc-card-photo img,body[data-design] .svc-market-photo img{filter:grayscale(1)}
body[data-design] .svc-card-art{background:#2454e6;border-radius:20px;min-height:150px;isolation:isolate}
body[data-design] .svc-card-art>span{color:white}
body[data-design] .svc-card-art i{border-color:#ffffff60;background:#ffffff20}
body[data-design] .svc-content-card,body[data-design] .svc-result-box{background:#eceeed;border:0;border-radius:22px;padding:28px}
body[data-design] .svc-dark{background:#2454e6;color:white}
body[data-design] .svc-dark :is(h2,h3,p,li,span){color:inherit}
body[data-design] .svc-flow li{background:#eceeed;border:0;border-radius:20px;padding:24px}
body[data-design] .svc-flow li:nth-child(2){background:#eaf0ff}
body[data-design] .svc-flow li:nth-child(3){background:#eff6e1}
body[data-design] .svc-filter button{border-radius:100px;border:0;background:#eceeed;min-height:44px}
body[data-design] .svc-filter button[aria-pressed="true"]{background:#101112;color:#cef45c}
body[data-design] .svc-demo{border:0;background:#eceeed;border-radius:26px;padding:24px}
body[data-design] .svc-demo-output{background:#fff;border:0;border-radius:21px;padding:28px}
body[data-design] .svc-metric{border-color:#e2e4e9}
body[data-design] .svc-metric strong{color:#304bc2}
body[data-design] .svc-funnel>div{background:#cef45c;color:#101112;border:0;border-radius:14px}
body[data-design] .svc-brief{background:#cef45c}
body[data-design] .svc-brief form{background:white;border:0;border-radius:24px;padding:30px}
body[data-design] .svc-phone{border-color:#101112;background:white;box-shadow:12px 15px 0 #dce3fa;border-radius:30px}
body[data-design] .svc-orbit{background:#2454e6 url('/assets/design/silver-fold.svg') center/cover no-repeat}
body[data-design] .svc-orbit-lines{color:#ffffff70}.svc-orbit-label{color:white}
body[data-design] .svc-orbit-node{background:white;color:#101112;border:0;box-shadow:0 14px 28px #1d347620;border-radius:19px}
body[data-design] .svc-orbit-node.node-2{background:#cef45c}
body[data-design] .explain-shell{background:#eceeed;border:0;border-radius:26px;overflow:hidden}
body[data-design] .explain-tabs{background:#eceeed;border-color:#e2e4e9}
body[data-design] .explain-tabs button{color:#60636d;border-color:#dde1ea}
body[data-design] .explain-tabs button[aria-selected="true"]{background:#2454e6;color:white}
body[data-design] .explain-panels article{background:#eceeed}
body[data-design] .explain-receipt{background:white;border:0;border-radius:22px;box-shadow:9px 9px 0 #cef45c}
body[data-design] .explain-controls{background:#e8edff;border-color:#e0e4ef}
body[data-design] .explain-controls button{border-radius:100px;background:white;border:0;color:#101112}
body[data-design] .explain-controls button:first-child{background:#101112;color:white}
body[data-design] .explain-trust-grid article{background:#eceeed;border:0;border-radius:20px}
body[data-design] .explain-trust-grid article:nth-child(2){background:#cef45c}
/* Real product models: same brand, denser and calmer working surfaces. */
body[data-design].product-body{background:#eceeed}
body[data-design] .product-header{height:76px;margin:14px 18px 0;border-radius:22px;border:0;padding:0 28px;max-width:1700px;background:white}
body[data-design] .product-brand{font-size:30px;letter-spacing:-.07em;color:#101112}
body[data-design] .product-brand span{color:#2454e6}
body[data-design] .product-header>a:last-child{background:#eceeed;border-radius:100px;padding:12px 16px;min-height:44px;display:flex;align-items:center;font-size:12px}
body[data-design] .product-shell{gap:16px;padding:16px 18px 20px;grid-template-columns:230px minmax(0,1fr)}
body[data-design] .product-sidebar{border:0;border-radius:22px;background:white;padding:26px 13px;align-self:start;position:sticky;top:14px}
body[data-design] .product-space{padding:0 13px 24px}
body[data-design] .product-space strong{font-size:23px;line-height:1.1;letter-spacing:-.04em}
body[data-design] .product-sidebar nav a{border-radius:13px;color:#60636d;min-height:51px}
body[data-design] .product-sidebar nav a.active{background:#2454e6;color:white}
body[data-design] .product-sidebar nav a.active b{color:#cef45c}
body[data-design] .product-sidebar-note{border-top:1px solid #e2e4e9;background:#eceeed;border-radius:15px;padding:17px 14px;color:#60636d;font-size:12px;line-height:1.7}
body[data-design] .product-sidebar-note strong{color:#101112}
body[data-design] .product-main{padding:0;min-width:0}
body[data-design] .product-mode{background:white;border:0;border-radius:20px;padding:17px 21px}
body[data-design] .product-mode>span i{background:#2454e6}
body[data-design] .product-mode p{font-size:12px;color:#60636d}
body[data-design] .product-quick-start{border:0;background:#fff;border-radius:20px;padding:20px;margin-top:14px}
body[data-design] .product-quick-start nav a{background:#eceeed;border:0;border-radius:16px;padding:18px}
body[data-design] .product-quick-start nav a:first-child{background:#cef45c}
body[data-design] .product-try-guide{background:white;border:0;border-radius:18px;margin-top:14px}
body[data-design] .product-try-guide>summary{padding:17px 21px}
body[data-design] #product-view{background:white;border-radius:22px;margin-top:16px;padding:26px}
body[data-design] .product-heading h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.05em;line-height:1.06}
body[data-design] .product-stats :is(article,.product-stat){background:#eceeed;border:0;border-radius:19px}
body[data-design] .product-stats>article:first-child{background:#2454e6;color:white}
body[data-design] .product-stats>article:first-child :is(span,strong,small){color:inherit}
body[data-design] .product-stats>article:nth-child(2){background:#cef45c}
body[data-design] .product-record{background:#eceeed;border:0;border-radius:19px;box-shadow:none;padding:23px}
body[data-design] .product-record:hover{background:#eaf0ff}
body[data-design] .product-record h3{font-size:21px;line-height:1.15;letter-spacing:-.03em}
body[data-design] .product-badge{border-radius:100px;background:#e8edff;color:#314bb2;padding:6px 9px}
body[data-design] .product-badge.warning{background:#fff0df;color:#8b471f}
body[data-design] .product-board>section{border:0;background:#eceeed;border-radius:18px;padding:15px}
body[data-design] .product-card-grid>section,body[data-design] .product-result,body[data-design] .product-report{border-color:#e2e4e9;border-radius:19px;background:#f8f8fa}
body[data-design] .product-workflow,body[data-design] .product-history{border-color:#e2e4e9}
body[data-design] .product-table{background:white;border:1px solid #e2e4e9;border-radius:15px;overflow:hidden}
body[data-design] .product-table th{background:#edf1ff;color:#314bb2}
body[data-design] .product-table td{border-color:#e8eaf0}
body[data-design] .chain-step,body[data-design] .chain-snapshot{border:1px solid #e2e4e9;border-radius:20px;background:#fafafa}
body[data-design] .chain-step form{background:white;border-color:#e2e4e9;border-radius:15px}
body[data-design] .product-next-step{background:#edf1ff;border:0;border-radius:19px}
body[data-design] .product-overview-details{background:#eceeed;border:0;border-radius:18px}
body[data-design] .market-route,body[data-design] .market-workflow{background:#edf1ff;border:0;border-radius:18px}
body[data-design] .market-route-accepted{background:#eff6e1}
body[data-design] .market-route-status{border-radius:100px}
body[data-design] .market-workflow-number{background:#2454e6;color:white}
body[data-design] .market-workflow-note{border-color:#e2e4e9}
body[data-design] .product-feedback.error{background:#fff0e5;color:#873d17}
/* Motion is short and tied to an action, never an obstacle to using a form. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){body[data-design] .visible-hero-console{transition:transform .45s,box-shadow .45s}body[data-design] .visible-hero-story:hover .visible-hero-console{transform:rotate(0) translateY(-3px);box-shadow:0 20px 40px #142c6f22}}
@media(min-width:1740px){body[data-design] .product-header{margin-inline:auto}}
@media(max-width:1100px){body[data-design][data-page="home"] .home-updated{gap:30px}body[data-design] .svc-hero-grid{gap:28px}body[data-design] .visible-feature{gap:35px}body[data-design] .product-shell{grid-template-columns:200px minmax(0,1fr);gap:12px}body[data-design] .product-sidebar nav a{padding:12px 10px}body[data-design] #product-view{padding:22px}}
@media(max-width:800px){body[data-design] .site-header{height:74px;padding:0 24px}body[data-design] .desktop-nav{gap:18px}body[data-design] .desktop-nav a{font-size:12px}body[data-design][data-page="home"] .home-updated h1{font-size:48px}body[data-design][data-page="home"] .hero-description{font-size:15px}body[data-design] .product-shell{grid-template-columns:1fr;padding:12px}body[data-design] .product-sidebar{position:static;padding:8px;border-radius:18px}body[data-design] .product-sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}body[data-design] .product-sidebar nav a{min-width:0;flex-direction:column;padding:10px 3px;font-size:12px;gap:4px;text-align:center;min-height:56px}body[data-design] .product-space,body[data-design] .product-sidebar-note{display:none}body[data-design] .product-header{margin:12px 12px 0;padding:0 20px;gap:16px}body[data-design] .product-header>span{font-size:12px}body[data-design] .product-header>a:last-child{font-size:12px;padding:10px 13px}body[data-design] .product-mode{padding:15px}body[data-design] .product-heading h1{font-size:32px}}
@media(max-width:760px){body[data-design] :where(main>.section,.niche-page>.section,.svc>.section){width:calc(100% - 24px);margin:12px auto;padding:36px 24px;border-radius:24px}body[data-design] .home-route{width:calc(100% - 24px);padding:22px 24px;margin:12px auto;border-radius:22px}body[data-design] .visible-feature{background-position:-190px 380px;background-size:550px;grid-template-columns:1fr;gap:28px}body[data-design] .visible-feature-intro h2{font-size:45px}body[data-design] .visible-feature-intro>p{font-size:15px}body[data-design] .visible-context-photo img{border-width:5px;border-radius:19px}body[data-design] .svc-hero-grid{grid-template-columns:1fr;gap:28px}body[data-design] .svc-hero{padding-top:25px!important;padding-bottom:35px!important}body[data-design] .svc-hero-visual{border-radius:22px}body[data-design] .svc h1{font-size:49px}body[data-design] .svc h2{font-size:35px}body[data-design] .svc-note{font-size:12px!important}body[data-design] .goal-grid>button{min-height:220px;padding:24px;border-radius:20px}body[data-design] .goal-grid strong{font-size:22px}body[data-design] .visible-evidence .section-heading>p{font-size:14px}body[data-design] .visible-paper-grid article{padding:25px}body[data-design] .visible-stories-grid{gap:18px}body[data-design] .visible-story-copy{padding:25px}body[data-design] .site-footer{width:calc(100% - 24px);padding:35px 25px 22px;margin:12px auto;border-radius:24px}body[data-design] .solution-jump{width:calc(100% - 24px);border-radius:18px;padding:7px 10px}body[data-design] .svc-brief form{padding:24px}body[data-design] .svc-demo{padding:18px;border-radius:20px}body[data-design] .svc-demo-output{padding:22px}body[data-design] .journey-view h3{font-size:29px}body[data-design] .journey-result-number strong{font-size:76px}body[data-design] .journey-demo{border-radius:21px}body[data-design] .landing-hero h1,body[data-design] .visible-qr-hero .hero-copy h1{font-size:43px}body[data-design] .landing-hero .hero-description{font-size:15px}}
@media(max-width:600px){body[data-design] .site-header{height:68px;width:calc(100% - 24px);margin-top:12px;padding:0 21px;border-radius:100px}body[data-design] .brand{font-size:29px}body[data-design] .menu-toggle{border:0;background:#eceeed;border-radius:50%}body[data-design] .mobile-menu:not([hidden]){top:77px;left:12px;right:12px;width:auto;background:white;box-shadow:0 20px 45px #17224c20;border:1px solid #e2e4e9;border-radius:22px;z-index:50}body[data-design][data-page="home"] .home-updated{grid-template-columns:1fr;padding-top:38px;padding-bottom:25px;gap:30px}body[data-design][data-page="home"] .home-updated h1{font-size:clamp(39px,10vw,57px);line-height:1.05;margin-top:19px}body[data-design][data-page="home"] .hero-description{font-size:15px;line-height:1.7}body[data-design] .button{font-size:12px;min-height:49px;padding:13px 19px}body[data-design] .hero-actions{gap:16px}body[data-design][data-page="home"] .visible-hero-story{padding:10px;border-radius:21px;margin-inline:-5px}body[data-design][data-page="home"] .visible-hero-story .story-photo{height:245px;border-radius:16px}body[data-design][data-page="home"] .visible-hero-story .story-caption{padding:20px 20px 42px}body[data-design][data-page="home"] .visible-hero-story .story-caption h2{font-size:23px}body[data-design][data-page="home"] .visible-hero-console{transform:none;margin:-20px 7px 0;padding:20px;border-radius:16px}body[data-design] .visible-console-result strong{font-size:36px}body[data-design] .home-route :is(a,button){font-size:12px}body[data-design] .section-heading h2{font-size:35px}body[data-design] .solution-grid{gap:14px}body[data-design] .solution-card{border-radius:21px}body[data-design] .solution-card h3{font-size:25px}body[data-design] .goal-grid>button{min-height:0;padding:24px}body[data-design] .goal-grid strong{font-size:24px}body[data-design] .svc h1{font-size:43px;line-height:1.06}body[data-design] .svc-lead{font-size:15px}body[data-design] .svc-context-route{padding:15px;gap:7px}body[data-design] .svc-context-route li{padding:10px;font-size:12px}body[data-design] .svc-visual-bottom{padding:17px 20px}body[data-design] .svc-outcome-intro{padding:25px;border-radius:21px}body[data-design] .svc-outcome-grid>article{padding:23px}body[data-design] .svc-outcome-grid>article h2{font-size:27px}body[data-design] .svc-flow li{padding:21px}body[data-design] .svc-service-card,body[data-design] .svc-market-card{padding:22px}body[data-design] .product-header{height:66px;padding:0 16px;border-radius:18px}body[data-design] .product-brand{font-size:26px}body[data-design] .product-header>span{display:none}body[data-design] #product-view{padding:20px 17px;border-radius:19px}body[data-design] .product-mode{gap:10px;flex-wrap:wrap;border-radius:17px}body[data-design] .product-mode p{font-size:12px;line-height:1.6}body[data-design] .product-heading h1{font-size:30px}body[data-design] .product-quick-start{padding:17px}body[data-design] .product-quick-start nav a{padding:16px}body[data-design] .product-record{padding:20px}body[data-design] .mobile-cta{left:12px;right:12px;bottom:10px;border:1px solid #e2e4e9;border-radius:100px;background:#ffffffed;backdrop-filter:blur(12px);padding:6px 8px 6px 17px;box-shadow:0 7px 28px #192b6117}body[data-design] .mobile-cta .button{min-height:43px}body[data-design] .mobile-cta>a{font-size:12px}}
@media(max-width:390px){body[data-design] :where(main>.section,.niche-page>.section,.svc>.section){padding:30px 20px}body[data-design] .svc h1{font-size:39px}body[data-design] .landing-hero h1,body[data-design] .visible-qr-hero .hero-copy h1{font-size:38px}body[data-design] .visible-feature-intro h2{font-size:39px}body[data-design] .journey-view h3{font-size:26px}body[data-design] .product-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body[data-design] .product-sidebar nav a{min-height:48px;padding:8px 5px;flex-direction:row;justify-content:center;gap:7px}body[data-design] .product-sidebar nav b{font-size:17px}body[data-design] .visible-hero-console{padding:18px}body[data-design] .visible-paper-grid article{padding:23px}body[data-design] .svc-demo{padding:14px}body[data-design] .svc-demo-output{padding:19px}}
@media(prefers-reduced-motion:reduce){body[data-design] *,body[data-design] *:before,body[data-design] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-design] .visible-hero-console{transform:none}}

@media(max-width:1000px){body[data-design] .desktop-nav,body[data-design] .header-contact{display:none}body[data-design] .menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:44px;height:44px;background:#eceeed;border:0;border-radius:50%;margin-left:auto}body[data-design] .menu-toggle span{display:block;width:17px;height:1px;background:#101112}body[data-design] .mobile-menu:not([hidden]){position:absolute;top:100px;left:20px;right:20px;display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e2e4e9;padding:18px 22px;border-radius:22px;box-shadow:0 20px 45px #17224c20;z-index:60}body[data-design] .mobile-menu a{font-size:14px;padding:12px 6px;min-height:44px}body[data-design] .mobile-menu .button{margin-top:12px}}
@media(max-width:600px){body[data-design] .mobile-menu:not([hidden]){top:88px;left:12px;right:12px}}

body[data-design] .product-quick-start nav a:first-child,body[data-design] .product-quick-start nav a:first-child :is(strong,small,span){color:#101112}body[data-design] .svc-funnel>div :is(span,strong,small){color:#101112}

body[data-design] .skip-link{color:white;background:#101112}body[data-design] .product-sidebar nav a.active .nav-wide small{color:#fff}

/* Reading sizes and motion apply to every public page and every working model. */
body[data-design]{font-size:16px;line-height:1.65}
body[data-design] :is(.section-heading>p,.svc-heading>p,.scope-intro,.niche-problem p,.before-after p,.delivery-input p,.delivery-output p){font-size:16px;line-height:1.8}
body[data-design] :is(.eyebrow,.svc-kicker,.product-eyebrow,.svc-kicker){font-size:12px;line-height:1.7;letter-spacing:.065em}
body[data-design] :is(.hero-start,.hero-assurances span,.story-disclaimer,.visible-boundary,.svc-note,.svc-boundary,.industry-boundary,.proof-limit,.journey-transfer,.journey-hint){font-size:12px!important;line-height:1.8!important}
body[data-design] :is(.desktop-nav a,.services-nav summary){font-size:14px}
body[data-design] .button{font-size:14px}
body[data-design] :is(.svc p,.visible-story-copy p,.visible-role p,.journey-view p){font-size:15px;line-height:1.8}
body[data-design] :is(.svc label,.journey-reason,.journey-check,.industry-brief-gate,.sandbox label){font-size:14px;line-height:1.75}
body[data-design] :is(.svc input,.svc select,.svc textarea){font-size:16px}
body[data-design] :is(.svc-demo-output,.svc-content-card,.explain-story,.explain-receipt){line-height:1.75}
body[data-design] :is(.explain-receipt dt,.explain-receipt dd,.explain-footnote,.explain-human p){font-size:13px;line-height:1.8}
body[data-design] .svc-outcome-grid>article p{font-size:15px;line-height:1.8}
body[data-design] .product-main{font-size:14px;line-height:1.7}
body[data-design] :is(.product-mode p,.product-quick-label small,.product-space small,.product-space>span,.product-sidebar .nav-wide small,.product-try-note,.product-sidebar-note,.product-boundary){font-size:12px;line-height:1.75}
body[data-design] :is(.product-result p,.product-history p,.product-report p,.product-card-grid label,.chain-step label){font-size:14px;line-height:1.75}
body[data-design] .product-table :is(th,td){font-size:14px;line-height:1.65;padding:14px}
body[data-design] :is(.journey-screen-head,.journey-topline,.journey-screen-head small,.journey-route b,.journey-input-grid label){font-size:12px;line-height:1.65}
body[data-design] .journey-route button{font-size:13px;min-height:66px}
body[data-design] :is(.journey-view,.svc-lead,.hero-description,.visible-story-copy>p,.section-heading>p){overflow-wrap:break-word}
body[data-design][data-motion="full"] [data-motion-ready]:not([data-in-view="true"]){opacity:.7;transform:translateY(10px)}
body[data-design][data-motion="full"] [data-motion-ready]{transition:opacity .5s ease-out,transform .5s cubic-bezier(.2,.7,.2,1)}
body[data-design][data-motion="full"] .parallax-photo{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.07);transition:transform .13s linear;transform-origin:center;will-change:transform}
body[data-design][data-motion="full"] .visible-hero-story .visible-hero-console{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-2deg);transition:transform .3s ease-out}
body[data-design] .product-shell{position:relative;isolation:isolate}
body[data-design] .product-shell:before{content:"";position:fixed;right:-80px;top:20vh;width:420px;height:420px;background:url('/assets/design/silver-fold.svg') center/contain no-repeat;opacity:.12;pointer-events:none;z-index:-1;transform:translateY(var(--ambient-y,0px)) rotate(-15deg)}
body[data-design] .motion-toggle{font:inherit;font-size:12px;line-height:1.5;min-height:44px;padding:10px 14px;border-radius:100px;border:1px solid currentColor;color:inherit;background:transparent;cursor:pointer;white-space:normal}
body[data-design] .motion-toggle[aria-pressed="true"]{background:#cef45c;color:#101112;border-color:#cef45c}
body[data-design] .motion-toggle:disabled{cursor:default;opacity:.8}
body[data-design][data-motion="reduced"] *,body[data-design][data-motion="reduced"] *:before,body[data-design][data-motion="reduced"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body[data-design][data-motion="reduced"] .parallax-photo,body[data-design][data-motion="reduced"] .visible-hero-console,body[data-design][data-motion="reduced"] [data-motion-ready]{transform:none!important;opacity:1!important}
@media(max-width:760px){body[data-design] .product-table :is(th,td){font-size:13px;padding:12px}body[data-design] .journey-view p{font-size:14px}body[data-design] .journey-route button{font-size:12px;padding:9px 7px}body[data-design] .product-mode .motion-toggle{font-size:12px;min-height:40px}body[data-design] .svc h2{font-size:33px}body[data-design] .parallax-photo{will-change:auto}body[data-design][data-motion="full"] .parallax-photo{transform:none;transition:none}body[data-design][data-page="home"] .hero-description{font-size:16px}body[data-design] .svc-lead{font-size:16px}}
@media(max-width:390px){body[data-design] .journey-route button{font-size:11px;min-height:65px;padding:8px 5px}body[data-design] .journey-input-grid label{font-size:12px}body[data-design] .journey-topline{font-size:11px;gap:10px}body[data-design] .journey-input-grid{grid-template-columns:1fr}.journey-input-grid label>span{font-size:13px}body[data-design] .journey-input-grid label{display:grid;grid-template-columns:1fr 1.1fr;align-items:center}body[data-design] .journey-input-grid input{font-size:23px}body[data-design] .product-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){body[data-design] .parallax-photo,body[data-design] .visible-hero-console,body[data-design] [data-motion-ready],body[data-design] .product-shell:before{transform:none!important;opacity:1!important}}
body[data-design] .legal-content h1{font-size:clamp(34px,4.5vw,64px);line-height:1.1;overflow-wrap:anywhere;hyphens:auto;max-width:100%}body[data-design] .legal-content p{font-size:16px;line-height:1.85}body[data-design] .legal-content h2{font-size:27px;line-height:1.2}
body[data-design] .niche-page{--niche:#cef45c;--niche-soft:#edf1ff}body[data-design] .niche-acceptance{background:#1945c4;color:#fff}body[data-design] .niche-acceptance :is(h2,p,li){color:#fff}body[data-design] .niche-acceptance :is(.eyebrow,.quiet-link,.niche-boundary strong,.acceptance-list>li>span){color:#e0f8b5}body[data-design] .sales-offer{background:#101112;color:#fff}body[data-design] .sales-offer :is(h2,p,small,a,.eyebrow){color:#eceeed}body[data-design] .sales-offer .button.dark{background:#cef45c;color:#101112;border-color:#cef45c}body[data-design] .sales-offer .button.dark svg{background:#101112;color:#cef45c}body[data-design] .sales-offer .offer-preparation article>span{color:#cef45c}body[data-design] .contact-section .contact-footnote{color:#fff}body[data-design][data-page="home"] .story-photo-note{background:#fff}
body[data-design] .niche-acceptance .acceptance-list>li>span{background:#cef45c;color:#101112}
/* Connected explanation: step rail and linked tools, adapted to our process. */
body[data-design] .connected-workflow{background:#fff;color:#101112;overflow:hidden}
body[data-design] .connected-workflow>header{text-align:center;max-width:850px;margin:0 auto 48px}
body[data-design] .connected-workflow h2{font-size:clamp(32px,3.6vw,54px);line-height:1.12;letter-spacing:-.045em;margin:18px 0}
body[data-design] .connected-workflow p{color:#505765;font-size:16px;line-height:1.7}
body[data-design] .workflow-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;position:relative}
body[data-design] .workflow-track:before{content:'';position:absolute;top:30px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,#2454e6,#9bb4ff,#2454e6);background-size:200% 100%;animation:workflow-flow 7s linear infinite}
body[data-design] .workflow-track li{position:relative;min-width:0;text-align:center}
body[data-design] .workflow-node{display:grid;place-items:center;position:relative;width:62px;height:62px;margin:0 auto 24px;border:7px solid #edf1ff;border-radius:50%;background:#2454e6;color:#fff;font-size:17px;font-weight:650;box-shadow:0 0 0 1px #dbe2ff,0 12px 28px #2454e61c}
body[data-design] .workflow-track li:last-child .workflow-node{background:#cef45c;color:#101112;border-color:#eff9d9}
body[data-design] .workflow-track article{height:calc(100% - 86px);padding:24px 17px;border:1px solid #e2e6ef;border-radius:20px;background:#f8f9fc;text-align:left}
body[data-design] .workflow-track article>span{color:#1945c4;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
body[data-design] .workflow-track h3{font-size:19px;line-height:1.28;margin:12px 0;color:#101112}
body[data-design] .workflow-track p{font-size:14px;margin:0}
body[data-design] .workflow-network{margin-top:54px;border-radius:28px;background:#f0f3ff;padding:36px;display:grid;grid-template-columns:1fr 1.8fr;gap:45px;align-items:center}
body[data-design] .workflow-core{border:2px solid #2454e6;border-radius:50%;aspect-ratio:1;max-width:290px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px;background:#fff;box-shadow:0 0 0 12px #ffffff88,0 0 0 24px #2454e60a}
body[data-design] .workflow-core>span{font-size:11px;color:#1945c4;letter-spacing:.08em;font-weight:650}
body[data-design] .workflow-core>strong{font-size:25px;line-height:1.2;margin:14px 0;color:#101112}
body[data-design] .workflow-core p{font-size:13px;margin:0}
body[data-design] .workflow-satellites{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body[data-design] .workflow-satellites a{position:relative;display:flex;gap:12px;align-items:flex-start;padding:22px;background:#fff;border:1px solid #dce3fa;border-radius:20px;text-decoration:none;color:#101112;transition:transform .2s,box-shadow .2s}
body[data-design] .workflow-satellites a:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2454e615}
body[data-design] .workflow-satellites a>span{font-size:12px;background:#edf1ff;border-radius:50%;padding:8px;color:#1945c4}
body[data-design] .workflow-satellites h3{font-size:18px;margin:0 0 8px;line-height:1.3}
body[data-design] .workflow-satellites p{font-size:14px;margin:0}
body[data-design] .workflow-satellites b{margin-left:auto;color:#1945c4}
body[data-design] .workflow-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #e2e6ef;margin-top:36px;padding-top:28px}
body[data-design] .workflow-bottom p{max-width:740px;font-size:14px;margin:0}
body[data-design] .workflow-bottom strong{color:#101112}
body[data-design] .workflow-bottom .button{flex-shrink:0}
@keyframes workflow-flow{to{background-position:200% 0}}
@media(max-width:1000px){body[data-design] .workflow-track{gap:9px}body[data-design] .workflow-track article{padding:18px 12px}body[data-design] .workflow-track h3{font-size:17px}body[data-design] .workflow-network{gap:28px;padding:26px;grid-template-columns:1fr 1.5fr}body[data-design] .workflow-satellites{grid-template-columns:1fr}body[data-design] .workflow-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){body[data-design] .workflow-track{grid-template-columns:1fr;gap:18px}body[data-design] .workflow-track:before{left:26px;right:auto;top:26px;bottom:100px;height:auto;width:3px}body[data-design] .workflow-track li{display:grid;grid-template-columns:54px 1fr;gap:15px;text-align:left}body[data-design] .workflow-node{width:54px;height:54px;margin:0;border-width:5px;font-size:15px}body[data-design] .workflow-track article{height:auto;padding:20px}body[data-design] .workflow-track h3{font-size:20px}body[data-design] .workflow-network{grid-template-columns:1fr;padding:24px 18px;gap:35px;margin-top:36px}body[data-design] .workflow-core{max-width:250px;margin:10px auto}body[data-design] .connected-workflow>header{margin-bottom:30px}body[data-design] .workflow-bottom .button{white-space:normal;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){body[data-design] .workflow-track:before{animation:none}}
/* Text on photos uses a predictable solid surface, independent of image brightness. */
body[data-design] .svc-photo-outcome{background:#132351;color:#fff}
body[data-design] .svc-photo-outcome :is(span,strong,small){color:#fff;opacity:1}
body[data-design][data-page="home"] .story-caption{background:#192765;color:#fff}
body[data-design][data-page="home"] .story-caption :is(h2,span,a){color:#fff;opacity:1}
/* Active navigation must change foreground and background in the same frame. */
body[data-design] .product-sidebar nav a,body[data-design] .product-sidebar nav a *{transition:none}
body[data-design] .product-sidebar nav a:not(.active){background:#fff;color:#505765}
body[data-design] .product-sidebar nav a:not(.active) :is(span,small,b){color:#505765}
body[data-design] .product-sidebar nav a.active{background:#2454e6;color:#fff}
body[data-design] .product-sidebar nav a.active :is(span,small){color:#fff}
body[data-design] .product-sidebar nav a.active b{color:#cef45c}
body[data-design] .product-checks .failed b{color:#884b1c}
body[data-design] .product-sidebar nav a.active b{color:#fff}
/* COGNIX visual direction: cobalt stages, cut corners, editorial type, quiet UI. */
body[data-design="cognix"]{--ink:#101112;--paper:#eceeed;--muted:#515760;--green:#2454e6;--lime:#cef45c;--home-accent:#cef45c;background:#eceeed;color:#101112}
body[data-design="cognix"] :where(main>.section,.niche-page>.section,.svc>.section){border-radius:24px;padding:clamp(30px,4.5vw,64px);margin:16px auto;max-width:1400px}
body[data-design="cognix"] h1,body[data-design="cognix"] h2,body[data-design="cognix"] h3{font-weight:500;letter-spacing:-.045em}
body[data-design="cognix"] h1{line-height:1.02}
body[data-design="cognix"] .site-header{background:transparent;border-radius:0;height:80px;margin:0 auto;padding-inline:10px;border-bottom:1px solid #d8dcd9}
body[data-design="cognix"] .brand{font-size:32px;letter-spacing:-1.8px}
body[data-design="cognix"] .button{border-radius:100px;min-height:48px;padding:14px 22px;font-size:13px}
body[data-design="cognix"] .button.dark{background:#101112;color:#fff}
body[data-design="cognix"] .button.dark svg{background:#fff;color:#101112}
body[data-design="cognix"] .button.lime{background:#cef45c;color:#101112}
body[data-design="cognix"] .button.outline{background:transparent;color:#101112;border:1px solid #bfc5c1}
body[data-design="cognix"] .site-footer{background:#101112;border-radius:24px;margin:16px auto;max-width:1400px;width:calc(100% - 40px);color:#fff}
body[data-design="cognix"] .footer-brand{font-size:clamp(60px,11vw,160px);font-weight:500;letter-spacing:-.07em;color:#fff}
body[data-design="cognix"] .footer-bottom,body[data-design="cognix"] .footer-top,body[data-design="cognix"] .site-footer a{color:#fff}
body[data-design="cognix"] .site-footer .footer-cta{color:#cef45c}
/* Entirely new home composition. */
body[data-design="cognix"] .cognix-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;background:#2454e6;color:#fff;overflow:visible;margin-top:36px;border-radius:24px;padding:60px 64px 45px}
body[data-design="cognix"] .cognix-hero:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:24px;background:radial-gradient(ellipse at 70% 60%,#5481ff50,transparent 55%),linear-gradient(145deg,transparent 48%,#ffffff12 49%,transparent 50%,transparent 63%,#ffffff0a 64%,transparent 66%);clip-path:polygon(0 0,91% 0,100% 18%,100% 100%,0 100%)}
body[data-design="cognix"] .cognix-hero .hero-copy{position:relative;z-index:2;max-width:700px;align-self:center}
body[data-design="cognix"] .cognix-hero .eyebrow{color:#fff;font-size:12px;margin-bottom:26px;letter-spacing:.08em}
body[data-design="cognix"] .cognix-hero h1{font-size:clamp(52px,5.8vw,86px);line-height:.99;font-weight:500;letter-spacing:-.055em;margin:0 0 30px;max-width:none}
body[data-design="cognix"] .cognix-hero h1 span{color:#cef45c;background:none;padding:0;border-radius:0}
body[data-design="cognix"] .cognix-hero .hero-description{font-size:16px;line-height:1.7;max-width:470px;color:#fff;margin-bottom:28px}
body[data-design="cognix"] .cognix-hero .button.dark{background:#fff;color:#101112}
body[data-design="cognix"] .cognix-hero .button.dark svg{background:#101112;color:#fff}
body[data-design="cognix"] .cognix-play{width:48px;height:48px;background:#fff;color:#101112;border-radius:50%;display:grid;place-items:center;font-size:24px;text-decoration:none}
body[data-design="cognix"] .cognix-caption{font-size:12px;color:#fff;line-height:1.6;margin:22px 0 0;max-width:370px}
body[data-design="cognix"] .cognix-person{position:absolute;right:0;bottom:0;width:49%;height:110%;pointer-events:none;z-index:1;overflow:hidden;border-radius:0 0 24px 0}
body[data-design="cognix"] .cognix-person>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;filter:none}
body[data-design="cognix"] .cognix-person>small{position:absolute;bottom:18px;right:20px;font-size:11px;background:#101112;color:#fff;padding:7px 10px;border-radius:100px}
body[data-design="cognix"] .cognix-float{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;color:#101112;border-radius:100px;padding:10px 14px;font-size:12px;box-shadow:0 8px 24px #10111220}
body[data-design="cognix"] .cognix-float i{height:8px;width:8px;border-radius:50%;background:#2454e6}
body[data-design="cognix"] .float-one{top:38%;left:3%}.float-two{top:66%;right:5%}
body[data-design="cognix"] .float-two i{background:#70961a}
body[data-design="cognix"] .cognix-intro-grid{width:calc(100% - 40px);max-width:1400px;margin:16px auto 42px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px}
body[data-design="cognix"] .cognix-intro-grid article{padding:30px;border-radius:24px;min-height:280px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
body[data-design="cognix"] .cognix-intro-grid article>span{font-size:11px;letter-spacing:.06em}
body[data-design="cognix"] .cognix-intro-grid h2{font-size:27px;line-height:1.13;margin:28px 0 18px}
body[data-design="cognix"] .cognix-intro-grid p{font-size:14px;line-height:1.65;margin:0 0 24px;max-width:300px}
body[data-design="cognix"] .cognix-intro-grid a{font-size:12px;margin-top:auto;text-decoration:underline;text-underline-offset:5px;line-height:1.6;color:inherit}
body[data-design="cognix"] .intro-dark{background:#101112;color:#fff}
body[data-design="cognix"] .intro-dark>span{color:#cef45c}
body[data-design="cognix"] .intro-lime{background:#cef45c;color:#101112}
body[data-design="cognix"] .intro-photo{background:#101112;color:#fff;padding:0!important;min-height:280px}
body[data-design="cognix"] .intro-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
body[data-design="cognix"] .intro-photo>div{position:relative;margin-top:auto;background:#101112eF;padding:20px 28px;width:100%}
body[data-design="cognix"] .intro-photo h2{font-size:24px;margin:10px 0 14px}
body[data-design="cognix"] .intro-photo span{font-size:11px;color:#cef45c}
body[data-design="cognix"] .cognix-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;background:transparent!important}
body[data-design="cognix"] .cognix-preview>div:first-child h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:22px 0}
body[data-design="cognix"] .cognix-preview>div:first-child p{font-size:16px;line-height:1.75;max-width:450px;color:#515760}
body[data-design="cognix"] .visible-hero-console{transform:none!important;box-shadow:none;border:1px solid #dce0dd}
body[data-design="cognix"] .visible-hero-story{background:#fff!important;padding:16px!important}
body[data-design="cognix"] .visible-hero-story .story-photo img{filter:none}
body[data-design="cognix"] .visible-hero-story .story-tabs{background:#eceeed!important}
/* Services and industry heroes are one coherent cobalt stage, not stacked sales cards. */
body[data-design="cognix"] .svc-hero{background:transparent!important;padding:0!important;overflow:visible}
body[data-design="cognix"] .svc-breadcrumbs{padding:18px 10px}
body[data-design="cognix"] .svc-hero-grid{padding:54px;background:#2454e6;color:#fff;border-radius:24px;gap:45px;position:relative;overflow:hidden;align-items:center}
body[data-design="cognix"] .svc h1{font-size:clamp(42px,5.2vw,74px);line-height:1.02;font-weight:500;letter-spacing:-.055em}
body[data-design="cognix"] .svc-hero :is(.eyebrow,.svc-lead){color:#fff}
body[data-design="cognix"] .svc-hero h1 span{color:#cef45c;background:none;border-radius:0;padding:0}
body[data-design="cognix"] .svc-hero .button.dark{background:#fff;color:#101112}
body[data-design="cognix"] .svc-hero .button.outline{border-color:#ffffff80;color:#fff;background:transparent}
body[data-design="cognix"] .svc-hero-visual{border-radius:0 60px 0 0;background:#101112;overflow:hidden;clip-path:polygon(0 0,86% 0,100% 15%,100% 100%,0 100%)}
body[data-design="cognix"] .svc-context-photo{border-radius:0;min-height:350px}
body[data-design="cognix"] .svc-context-photo img{filter:none;min-height:350px;object-fit:cover}
body[data-design="cognix"] .svc-visual-bottom{background:#101112;color:#fff}
body[data-design="cognix"] .svc-context-route{background:#101112}
body[data-design="cognix"] .svc-context-route li{background:#202327;color:#fff;border-color:#41464d}
body[data-design="cognix"] .cognix-service-scope{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;background:#fff}
body[data-design="cognix"] .cognix-service-scope .svc-scope-boundary{margin:0}
body[data-design="cognix"] .svc-outcome-pack{border-radius:24px}
body[data-design="cognix"] .svc-outcome-intro{background:#101112;color:#fff}
body[data-design="cognix"] .svc-outcome-intro :is(h2,p,span,.eyebrow){color:#fff}
body[data-design="cognix"] .svc-outcome-card{background:#fff;border-radius:20px;border:0;padding:28px}
body[data-design="cognix"] .svc-outcome-card:nth-child(2){background:#cef45c;color:#101112}
body[data-design="cognix"] .landing-hero{background:#2454e6!important;color:#fff;padding:40px 54px!important}
body[data-design="cognix"] .landing-hero :is(.breadcrumbs,.breadcrumbs a,.breadcrumbs span,.eyebrow,.hero-description,.hero-pilot,.hero-development,.buyer-ribbon,.buyer-ribbon p,.buyer-ribbon>span){color:#fff}
body[data-design="cognix"] .landing-hero h1{font-size:clamp(39px,4.9vw,70px);font-weight:500;line-height:1.04}
body[data-design="cognix"] .landing-hero .button.dark{background:#fff;color:#101112}
body[data-design="cognix"] .landing-hero .quiet-link{color:#fff}
body[data-design="cognix"] .landing-tags span{background:#1945c4;color:#fff;border:1px solid #ffffff40;border-radius:100px}
body[data-design="cognix"] .landing-hero .niche-photo{border-radius:0 50px 0 0;clip-path:polygon(0 0,85% 0,100% 18%,100% 100%,0 100%)}
body[data-design="cognix"] .landing-hero .niche-photo img{filter:none}
body[data-design="cognix"] .landing-hero .proof-offer{background:#101112;color:#fff;border-radius:0 0 20px 20px;margin-top:0}
body[data-design="cognix"] .buyer-ribbon{border-top:1px solid #ffffff50}
/* Repacked content: dark context, white evidence, lime outcome. */
body[data-design="cognix"] .sales-benefits{background:transparent!important;padding-inline:0!important}
body[data-design="cognix"] .sales-benefits>.eyebrow{padding:0 20px}
body[data-design="cognix"] .cognix-outcome-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 54px}
body[data-design="cognix"] .cognix-outcome-grid article{background:#fff;border:0;border-radius:24px;padding:32px;min-height:220px}
body[data-design="cognix"] .cognix-outcome-grid article:first-child{background:#101112;color:#fff}
body[data-design="cognix"] .cognix-outcome-grid article:first-child :is(p,span){color:#fff}
body[data-design="cognix"] .cognix-outcome-grid article:last-child{background:#cef45c;color:#101112}
body[data-design="cognix"] .cognix-outcome-grid article:last-child :is(p,span){color:#101112}
body[data-design="cognix"] .cognix-outcome-grid article>span{font-size:12px;border:0;display:block;margin-bottom:30px}
body[data-design="cognix"] .cognix-outcome-grid p{font-size:22px;line-height:1.3;letter-spacing:-.03em}
body[data-design="cognix"] .sales-path{background:#fff;padding:40px;border-radius:24px}
body[data-design="cognix"] .before-after article:last-child{background:#cef45c;color:#101112}
body[data-design="cognix"] .niche-acceptance{background:#101112;color:#fff}
body[data-design="cognix"] .niche-acceptance :is(.eyebrow,.quiet-link,.niche-boundary strong){color:#cef45c}
body[data-design="cognix"] .visible-feature{background:#101112;background-image:none}
body[data-design="cognix"] .visible-feature-intro em{color:#cef45c}
body[data-design="cognix"] .visible-evidence{background:transparent}
body[data-design="cognix"] .visible-paper-grid article{border-radius:24px}
body[data-design="cognix"] .visible-paper-grid article:nth-child(2){background:#101112}
body[data-design="cognix"] .visible-paper-grid article:last-child{background:#cef45c}
body[data-design="cognix"] .connected-workflow{background:#fff}
body[data-design="cognix"] .connected-workflow>header{text-align:left;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 60px;align-items:end}
body[data-design="cognix"] .connected-workflow>header>.eyebrow{grid-column:1/-1}
body[data-design="cognix"] .connected-workflow>header h2{margin:0;max-width:650px}
body[data-design="cognix"] .connected-workflow>header p{max-width:450px;margin:0}
body[data-design="cognix"] .workflow-node{border-radius:12px;background:#101112;border-color:#eceeed;color:#cef45c;box-shadow:none}
body[data-design="cognix"] .workflow-track:before{background:#bfc7c2;animation:none;height:1px}
body[data-design="cognix"] .workflow-track article{border:0;border-radius:18px;background:#eceeed}
body[data-design="cognix"] .workflow-network{background:#101112;border-radius:24px}
body[data-design="cognix"] .workflow-core{border:0;border-radius:20px;aspect-ratio:auto;background:#101112;box-shadow:none;color:#fff;text-align:left;padding:20px}
body[data-design="cognix"] .workflow-core>strong{color:#fff;font-size:32px}
body[data-design="cognix"] .workflow-core>span{color:#cef45c}
body[data-design="cognix"] .workflow-core p{color:#fff}
body[data-design="cognix"] .workflow-satellites a{border:0;border-radius:16px}
body[data-design="cognix"] .workflow-satellites a:last-child{background:#cef45c}
body[data-design="cognix"] .goal-grid>button{border-radius:24px;background:#fff;border:1px solid #d5dbd6;min-height:250px}
body[data-design="cognix"] .goal-grid>button:nth-child(2){background:#101112;color:#fff}
body[data-design="cognix"] .goal-grid>button.selected{background:#cef45c;color:#101112}
body[data-design="cognix"] .solution-card{border-radius:24px;background:#fff;border:1px solid #dce0dd}
body[data-design="cognix"] .solution-card .card-photo img{filter:none;transition:transform .4s}
body[data-design="cognix"] .card-category{background:#101112;color:#fff}
body[data-design="cognix"] .service-picker,body[data-design="cognix"] .catalog-section{background:transparent!important}
body[data-design="cognix"] .svc-service-card,body[data-design="cognix"] .svc-market-card{border-radius:24px;border:1px solid #dce0dd;background:#fff}
body[data-design="cognix"] .svc-service-card:nth-child(2){background:#101112;color:#fff}
body[data-design="cognix"] .svc-service-card:nth-child(2) :is(h3,p,span,small,a){color:#fff}
/* A quiet workspace in the same identity. */
body[data-design="cognix"] .product-header{background:#eceeed;border:0;border-radius:0;height:72px;margin:0 auto;width:100%;max-width:1700px}
body[data-design="cognix"] .product-shell{background:#eceeed;gap:0;padding:0;max-width:1700px}
body[data-design="cognix"] .product-shell:before{display:none}
body[data-design="cognix"] .product-sidebar{background:#101112;color:#fff;border-radius:0 24px 24px 0;padding-top:28px}
body[data-design="cognix"] .product-sidebar :is(.product-space>span,.product-space small,.product-sidebar-note){color:#d1d6d2}
body[data-design="cognix"] .product-sidebar nav a:not(.active){background:transparent;color:#fff}
body[data-design="cognix"] .product-sidebar nav a:not(.active) :is(span,small,b){color:#fff}
body[data-design="cognix"] .product-sidebar nav a.active{background:#cef45c;color:#101112;border-radius:12px}
body[data-design="cognix"] .product-sidebar nav a.active :is(span,small,b){color:#101112}
body[data-design="cognix"] .product-main{background:#eceeed;padding:20px 30px 60px}
body[data-design="cognix"] .product-quick-start{background:#2454e6;color:#fff;border-radius:20px;border:0}
body[data-design="cognix"] .product-quick-start :is(p,span,strong,small){color:#fff}
body[data-design="cognix"] .product-quick-start nav a{background:#fff;color:#101112;border-radius:12px}
body[data-design="cognix"] .product-quick-start nav a :is(span,strong,small){color:#101112}
body[data-design="cognix"] .product-stats>article{background:#fff;border-radius:20px;border:0}
body[data-design="cognix"] .product-stats>article:nth-child(2){background:#101112;color:#fff}
body[data-design="cognix"] .product-stats>article:nth-child(2) :is(span,strong){color:#fff}
body[data-design="cognix"] .product-stats>article:last-child{background:#cef45c;color:#101112}
body[data-design="cognix"] .product-record{border-radius:20px}
body[data-design="cognix"] .contact-section{background:#101112;color:#fff}
body[data-design="cognix"] .contact-section h2{color:#cef45c}
@media(max-width:1100px){body[data-design="cognix"] .cognix-hero{padding:45px;min-height:590px}body[data-design="cognix"] .cognix-hero h1{font-size:65px}body[data-design="cognix"] .cognix-intro-grid h2{font-size:24px}body[data-design="cognix"] .svc-hero-grid{padding:38px;gap:25px}body[data-design="cognix"] .svc h1{font-size:53px}body[data-design="cognix"] .cognix-person{width:48%;height:103%}}
@media(max-width:800px){body[data-design="cognix"] .cognix-hero{padding:36px;min-height:570px;grid-template-columns:1fr}body[data-design="cognix"] .cognix-hero h1{font-size:60px}body[data-design="cognix"] .cognix-hero .hero-description{max-width:340px}body[data-design="cognix"] .cognix-person{width:48%;opacity:.8}body[data-design="cognix"] .cognix-intro-grid{grid-template-columns:1fr 1fr}body[data-design="cognix"] .cognix-intro-grid article:last-child{grid-column:1/-1;min-height:200px}body[data-design="cognix"] .cognix-preview{grid-template-columns:1fr;gap:30px}body[data-design="cognix"] .cognix-service-scope{grid-template-columns:1fr}body[data-design="cognix"] .connected-workflow>header{grid-template-columns:1fr;gap:20px}body[data-design="cognix"] .cognix-outcome-grid{grid-template-columns:1fr}body[data-design="cognix"] .cognix-outcome-grid article{min-height:180px}body[data-design="cognix"] .product-sidebar{border-radius:20px;margin:0 12px}body[data-design="cognix"] .product-main{padding:20px 12px 60px}}
@media(max-width:600px){body[data-design="cognix"] :where(main>.section,.niche-page>.section,.svc>.section){width:calc(100% - 24px);padding:30px 22px;margin:12px auto;border-radius:20px}body[data-design="cognix"] .site-header{height:72px;width:calc(100% - 24px);margin:0 auto;padding:0 8px}body[data-design="cognix"] .cognix-hero{display:block;margin-top:18px;min-height:0;padding:32px 24px 0;overflow:hidden}body[data-design="cognix"] .cognix-hero h1{font-size:clamp(41px,10.9vw,63px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}body[data-design="cognix"] .cognix-hero .eyebrow{font-size:10px;margin-bottom:26px}body[data-design="cognix"] .cognix-hero .hero-description{font-size:15px;max-width:none;line-height:1.7}body[data-design="cognix"] .cognix-hero .hero-copy{max-width:none}body[data-design="cognix"] .cognix-person{position:relative;width:calc(100% + 48px);height:370px;right:auto;margin:10px -24px 0;opacity:1;border-radius:0}body[data-design="cognix"] .cognix-person>img{object-position:center 12%;object-fit:cover}body[data-design="cognix"] .float-one{top:35%;left:5%}body[data-design="cognix"] .float-two{top:72%;right:5%}body[data-design="cognix"] .cognix-person>small{font-size:10px;bottom:12px}body[data-design="cognix"] .cognix-intro-grid{width:calc(100% - 24px);grid-template-columns:1fr;gap:12px;margin-bottom:20px}body[data-design="cognix"] .cognix-intro-grid article{min-height:235px;padding:28px;border-radius:20px}body[data-design="cognix"] .cognix-intro-grid article:last-child{grid-column:auto}body[data-design="cognix"] .cognix-intro-grid h2{font-size:29px;margin:20px 0}body[data-design="cognix"] .cognix-preview{padding-inline:16px!important}body[data-design="cognix"] .cognix-preview .visible-hero-story{margin-inline:0!important;min-width:0}body[data-design="cognix"] .svc-hero-grid{padding:32px 24px;gap:32px;border-radius:20px}body[data-design="cognix"] .svc h1{font-size:40px;line-height:1.05}body[data-design="cognix"] .svc-hero .svc-lead{font-size:15px}body[data-design="cognix"] .svc-hero-visual{border-radius:0 35px 0 0}body[data-design="cognix"] .svc-context-photo,body[data-design="cognix"] .svc-context-photo img{min-height:270px}body[data-design="cognix"] .landing-hero{padding:28px 23px!important}body[data-design="cognix"] .landing-hero h1{font-size:39px}body[data-design="cognix"] .landing-hero .hero-description{font-size:16px}body[data-design="cognix"] .sales-path{padding:24px 16px}body[data-design="cognix"] .cognix-outcome-grid{gap:12px;margin-bottom:30px}body[data-design="cognix"] .sales-benefits>.eyebrow{padding:0 10px}body[data-design="cognix"] .cognix-outcome-grid p{font-size:23px}body[data-design="cognix"] .product-header{padding-inline:20px}body[data-design="cognix"] .product-stats>article{border-radius:15px}body[data-design="cognix"] .site-footer{width:calc(100% - 24px);border-radius:20px}body[data-design="cognix"] .workflow-track:before{width:1px;height:auto}}
body[data-design="cognix"] .svc-hero h1 em{color:#cef45c;background:none;border-radius:0;padding:0;font-style:normal}
body[data-design="cognix"] .svc-context-route li :is(span,strong){color:#fff}
body[data-design="cognix"] .svc-context-route li:nth-child(2) :is(span,strong){color:#101112}
body[data-design="cognix"] .cognix-hero:after{content:'';position:absolute;right:-1px;top:-1px;width:95px;height:95px;background:#eceeed;clip-path:polygon(0 0,100% 0,100% 100%);z-index:0;pointer-events:none}
@media(max-width:600px){body[data-design="cognix"] .cognix-hero:after{width:38px;height:38px}}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
body[data-design="cognix"] :is(h1,h2,h3,h4){font-family:Manrope,Onest,Arial,sans-serif}
body[data-design="cognix"] .landing-hero .hero-pilot strong{color:#fff}
body[data-design="cognix"] .buyer-ribbon{background:#1945c4;color:#fff}
body[data-design="cognix"] .product-sidebar nav a.active .nav-wide small{color:#101112}
body[data-design="cognix"] .product-sidebar-note{background:#202327;color:#fff;border:1px solid #42474b}
body[data-design="cognix"] .product-sidebar-note :is(strong,p,span,a){color:#fff}
body[data-design="cognix"] .product-mode{flex-wrap:wrap;gap:12px}
body[data-design="cognix"] .product-mode p{flex:1 1 220px}
body[data-design="cognix"] .product-mode .motion-toggle{white-space:nowrap;min-width:165px;flex-shrink:0;text-decoration:none}
@media(min-width:801px) and (max-width:1100px){body[data-design="cognix"] .product-shell{grid-template-columns:190px minmax(0,1fr)}body[data-design="cognix"] .product-main{padding-inline:20px}body[data-design="cognix"] .product-sidebar{padding-inline:12px}}
@media(max-width:600px){body[data-design="cognix"] .cognix-hero .hero-actions{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}body[data-design="cognix"] .cognix-hero .hero-actions .button{width:auto;flex:1;min-width:0;font-size:12px;padding:13px 15px}body[data-design="cognix"] .cognix-play{width:44px;height:44px;min-width:44px;flex-shrink:0}}
body[data-design="cognix"] .cognix-intro-grid .intro-dark p{color:#fff}
body[data-design="cognix"] .svc-service-card:nth-child(2) .svc-compact-proof :is(dt,dd){color:#fff}
body[data-design="cognix"] .svc-service-card:nth-child(2) .svc-compact-proof dd{font-weight:500}
body[data-design="cognix"] .svc-service-card:nth-child(2) .svc-card-photo figcaption{color:#101112;background:#fff}
body[data-design="cognix"] .landing-hero-grid>.hero-copy{min-width:0}
body[data-design="cognix"] .landing-hero h1{overflow-wrap:anywhere;hyphens:auto}
/* Compact solution hero: illustration and one benefit; detailed evidence below. */
body[data-design="cognix"] .landing-hero{padding:28px 42px!important}
body[data-design="cognix"] .landing-hero .breadcrumbs{margin-bottom:18px}
body[data-design="cognix"] .landing-hero-grid{align-items:start;gap:36px}
body[data-design="cognix"] .landing-hero-grid>.hero-copy{padding-top:0}
body[data-design="cognix"] .landing-hero h1{font-size:clamp(37px,4.3vw,62px);margin:18px 0 22px;line-height:1.04}
body[data-design="cognix"] .landing-hero .hero-description{font-size:16px;line-height:1.65;margin-bottom:22px}
body[data-design="cognix"] .landing-hero .hero-pilot{margin-top:20px}
body[data-design="cognix"] .landing-hero .landing-tags{margin-top:18px}
body[data-design="cognix"] .landing-hero .niche-photo{clip-path:none;border:0;border-radius:0 38px 20px 20px;background:#fff}
body[data-design="cognix"] .landing-hero .niche-photo:after{display:none}
body[data-design="cognix"] .landing-hero .niche-photo picture{overflow:hidden;clip-path:polygon(0 0,88% 0,100% 18%,100% 100%,0 100%);background:#2454e6}
body[data-design="cognix"] .landing-hero .niche-photo img{height:340px;object-fit:cover}
body[data-design="cognix"] .landing-hero .niche-photo figcaption{top:14px;left:14px;right:14px;flex-wrap:wrap;justify-content:flex-start;gap:6px}
body[data-design="cognix"] .photo-hero-summary{padding:22px 24px;color:#101112;background:#fff}
body[data-design="cognix"] .photo-hero-summary>span{display:block;color:#515760;font-size:11px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
body[data-design="cognix"] .photo-hero-summary>strong{font-size:22px;line-height:1.3;letter-spacing:-.03em;font-weight:500;display:block}
body[data-design="cognix"] .landing-hero .buyer-ribbon{margin-top:26px;padding:16px 20px}
body[data-design="cognix"] .solution-trial-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}
body[data-design="cognix"] .solution-trial-panel{border-radius:20px;border:1px solid #dce0dd;overflow:hidden;background:#fff;min-width:0}
body[data-design="cognix"] .solution-trial-panel .photo-caption{padding:26px;position:static}
body[data-design="cognix"] .solution-trial-grid>.proof-offer{margin:0;padding:28px;border-radius:20px;background:#101112;color:#fff}
body[data-design="cognix"] .solution-trial-grid .photo-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body[data-design="cognix"] .solution-trial-grid .photo-demo-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body[data-design="cognix"] .solution-trial-grid .photo-compare-pair dd{grid-template-columns:1fr;gap:10px}
body[data-design="cognix"] .solution-trial-grid .photo-compare-pair dd>i{display:none}
/* Separate process cards instead of a joined slab. */
body[data-design="cognix"] .svc-flow{gap:18px;border:0;border-radius:0;background:transparent;overflow:visible}
body[data-design="cognix"] .svc-flow>li{border:1px solid #dce0dd;border-radius:20px;padding:26px;min-height:225px;box-shadow:0 4px 16px #10111203}
body[data-design="cognix"] .svc-flow:has(>li:nth-child(6))>li:nth-child(-n+3){border-bottom:1px solid #dce0dd}
body[data-design="cognix"] .svc-flow>li>span{margin-bottom:24px;border-color:#b7c4ef;background:#fff;color:#1945c4}
body[data-design="cognix"] .svc-flow>li>p{font-size:14px;line-height:1.75}
body[data-design="cognix"] .sales-path-grid{gap:18px;border:0;background:transparent;overflow:visible}
body[data-design="cognix"] .sales-path-grid>li{border:1px solid #dce0dd;border-radius:18px}
body[data-design="cognix"][data-motion="full"] [data-motion-ready]{transition-delay:var(--motion-delay,0ms)}
body[data-design="cognix"][data-motion="full"] :is(.svc-flow>li,.sales-benefit-grid>article,.sales-path-grid>li,.workflow-track>li)[data-in-view="true"]{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transition-delay:0ms}
body[data-design="cognix"][data-motion="full"] :is(.svc-flow>li,.sales-benefit-grid>article,.sales-path-grid>li):hover{transform:translateY(-4px);box-shadow:0 12px 28px #1011120d;border-color:#a8b9ee}
body[data-design="cognix"][data-motion="full"] .svc-flow>li[data-in-view="true"]>span{animation:step-card-arrive .65s ease-out both;animation-delay:var(--motion-delay,0ms)}
@keyframes step-card-arrive{from{box-shadow:0 0 0 0 #2454e640;transform:scale(.85)}to{box-shadow:0 0 0 10px #2454e600;transform:scale(1)}}
body[data-design="cognix"] .service-deep-dive{margin-top:20px;border:1px solid #dce0dd;border-radius:20px;background:#fff}
body[data-design="cognix"] .service-deep-dive>summary{padding:20px 24px;font-size:16px;cursor:pointer;line-height:1.5;font-weight:500}
body[data-design="cognix"] .service-deep-dive .svc-explain{width:100%;margin:0;padding:24px!important}
@media(max-width:1000px){body[data-design="cognix"] .solution-trial-grid{grid-template-columns:1fr}body[data-design="cognix"] .landing-hero .niche-photo img{height:300px}}
@media(max-width:650px){body[data-design="cognix"] .landing-hero{padding:24px 22px!important}body[data-design="cognix"] .landing-hero .breadcrumbs{margin-bottom:18px;font-size:11px}body[data-design="cognix"] .landing-hero h1{font-size:36px;margin:16px 0 20px}body[data-design="cognix"] .landing-hero .eyebrow{font-size:11px;line-height:1.7}body[data-design="cognix"] .landing-hero .niche-photo img{height:235px}body[data-design="cognix"] .photo-hero-summary{padding:19px}body[data-design="cognix"] .photo-hero-summary>strong{font-size:20px}body[data-design="cognix"] .solution-trial-panel .photo-caption{padding:20px}body[data-design="cognix"] .solution-trial-grid .photo-compare-grid,body[data-design="cognix"] .solution-trial-grid .photo-demo-choice{grid-template-columns:1fr}body[data-design="cognix"] .svc-flow,body[data-design="cognix"] .svc-flow:has(>li:nth-child(6)){grid-template-columns:1fr;gap:16px}body[data-design="cognix"] .svc-flow>li{min-height:0;padding:24px}body[data-design="cognix"] .svc-flow>li:not(:last-child):after{content:'↓'}body[data-design="cognix"] .service-deep-dive .svc-explain{padding:18px!important}}
@media(prefers-reduced-motion:reduce){body[data-design="cognix"] .svc-flow>li>span{animation:none}}
body[data-design="cognix"][data-motion="full"] :is(.svc-flow>li,.sales-benefit-grid>article,.sales-path-grid>li,.workflow-track>li)[data-in-view="true"]{transition:opacity .5s ease-out,transform .5s ease-out,box-shadow .3s ease,border-color .3s ease;transition-delay:var(--motion-delay,0ms)}
body[data-design="cognix"][data-motion="full"] :is(.svc-flow>li,.sales-benefit-grid>article,.sales-path-grid>li):hover{transition-delay:0ms}
body[data-design="cognix"] :is(.svc-outcome-grid,.process-grid){gap:18px;border:0;background:transparent;overflow:visible}
body[data-design="cognix"] .svc-outcome-grid>article{border:1px solid #dce0dd;border-radius:20px;padding:28px;background:#eceeed;color:#101112}
body[data-design="cognix"] .svc-outcome-grid>article:nth-child(2){background:#eef6df}
body[data-design="cognix"] .svc-outcome-grid>article:nth-child(3){background:#edf1ff}
body[data-design="cognix"] .process-grid>article{border:1px solid #dce0dd;border-radius:20px;padding:28px;background:#f6f7f6}
body[data-design="cognix"] :is(.svc-trial-path,.svc-scope-boundary){gap:12px;border:0;background:transparent;overflow:visible}
body[data-design="cognix"] .svc-trial-path>li{border:1px solid #dce0dd;border-radius:12px;padding:12px;background:#f6f7f6}
body[data-design="cognix"] .svc-scope-boundary>div{border:1px solid #dce0dd;border-radius:14px;background:#f6f7f6}
@media(max-width:650px){body[data-design="cognix"] .process-grid{grid-template-columns:1fr}body[data-design="cognix"] .process-grid>article,body[data-design="cognix"] .svc-outcome-grid>article{padding:24px}}
/* Keep actions short; acceptance remains available beside the model link. */
body[data-design="cognix"] .photo-demo-choice .photo-model-info{grid-column:1/-1;border:1px solid #dce0dd;border-radius:14px;background:#f8f9f8;padding:0;margin:0;color:#101112}
body[data-design="cognix"] .photo-model-info>summary{font-size:14px;line-height:1.6;padding:15px 18px;cursor:pointer;min-height:48px;color:#101112}
body[data-design="cognix"] .photo-model-info>p{font-size:14px;line-height:1.7;margin:0;padding:0 18px 16px;color:#515760}
body[data-design="cognix"] .photo-model-info>.photo-model-route{margin:0 18px 16px}
body[data-design="cognix"] .photo-model-info>small{display:block;font-size:12px;line-height:1.65;padding:0 18px 16px;color:#515760}
body[data-design="cognix"] .photo-model-info .photo-model-route li{color:#1945c4}
body[data-design="cognix"] .photo-model-info>summary:focus-visible{outline:3px solid #2454e6;outline-offset:3px;border-radius:12px}
@media(max-width:600px){body[data-design="cognix"] .mobile-cta{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}
body[data-design="cognix"] .svc-demo-output .svc-calculation-stale{background:#fff0d5;color:#70410d;border:1px solid #e5c48c;border-radius:14px;padding:16px 18px;margin:0 0 20px;font-size:14px!important;line-height:1.7}
body[data-design="cognix"] .svc-version-history{border:1px solid #dce0dd;border-radius:16px;background:#fff;margin-top:20px;overflow:hidden}
body[data-design="cognix"] .svc-version-history>summary{cursor:pointer;padding:17px 20px;font-size:14px;line-height:1.6;min-height:48px;color:#101112}
body[data-design="cognix"] .svc-version-history>article{padding:18px 20px;border-top:1px solid #dce0dd;overflow-wrap:anywhere;background:#f6f8fc;color:#101112}
body[data-design="cognix"] .svc-version-history :is(p,small){font-size:14px;line-height:1.7;color:#515760}
body[data-design="cognix"] .svc-version-history p{white-space:pre-wrap;margin:10px 0}
body[data-design="cognix"] .svc-version-history strong{font-size:15px}
body[data-design="cognix"] .svc-version-history>summary:focus-visible{outline:3px solid #2454e6;outline-offset:-3px}
/* A funnel count is one number, never a stack of wrapped digits on phones. */
@media(max-width:600px){body[data-design="cognix"] .svc-funnel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-design="cognix"] .svc-funnel>.svc-metric{min-width:0;padding:14px 12px}body[data-design="cognix"] .svc-funnel strong{white-space:nowrap;font-size:28px;line-height:1.2}body[data-design="cognix"] .svc-funnel span{font-size:12px;line-height:1.5}}
/* Selected concept: process to result. Shared across catalog, services and models. */
body[data-design][data-concept="process"]{background:#fff;--paper:#f0f2f3;--lime:#cef45c;--max:1440px}
body[data-design][data-concept] .site-header{max-width:1440px;width:100%;height:88px;margin:0 auto;padding:0 48px;border-radius:0;background:#fff;border:0}
body[data-design][data-concept] :where(main>.section,.niche-page>.section,.svc>.section){width:100%;max-width:1440px;border-radius:0;margin:0 auto;padding:64px 60px}
body[data-design][data-concept] :is(h1,h2,h3){font-weight:600;letter-spacing:-.045em}
body[data-design][data-concept] :is(.section-heading h2,.scope-heading h2){font-size:clamp(30px,3.2vw,48px);line-height:1.12}
body[data-design][data-concept] .button{border-radius:12px;font-size:14px;min-height:50px}
body[data-design][data-concept] .header-contact{border-radius:40px}
body[data-design][data-concept] .process-hero{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:0;overflow:hidden;background:#2454e6;isolation:isolate}
body[data-design][data-concept] .process-hero:before,body[data-design][data-concept] .process-hero:after{display:none}
body[data-design][data-concept] .process-hero .hero-copy{padding:64px 40px 56px 60px;max-width:none;align-self:center;z-index:2}
body[data-design][data-concept] .process-hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.06;letter-spacing:-.05em;margin:24px 0}
body[data-design][data-concept] .process-hero .eyebrow{margin:0;font-size:11px}
body[data-design][data-concept] .process-hero .hero-description{font-size:19px;line-height:1.55;max-width:420px;margin:0 0 30px}
body[data-design][data-concept] .process-hero-photo{margin:0;height:100%;min-height:540px;position:relative;overflow:hidden}
body[data-design][data-concept] .process-hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:60% center;transform:none!important}
body[data-design][data-concept] .process-hero-photo figcaption{position:absolute;bottom:16px;right:20px;color:#fff;background:#101112b3;padding:5px 9px;font-size:11px;border-radius:4px}
body[data-design][data-concept] .process-secondary{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#fff}
body[data-design][data-concept] .connected-workflow{background:#f0f2f3;padding-top:56px;padding-bottom:48px}
body[data-design][data-concept] .connected-workflow>header{display:block;max-width:100%;margin-bottom:38px}
body[data-design][data-concept] .connected-workflow>header h2{font-size:clamp(30px,3.2vw,46px);margin:12px 0}
body[data-design][data-concept] .connected-workflow>header>p{max-width:650px;font-size:16px;line-height:1.65}
body[data-design][data-concept] .workflow-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;counter-reset:steps}
body[data-design][data-concept] .workflow-track:before{top:33px;left:40px;right:40px;background:#c8cdd3}
body[data-design][data-concept] .workflow-track li{text-align:left;min-width:0}
body[data-design][data-concept] .workflow-node{width:66px;height:66px;margin:0 0 22px;border-radius:50%;background:#fff;color:#2454e6;border:10px solid #f0f2f3;font-weight:650;font-size:18px}
body[data-design][data-concept] .workflow-track li:last-child .workflow-node{background:#cef45c;color:#101112}
body[data-design][data-concept] .workflow-track article{background:transparent;padding:0;border-radius:0;height:auto}
body[data-design][data-concept] .workflow-track h3{font-size:21px;margin:9px 0}
body[data-design][data-concept] .workflow-track p{font-size:15px;line-height:1.65;color:#60636d}
body[data-design][data-concept] .workflow-bottom{border-top:1px solid #d4d9dd;margin-top:30px;padding-top:24px}
body[data-design][data-concept] .workflow-bottom p{font-size:13px;line-height:1.6;max-width:700px}
body[data-design][data-concept] .process-proof{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
body[data-design][data-concept] .process-proof h2{font-size:clamp(32px,3.2vw,46px);line-height:1.1;margin:14px 0 20px}
body[data-design][data-concept] .process-proof p{font-size:16px;line-height:1.65;color:#60636d}
body[data-design][data-concept] .process-sample{background:#edf3ff;padding:24px;margin-top:24px;border-radius:8px}
body[data-design][data-concept] .process-sample>span{color:#1945c4;font-weight:600;font-size:14px}
body[data-design][data-concept] .process-sample dl{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;gap:16px}
body[data-design][data-concept] .process-sample dl>div+div{border-left:1px solid #cbd2dd;padding-left:16px}
body[data-design][data-concept] .process-sample dt{font-size:14px}
body[data-design][data-concept] .process-sample dd{font-size:48px;line-height:1.2;font-weight:650;margin:8px 0 0;letter-spacing:-.05em}
body[data-design][data-concept] .process-sample dl>div:first-child dd{color:#2454e6}
body[data-design][data-concept] .process-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body[data-design][data-concept] .process-comparison article+article{border-left:1px solid #d7dce0;padding-left:22px}
body[data-design][data-concept] .process-comparison article>span{font-size:14px;color:#1945c4;font-weight:600}
body[data-design][data-concept] .process-comparison h3{font-size:20px;line-height:1.3;margin:10px 0}
body[data-design][data-concept] .process-comparison p{font-size:14px}
body[data-design][data-concept] .process-comparison figure{grid-column:1/-1;margin:0;position:relative}
body[data-design][data-concept] .process-comparison img{width:100%;height:220px;object-fit:cover;border-radius:8px}
body[data-design][data-concept] .process-comparison figcaption{font-size:11px;color:#60636d;margin-top:8px}
body[data-design][data-concept] .service-picker{background:#f0f2f3!important}
body[data-design][data-concept] .goal-grid{display:block}
body[data-design][data-concept] .goal-grid>button{display:grid;grid-template-columns:48px 1fr 1.2fr;align-items:center;gap:16px;width:100%;min-height:108px;padding:22px 0;border:0;border-top:1px solid #cfd5d9;background:transparent!important;color:#101112!important;border-radius:0;text-align:left}
body[data-design][data-concept] .goal-grid>button[aria-pressed="true"]{background:#e2eaff!important;box-shadow:inset 4px 0 #2454e6;padding-left:16px}
body[data-design][data-concept] .goal-grid .goal-number{margin:0;color:#1945c4}
body[data-design][data-concept] .goal-grid strong{font-size:23px;line-height:1.25;margin:0}
body[data-design][data-concept] .goal-grid .goal-description{font-size:15px;line-height:1.65;color:#515760}
body[data-design][data-concept] .goal-grid :is(.goal-examples,small){display:none}
body[data-design][data-concept] :is(.landing-hero,.svc-hero-grid){border-radius:0!important;box-shadow:none;background:#2454e6!important}
body[data-design][data-concept] .landing-hero{margin:0 auto!important;padding:32px 60px 40px!important}
body[data-design][data-concept] .landing-hero-grid{gap:48px;align-items:center}
body[data-design][data-concept] .landing-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.08}
body[data-design][data-concept] .landing-hero .hero-description{font-size:17px;line-height:1.65}
body[data-design][data-concept] .landing-hero .niche-photo{border-radius:0;box-shadow:none}
body[data-design][data-concept] .landing-hero .niche-photo picture{clip-path:none;border-radius:6px}
body[data-design][data-concept] .photo-hero-summary{border-radius:0 0 6px 6px}
body[data-design][data-concept] :is(.sales-benefit-grid>article,.svc-flow>li,.process-grid>article,.svc-outcome-grid>article){border-radius:8px;box-shadow:none}
body[data-design][data-concept] :is(.sales-path-grid>li,.implementation-grid>article){border-radius:8px}
body[data-design][data-concept] .svc-flow{gap:24px}
body[data-design][data-concept] .svc-flow>li{border:0;border-top:1px solid #cfd5d9;background:#f0f2f3;padding:24px}
body[data-design][data-concept] .svc-hero{padding:0!important}
body[data-design][data-concept] .svc-hero-grid{padding:56px 60px;gap:48px}
body[data-design][data-concept] .svc h1{font-size:clamp(36px,4vw,60px);line-height:1.08}
body[data-design][data-concept] .svc-context-photo{border-radius:6px}
body[data-design][data-concept] .product-sidebar{border-radius:0;background:#f0f2f3;border-right:1px solid #dce0e4}
body[data-design][data-concept] .product-main{background:#fff}
body[data-design][data-concept] :is(.product-stats>article,.product-panel,.product-section){border-radius:8px;box-shadow:none}
body[data-design][data-concept] .product-header{background:#2454e6;border-radius:0;color:#fff}
body[data-design][data-concept] .product-header :is(h1,p,a,span){color:inherit}
body[data-design][data-concept] .site-footer{width:100%;max-width:1440px;margin:0 auto;border-radius:0}
body[data-design][data-concept] :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #3464fa;outline-offset:4px}
body[data-design][data-concept] :is(.landing-hero,.svc-hero-grid,.process-hero) :is(a,button):focus-visible{outline-color:#cef45c}
@media(max-width:900px){body[data-design][data-concept] .process-hero .hero-copy{padding:40px 28px}body[data-design][data-concept] .process-hero h1{font-size:43px}body[data-design][data-concept] .process-proof{gap:32px}body[data-design][data-concept] .workflow-track{gap:18px}body[data-design][data-concept] .goal-grid>button{grid-template-columns:32px 1fr 1fr}}
@media(max-width:650px){body[data-design][data-concept] .site-header{height:72px;padding:0 22px}body[data-design][data-concept] :where(main>.section,.niche-page>.section,.svc>.section){width:100%;margin:0;padding:36px 24px;border-radius:0}body[data-design][data-concept] .process-hero{display:flex;flex-direction:column;padding:0}body[data-design][data-concept] .process-hero .hero-copy{padding:32px 24px}body[data-design][data-concept] .process-hero h1{font-size:40px;margin:20px 0}body[data-design][data-concept] .process-hero .hero-description{font-size:17px;line-height:1.6}body[data-design][data-concept] .process-hero .hero-actions{flex-wrap:wrap;gap:18px}body[data-design][data-concept] .process-hero-photo{min-height:260px;width:100%;height:260px}body[data-design][data-concept] .process-hero-photo img{object-position:center 40%}body[data-design][data-concept] .workflow-track{grid-template-columns:1fr;gap:24px}body[data-design][data-concept] .workflow-track:before{left:28px;top:28px;bottom:30px;right:auto;width:1px;height:auto}body[data-design][data-concept] .workflow-track li{display:grid;grid-template-columns:56px 1fr;gap:16px}body[data-design][data-concept] .workflow-node{width:56px;height:56px;border-width:6px;margin:0}body[data-design][data-concept] .workflow-track h3{font-size:20px}body[data-design][data-concept] .process-proof{grid-template-columns:1fr;gap:32px}body[data-design][data-concept] .process-sample{padding:20px}body[data-design][data-concept] .process-sample dd{font-size:40px}body[data-design][data-concept] .process-comparison{gap:16px}body[data-design][data-concept] .process-comparison article+article{padding-left:16px}body[data-design][data-concept] .goal-grid>button{grid-template-columns:28px 1fr;gap:12px;padding:22px 0}body[data-design][data-concept] .goal-grid strong{font-size:21px}body[data-design][data-concept] .goal-description{grid-column:2}body[data-design][data-concept] .landing-hero{padding:24px!important}body[data-design][data-concept] .landing-hero h1{font-size:34px}body[data-design][data-concept] .landing-hero .eyebrow{font-size:10px}body[data-design][data-concept] .landing-tags{display:none}body[data-design][data-concept] .svc-hero-grid{padding:32px 24px;gap:24px}body[data-design][data-concept] .visible-feature{display:flex;flex-direction:column}body[data-design][data-concept] .visible-feature-intro h2{font-size:32px}body[data-design][data-concept] .visible-feature-intro h2 br{display:none}body[data-design][data-concept] .visible-context-photo,body[data-design][data-concept] .visible-role{display:none}body[data-design][data-concept] .mobile-cta{position:static;width:calc(100% - 32px);margin:20px 16px}body[data-design][data-concept] .client-route{border-radius:0;top:0}body[data-design][data-concept] .product-header{padding:24px}body[data-design][data-concept] .product-sidebar{border-right:0;border-bottom:1px solid #dce0e4}}
body[data-design][data-concept] .process-hero{grid-template-columns:48% 52%}
body[data-design][data-concept] .process-hero .hero-copy{padding-right:12px}
body[data-design][data-concept] .process-hero-photo{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,9% 30%)}
body[data-design][data-concept] .connected-workflow>header h2{max-width:none;font-size:clamp(30px,3vw,44px);text-wrap:initial}
body[data-design][data-concept] .workflow-track article>span{font-size:17px;color:#101112;text-transform:none;font-weight:650;letter-spacing:-.025em}
@media(max-width:650px){body[data-design][data-concept] .process-hero .hero-copy{padding-right:24px}body[data-design][data-concept] .process-hero-photo{clip-path:none}}
body[data-design][data-concept] .svc-context-photo img{mix-blend-mode:normal;filter:none}
body[data-design][data-concept] .svc-hero>.svc-breadcrumbs,body[data-design][data-concept] .svc-hero>nav{padding:16px 60px;margin:0}
@media(max-width:650px){body[data-design][data-concept] .svc-hero>nav{padding:16px 24px}body[data-design][data-concept] .landing-hero .hero-pilot{margin-top:24px}body[data-design][data-concept] .landing-hero .hero-development{font-size:10px}}
/* Light workspace navigation must use dark text, including inherited labels. */
body[data-design][data-concept] .product-sidebar{color:#101112}
body[data-design][data-concept] .product-sidebar :is(a,p,span,strong,small,h2,h3){color:#515760}
body[data-design][data-concept] .product-sidebar nav a{color:#101112}
body[data-design][data-concept] .product-sidebar nav a[aria-current]{color:#101112}
body[data-design][data-concept] .product-sidebar .product-pilot{background:#fff;color:#101112}
body[data-design][data-concept] .product-header>a:last-child{background:#fff;color:#101112}
body[data-design][data-concept] .product-sidebar nav a:not(.active) :is(span,small,b){color:#515760}
body[data-design][data-concept] .product-sidebar .product-sidebar-note{background:#fff;color:#101112;border-color:#d1d7dc}
body[data-design][data-concept] .product-sidebar .product-sidebar-note :is(strong,p,span,a){color:#515760}
body[data-design][data-concept] .process-hero{grid-template-columns:48% 52%;min-height:650px}
body[data-design][data-concept] .process-hero h1{font-size:clamp(44px,5.2vw,76px);max-width:590px}
body[data-design][data-concept] .process-hero-photo{min-height:650px}
@media(max-width:900px){body[data-design][data-concept] .process-hero h1{font-size:48px}body[data-design][data-concept] .process-hero,body[data-design][data-concept] .process-hero-photo{min-height:560px}}
@media(max-width:650px){body[data-design][data-concept] .process-hero{min-height:0}body[data-design][data-concept] .process-hero h1{font-size:40px}body[data-design][data-concept] .process-hero-photo{min-height:260px}}
@media(max-width:650px){body[data-design][data-concept] .visible-feature-intro{min-width:0;width:100%}body[data-design][data-concept] .visible-feature-intro h2{overflow-wrap:anywhere}body[data-design][data-concept] .visible-feature-intro h2 em{white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}body[data-design][data-concept] .contact-orbit{max-width:100%}}
/* Reference fidelity: meaningful steps, tangible examples, industry rows. */
body[data-design][data-concept] #workflow-home>header>p{max-width:900px}
body[data-design][data-concept] #workflow-home .workflow-track{gap:36px}
body[data-design][data-concept] #workflow-home .workflow-track:before{display:none}
body[data-design][data-concept] #workflow-home .workflow-track li{position:relative}
body[data-design][data-concept] #workflow-home .workflow-node{width:90px;height:90px;border:0;background:#fff;display:grid;place-items:center;margin-bottom:20px}
body[data-design][data-concept] #workflow-home .workflow-node img{width:32px;height:32px;filter:invert(27%) sepia(96%) saturate(3709%) hue-rotate(221deg) brightness(96%) contrast(98%)}
body[data-design][data-concept] #workflow-home li:nth-child(2) .workflow-node img{filter:invert(87%) sepia(68%) saturate(643%) hue-rotate(25deg) brightness(107%) contrast(95%)}
body[data-design][data-concept] #workflow-home li:last-child .workflow-node{background:#cef45c}
body[data-design][data-concept] #workflow-home li:last-child .workflow-node img{filter:none}
body[data-design][data-concept] .workflow-connector{position:absolute;left:112px;right:0;top:42px;color:#667079}
body[data-design][data-concept] .workflow-connector svg{width:100%;height:20px}
body[data-design][data-concept] #workflow-home .workflow-track article>span{font-size:23px}
body[data-design][data-concept] #workflow-home .workflow-track p{margin:12px 0 18px;max-width:230px;min-height:74px}
body[data-design][data-concept] .workflow-example{padding:14px 16px;background:#ffffff91;border:1px solid #fff;border-radius:8px;max-width:230px}
body[data-design][data-concept] .workflow-example small{font-size:12px;color:#515760;display:block;margin-bottom:8px}
body[data-design][data-concept] .workflow-example strong{display:block;font-size:16px;line-height:1.4;font-weight:500;color:#101112}
body[data-design][data-concept] .process-sample-note{display:block;font-size:12px;line-height:1.6;color:#515760;margin-top:14px}
body[data-design][data-concept] .process-comparison figure{grid-column:auto;min-width:0}
body[data-design][data-concept] .process-comparison img{height:260px;object-position:center}
body[data-design][data-concept] .process-comparison .comparison-before img{filter:grayscale(1)}
body[data-design][data-concept] .process-comparison figcaption{font-size:10px;line-height:1.5}
body[data-design][data-concept] .industry-routes{padding-top:20px}
body[data-design][data-concept] .industry-route-list a{display:grid;grid-template-columns:1fr 1.65fr 24px;gap:24px;padding:18px 0;border-bottom:1px solid #dce0e4;text-decoration:none;align-items:center}
body[data-design][data-concept] .industry-route-list a:hover{color:#1945c4;background:#f3f6ff}
body[data-design][data-concept] .industry-route-list strong{font-size:19px;font-weight:550}
body[data-design][data-concept] .industry-route-list span{font-size:15px;color:#60636d;line-height:1.5}
body[data-design][data-concept] .industry-route-list svg{width:24px;height:24px}
@media(max-width:900px){body[data-design][data-concept] #workflow-home .workflow-track{gap:20px}body[data-design][data-concept] .workflow-connector{left:90px}body[data-design][data-concept] #workflow-home .workflow-node{width:70px;height:70px}body[data-design][data-concept] #workflow-home .workflow-track article>span{font-size:19px}}
@media(max-width:650px){body[data-design][data-concept] #workflow-home .workflow-track{gap:24px}body[data-design][data-concept] #workflow-home .workflow-track li{grid-template-columns:56px minmax(0,1fr)}body[data-design][data-concept] #workflow-home .workflow-node{width:56px;height:56px;margin:0}body[data-design][data-concept] #workflow-home .workflow-node img{width:25px;height:25px}body[data-design][data-concept] .workflow-connector{display:none}body[data-design][data-concept] #workflow-home .workflow-track p{min-height:0;max-width:none}body[data-design][data-concept] .workflow-example{max-width:none}body[data-design][data-concept] .process-comparison img{height:190px}body[data-design][data-concept] .industry-route-list a{grid-template-columns:1fr 24px;gap:10px;padding:18px 0}body[data-design][data-concept] .industry-route-list span{grid-column:1;grid-row:2}body[data-design][data-concept] .industry-route-list svg{grid-column:2;grid-row:1/3}body[data-design][data-concept] .industry-route-list strong{font-size:18px}}
/* Keep the reference's visual rhythm while letting the working data lead. */
body[data-design][data-concept] .product-feedback:empty{min-height:0;padding:0;margin:0}
body[data-design][data-concept] #product-view{margin-top:8px;padding-top:16px}
body[data-design][data-concept] .product-heading h1{font-size:clamp(28px,2.5vw,36px);line-height:1.15}
body[data-design][data-concept] .product-quick-start{border-radius:8px;padding:16px;gap:16px}
body[data-design][data-concept] .product-quick-start nav a{padding:14px;border-radius:6px}
body[data-design][data-concept] .product-try-guide{margin-top:4px}
body[data-design][data-concept] .product-try-guide>summary{padding:12px 16px}
body[data-design][data-concept] #workflow-home>header>p,body[data-design][data-concept] #workflow-home>.workflow-bottom{display:none}
body[data-design][data-concept] #workflow-home>header{margin-bottom:30px}
body[data-design][data-concept] #workflow-home{padding-top:48px;padding-bottom:40px}
@media(max-width:650px){body[data-design][data-concept] #workflow-home{padding:36px 24px}}

/* Section surfaces own their text palette; the layout rule must not repaint them. */
body[data-design][data-concept] .goal-grid>button:nth-child(2) :is(.goal-description,.goal-examples,small,.goal-number){color:#515760}
body[data-design][data-concept] .catalog-search kbd{color:#515760}

/* Agency audit: preserve a readable route on small screens and all five service stages. */
@media(min-width:1001px){body[data-design][data-concept] .workflow-track[data-step-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:651px) and (max-width:1000px){body[data-design][data-concept] .workflow-track[data-step-count="5"]{grid-template-columns:1fr;gap:20px}body[data-design][data-concept] .workflow-track[data-step-count="5"]:before{display:none}body[data-design][data-concept] .workflow-track[data-step-count="5"] li{display:grid;grid-template-columns:66px minmax(0,1fr);gap:20px}}
@media(max-width:650px){body[data-design][data-concept] .svc-trial-path{grid-template-columns:1fr;gap:10px}body[data-design][data-concept] .svc-trial-path>li{padding:16px;font-size:14px;line-height:1.6;overflow-wrap:normal;word-break:normal;min-height:0}}
/* Commercial navigation is shared by the entire offline catalog. */
body[data-design][data-concept] .desktop-nav{gap:24px}
body[data-design][data-concept] .services-nav>div{max-height:70vh;overflow:auto;min-width:245px}
body[data-design][data-concept] .footer-commercial{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 24px;padding:30px 0;border-top:1px solid #d5dadf;border-bottom:1px solid #d5dadf;margin:28px 0}
body[data-design][data-concept] .footer-commercial a{font-size:14px;line-height:1.6;color:#101112;text-decoration:underline;text-underline-offset:4px}
body[data-design][data-concept] .commercial-entry{background:#f0f2f3!important}
body[data-design][data-concept] .commercial-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-design][data-concept] .commercial-entry-grid>a{position:relative;display:block;padding:24px 36px 24px 0;border-top:1px solid #bdc6d0;color:#101112;text-decoration:none;min-width:0}
body[data-design][data-concept] .commercial-entry-grid h3{font-size:23px;line-height:1.3;margin:0 0 14px}
body[data-design][data-concept] .commercial-entry-grid p{font-size:15px;line-height:1.7;color:#515760;margin:0}
body[data-design][data-concept] .commercial-entry-grid>a>svg{position:absolute;top:25px;right:0;width:24px;height:24px;color:#1945c4}
body[data-design][data-concept] .commercial-entry-grid>a:hover h3{color:#1945c4}
@media(max-width:900px){body[data-design][data-concept] .footer-commercial{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-design][data-concept] .commercial-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body[data-design][data-concept] .footer-commercial{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body[data-design][data-concept] .commercial-entry-grid{grid-template-columns:1fr;gap:12px}body[data-design][data-concept] .mobile-menu:not([hidden]){max-height:calc(100dvh - 90px);overflow:auto}}
body[data-design][data-concept] .footer-commercial a{color:#fff}
body[data-design][data-concept] .footer-commercial{border-color:#42474b}
body[data-design][data-concept] .svc-hero .svc-purchase{font-size:20px;line-height:1.55;font-weight:600;color:#fff;margin:22px 0 16px;max-width:650px}
body[data-design][data-concept] .product-sidebar nav b img{display:block;width:20px;height:20px}
body[data-design][data-concept] :is(.product-mode p,.product-quick-start>p>span,.product-sidebar .nav-wide small,.product-try-content p,.product-try-report-note,.product-boundary){font-size:14px;line-height:1.7}
@media(max-width:650px){body[data-design][data-concept] .svc-hero .svc-purchase{font-size:18px}body[data-design][data-concept] .product-sidebar nav b img{width:18px;height:18px}}
body[data-design][data-concept] .product-discuss-mobile{display:none}
@media(max-width:700px){body[data-design][data-concept] .product-discuss-mobile{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;background:#2450e8;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.5}}
body[data-design][data-concept][data-motion="reduced"] :is(.svc-service-card,.commercial-jump a){transition:none!important;transform:none!important}
body[data-design][data-concept] .business-footer-contact{display:flex;flex-wrap:wrap;gap:18px 30px;padding:24px 0;border-top:1px solid #46505f}
body[data-design][data-concept] .business-footer-contact a{color:#fff;font-size:16px;line-height:1.6}
body[data-design][data-concept] .business-contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
body[data-design][data-concept] .business-requisites{display:flex;flex-wrap:wrap;gap:24px 48px}
body[data-design][data-concept] .business-requisites dt{color:#4b566b;font-size:14px}
body[data-design][data-concept] .business-requisites dd{font-size:20px;margin:6px 0}
/* Shared motion refinement: existing RAF only, visible content by default. */
body[data-design][data-concept][data-motion="full"] .commercial-hero figure img.parallax-photo{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.06);transition:transform .13s linear}
body[data-design][data-concept][data-motion="full"] .process-scene-plane{transform:rotateX(var(--scene-depth,32deg)) rotateZ(-13deg)}
body[data-design][data-concept][data-motion="full"] :is(.commercial-cards>article,.commercial-link-list>a)[data-motion-ready]:not([data-in-view="true"]){opacity:.8;transform:translate3d(16px,8px,0)}
body[data-design][data-concept] .button:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){body[data-design][data-concept][data-motion="full"] :is(.button,.quiet-link) svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}body[data-design][data-concept][data-motion="full"] :is(.button,.quiet-link):hover svg{transform:translateX(4px)}}
@media(max-width:760px){body[data-design][data-concept][data-motion="full"] .process-scene-plane{transform:none}body[data-design][data-concept][data-motion="full"] .commercial-hero figure img.parallax-photo{transform:none;transition:none}}
body[data-design][data-concept][data-motion="reduced"] :is(.button,.parallax-photo,.process-scene-plane){transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body[data-design][data-concept] :is(.button,.parallax-photo,.process-scene-plane){transition:none!important;transform:none!important}}
/* Pricing reference: distinct stages, clear inclusions, blue emphasis. */
body[data-design] .pricing-grid{gap:22px;align-items:stretch}
body[data-design] .pricing-grid article{position:relative;padding:32px;border:1px solid #dce2ed;border-radius:24px;background:#fff;box-shadow:0 12px 32px #17234908;transition:transform .25s ease,box-shadow .25s ease}
body[data-design] .pricing-grid article.featured{border:2px solid #2453ee;background:#edf3ff;box-shadow:0 15px 40px #2453ee16}
body[data-design] .price-step{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#17243a;letter-spacing:0;margin-bottom:28px}
body[data-design] .price-step:before{content:'↗';display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#eaf0ff;color:#2453ee;font-size:22px}
body[data-design] .pricing-grid article.featured .price-step:before{background:#2453ee;color:white}
body[data-design] .pricing-grid article>strong{color:#101820;font-size:clamp(30px,3vw,44px);white-space:normal;line-height:1.15}
body[data-design] .pricing-grid article>p{font-size:15px;line-height:1.65;color:#43516a}
body[data-design] .pricing-grid ul{border-top:1px solid #d5deed;padding:18px 0 24px}
body[data-design] .pricing-grid li{font-size:14px;line-height:1.55;padding-left:30px;margin:16px 0;color:#33435b}
body[data-design] .pricing-grid li:before{content:'✓';display:grid;place-items:center;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;border:1px solid #bed0fc;background:#f4f7ff;color:#2453ee;font-size:12px}
body[data-design] .pricing-grid .button{width:100%;justify-content:space-between;min-height:52px;border-radius:13px;font-size:14px}
body[data-design] .pricing-grid .featured .button{background:#2453ee;color:#fff;border-color:#2453ee;box-shadow:0 6px 15px #2453ee25}
body[data-design] .commercial-section--pricing .commercial-cards{gap:22px;background:transparent;border:0}
body[data-design] .commercial-section--pricing .commercial-cards>article{padding:30px;background:#fff;border:1px solid #dce2ed;border-radius:24px;min-width:0}
body[data-design] .commercial-section--pricing .commercial-cards>article:nth-child(2){background:#edf3ff;border:2px solid #2453ee}
body[data-design] .commercial-section--pricing .commercial-content-icon{background:#eaf0ff}
body[data-design] .commercial-section--pricing h3{font-size:24px;line-height:1.2}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body[data-design][data-motion="full"] .pricing-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 38px #17234912}}
@media(max-width:700px){body[data-design] .pricing-grid article,body[data-design] .commercial-section--pricing .commercial-cards>article{padding:24px}body[data-design] .price-step{margin-bottom:20px}body[data-design] .pricing-grid article>p{min-height:0}}
@media(prefers-reduced-motion:reduce){body[data-design] .pricing-grid article{transition:none;transform:none}}
body[data-motion='reduced'] .pricing-grid article{transition:none;transform:none}
body[data-design] .workflow-tabs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:start}
body[data-design] .workflow-tabs-list{display:grid}
body[data-design] .workflow-tabs-list button{display:flex;gap:18px;align-items:baseline;padding:26px 18px;text-align:left;border:0;border-top:1px solid #d5deea;border-left:3px solid transparent;background:transparent;color:#59667b;font:inherit;cursor:pointer}
body[data-design] .workflow-tabs-list button span{font-size:clamp(20px,2.4vw,32px);line-height:1.2}
body[data-design] .workflow-tabs-list button small{font-size:12px;color:#2453ee}
body[data-design] .workflow-tabs-list button[aria-expanded=true]{border-left-color:#2453ee;background:#edf3ff;color:#101820}
body[data-design] .workflow-gallery{min-width:0;background:white;border-radius:24px;overflow:hidden;border:1px solid #dce2ed}
body[data-design] .workflow-gallery figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden}
body[data-design] .workflow-gallery figure img{width:100%;height:100%;object-fit:cover}
body[data-design] .workflow-gallery figcaption{position:absolute;bottom:14px;left:14px;background:#101820db;color:white;padding:7px 10px;border-radius:6px;font-size:11px}
body[data-design] .workflow-panel-copy{padding:26px 28px;min-height:170px}
body[data-design] .workflow-panel-copy h3{margin:14px 0;font-size:25px;line-height:1.2}
body[data-design] .workflow-panel-copy p{font-size:16px;line-height:1.65;color:#43516a}
body[data-design] .workflow-gallery nav{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:0 28px 24px}
body[data-design] .workflow-gallery nav button{width:46px;height:46px;border-radius:50%;border:1px solid #cad5e6;background:#fff;color:#2453ee;font-size:22px;cursor:pointer}
body[data-design] .workflow-gallery button:focus-visible,body[data-design] .workflow-tabs-list button:focus-visible{outline:3px solid #2453ee;outline-offset:-4px}

@media(max-width:700px){body[data-design] .workflow-tabs{grid-template-columns:1fr;gap:22px}body[data-design] .workflow-tabs-list button{padding:16px 12px}body[data-design] .workflow-tabs-list button span{font-size:21px}body[data-design] .workflow-panel-copy{padding:22px;min-height:0}}
/* Explicit foregrounds for the dark workflow section and its light gallery. */
body[data-design][data-concept] .commercial-section--steps .workflow-tabs-list button{color:#d1d9e6;border-top-color:#ffffff30}
body[data-design][data-concept] .commercial-section--steps .workflow-tabs-list button small{color:#a9bfff}
body[data-design][data-concept] .commercial-section--steps .workflow-tabs-list button[aria-expanded=true]{background:#edf3ff;color:#101820;border-left-color:#2453ee}
body[data-design][data-concept] .commercial-section--steps .workflow-tabs-list button[aria-expanded=true] small{color:#2453ee}
body[data-design][data-concept] .commercial-section--steps .workflow-gallery{background:#fff;color:#101820}
body[data-design][data-concept] .commercial-section--steps .workflow-panel-copy h3{color:#101820}
body[data-design][data-concept] .commercial-section--steps .workflow-panel-copy p{color:#495568}
body[data-design][data-concept] .commercial-section--steps .workflow-panel-copy .eyebrow{color:#2453ee}
body[data-design][data-concept] .commercial-section--steps .workflow-gallery nav{color:#495568}
/* Stages stay readable before enhancement and when scripting is unavailable. */
body[data-design][data-concept] .workflow-tabs:not([data-workflow-ready]) .workflow-gallery nav{display:none}
body[data-design][data-concept] .workflow-tabs:not([data-workflow-ready]) .workflow-gallery article+article{border-top:1px solid #dce2ed}
body[data-design][data-concept] .workflow-gallery article[hidden]{display:none!important}
body[data-design][data-concept][data-motion='full'] .commercial-section--pricing .commercial-cards>article[data-motion-ready]:not([data-in-view='true']){transform:translate3d(0,8px,0)}
body[data-design][data-concept] .workflow-gallery nav button{transition:background-color 160ms ease,color 160ms ease,transform 120ms ease-out}
body[data-design][data-concept] .workflow-gallery nav button:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){body[data-design][data-concept] .workflow-gallery nav button:hover{background:#2453ee;color:#fff}}
@media(max-width:900px){body[data-design][data-concept] .workflow-tabs{grid-template-columns:1fr;gap:24px}body[data-design][data-concept] .workflow-tabs-list button{padding:16px 14px}body[data-design][data-concept] .workflow-tabs-list button span{font-size:clamp(20px,3vw,26px)}}
body[data-design][data-concept][data-motion='reduced'] :is(.pricing-grid article,.workflow-gallery nav button){transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body[data-design][data-concept] :is(.pricing-grid article,.workflow-gallery nav button){transition:none!important;transform:none!important}}
body[data-design][data-concept] :is(.commercial-context-image,.result-explainer figure,.workflow-gallery figure,.section-process-art,.delivery-context figure)>img[src$='.svg']{max-width:440px;margin-inline:auto;height:auto;min-height:0;object-fit:contain}
body[data-design][data-concept] .brief-example-context{margin:20px 0;padding:20px;background:#eef3ff;border:1px solid #d3def8;border-radius:14px;color:#172033}
body[data-design][data-concept] .brief-example-context[hidden]{display:none}
body[data-design][data-concept] .brief-example-context p{font-size:15px;line-height:1.65;color:#43516a;margin:12px 0}
body[data-design][data-concept] .brief-example-context .button{min-height:46px;white-space:normal;text-align:left;font-size:14px}
/* Editorial motion study: image reveal, section rhythm, contextual hover. */
@media(prefers-reduced-motion:no-preference){
 body[data-design][data-concept][data-motion='full'] :is(.commercial-hero figure,.commercial-image-link figure,.process-hero-photo,.story-photo)[data-in-view='true']{animation:editorial-image-open 600ms cubic-bezier(.23,1,.32,1) both}
 body[data-design][data-concept][data-motion='full'] .commercial-section-heading[data-in-view='true'] h2{animation:editorial-heading-in 400ms cubic-bezier(.23,1,.32,1) both}
 @keyframes editorial-image-open{from{clip-path:inset(0 0 16% 0);opacity:.65}to{clip-path:inset(0);opacity:1}}
 @keyframes editorial-heading-in{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(hover:hover) and (pointer:fine){
 body[data-design][data-concept][data-motion='full'] :is(.commercial-image-link,.commercial-entry-grid>a){transition:transform 240ms cubic-bezier(.23,1,.32,1),border-color 180ms ease,box-shadow 240ms ease}
 body[data-design][data-concept][data-motion='full'] :is(.commercial-image-link,.commercial-entry-grid>a):hover{transform:translateY(-4px);border-color:#2450e8;box-shadow:0 14px 32px #17234912}
 body[data-design][data-concept] .marketing-action .button{transition:background-color 180ms ease,transform 120ms ease}
 body[data-design][data-concept] .marketing-action .button:hover{background:#2450e8}
}
@media(max-width:760px){body[data-design][data-concept][data-motion='full'] :is(.commercial-hero figure,.commercial-image-link figure,.process-hero-photo,.story-photo)[data-in-view='true']{animation-duration:300ms}}
body[data-design][data-concept][data-motion='reduced'] :is(.commercial-section-heading h2,.commercial-hero figure,.commercial-image-link,.commercial-image-link figure,.process-hero-photo,.story-photo,.marketing-action){animation:none!important;transition:none!important;clip-path:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body[data-design][data-concept] :is(.commercial-section-heading h2,.commercial-hero figure,.commercial-image-link,.commercial-image-link figure,.process-hero-photo,.story-photo,.marketing-action){animation:none!important;transition:none!important;clip-path:none!important;transform:none!important}}
/* Service chooser: comfortable card spacing and restrained feedback. */
body[data-design][data-concept] .commercial-entry-grid>a{padding:28px 56px 28px 28px;border:1px solid #d5dce5;border-radius:20px;background:#fff;min-height:150px;transition:background-color 180ms ease,border-color 180ms ease,transform 200ms cubic-bezier(.23,1,.32,1),box-shadow 200ms ease}
body[data-design][data-concept] .commercial-entry-grid>a>svg{top:29px;right:22px;transition:transform 180ms ease}
body[data-design][data-concept] .commercial-entry-grid>a:focus-visible{outline:3px solid #2450e8;outline-offset:4px}
@media(hover:hover) and (pointer:fine){body[data-design][data-concept][data-motion='full'] .commercial-entry-grid>a:hover{transform:translateY(-3px);background:#f5f8ff;box-shadow:0 10px 24px #1723490d}body[data-design][data-concept][data-motion='full'] .commercial-entry-grid>a:hover>svg{transform:translateX(3px)}}
@media(max-width:650px){body[data-design][data-concept] .commercial-entry-grid>a{padding:24px 52px 24px 24px;border-radius:16px;min-height:0}body[data-design][data-concept] .commercial-entry-grid>a>svg{top:25px;right:20px}}
body[data-design][data-concept][data-motion='reduced'] .commercial-entry-grid>a,body[data-design][data-concept][data-motion='reduced'] .commercial-entry-grid>a>svg{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body[data-design][data-concept] .commercial-entry-grid>a,body[data-design][data-concept] .commercial-entry-grid>a>svg{transition:none!important;transform:none!important}}

/* Separate the title accent from preceding lines; reveal once on entry. */
body[data-design][data-concept] .visible-feature-intro h2 em{display:block;width:fit-content;max-width:100%;margin-top:.22em;padding:.08em .18em .12em;line-height:1.12;box-sizing:border-box}
body[data-design][data-concept][data-motion='full'] .visible-feature-intro h2 em[data-motion-ready]{transition:transform 500ms cubic-bezier(.23,1,.32,1),opacity 500ms cubic-bezier(.23,1,.32,1);transition-delay:0ms}
body[data-design][data-concept][data-motion='full'] .visible-feature-intro h2 em[data-motion-ready]:not([data-in-view='true']){transform:translate3d(-48px,0,0);opacity:0}
body[data-design][data-concept][data-motion='full'] .visible-feature-intro h2 em[data-in-view='true']{transform:translate3d(0,0,0);opacity:1}
@media(prefers-reduced-motion:reduce){body[data-design][data-concept] .visible-feature-intro h2 em{transition:none!important;transform:none!important;opacity:1!important}}


/* Preserve the catalogue hover treatment independently of the reverted hero. */
body[data-design][data-concept] [data-commercial-page='/ai-solutions/'] .commercial-image-link h3{position:relative;width:fit-content;max-width:100%;isolation:isolate}
.pencil-outline{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);pointer-events:none;overflow:visible;opacity:0}
.pencil-outline path{fill:none;stroke:#2450e8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
@media(hover:hover) and (pointer:fine){
body[data-design][data-concept][data-motion='full'] [data-commercial-page='/ai-solutions/'] .commercial-image-link{transform-origin:50% 65%;transition:transform 250ms cubic-bezier(.23,1,.32,1),box-shadow 250ms ease,border-color 180ms ease}
body[data-design][data-concept][data-motion='full'] [data-commercial-page='/ai-solutions/'] .commercial-image-link:hover{transform:perspective(1000px) rotateY(-3deg) rotateZ(-.7deg) translateY(-4px);box-shadow:8px 15px 28px #17234918}
body[data-design][data-concept][data-motion='full'] .commercial-image-link .pencil-outline{transition:opacity 180ms ease}
body[data-design][data-concept][data-motion='full'] .commercial-image-link .pencil-outline path{transition:stroke-dashoffset 500ms cubic-bezier(.23,1,.32,1)}
body[data-design][data-concept][data-motion='full'] .commercial-image-link:hover .pencil-outline{opacity:1}
body[data-design][data-concept][data-motion='full'] .commercial-image-link:hover .pencil-outline path{stroke-dashoffset:0}}
.commercial-image-link:focus-visible .pencil-outline{opacity:1}.commercial-image-link:focus-visible .pencil-outline path{stroke-dashoffset:0;transition:none!important}
@media(prefers-reduced-motion:reduce){body[data-design][data-concept] [data-commercial-page='/ai-solutions/'] .commercial-image-link:hover{transform:none!important}.pencil-outline,.pencil-outline path{transition:none!important}}

/* AI catalogue — selected concept 3. */
body[data-design][data-concept] .ai-catalog-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:48px 0 40px;background:#fff;max-width:1320px;width:calc(100% - 96px);margin:auto;border-radius:0}
.ai-catalog-copy{min-width:0}.ai-catalog-copy h1{font-size:clamp(38px,4.25vw,66px);line-height:1.04;letter-spacing:-.055em;font-weight:650;margin:0 0 26px}.ai-title-black,.ai-title-blue{display:block}.ai-title-black{color:#101112}.ai-title-blue{color:#2450e8}.ai-catalog-copy>p{font-size:20px;line-height:1.55;max-width:570px;color:#303743;margin:0 0 32px}.ai-catalog-copy .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin:0}.ai-catalog-copy .button{background:#2450e8;color:white;border:1px solid #2450e8;border-radius:18px;padding:18px 24px;font-size:16px}.ai-catalog-copy .button.outline{background:white;color:#101112;border-color:#101112}
.ai-catalog-art{position:relative;display:grid;grid-template-columns:46% 54%;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1.42;min-width:0;padding-right:10px;isolation:isolate}.ai-catalog-art figure{margin:0;min-width:0;min-height:0;overflow:hidden;border-radius:18px}.ai-catalog-art img{width:100%;height:100%;object-fit:cover;display:block}.ai-art-retail{grid-column:1;grid-row:1}.ai-art-documents{grid-column:1;grid-row:2}.ai-art-warehouse{grid-column:2;grid-row:1/3;margin-top:34%!important}.ai-catalog-number{position:absolute;right:0;top:-5%;display:flex;align-items:center;gap:12px;z-index:2;color:#2450e8}.ai-catalog-number>span{font-size:clamp(120px,16vw,245px);line-height:.87;font-weight:750;letter-spacing:-.09em;-webkit-text-stroke:8px white;paint-order:stroke fill;font-variant-numeric:tabular-nums}.ai-catalog-number strong{font-size:clamp(15px,1.6vw,24px);line-height:1.2;color:#101112;background:white;padding:12px 0}
body[data-design][data-concept] [data-commercial-page='/ai-solutions/']>.commercial-jump{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;overflow:visible;max-width:1320px;width:calc(100% - 96px);padding:12px 0 32px;margin:auto;position:static}
body[data-design][data-concept] [data-commercial-page='/ai-solutions/']>.commercial-jump a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;white-space:normal;background:#f0f2f5;color:#101112;padding:18px 8px;border:0;border-radius:14px;font-size:13px;line-height:1.35;min-height:100px;margin:0}
[data-commercial-page='/ai-solutions/']>.commercial-jump a img{width:28px;height:28px}
body[data-design][data-concept] [data-commercial-page='/ai-solutions/']>.commercial-jump a:is(:hover,:focus-visible,[aria-current='location']){background:#cef45c;color:#101112}
@keyframes catalog-title-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
body[data-motion='full'] .ai-catalog-enter .ai-title-black{animation:catalog-title-in 500ms cubic-bezier(.23,1,.32,1) both}
body[data-motion='full'] .ai-catalog-enter .ai-title-blue{animation:catalog-title-in 500ms cubic-bezier(.23,1,.32,1) 220ms both}
@media(max-width:900px){body[data-design][data-concept] .ai-catalog-hero{width:calc(100% - 48px);gap:24px}.ai-catalog-copy>p{font-size:16px}.ai-catalog-copy .button{font-size:13px;padding:14px 16px}body[data-design][data-concept] [data-commercial-page='/ai-solutions/']>.commercial-jump{width:calc(100% - 48px);grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){body[data-design][data-concept] .ai-catalog-hero{grid-template-columns:1fr;width:100%;padding:28px 24px!important;gap:32px}.ai-catalog-copy h1{font-size:42px}.ai-catalog-art{width:100%;margin-top:12px}.ai-catalog-number>span{font-size:145px}.ai-catalog-number strong{font-size:16px}.ai-catalog-copy .button{font-size:14px}.ai-catalog-copy>p{font-size:17px}body[data-design][data-concept] [data-commercial-page='/ai-solutions/']>.commercial-jump{width:calc(100% - 48px);grid-template-columns:repeat(2,minmax(0,1fr));padding-top:8px}.ai-catalog-art figure{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.ai-title-black,.ai-title-blue{animation:none!important}}

/* Main homepage: selected system-story concept. */
body[data-design][data-concept] .home-system-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:1320px;width:calc(100% - 96px);padding:32px 0 40px;margin:auto;background:white;border-radius:0;overflow:hidden}
.system-hero-copy{min-width:0}.system-hero-copy .eyebrow{color:#2450e8;font-size:11px}.system-hero-copy h1{font-size:clamp(40px,4.4vw,66px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 26px}.system-title-black,.system-title-blue{display:block}.system-title-blue{color:#2450e8}.system-hero-copy>p{font-size:21px;line-height:1.5;max-width:570px;color:#303743;margin:0 0 32px}.system-hero-copy .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.system-hero-copy .button{border-radius:14px;padding:17px 20px;font-size:15px}.system-hero-copy .button.dark{background:#2450e8;color:white;border-color:#2450e8}.system-services{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.system-services a{display:flex;align-items:center;gap:8px;font-size:13px;padding-right:12px;border-right:1px solid #ccd3dd}.system-services a:last-child{border:0}.system-services img{width:24px;height:24px}
.system-hero-scene{position:relative;min-width:0;height:530px;isolation:isolate}.system-hero-scene figure{position:absolute;margin:0;overflow:hidden;border-radius:20px;transform:skew(-7deg)}.system-hero-scene figure img{width:112%;max-width:none;height:100%;object-fit:cover;transform:skew(7deg);margin-left:-6%}.system-team-photo{left:2%;top:0;width:67%;height:53%}.system-work-photo{right:0;bottom:0;width:82%;height:48%}.system-scene-line{position:absolute;right:6%;top:12%;width:35%;height:44%;border:5px solid #2450e8;border-left:0;border-radius:28px}.system-scene-check{position:absolute;right:2%;top:5%;display:grid;place-items:center;background:#cef45c;width:72px;height:72px;border-radius:20px;font-size:48px;transform:rotate(8deg)}
.system-team-panel{position:absolute;z-index:3;top:29%;left:12%;right:7%;background:#f7f9ff;border:1px solid #d7dfef;border-left:12px solid #2450e8;border-radius:20px;padding:16px 20px 14px;box-shadow:0 20px 45px #0f234026}.system-window-dots{font-size:12px;letter-spacing:4px;color:#c1ccdf}.system-team-panel header{display:flex;align-items:center;gap:12px;margin:12px 0 18px;font-size:25px;letter-spacing:-.035em}.system-team-panel ul{display:grid;gap:10px;list-style:none;padding:0;margin:0}.system-team-panel li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:white;border:1px solid #d8e0ef;border-radius:12px}.system-team-panel li strong{font-size:14px;display:block}.system-team-panel li small{display:block;font-size:11px;color:#59677d;margin-top:4px}.system-team-panel li>span{font-size:11px;white-space:nowrap;background:#cef45c;border-radius:30px;padding:7px 10px;color:#101112}.system-panel-note{display:block;margin-top:12px;font-size:10px;color:#59677d}.system-value-band{background:#cef45c;color:#101112;padding:22px 24px;text-align:center;font-size:clamp(18px,2vw,27px);line-height:1.4;font-weight:650}
body[data-design][data-concept] #workflow-home{background:white}body[data-design][data-concept] #workflow-home .workflow-track{gap:24px;align-items:stretch}body[data-design][data-concept] #workflow-home .workflow-track:before{display:none}body[data-design][data-concept] #workflow-home .workflow-track>li{background:#fff;border:1px solid #d9dfeb;border-radius:18px;padding:22px;position:relative}body[data-design][data-concept] #workflow-home .workflow-node{width:48px;height:48px;border:0;border-radius:12px;margin:0 0 16px;background:#eef3ff}body[data-design][data-concept] #workflow-home .workflow-track article>span{font-size:23px}body[data-design][data-concept] #workflow-home .workflow-example{background:#f2f5fa;padding:14px;border-radius:10px;margin-top:18px}body[data-design][data-concept] #workflow-home .workflow-connector{position:absolute;right:-24px;top:50%;width:24px;color:#2450e8;z-index:2}
@keyframes system-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes system-panel-in{from{opacity:0;transform:translateX(80px) rotate(2deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
body[data-motion='full'] .system-enter .system-title-black{animation:system-copy-in 500ms cubic-bezier(.23,1,.32,1) both}body[data-motion='full'] .system-enter .system-title-blue{animation:system-copy-in 500ms cubic-bezier(.23,1,.32,1) 200ms both}body[data-motion='full'] .system-enter .system-team-panel{animation:system-panel-in 650ms cubic-bezier(.23,1,.32,1) 280ms both}
body[data-design][data-concept][data-motion='full'] #workflow-home.system-steps-enter .workflow-track>li{animation:system-copy-in 500ms cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--system-step,0)*220ms)}
@media(max-width:1000px){body[data-design][data-concept] .home-system-hero{width:calc(100% - 48px);gap:24px}.system-team-panel{left:3%;right:0;padding:14px}.system-team-panel header{font-size:21px}.system-hero-scene{height:480px}.system-team-panel li{padding:10px;gap:6px}.system-team-panel li strong{font-size:12px}.system-team-panel li>span{font-size:10px;padding:6px}.system-hero-copy>p{font-size:18px}body[data-design][data-concept] #workflow-home .workflow-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body[data-design][data-concept] .home-system-hero{width:100%;grid-template-columns:1fr;padding:28px 24px!important}.system-hero-copy h1{font-size:43px}.system-hero-copy>p{font-size:18px}.system-services{margin-top:24px}.system-hero-scene{height:440px;width:100%}.system-team-panel{top:27%;left:2%;right:0;border-left-width:7px}.system-team-panel header{font-size:22px}.system-team-panel li strong{font-size:12px}.system-scene-check{width:52px;height:52px;font-size:36px}.system-value-band{font-size:18px;padding:20px 24px}body[data-design][data-concept] #workflow-home .workflow-track{grid-template-columns:1fr;gap:20px}body[data-design][data-concept] #workflow-home .workflow-track>li{display:block}body[data-design][data-concept] #workflow-home .workflow-connector{right:calc(50% - 12px);top:auto;bottom:-23px;transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.system-title-black,.system-title-blue,.system-team-panel,#workflow-home .workflow-track>li{animation:none!important}}

/* Custom development: connected process modules, selected concept 1. */
body[data-design][data-concept] .custom-process-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:white;border:0;border-top:1px solid #dce2ea;border-radius:0;padding:64px 48px;margin-bottom:0}
.custom-process-art{width:100%;min-width:0}.custom-process-art svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}.custom-process-copy{min-width:0}body[data-design][data-concept] .custom-process-copy .eyebrow{display:inline-block;background:#cef45c;color:#101112;padding:9px 16px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.06em}body[data-design][data-concept] .custom-process-copy h2{font-size:clamp(32px,3.6vw,54px);line-height:1.08;letter-spacing:-.05em;margin:26px 0 24px;color:#101112}.custom-process-copy h2 span{position:relative;display:inline-block;isolation:isolate}.custom-process-copy h2 span:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:7px;border-radius:50%;background:#cef45c;transform:rotate(-1deg);z-index:-1}body[data-design][data-concept] .custom-process-copy>p{font-size:17px;line-height:1.65;margin:0 0 24px;max-width:680px;color:#394350}body[data-design][data-concept] .custom-process-copy .custom-context{font-size:13px;padding-left:14px;border-color:#2450e8}body[data-design][data-concept] .custom-process-copy .button{background:#2450e8;color:white;border:1px solid #2450e8;border-radius:16px;font-size:16px;padding:19px 26px;margin-top:0}body[data-design][data-concept] .custom-process-copy>small{display:block;font-size:12px;line-height:1.6;color:#596475;margin-top:16px}
@keyframes custom-module-arrive{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}
body[data-motion='full'] .custom-process-seen .custom-art-module{animation:custom-module-arrive 450ms cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--art-order)*100ms)}body[data-motion='full'] .custom-process-seen .custom-art-result{animation:custom-module-arrive 500ms cubic-bezier(.23,1,.32,1) 350ms both}
@media(max-width:850px){body[data-design][data-concept] .custom-process-section{grid-template-columns:1fr;padding:40px 24px;gap:24px}.custom-process-art{max-width:500px;margin:auto}.custom-process-copy{max-width:680px;margin:auto;width:100%}}
@media(max-width:650px){body[data-design][data-concept] .custom-process-section{display:flex;flex-direction:column;padding:32px 24px!important}.custom-process-art{max-width:400px}body[data-design][data-concept] .custom-process-copy h2{font-size:36px}body[data-design][data-concept] .custom-process-copy>p{font-size:16px}body[data-design][data-concept] .custom-process-copy .button{font-size:14px;padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.custom-art-module,.custom-art-result{animation:none!important}}

/* Shared document demonstration workbench — selected concept 1. */
body[data-design][data-concept] .demo-shell[data-demo='documents']{background:#f1f3f7;border:0;border-radius:24px;padding:24px;box-shadow:none;overflow:visible}body[data-design][data-concept] [data-demo='documents'] .demo-window-bar{background:none;border:0;padding:0 0 20px;gap:12px;font-size:13px}body[data-design][data-concept] [data-demo='documents'] .demo-body{padding:0}
.document-route{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0 0 24px}.document-route li{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;position:relative}.document-route b{display:grid;place-items:center;background:#2450e8;color:white;border-radius:12px;font-size:17px;width:44px;height:44px;flex:none}.document-route li:not(:last-child):after{content:'→';margin-left:auto;color:#8993a3;font-size:28px}
body[data-design][data-concept] [data-demo='documents'] .document-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}body[data-design][data-concept] [data-demo='documents'] :is(.document-input,.document-output){padding:26px;background:white;border:1px solid #e1e6ef;border-radius:20px;min-width:0}body[data-design][data-concept] [data-demo='documents'] .window-label{font-size:16px;line-height:1.4;margin-bottom:20px;color:#101112;font-weight:600}body[data-design][data-concept] [data-demo='documents'] textarea{width:100%;min-height:215px;background:#fafbfe;border:1px solid #cbd5e5;border-radius:12px;padding:18px;font-size:16px;line-height:1.8;color:#101112;box-sizing:border-box}body[data-design][data-concept] [data-demo='documents'] [data-parse-demo]{width:100%;margin-top:18px;background:#2450e8;color:white;border:1px solid #2450e8;font-size:17px;padding:17px;border-radius:12px}body[data-design][data-concept] [data-demo='documents'] .demo-small{font-size:12px;line-height:1.65;margin-top:16px;color:#596475}
body[data-design][data-concept] [data-demo='documents'] .doc-results-header,body[data-design][data-concept] [data-demo='documents'] .doc-result-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 100px;gap:10px;padding:15px 0;border-bottom:1px solid #dce3ed;font-size:15px;line-height:1.5}body[data-design][data-concept] [data-demo='documents'] .doc-result-row>span{overflow-wrap:anywhere}body[data-design][data-concept] [data-demo='documents'] .doc-results-header{font-size:12px;font-weight:650;color:#596475}.document-preview-label{font-size:12px;color:#596475;margin:0 0 14px}body[data-design][data-concept] [data-demo='documents'] .doc-total{background:#cef45c;color:#101112;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;margin-top:22px}body[data-design][data-concept] [data-demo='documents'] .doc-total strong{font-size:34px;color:#2450e8;letter-spacing:-.04em;white-space:nowrap}.document-dirty{font-size:13px;line-height:1.5;padding:12px;background:#fff4ce;border-radius:10px}.document-dirty[hidden]{display:none}.doc-verify{font-size:13px;line-height:1.5}body[data-design][data-concept] [data-demo='documents'] .report-field{font-size:16px;line-height:1.65}
@media(max-width:850px){body[data-design][data-concept] [data-demo='documents'] .document-layout{grid-template-columns:1fr}.document-route li{font-size:14px}.document-route{gap:12px}.document-route b{width:34px;height:34px;font-size:14px}}
@media(max-width:650px){body[data-design][data-concept] .demo-shell[data-demo='documents']{padding:16px;border-radius:18px}body[data-design][data-concept] [data-demo='documents'] :is(.document-input,.document-output){padding:18px;border-radius:14px}.document-route{grid-template-columns:1fr;gap:10px}.document-route li:not(:last-child):after{content:'↓';font-size:20px}.document-route li{font-size:16px}body[data-design][data-concept] [data-demo='documents'] .demo-window-bar{flex-wrap:wrap}body[data-design][data-concept] [data-demo='documents'] .doc-result-row,body[data-design][data-concept] [data-demo='documents'] .doc-results-header{grid-template-columns:minmax(0,1fr) 44px 76px;gap:6px;font-size:13px}body[data-design][data-concept] [data-demo='documents'] .doc-total{padding:15px}body[data-design][data-concept] [data-demo='documents'] .doc-total strong{font-size:27px}body[data-design][data-concept] [data-demo='documents'] .doc-total>span{font-size:13px}}
@keyframes document-workbench-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
body[data-motion='full'] .document-workbench-seen .document-input{animation:document-workbench-in 450ms cubic-bezier(.23,1,.32,1) both}body[data-motion='full'] .document-workbench-seen .document-output{animation:document-workbench-in 450ms cubic-bezier(.23,1,.32,1) 140ms both}
@media(prefers-reduced-motion:reduce){.document-input,.document-output{animation:none!important}}

/* Faithful document-workbench proportions and row editing. */
.spec-title-blue{color:#2450e8}body[data-design][data-concept] #live-example>.section-heading{display:block;margin-bottom:30px}body[data-design][data-concept] #live-example>.section-heading>p{max-width:none;font-size:20px;margin-top:14px}body[data-design][data-concept] #live-example>.section-heading .eyebrow{display:inline-block;background:#cef45c;border-radius:12px;padding:10px 16px;color:#101112;font-weight:650}body[data-design][data-concept] .spec-workbench .demo-window-bar{display:none}body[data-design][data-concept] .spec-workbench .document-layout{position:relative;gap:64px}body[data-design][data-concept] .spec-workbench :is(.document-input,.document-output){padding:28px;border:0}body[data-design][data-concept] .spec-workbench .window-label{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;min-height:62px}body[data-design][data-concept] .spec-workbench .window-label strong{font-size:22px;line-height:1.3;font-weight:650}.spec-workbench .window-label small{font-size:16px;font-weight:400}.spec-workbench .window-label div>span{display:block;background:#f0f2f6;border-radius:20px;font-size:12px;padding:5px 10px;width:fit-content;margin-top:6px}.spec-workbench .window-label img{flex:none;filter:invert(23%) sepia(98%) saturate(3000%) hue-rotate(222deg)}
.spec-input-labels,.spec-input-row{display:grid;grid-template-columns:24px minmax(0,1fr) 80px 74px;gap:10px;align-items:center}.spec-input-labels{font-size:12px;font-weight:650;margin-bottom:14px}.spec-input-row{margin-bottom:14px}.spec-input-row>span{color:#7a8493;font-size:14px}.spec-input-row input{width:100%;min-width:0;border:1px solid #bec8d8;background:#fff;border-radius:8px;padding:12px 9px;font:inherit;font-size:14px;color:#101112;box-sizing:border-box}.spec-input-row input:focus{outline:2px solid #2450e8;outline-offset:2px}.spec-input-row input[type=number]{appearance:textfield}.spec-input-row input::-webkit-inner-spin-button{appearance:none}
body[data-design][data-concept] .spec-workbench [data-parse-demo]{margin-top:24px;font-size:22px;font-weight:650;padding:18px}.spec-workbench .document-input>.demo-small{display:none}body[data-design][data-concept] .spec-workbench .doc-results-header,body[data-design][data-concept] .spec-workbench .doc-result-row{grid-template-columns:minmax(0,1fr) 55px 62px 80px;background:transparent;padding:17px 0;font-size:14px;gap:8px}.spec-workbench .doc-result-row>span:last-child{font-weight:650}.spec-workbench .doc-result-row>span:first-child:before{content:'✓';display:inline-block;background:#cef45c;border-radius:8px;padding:3px 7px;margin-right:8px;color:#101112}.spec-workbench .doc-result-row.warning>span:first-child:before{content:'!';background:#fff0c2}body[data-design][data-concept] .spec-workbench .doc-total{margin-top:24px;padding:20px}body[data-design][data-concept] .spec-workbench .doc-total strong{font-size:43px}body[data-design][data-concept] .spec-workbench .doc-total>span{font-size:22px;font-weight:650}.spec-transfer-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#2450e8;color:white;font-size:32px;border:5px solid #f1f3f7}.spec-workbench .doc-verify{font-size:12px;margin-top:14px}
@media(max-width:1100px){.spec-input-labels,.spec-input-row{grid-template-columns:18px minmax(0,1fr) 64px 60px;gap:6px}body[data-design][data-concept] .spec-workbench :is(.document-input,.document-output){padding:20px}body[data-design][data-concept] .spec-workbench .window-label strong{font-size:19px}}
@media(max-width:850px){.spec-transfer-arrow{top:50%;transform:translate(-50%,-50%) rotate(90deg)}body[data-design][data-concept] .spec-workbench .document-layout{gap:52px}}
@media(max-width:650px){.spec-input-labels,.spec-input-row{grid-template-columns:18px minmax(0,1fr) 58px 56px;gap:5px}.spec-input-labels{font-size:10px}.spec-input-row input{font-size:16px;padding:10px 5px}.spec-input-row{margin-bottom:10px}body[data-design][data-concept] .spec-workbench :is(.document-input,.document-output){padding:14px}body[data-design][data-concept] .spec-workbench .window-label strong{font-size:18px}.spec-workbench .window-label small{font-size:12px}body[data-design][data-concept] .spec-workbench .doc-results-header,body[data-design][data-concept] .spec-workbench .doc-result-row{grid-template-columns:minmax(0,1fr) 36px 40px 64px;gap:4px;font-size:12px}.spec-workbench .doc-result-row>span:first-child:before{display:none}body[data-design][data-concept] .spec-workbench .doc-total strong{font-size:30px}body[data-design][data-concept] .spec-workbench .doc-total>span{font-size:17px}body[data-design][data-concept] .spec-workbench [data-parse-demo]{font-size:18px}.spec-workbench .document-route li{font-size:16px}}

/* Document workbench: stronger step labels and transfer control. */
body[data-design][data-concept] [data-demo='documents'] .document-route{gap:28px;margin-bottom:28px;align-items:center}
body[data-design][data-concept] [data-demo='documents'] .document-route li{font-size:24px;line-height:1.25;gap:16px;font-weight:650;min-height:64px}
body[data-design][data-concept] [data-demo='documents'] .document-route b{width:58px;height:58px;border-radius:16px;font-size:24px}
body[data-design][data-concept] [data-demo='documents'] .document-route li:not(:last-child):after{font-size:40px;line-height:1;color:#8592a5}
body[data-design][data-concept] .spec-transfer-arrow{width:64px;height:64px;font-size:42px;line-height:1;border-width:6px;box-sizing:border-box;z-index:2}
@media(max-width:1100px) and (min-width:651px){body[data-design][data-concept] [data-demo='documents'] .document-route li{font-size:20px;gap:12px}body[data-design][data-concept] [data-demo='documents'] .document-route b{width:50px;height:50px;font-size:21px}}
@media(max-width:650px){body[data-design][data-concept] [data-demo='documents'] .document-route{gap:12px;margin-bottom:22px}body[data-design][data-concept] [data-demo='documents'] .document-route li{font-size:18px;gap:12px;min-height:44px}body[data-design][data-concept] [data-demo='documents'] .document-route b{width:42px;height:42px;font-size:18px;border-radius:12px}body[data-design][data-concept] [data-demo='documents'] .document-route li:not(:last-child):after{font-size:26px}body[data-design][data-concept] .spec-transfer-arrow{width:46px;height:46px;font-size:30px;border-width:5px}}

/* Retail replenishment: selected editorial photo-and-draft hero. */
body[data-design][data-concept] .retail-editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1320px;width:calc(100% - 96px);margin:auto;padding:24px 0 40px;background:white;border-radius:0}
.retail-hero-copy{min-width:0}.retail-hero-copy .breadcrumbs{margin:0 0 32px;font-size:12px}.retail-hero-copy .eyebrow{display:inline-block;color:#101112;background:#cef45c;border-radius:24px;padding:8px 14px;font-size:11px;font-weight:650}.retail-hero-copy h1{font-size:clamp(34px,3.7vw,56px);line-height:1.12;letter-spacing:-.045em;margin:28px 0 30px;color:#101112}.retail-hero-copy h1>span{color:#2450e8}.retail-hero-copy em{position:relative;display:inline-block;font-style:normal}.retail-hero-copy em svg{position:absolute;left:0;bottom:-10px;width:100%;height:15px;overflow:visible}.retail-hero-copy em path{fill:none;stroke:#cef45c;stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.retail-hero-copy>p{font-size:19px;line-height:1.6;margin:0 0 32px;color:#303743}.retail-hero-copy .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.retail-hero-copy .button{font-size:15px;padding:18px 22px;border-radius:16px}.retail-hero-copy .button.dark{background:#2450e8;border-color:#2450e8;color:white}
.retail-hero-visual{position:relative;min-width:0;height:590px}.retail-hero-visual figure{margin:0;height:100%;overflow:hidden;border-radius:24px}.retail-hero-visual figure>img{width:100%;height:100%;object-fit:cover;object-position:55% center}.retail-order-preview{position:absolute;bottom:28px;left:24px;right:74px;background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:22px;box-shadow:0 14px 35px #10203824}.retail-order-preview header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:23px;letter-spacing:-.035em}.retail-order-preview ul{list-style:none;padding:0;margin:0}.retail-order-preview li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #e0e5ed}.retail-order-preview li>strong{font-size:14px}.retail-order-preview li>span{font-size:11px;padding:7px 10px;border-radius:22px;background:#edf0f5;white-space:nowrap}.retail-order-preview li:nth-child(2)>span{background:#e3ecff}.retail-order-preview li:nth-child(3)>span{background:#cef45c}.retail-order-preview>small{display:block;font-size:10px;color:#647087;margin-top:8px}.retail-hero-check{position:absolute;right:16px;bottom:80px;background:#cef45c;border-radius:16px;width:52px;height:52px;display:grid;place-items:center;font-size:36px;color:#101112}
body[data-design][data-concept] .retail-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:1320px;width:calc(100% - 96px);margin:auto;padding:26px 0;border-top:1px solid #dce2eb;border-bottom:1px solid #dce2eb;background:white;border-radius:0;gap:26px}.retail-hero-facts>div{display:flex;align-items:center;gap:18px;padding-right:24px;border-right:1px solid #dce2eb}.retail-hero-facts>div:last-child{border:0}.retail-hero-facts p{margin:0;font-size:17px;line-height:1.5}.retail-hero-facts strong,.retail-hero-facts span{display:block}.retail-hero-facts img{flex:none}
@keyframes retail-underline-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes retail-order-row{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
body[data-motion='full'] .retail-hero-enter em path{animation:retail-underline-draw 750ms cubic-bezier(.23,1,.32,1) 150ms both}body[data-motion='full'] .retail-hero-enter .retail-order-preview li{animation:retail-order-row 450ms cubic-bezier(.23,1,.32,1) both;animation-delay:calc(250ms + var(--retail-row)*170ms)}
@media(max-width:1000px){body[data-design][data-concept] .retail-editorial-hero{width:calc(100% - 48px);gap:24px}.retail-order-preview{left:12px;right:12px;padding:16px}.retail-order-preview header{font-size:20px}.retail-hero-check{display:none}.retail-order-preview li{gap:8px}.retail-order-preview li>span{font-size:10px;padding:6px}.retail-hero-copy>p{font-size:17px}body[data-design][data-concept] .retail-hero-facts{width:calc(100% - 48px)}}
@media(max-width:650px){body[data-design][data-concept] .retail-editorial-hero{grid-template-columns:1fr;width:100%;padding:24px!important;gap:28px}.retail-hero-copy h1{font-size:38px}.retail-hero-copy h1 br{display:none}.retail-hero-copy .breadcrumbs{margin-bottom:24px}.retail-hero-copy .button{font-size:14px;padding:16px 18px}.retail-hero-visual{height:480px}.retail-order-preview{bottom:16px}.retail-order-preview li{grid-template-columns:24px 1fr auto;gap:6px}.retail-order-preview li>strong{font-size:13px}.retail-order-preview li>span{font-size:9px;padding:6px}.retail-order-preview header{font-size:20px}body[data-design][data-concept] .retail-hero-facts{grid-template-columns:1fr;width:calc(100% - 48px);gap:18px;padding:24px 0}.retail-hero-facts>div{border:0;padding:0}.retail-hero-facts p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.retail-order-preview li,.retail-hero-copy em path{animation:none!important}}

/* Retail hero: match the selected editorial reference hierarchy. */
body[data-design][data-concept] .retail-editorial-hero{grid-template-columns: .94fr 1.06fr;gap:36px;padding-top:28px;padding-bottom:40px;align-items:center}
body[data-design][data-concept] .retail-hero-copy h1{font-size:clamp(38px,3.65vw,56px);font-weight:750;line-height:1.16;letter-spacing:-.045em;margin:30px 0 30px}
body[data-design][data-concept] .retail-hero-copy h1>span{color:#2450e8}
body[data-design][data-concept] .retail-hero-copy .eyebrow{font-size:12px;font-weight:750;letter-spacing:0;padding:8px 16px;color:#101112}
body[data-design][data-concept] .retail-hero-copy>p{font-size:21px;line-height:1.55;color:#101112;margin-bottom:32px}
body[data-design][data-concept] .retail-hero-copy .hero-actions .button{font-size:18px;line-height:1.3;font-weight:650;padding:20px 22px;border-radius:17px;min-height:64px}
body[data-design][data-concept] .retail-hero-copy .hero-actions .button.dark{background:#2450e8!important;border-color:#2450e8!important;color:white!important}
body[data-design][data-concept] .retail-hero-copy .hero-actions .button.outline{border:1px solid #101112;color:#101112;background:white}
.retail-hero-visual{height:585px}.retail-hero-visual figure>img{object-position:60% center}
.retail-order-preview{left:6%;right:24%;bottom:30px;border-radius:20px;padding:20px 22px 12px;box-shadow:0 14px 30px #14213824}
.retail-order-preview header{font-size:24px;line-height:1.2;font-weight:750;margin-bottom:12px;gap:12px}.retail-order-preview header>img{width:32px;height:32px}
.retail-order-preview li{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:8px 0;min-height:55px}.retail-order-preview li>img{width:42px;height:42px;object-fit:contain}.retail-order-preview li>strong{font-size:14px;font-weight:650}.retail-order-preview li>span{font-size:10px;padding:7px 10px;line-height:1.2}.retail-order-preview>small{font-size:9px;margin:5px 0 0;color:#748095}
.retail-hero-check{right:6%;bottom:82px;width:60px;height:60px;font-size:42px;border-radius:18px;display:grid}
.retail-hero-check:before{content:'↳';position:absolute;right:65px;top:7px;color:#2450e8;font-size:56px;line-height:1;transform:rotate(-90deg)}
body[data-design][data-concept] .retail-hero-facts{padding:26px 0;gap:24px}.retail-hero-facts p{font-size:20px;line-height:1.4}.retail-hero-facts strong{font-size:22px;font-weight:750}.retail-hero-facts>div>img{width:48px;height:48px;filter:invert(24%) sepia(94%) saturate(2300%) hue-rotate(220deg)}
@media(max-width:1100px){.retail-order-preview{left:4%;right:10%;padding:18px}.retail-hero-check{display:none}.retail-order-preview header{font-size:22px}.retail-order-preview li{grid-template-columns:34px minmax(0,1fr) auto;gap:6px}.retail-order-preview li>img{width:34px;height:34px}.retail-order-preview li>span{font-size:9px;padding:6px}.retail-order-preview li>strong{font-size:13px}body[data-design][data-concept] .retail-hero-copy .hero-actions .button{font-size:15px;padding:16px}.retail-hero-facts p{font-size:16px}.retail-hero-facts strong{font-size:18px}}
@media(max-width:650px){body[data-design][data-concept] .retail-editorial-hero{grid-template-columns:1fr;gap:28px}body[data-design][data-concept] .retail-hero-copy h1{font-size:37px;line-height:1.14;margin:24px 0}body[data-design][data-concept] .retail-hero-copy>p{font-size:18px}body[data-design][data-concept] .retail-hero-copy .eyebrow{font-size:10px}.retail-hero-visual{height:470px}.retail-order-preview{left:12px;right:12px;bottom:16px;padding:18px}.retail-order-preview li{grid-template-columns:34px minmax(0,1fr) auto}.retail-order-preview header{font-size:21px}.retail-order-preview li>span{font-size:9px}.retail-hero-facts p{font-size:17px}}

.task-editorial-hero .retail-order-preview{right:12%}
.task-editorial-hero .retail-order-preview li{grid-template-columns:32px minmax(0,1fr);gap:4px 10px}
.task-editorial-hero .retail-order-preview li>img{width:30px;height:30px;grid-row:span 2}
.task-editorial-hero .retail-order-preview li>span{grid-column:2;white-space:normal;width:fit-content;overflow-wrap:anywhere;font-size:12px}
.task-editorial-hero .retail-hero-copy h1{overflow-wrap:anywhere}
@media(max-width:650px){.task-editorial-hero .retail-order-preview{right:12px}.task-editorial-hero .retail-hero-visual{height:auto;display:grid}.task-editorial-hero .retail-hero-visual figure{height:260px}.task-editorial-hero .retail-order-preview{position:relative;inset:auto;margin:-36px 12px 0}}
