/* AI Color: color samples, real product screens and an editorial rhythm. */
.service-page .site-header{background:rgba(255,255,255,.96)}
.service-hero{padding-top:145px;background:#f7f7f2}
.breadcrumbs{display:flex;gap:14px;align-items:center;font-size:15px;color:#777}.breadcrumbs a:hover{color:var(--blue)}
.service-kicker,.feature-number{display:block;font-size:15px;letter-spacing:.1em;font-weight:550}
.color-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:45px 0 65px}
.color-hero-copy h1{font:550 clamp(80px,8.5vw,138px)/1 Arial,sans-serif;letter-spacing:-.075em;margin:22px 0 32px}
.color-hero-copy h1>span{color:var(--blue)}.color-hero-copy h2{font-size:clamp(30px,2.8vw,44px);line-height:1.4;font-weight:600}
.hero-description{margin-top:22px;font-size:15px;line-height:1.9;color:#62645d}

.service-scope{background:#fff;border-bottom:1px solid #ecece7}.service-scope>.container{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px;padding-bottom:30px}.service-scope span{display:flex;align-items:center;gap:15px;font-size:15px;font-weight:550}.service-scope span>i{font-size:23px;color:var(--blue)}.scope-arrow{font-size:15px;color:#b7b7b2}
.service-intro .section-label{font-size:15px;color:#70716b}.service-intro h2{font-size:clamp(32px,3.9vw,60px);line-height:1.4;margin-top:30px;font-weight:550}.service-intro h2>span{color:#93978d}.service-intro .container>p:last-child{font-size:15px;line-height:1.9;color:#666;margin-top:30px;margin-left:33%;max-width:800px}
.feature-story{display:grid;grid-template-columns:.8fr 1.3fr;gap:75px;align-items:center}.feature-story-copy{min-width:0}.feature-number{color:inherit;opacity:.65;font-size:15px}.feature-symbol{display:block;font-size:44px;margin-top:40px;margin-bottom:30px}.feature-story-copy h2{font-size:clamp(29px,2.7vw,42px);line-height:1.45;font-weight:550}.feature-story-copy>p{font-size:15px;line-height:1.9;margin-top:25px;max-width:410px}
.matching-feature{background:#173eb7;color:#fff;padding:95px 0 60px;overflow:hidden}.matching-feature .feature-story-copy>p{color:#d5dff7}.matching-feature .feature-symbol{color:#b9cdf9}
.feature-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px}.feature-tags>span{display:flex;align-items:center;gap:8px;font-size:15px;color:#e5ebff}.feature-tags i{font-size:15px}
.service-screen{margin:0;min-width:0;position:relative}.screen-frame{position:relative;z-index:1;background:#fff;box-shadow:0 20px 55px #10172b1a;border:1px solid #e2e4e9;border-radius:5px;overflow:hidden}.screen-chrome{display:flex;align-items:center;gap:5px;padding:12px 14px;background:#fafaf9;border-bottom:1px solid #ececec;color:#777}.screen-chrome>span{display:block;width:5px;height:5px;background:#cecec9;border-radius:50%}.screen-chrome>b{font:400 15px/1 Arial,sans-serif;margin-left:12px;letter-spacing:.03em}
.screen-enlarge{position:relative;width:100%;display:block;padding:0 0 38px;border:0;background:#fff;color:#333;text-align:left;overflow:hidden}.screen-enlarge img{width:100%;height:auto;transition:filter .2s}.screen-enlarge>span{position:absolute;bottom:11px;right:15px;display:flex;align-items:center;gap:9px;font-size:15px}.screen-enlarge:hover img{filter:brightness(.97)}.screen-enlarge:hover>span{color:var(--blue)}.service-screen figcaption{font-size:15px;margin-top:15px;color:#888}.matching-screen figcaption{color:#bfcef4}.matching-screen{transform:translateY(30px)}
.color-difference{display:flex;align-items:center;gap:35px;margin-top:75px;padding-top:33px;border-top:1px solid #ffffff35}.sample-pair{display:flex;flex-shrink:0}.sample-pair>span{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px;background:#e5ba77;color:#513e22}.sample-pair>span+span{background:#e6c691;margin-left:-12px;box-shadow:-4px 0 0 #173eb7}
.color-difference h3{font-size:17px;font-weight:550}.color-difference p{font-size:15px;line-height:1.8;margin-top:10px;color:#d0ddff}.color-difference small{display:block;font-size:15px;margin-top:8px;color:#c0cef0}.difference-arrow{margin-left:auto;font-size:45px;color:#94b0f2}
.dashboard-feature{padding-top:160px;padding-bottom:150px}.feature-story-reverse{grid-template-columns:1.3fr .8fr}.feature-story-reverse .feature-story-copy{grid-column:2;grid-row:1}.feature-story-reverse .service-screen{grid-column:1;grid-row:1}.dashboard-feature .feature-symbol{color:#c67e52}.dashboard-feature .feature-story-copy>p{color:#666}.workspace-points{display:flex;flex-direction:column;gap:18px;margin-top:30px;font-size:15px;color:#444}.workspace-points>span{display:flex;align-items:center;gap:13px}.workspace-points i{width:20px;text-align:center;color:#aa7352;font-size:17px}
.dashboard-screen{padding:24px;background:#f0ece5}.screen-background-word{position:absolute;left:-5px;top:-70px;font:600 clamp(80px,8.5vw,130px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#ede7de;z-index:0}.dashboard-screen figcaption{padding-left:3px}
.learning-feature{background:#e9f0e9;padding:100px 0 45px}.learning-feature .feature-story-copy>p{color:#5a6d60}.learning-mark{display:flex;align-items:center;gap:20px;margin:35px 0 30px;color:#416e58;font-size:35px}.learning-mark .fa-arrow-right{font-size:15px;color:#8aa392}.learning-caption{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-size:15px;color:#416e58}.learning-caption>i{font-size:17px}.learning-note{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.8;color:#627667;margin-top:40px}.learning-note>i{margin-top:4px}
.adoption-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.adoption-heading .section-label{font-size:15px;color:#777}.adoption-heading h2{margin-top:25px;font-size:38px;font-weight:550}.adoption-heading>p{font-size:15px;color:#666;line-height:1.9;padding-bottom:8px}
.industry-scenes{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:65px}.industry-scenes article{display:flex;align-items:center;gap:30px}.industry-art{position:relative;isolation:isolate;width:180px;height:180px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.industry-art:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#f2eee7;z-index:-1}.industry-art>i{font-size:70px;color:#a48260}.material-dot{position:absolute;width:15px;height:15px;border-radius:50%;background:#edab8d}.dot-one{left:5px;top:30px}.dot-two{right:10px;top:13px;background:#ccb974;width:22px;height:22px}.dot-three{right:0;bottom:25px;background:#94ac9c;width:27px;height:27px}.art-factory:before{border-radius:0;background:#eaf0f5;transform:rotate(-7deg);inset:20px}.art-factory>i{font-size:76px;color:#607d9b}.factory-line{position:absolute;bottom:28px;width:125px;height:4px;background:#a7bed3}
.industry-scenes h3{font-size:20px;line-height:1.5;font-weight:550}.industry-scenes p{font-size:15px;line-height:1.9;color:#666;margin-top:15px}
.adoption-conversation{display:flex;align-items:center;gap:28px;background:#f7f6f2;padding:35px 40px;margin-top:65px}.adoption-conversation>i{font-size:35px;color:#8e9288}.adoption-conversation h3{font-size:18px;font-weight:550}.adoption-conversation p{font-size:15px;color:#666;line-height:1.8;margin-top:10px}

.service-faq{padding-top:0}.service-faq h2{font-size:29px;margin-top:25px}.faq-list{border-top:1px solid #111}.faq-list details{border-bottom:1px solid #ddd}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:22px;cursor:pointer;padding:24px 0;font-size:16px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;line-height:1.2;flex:0 0 20px;text-align:center;font-weight:300}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--blue)}.faq-list details>p{font-size:15px;line-height:1.9;color:#666;padding:0 30px 27px 0}.faq-list p>a{display:inline-block;color:var(--blue);text-decoration:underline;text-underline-offset:4px;margin-top:12px}
.service-contact{background:#0637c3;color:#fff;padding:75px 0}.service-contact>.container>.section-label{font-size:15px;color:#c1d1ff}.service-contact-row{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:28px}.service-contact h2{font-size:39px;line-height:1.45;font-weight:550}.service-contact-button{display:flex;justify-content:space-between;align-items:center;gap:55px;background:#fff;color:#111;border-radius:40px;padding:17px 26px;font-size:16px;white-space:nowrap}.service-contact-button>span{font-size:28px;line-height:1}.service-contact-button:hover{background:#e5edff}.service-contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding-top:23px;border-top:1px solid #ffffff40;font-size:15px;color:#d2dfff}.service-contact-bottom>a>span:not(.sr-only){margin-left:16px;font-size:15px}
/* Native dialog keeps keyboard focus inside the enlarged screen. */
.screen-dialog{padding:0;border:0;width:min(1240px,94vw);max-width:none;max-height:92svh;background:#fff;color:#111;box-shadow:0 20px 90px #0005}.screen-dialog::backdrop{background:#0c152acc;backdrop-filter:blur(4px)}.screen-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid #ddd}.screen-dialog-head h2{font-size:15px;font-weight:550;line-height:1.5}.screen-dialog-close{display:flex;align-items:center;gap:20px;background:none;border:0;font-size:15px;padding:8px}.screen-dialog-close>span{font-size:26px;line-height:1}.screen-dialog-scroll{max-height:calc(92svh - 80px);overflow:auto;overscroll-behavior:contain}.screen-dialog-image{width:100%;height:auto}.screen-dialog-open{overflow:hidden}
.service-contact-button>i{font-size:18px}.screen-dialog-close>i{font-size:20px}.faq-list summary>span{font-size:15px;padding-top:3px}
@media(max-width:1100px){
 .service-hero{padding-top:125px}.color-hero-layout{gap:35px;padding-top:35px}.color-hero-copy h1{font-size:9vw}.hero-description{font-size:15px}.color-hero-copy h2{font-size:32px}
 .service-scope span{font-size:15px;gap:12px}.service-scope span>i{font-size:20px}.feature-story{gap:40px}.feature-story-copy h2{font-size:30px}.feature-story-copy>p{font-size:15px}.feature-symbol{font-size:37px;margin-top:30px;margin-bottom:24px}.feature-tags{gap:13px}.feature-tags>span{font-size:15px}.dashboard-feature{padding-top:130px;padding-bottom:110px}.dashboard-screen{padding:18px}.industry-scenes{gap:40px}.industry-scenes article{gap:20px}.industry-art{width:130px;height:150px}.industry-art>i{font-size:60px}.factory-line{width:100px}.industry-scenes h3{font-size:18px}.industry-scenes p{font-size:15px}.service-contact h2{font-size:33px}
}
@media(max-width:800px){
 .service-hero{padding-top:115px}.color-hero-layout{gap:25px}.color-hero-copy h1{font-size:10vw}.color-hero-copy h2{font-size:27px}.hero-description{font-size:15px}.hero-description br{display:none}
 .service-scope>.container{gap:15px;padding-top:25px;padding-bottom:25px}.service-scope span{font-size:15px;gap:9px}.scope-arrow{display:none}.service-intro h2{font-size:40px}.service-intro .container>p:last-child{margin-left:0;font-size:15px}
 .feature-story,.feature-story-reverse{grid-template-columns:1fr;gap:40px}.feature-story-reverse .feature-story-copy,.feature-story-reverse .service-screen{grid-column:auto;grid-row:auto}.feature-story-copy h2{font-size:34px}.feature-story-copy>p{max-width:560px;font-size:15px}.feature-symbol{font-size:34px;margin:25px 0}.matching-feature{padding:70px 0 40px}.matching-screen{transform:none}.feature-tags>span{font-size:15px}.feature-tags{gap:25px;margin-top:25px}.color-difference{margin-top:40px;gap:25px}.color-difference h3{font-size:16px}.difference-arrow{display:none}.sample-pair>span{width:75px;height:75px;font-size:15px}.color-difference p{font-size:15px}
 .dashboard-feature{padding:80px 0}.dashboard-screen{margin-top:35px;padding:25px}.screen-background-word{font-size:100px;top:-55px}.workspace-points{flex-direction:row;flex-wrap:wrap;gap:18px;font-size:15px}.workspace-points>span{gap:10px}.learning-feature{padding:70px 0 35px}.learning-mark{margin:25px 0;font-size:32px}.learning-note{margin-top:30px;font-size:15px}
 .adoption-heading{display:block}.adoption-heading h2{font-size:33px}.adoption-heading>p{margin-top:25px;font-size:15px}.industry-scenes{gap:35px;margin-top:40px}.industry-scenes article{flex-direction:column;align-items:flex-start;gap:20px}.industry-art{width:150px;height:145px}.industry-art>i{font-size:62px}.industry-scenes h3{font-size:19px}.industry-scenes p{font-size:15px}.adoption-conversation{padding:28px;gap:22px;flex-wrap:wrap;margin-top:40px}.adoption-conversation h3{font-size:17px}.adoption-conversation p{font-size:15px}
 .service-faq{padding-top:0}.service-faq h2{margin-top:20px}.service-contact{padding:60px 0}.service-contact-row{align-items:flex-start;flex-direction:column;gap:30px}.service-contact h2{font-size:35px}.service-contact-bottom{font-size:15px}.screen-dialog-head{padding:12px 15px}.screen-dialog-head h2{font-size:15px}
}
@media(max-width:540px){
 .service-hero{padding-top:105px}.breadcrumbs{font-size:15px;gap:11px}.color-hero-layout{grid-template-columns:1fr;padding:30px 0 28px;gap:35px}.service-kicker{font-size:15px}.color-hero-copy h1{font-size:24vw;margin:16px 0 22px}.color-hero-copy h2{font-size:31px}.hero-description{font-size:15px;max-width:320px;margin-top:20px}
 .service-scope>.container{gap:12px;align-items:flex-start;padding-top:22px;padding-bottom:22px}.service-scope span{flex:1;flex-direction:column;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;max-width:110px}.service-scope span>i{font-size:21px}.service-intro h2{font-size:clamp(26px,7.6vw,38px);margin-top:23px}.service-intro .section-label{font-size:15px}.service-intro .container>p:last-child{font-size:15px;margin-top:23px}.service-intro .container>p:last-child br{display:none}
 .matching-feature{padding:55px 0 35px}.feature-story{gap:30px}.feature-number{font-size:15px}.feature-symbol{font-size:32px;margin:24px 0 22px}.feature-story-copy h2{font-size:29px}.feature-story-copy>p{font-size:15px;line-height:1.9;margin-top:20px}.feature-tags{gap:18px;margin-top:24px}.feature-tags>span{font-size:15px;gap:7px}.feature-tags i{font-size:15px}.screen-chrome{padding:10px;gap:4px}.screen-chrome>b{font-size:15px;margin-left:7px}.screen-chrome>span{width:4px;height:4px}.screen-enlarge{padding-bottom:34px}.screen-enlarge>span{font-size:15px;bottom:10px;right:12px}.service-screen figcaption{font-size:15px;margin-top:11px}
 .color-difference{flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px;padding-top:27px}.sample-pair>span{width:68px;height:68px}.color-difference h3{font-size:16px}.color-difference p{font-size:15px}.color-difference small{font-size:15px}
 .dashboard-feature{padding:65px 0}.dashboard-screen{padding:15px;margin-top:18px}.screen-background-word{font-size:76px;top:-43px}.workspace-points{flex-direction:column;font-size:15px;gap:15px}.workspace-points i{font-size:16px}.learning-feature{padding:55px 0 30px}.learning-mark{font-size:30px;margin:24px 0}.learning-caption{font-size:15px;margin-top:24px}.learning-note{font-size:15px;margin-top:25px}
 .adoption-heading .section-label{font-size:15px}.adoption-heading h2{font-size:29px;margin-top:22px}.adoption-heading>p{font-size:15px;margin-top:20px}.adoption-heading>p br{display:none}.industry-scenes{grid-template-columns:1fr;gap:40px;margin-top:35px}.industry-scenes article{flex-direction:row;align-items:center;gap:22px}.industry-art{width:95px;height:115px}.industry-art:before{inset:5px 0}.industry-art>i{font-size:47px}.art-factory:before{inset:15px 0}.material-dot{width:11px;height:11px}.dot-two{width:14px;height:14px}.dot-three{width:17px;height:17px}.factory-line{width:84px;height:3px;bottom:23px}.industry-scenes h3{font-size:17px;line-height:1.5}.industry-scenes p{font-size:15px;line-height:1.8;margin-top:10px}.industry-scenes p br{display:none}.adoption-conversation{padding:25px 22px;gap:20px;margin-top:35px;display:block}.adoption-conversation>i{font-size:28px;margin-bottom:20px}.adoption-conversation h3{font-size:17px}.adoption-conversation p{font-size:15px}.adoption-conversation p br{display:none}
 .service-faq h2{font-size:27px;margin-top:18px}.faq-list summary{font-size:15px;padding:22px 0;gap:15px}.faq-list details>p{font-size:15px;padding:0 10px 23px 0}.service-contact{padding:50px 0}.service-contact>.container>.section-label{font-size:15px}.service-contact h2{font-size:28px}.service-contact-button{font-size:15px;padding:16px 23px;gap:45px}.service-contact-bottom{flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px;font-size:15px}.screen-dialog-head{gap:10px}.screen-dialog-head h2{font-size:15px}.screen-dialog-close{gap:12px;font-size:15px;white-space:nowrap}.screen-dialog-image{min-width:800px}.screen-dialog-scroll{max-height:75svh}.screen-dialog{max-height:90svh}
}
@media(prefers-reduced-motion:reduce){}

/* Generated material study replaces the CSS color fan. */
.color-studio{position:relative;min-width:0;margin:0;background:#e9e8e2;overflow:hidden}
.color-studio img{width:100%;height:auto;display:block}
/* Preserve space around enlarged labels and captions. */
.sample-pair{gap:10px}
.sample-pair>span+span{margin-left:0;box-shadow:none}
@media(max-width:540px){.sample-pair>span{width:85px;height:85px}.screen-enlarge{padding-bottom:42px}.service-scope span{max-width:none}}

/* The shared masthead owns the page title; saved CMS bodies remain compatible. */
.service-page .service-hero{padding-top:0;background:#fff}
.service-page .service-hero .breadcrumbs,
.service-page .service-hero .service-kicker,
.service-page .color-hero-copy h1{display:none}
.service-page .color-hero-layout{grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);padding:60px 0 65px}
.service-page .color-hero-copy h2{font-size:clamp(28px,2.6vw,40px);line-height:1.45;letter-spacing:-.045em}
.service-page .hero-description{font-size:17px;line-height:1.9;margin-top:25px;color:var(--muted)}
.service-page .content-editor-notice+.sub-hero{padding-top:45px}
@media(max-width:800px){
 .service-page .color-hero-layout{padding:35px 0 40px;gap:30px}
 .service-page .color-hero-copy h2{font-size:28px}
 .service-page .hero-description{font-size:16px;margin-top:20px}
}
@media(max-width:540px){
 .service-page .color-hero-layout{grid-template-columns:1fr;gap:28px}
 .service-page .color-hero-copy h2{font-size:27px}
 .service-page .hero-description{max-width:none}
}

/* One editorial section connects the message with the three-step workflow. */
.service-intro.process-intro{padding:75px 0 80px;background:#f1f4fb;border-top:1px solid #dfe5f2}
.process-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(45px,6vw,100px);align-items:center}
.service-intro .process-copy h2{font-size:clamp(30px,2.75vw,46px);line-height:1.5;margin:0;font-weight:600;letter-spacing:-.05em}
.service-intro .process-copy h2>span{color:var(--blue)}
.process-copy>p{max-width:560px;margin:26px 0 0;font-size:17px;line-height:1.95;color:#545d70}
.process-flow{list-style:none;margin:0;padding:0;position:relative}
.process-flow:before{content:'';position:absolute;top:47px;bottom:47px;left:23px;width:1px;background:#aabce5}
.process-flow>li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 70px;align-items:center;gap:24px;min-height:102px}
.process-flow>li>i{position:relative;background:#f1f4fb;color:var(--blue);font-size:30px;width:48px;height:58px;display:flex;align-items:center;justify-content:center}
.process-flow>li>span{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.035em}
.process-flow>li>div{position:relative;width:70px;height:48px}
.process-swatches b{position:absolute;top:3px;left:3px;width:38px;height:38px;background:#8aa9ed;transform:rotate(-12deg)}
.process-swatches b+b{top:9px;left:29px;background:#0636cf;transform:rotate(9deg);box-shadow:0 0 0 3px #f1f4fb}
.process-bars{display:flex;flex-direction:column;justify-content:center;gap:7px}
.process-bars b{height:6px;width:100%;background:#0636cf}
.process-bars b:nth-child(2){width:70%;background:#6f93e4}
.process-bars b:nth-child(3){width:42%;background:#afc4f0}
.process-records b{position:absolute;width:50px;height:29px;border:1px solid #8ba5dd;background:#e2eaf9;left:4px;top:0}
.process-records b:nth-child(2){left:11px;top:8px;background:#b7c9ef}
.process-records b:nth-child(3){left:18px;top:16px;background:#0636cf;border-color:#0636cf}
@media(max-width:1100px){
 .process-layout{grid-template-columns:1.1fr 1fr;gap:40px}
 .process-flow>li{gap:16px;grid-template-columns:42px minmax(0,1fr) 54px}
 .process-flow>li>span{font-size:18px}
 .process-flow>li>div{width:54px;transform:scale(.8);transform-origin:center right}
 .service-intro .process-copy h2{font-size:31px}
}
@media(max-width:800px){
 .service-intro.process-intro{padding:45px 0 50px}
 .process-layout{grid-template-columns:1fr;gap:28px}
 .service-intro .process-copy h2{font-size:clamp(26px,4.5vw,36px)}
 .process-copy>p{max-width:620px;margin-top:20px;font-size:16px}
 .process-flow{padding-top:12px;border-top:1px solid #d0d9ec}
 .process-flow:before{top:53px;bottom:41px;left:23px}
 .process-flow>li{min-height:82px;grid-template-columns:48px minmax(0,1fr) 70px;gap:20px}
 .process-flow>li>div{width:70px;transform:none}
}
@media(max-width:380px){
 .service-intro .process-copy h2{font-size:25px}
 .process-flow>li{gap:12px;grid-template-columns:40px minmax(0,1fr) 50px}
 .process-flow>li>i{width:40px;font-size:27px}
 .process-flow>li>span{font-size:16px}
 .process-flow:before{left:19px}
 .process-flow>li>div{width:50px;transform:scale(.7);transform-origin:center right}
}