.skar-ai-page #services{padding:88px max(24px,6.5vw);background:white;border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1}
#services .sai-promise-heading{max-width:1440px;display:block;text-align:center;margin:0 auto 48px}
#services .sai-promise-heading .eyebrow{color:#386bd7;font-size:11px;letter-spacing:.16em;margin:0 0 20px;padding:0}
#services .sai-promise-heading h2{font-size:clamp(36px,4vw,56px);font-weight:550;line-height:1.12;letter-spacing:-.04em;color:#0b2c4a;margin:0 0 24px}
#services .sai-promise-heading>p:last-child{font-size:18px;line-height:1.6;color:#536477;margin:0}
#services .sai-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1440px;margin:auto;border:0}
#services .sai-promise-grid article{display:block;padding:0;border:0;background:none;min-height:0;overflow:visible}
.ai-resource-card{display:block;height:100%;color:#0b2c4a}.ai-resource-card:focus-visible{outline:3px solid #386bd7;outline-offset:8px;border-radius:10px}
#services .sai-promise-grid h3{display:flex;justify-content:space-between;gap:16px;font-size:24px;font-weight:550;line-height:1.25;letter-spacing:-.025em;color:#0b2c4a;margin:24px 0 14px;max-width:none}
#services .sai-promise-grid h3 span{font-size:20px;font-weight:400;flex-shrink:0}
#services .sai-promise-grid p{font-size:15px;line-height:1.7;color:#536477;margin:0;max-width:none}
.ai-service-art{aspect-ratio:1;position:relative;overflow:hidden;isolation:isolate;border-radius:10px;transition:transform .35s ease}
.ai-resource-card:hover .ai-service-art{transform:translateY(-5px)}
.ai-service-art i,.ai-service-art b,.ai-service-art>span{position:absolute;display:block;pointer-events:none}
/* Soft pigment fields with fine grain, shared across the three palettes. */
.ai-service-art::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
.art-1{background:radial-gradient(ellipse at 90% 5%,#d4bcff,transparent 55%),linear-gradient(135deg,#55dcf4,#68cbf0 55%,#a7baff)}
.art-1 i{width:55%;height:150%;left:1%;top:-55%;border-radius:45%;background:linear-gradient(90deg,#b6b0fa,#dcd5fa 48%,#9274e8);transform:rotate(38deg);filter:blur(12px)}
.art-1 b{width:39%;height:145%;left:48%;top:20%;border-radius:45%;background:linear-gradient(90deg,#f1b4ed,#ff537d 50%,#fa334e 74%,#ffc0b7);transform:rotate(-24deg);filter:blur(15px)}
.art-1>span{width:90%;height:30%;left:-35%;bottom:-4%;border-radius:50%;background:linear-gradient(180deg,#c6aeff,#ec42e2);transform:rotate(-42deg);filter:blur(18px)}
.art-2{background:radial-gradient(ellipse at 95% 0%,#adcfff,transparent 65%),linear-gradient(145deg,#007cdd,#008ff3 45%,#8cbffc)}
.art-2 i{width:160%;height:33%;left:-25%;top:24%;border-radius:45%;background:linear-gradient(180deg,#215dcc,#6cb4ff 35%,#c0dfff 72%,#3d8fea);transform:rotate(-34deg);filter:blur(17px)}
.art-2 b{width:155%;height:24%;left:4%;top:68%;border-radius:50%;background:linear-gradient(180deg,#428dd5,#badbff 60%,#8bcaff);transform:rotate(-34deg);filter:blur(18px)}
.art-2>span{width:100%;height:7%;left:-20%;top:20%;border-radius:50%;background:#0952ba;transform:rotate(-34deg);filter:blur(14px);opacity:.55}
.art-3{background:radial-gradient(ellipse at 8% 100%,#9cde43,transparent 67%),linear-gradient(150deg,#94c1ff,#c2dafa 45%,#bfe3a9)}
.art-3 i{width:80%;height:125%;left:-7%;top:38%;border-radius:45%;background:linear-gradient(90deg,#c7f260,#84d626 48%,#50a932);transform:rotate(-28deg);filter:blur(23px)}
.art-3 b{width:150%;height:26%;left:-15%;top:35%;border-radius:50%;background:linear-gradient(180deg,#e2f0d5,#f3f8df 48%,#c2e7a2);transform:rotate(35deg);filter:blur(20px)}
.art-3>span{width:45%;height:110%;right:-22%;top:26%;border-radius:50%;background:#e0eddb;transform:rotate(-28deg);filter:blur(28px)}
@media(max-width:1000px){#services .sai-promise-grid{gap:20px}#services .sai-promise-grid h3{font-size:21px}}
@media(max-width:760px){.skar-ai-page #services{padding:56px 24px}#services .sai-promise-grid{grid-template-columns:1fr;gap:38px}#services .sai-promise-heading{margin-bottom:32px}#services .sai-promise-heading h2{font-size:38px}#services .sai-promise-heading>p:last-child{font-size:16px}#services .sai-promise-grid h3{font-size:25px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.ai-service-art{transition:none}.ai-resource-card:hover .ai-service-art{transform:none}}
/* A lighter protocol palette; retain the existing row focus interaction. */
.skar-ai-page .sai-protocol{background:linear-gradient(135deg,#f8fbff,#edf4fc);color:#102e43}
.skar-ai-page .sai-protocol:after{background:radial-gradient(circle,rgba(91,145,227,.1),transparent 64%)}
.skar-ai-page .sai-protocol-heading .eyebrow{color:#386bd7}
.skar-ai-page .sai-protocol-heading h2{color:#102e43}
.skar-ai-page .sai-protocol-heading h2 em{color:#386bd7}
.skar-ai-page .sai-protocol-heading>p:last-child{color:#53687d}
.skar-ai-page .sai-protocol-list{border-top-color:#b9cce0}
.skar-ai-page .sai-protocol-list article{color:#163853;border-bottom-color:#cbd9e8;opacity:.58}
.skar-ai-page .sai-protocol-list article p{color:#4c637a}
.skar-ai-page .sai-protocol-list article>span{color:#386bd7}
.skar-ai-page .sai-protocol-list article:before{background:linear-gradient(90deg,rgba(62,118,215,.09),rgba(62,118,215,.02) 70%)}
.skar-ai-page .sai-protocol-list article.is-active{opacity:1}
.skar-ai-page .sai-protocol-list:has(article:hover) article.is-active,
.skar-ai-page .sai-protocol-list:has(article:focus-visible) article.is-active{opacity:.58}
.skar-ai-page .sai-protocol-list article:hover,
.skar-ai-page .sai-protocol-list article:focus-visible{opacity:1}
/* Consistent engagement cards replace the former product comparison. */
/* Engagement deliverables: equal stages with a distinct output column. */
/* Three equal stages with a clear reading order and consistent deliverables. */
.skar-ai-page .sai-difference{padding:clamp(64px,7vw,110px) max(24px,6.5vw);background:#f4f7fc;border-block:1px solid #e1e8f1}
.skar-ai-page .sai-difference-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:60px;max-width:1440px;margin:0 auto 54px}
.skar-ai-page .sai-difference-heading .eyebrow{color:#386bd7;margin:0 0 22px}
.skar-ai-page .sai-difference-heading h2{font-size:clamp(36px,4.3vw,62px);line-height:1.07;letter-spacing:-.05em;font-weight:600;color:#102e43;margin:0;max-width:none}
.skar-ai-page .sai-difference-heading h2 span{color:#386bd7}
.skar-ai-page .sai-difference-intro{font-size:17px;line-height:1.65;color:#53687d;max-width:370px;margin:0 0 4px;justify-self:end}
.sai-delivery-list{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border:1px solid #d9e3ef}
.sai-delivery-list article{display:flex;flex-direction:column;min-width:0;padding:34px;border-right:1px solid #d9e3ef;position:relative;transition:background .2s}
.sai-delivery-list article:last-child{border-right:0}
.sai-delivery-list article:hover{background:#fafdff}
.sai-delivery-title{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.sai-delivery-number{font-size:56px;line-height:1;letter-spacing:-.065em;color:#174575;font-weight:400;font-variant-numeric:tabular-nums;display:block;width:100%;padding-bottom:26px;border-bottom:2px solid #bcd0ec;position:relative}
.sai-delivery-number:after{content:'';position:absolute;bottom:-5px;right:0;width:8px;height:8px;border-radius:50%;background:#386bd7}
.sai-delivery-label{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.16em;color:#386bd7;margin:0 0 12px}
.sai-delivery-title h3{font-size:clamp(24px,2.25vw,32px);line-height:1.12;letter-spacing:-.04em;color:#102e43;margin:0;font-weight:550}
.sai-delivery-description{font-size:15px;line-height:1.7;color:#53687d;margin:20px 0 32px;max-width:400px}
.sai-delivery-output{margin-top:auto;padding:24px 0 0;border-top:1px solid #d9e3ef}
.sai-delivery-output>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:650;color:#526e94}
.sai-delivery-output h4{font-size:22px;letter-spacing:-.03em;font-weight:550;color:#133b62;margin:12px 0 12px}
.sai-delivery-output p{font-size:12px;line-height:1.8;color:#56718e;margin:0}
@media(max-width:1050px){.sai-delivery-list article{padding:26px}.skar-ai-page .sai-difference-heading{gap:30px}.sai-delivery-number{font-size:48px}}
@media(max-width:760px){.skar-ai-page .sai-difference-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.skar-ai-page .sai-difference-intro{justify-self:start;font-size:16px}.sai-delivery-list{grid-template-columns:1fr}.sai-delivery-list article{border-right:0;border-bottom:1px solid #d9e3ef;padding:28px}.sai-delivery-list article:last-child{border-bottom:0}.sai-delivery-title{gap:22px}.sai-delivery-number{font-size:40px;padding-bottom:20px}.sai-delivery-title h3{font-size:28px}.skar-ai-page .sai-difference{padding:56px 24px}}

/* Selectable offerings: one expanded pigment panel at a time. */
.si-offering-tabs{display:flex;gap:28px;overflow-x:auto;padding:4px 2px 18px;margin-bottom:24px;border-bottom:1px solid #dce3e9;scrollbar-width:thin}
.si-offering-tabs button{appearance:none;flex:1 0 150px;border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;font:inherit;font-size:15px;line-height:1.5;text-align:left;color:#536477;cursor:pointer}
.si-offering-tabs button[aria-selected="true"]{color:#102434;border-bottom-color:#102434}
.si-offering-tabs button:hover{color:#102434}
.si-offering-tabs button:focus-visible,.si-offering-panel:focus-visible{outline:2px solid #2876bd;outline-offset:3px}
.si-offering-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:440px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:clamp(28px,5vw,72px);animation:si-panel-in .38s ease both}
.si-offering-panel[hidden]{display:none}
.skar-ai-page .si-offering-panel>.ai-service-art{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;z-index:-2;border-radius:0}
.si-offering-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.65),rgba(255,255,255,.08))}
.si-panel-number{font-size:12px;letter-spacing:.12em;color:#173952}
.si-panel-intro h3{max-width:480px;font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.16;letter-spacing:-.035em;color:#102434;margin:24px 0}
.si-detail-card{padding:clamp(26px,3vw,44px);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(16,36,52,.10)}
.si-detail-card h4{font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.02em;margin:0 0 22px;color:#102434}
.si-detail-card>p{font-size:16px;line-height:1.75;margin:0 0 26px;color:#455969}
.si-detail-card .si-service-output{margin-top:0}
.si-detail-card .si-card-link{margin-top:24px}
@keyframes si-panel-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){.si-offering-tabs{gap:22px}.si-offering-tabs button{flex:0 0 165px}.si-offering-panel{grid-template-columns:1fr;gap:20px;min-height:0;padding:28px 20px}.si-panel-intro h3{margin:16px 0 10px;font-size:32px}.si-detail-card{padding:26px}.si-offering-panel::before{background:rgba(255,255,255,.38)}}
@media(prefers-reduced-motion:reduce){.si-offering-panel{animation:none}}


.skar-ai-page .si-offerings{padding:clamp(64px,7vw,112px) max(24px,6.5vw);background:#fff;border-block:1px solid #e4eaf1}
.si-offerings-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:48px}
.si-offerings-heading .eyebrow{color:#386bd7;font-size:11px;letter-spacing:.16em;margin:0 0 20px}
.si-offerings-heading h2{font-size:clamp(32px,3.5vw,52px);font-weight:550;line-height:1.13;letter-spacing:-.035em;color:#0b2c4a;margin:0}
.si-offerings-heading>p{font-size:18px;line-height:1.65;color:#536477;margin:0}
.si-offering-tabs button{flex:1 0 180px}
.si-service-output{padding-top:18px;border-top:1px solid #dce3e9;font-size:12px;line-height:1.8;color:#536477}
.si-card-link{display:flex;justify-content:space-between;gap:20px;color:#0b2c4a;font-size:14px;font-weight:550}
.si-card-link:focus-visible{outline:2px solid #386bd7;outline-offset:6px}
@media(max-width:760px){.si-offerings-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}}