/* Reference-aligned service pages. Loaded after shared styles. */
body:has(.service-design){background:#fff}
.service-design{--design-blue:#0061ff;--design-ink:#060e2c;--design-muted:#697793;font-family:"Be Vietnam Pro",sans-serif;color:var(--design-ink);background:#fff}
.design-shell{width:min(1160px,86%);margin-inline:auto}
.service-design h1,.service-design h2,.service-design h3{letter-spacing:-.04em;text-wrap:balance;font-weight:800}
.service-design h2{font-size:clamp(24px,2.75vw,34px);line-height:1.16;margin:9px 0 0}
.service-design h3{font-size:14px;line-height:1.35;margin:0 0 9px}
.service-design p{font-size:12px;line-height:1.6;color:var(--design-muted);margin:0}
.design-label{display:block;color:var(--design-blue);font-size:9px;line-height:1.5;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.service-design .btn{font-size:11px;padding:12px 23px;background:#0061ff;border:1px solid transparent;box-shadow:0 5px 13px #0061ff25}
.service-design .btn.alt{color:#0b1940!important;background:#fff;border:1px solid #e3eafb;box-shadow:0 4px 10px #063e8910}
.design-text-link,.design-solution-card a,.design-engagement-grid a{color:var(--design-blue);font-size:11px;font-weight:750}
.design-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.design-hero{background:linear-gradient(125deg,#f8fbff,#eef6ff)}
.design-crumb{display:flex;flex-wrap:wrap;gap:8px;padding-top:21px;font-size:10px;color:#637490}
.design-hero-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:20px;align-items:center;padding:24px 0 21px}
.service-design h1{font-size:clamp(30px,3.8vw,47px);line-height:1.1;margin:7px 0 12px;letter-spacing:-.055em}
.service-design h1 em{font-style:normal;color:#005dff}
.design-hero-grid .design-intro{max-width:440px;font-size:12px;line-height:1.6}
.design-hero-grid .design-lead{font-size:20px;line-height:1.4;margin-bottom:17px;color:#586788}
.design-art{position:relative;overflow:hidden;margin:0;min-width:0;isolation:isolate}
.design-art img{position:absolute;display:block;height:auto;margin:0;pointer-events:none}
.design-art svg{display:block;width:100%;height:auto;overflow:hidden}
.design-hero-art{width:100%;border-radius:6px}
.design-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:15px 0 23px}
.design-ai .design-principles,.design-software .design-principles{grid-template-columns:repeat(3,1fr);max-width:840px}
.design-principles article{display:flex;align-items:center;gap:11px}
.design-principles .design-art{flex:0 0 45px;width:45px;border-radius:12px}
.design-principles b{font-size:11px}
.design-principles p{font-size:9px;margin-top:3px}
.design-section{padding:28px 0}
.design-heading{display:grid;grid-template-columns:1.3fr .9fr;gap:45px;align-items:end;margin-bottom:18px}
.design-heading>p{font-size:11px;line-height:1.6}
.design-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.design-solution-card,.design-problem-grid article,.design-delivery-grid article,.design-engagement-grid article{border:1px solid #e5ebf5;border-radius:11px;background:#fff;box-shadow:0 3px 9px #122b5610}
.design-solution-card{display:flex;padding:17px;gap:14px;min-height:132px}
.design-solution-card>.design-art{width:73px;flex:0 0 73px;align-self:flex-start}
.design-solution-card>div{min-width:0}
.design-solution-card p{font-size:10px;line-height:1.5}
.design-solution-card a{display:inline-block;margin-top:10px}
.design-ai .design-solution-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.design-ai .design-solution-card{display:block;padding:9px 9px 17px}
.design-ai .design-solution-card>.design-art{width:100%;border-radius:7px;margin-bottom:14px}
.design-ai .design-solution-card>div{padding-inline:7px}
.design-ai .design-solution-card p{min-height:84px}
.design-software .design-solution-card{position:relative;padding-right:100px;background:linear-gradient(120deg,#fff,#f0f6ff)}
.design-software .design-solution-card>.design-art{position:absolute;width:92px;right:0;bottom:0;border-radius:6px}
.design-software .design-solution-card h3{font-size:12px}
.design-dark-panel{background:linear-gradient(120deg,#031934,#020c1e);color:#fff;border-radius:13px;padding:27px 35px}
.design-dark-panel .design-label,.design-value-band .design-label,.design-detailed-process .design-label{color:#23c9df}
.design-dark-panel p{color:#b4c4da}
.design-architecture{padding-block:0 10px}
.design-architecture .design-dark-panel{display:grid;grid-template-columns:.85fr 1.35fr;gap:45px;align-items:center}
.design-architecture h2{font-size:30px;margin-bottom:15px}
.design-architecture .btn{margin-top:22px}
.design-architecture .design-art{width:100%}
.design-problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px}
.design-problem-grid article{padding:15px}
.design-problem-grid .design-art{width:41px;margin-bottom:12px;border-radius:9px}
.design-problem-grid h3{font-size:12px}
.design-problem-grid p{font-size:10px}
.design-choice{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:17px;align-items:start}
.design-choice>div>p{margin:14px 0 18px}
.design-choice article{border:1px solid #e0e9f6;border-radius:11px;overflow:hidden;background:#fff;min-height:210px}
.design-choice h3{padding:15px;background:#eef5ff;margin:0;font-size:12px}
.design-choice ul{list-style:none;padding:12px 17px;margin:0}
.design-choice li{position:relative;padding-left:19px;font-size:10px;color:#697793;line-height:1.5;margin-bottom:7px}
.design-choice li:before{content:"✓";position:absolute;left:0;color:#08b278;font-weight:800}
.design-choice li.design-negative:before{content:"×";color:#ed4056}
.design-choice-featured{border-color:#8aabff!important;box-shadow:0 0 0 3px #eff4ff}
.design-tags{display:flex;flex-wrap:wrap;gap:5px;padding:0 15px 13px}
.design-tags span{background:#edf5ff;border-radius:99px;padding:5px 9px;font-size:8px;color:#3274e9}
.design-value-band,.design-detailed-process{background:linear-gradient(120deg,#041a31,#020b1d);color:#fff;padding:30px 0}
.design-value-band .design-heading>p,.design-detailed-process p{color:#b7c4d8}
.design-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:23px}
.design-values article{display:flex;gap:14px;align-items:start}
.design-values .design-art{width:61px;flex:0 0 61px;border-radius:12px}
.design-values h3{font-size:13px}
.design-values p{font-size:10px;color:#afbed5}
.design-ai .design-values{gap:14px}
.design-ai .design-values article{padding:18px;border:1px solid #314057;border-radius:10px;background:#ffffff07}
.design-ai .design-values .design-art{width:48px;flex-basis:48px;border-radius:50%}
.design-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:22px;counter-reset:design-step}
.design-steps article{position:relative;counter-increment:design-step}
.design-steps article:not(:last-child):after{content:"→";position:absolute;top:5px;right:-15px;color:#0061ff;font-size:20px}
.design-step-number{position:relative;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#0061ff;color:#fff;font-size:10px;margin-bottom:11px}
.design-step-number:empty:after{content:"0" counter(design-step)}
.design-steps h3{font-size:12px;margin-bottom:6px}
.design-steps p{font-size:10px}
.design-pilot-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-block:30px}
.design-pilot-steps article{padding-left:74px;min-height:110px}
.design-pilot-steps .design-step-number{position:absolute;top:0;left:17px;width:42px;height:42px;font-size:14px}
.design-pilot-steps .design-art{position:absolute;top:55px;left:0;width:67px}
.design-ai-process{background:#f5f9ff}
.design-ai-demo{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;background:#fff;padding:20px 25px;border-radius:14px;border:1px solid #edf2fa}
.design-ai-demo h2{font-size:24px;margin:13px 0}
.design-ai-demo ul{padding:0;list-style:none;margin-top:22px}
.design-ai-demo li{font-size:11px;color:#667895;line-height:1.6;margin-bottom:11px}
.design-ai-demo li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;color:#fff;background:#0061ff;border-radius:50%;margin-right:9px}
.design-detailed-process .design-step-number{background:#083775;border:1px solid #3687ff}
.design-detailed-process .design-steps article:not(:last-child):after{color:#29d9ed}
.design-delivery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.design-delivery-grid article{display:flex;align-items:start;gap:10px;padding:14px 11px}
.design-delivery-grid .design-art{width:35px;flex:0 0 35px;border-radius:9px}
.design-delivery-grid h3{font-size:10px;margin-bottom:5px}
.design-delivery-grid p{font-size:9px;line-height:1.5}
.design-ai .design-delivery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.design-software .design-delivery{padding-top:0}
.design-software .design-delivery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.design-software .design-delivery-grid article{display:block}
.design-software .design-delivery-grid .design-art{margin-bottom:14px}
.design-product-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:27px;align-items:start}
.design-product-demo h2{font-size:27px}
.design-product-demo>div>p{margin-top:12px}
.design-product-demo>.design-art{box-shadow:0 8px 22px #102b5420;border-radius:10px}
.design-demo-delivery-intro{margin-top:46px}
.design-demo-delivery-intro p{margin-top:12px}
.design-engagements{padding-top:10px}
.design-engagements h2{font-size:24px}
.design-engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.design-engagement-grid article{display:flex;gap:14px;padding:16px}
.design-engagement-grid article:nth-child(2){border-color:#86a7ff;box-shadow:0 0 0 3px #edf3ff}
.design-engagement-grid .design-art{flex:0 0 40px;width:40px}
.design-engagement-grid h3{font-size:12px}
.design-engagement-grid p{font-size:10px}
.design-engagement-grid a{display:inline-block;margin-top:10px}
.design-unified{padding-top:0}
.design-unified-flow{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:35px;align-items:center;margin-top:18px}
.design-unified-flow>article{padding:18px;background:#102849;border:1px solid #1b3859;border-radius:9px;font-size:11px;color:#98dff1}
.design-before-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.design-before-tags span{padding:14px 7px;background:#1b3454;border-radius:6px;color:#c4d3e5;font-size:9px;text-align:center}
.design-flow-center{text-align:center;position:relative}
.design-flow-center:before,.design-flow-center:after{content:"→";position:absolute;top:30%;color:#21d7ec;font-size:27px}
.design-flow-center:before{left:0}.design-flow-center:after{right:0}
.design-flow-center .design-art{width:102px;margin-inline:auto}
.design-flow-center h3{font-size:15px;margin-top:14px}
.design-flow-center p{color:#23c9df;font-size:10px}
.design-unified-flow ul{padding:0;list-style:none;margin:13px 0 0}
.design-unified-flow li{background:#1b3454;padding:7px 9px;margin-bottom:5px;border-radius:5px;font-size:10px;color:#c4d3e5}
.design-unified-flow li:before{content:"✓";color:#31df93;margin-right:7px}
.design-faq .design-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.design-faq h2{font-size:28px}
.design-faq .btn{margin-top:17px}
.design-faq-list details{background:#fff;border:1px solid #e2eaf5;border-radius:7px;margin-bottom:6px;box-shadow:0 2px 6px #173a6b0a}
.design-faq-list summary{position:relative;list-style:none;padding:10px 35px 10px 15px;font-size:11px;font-weight:550;cursor:pointer;line-height:1.5}
.design-faq-list summary:after{content:"+";position:absolute;right:11px;top:9px;display:grid;place-items:center;border-radius:50%;width:17px;height:17px;background:#edf4ff;color:#0061ff;font-size:16px}
.design-faq-list details[open] summary:after{content:"−"}
.design-faq-list details p{padding:0 15px 13px;font-size:11px}
.design-faq{padding-bottom:16px}
.design-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 2fr .9fr;gap:25px;align-items:center;background:linear-gradient(115deg,#217eff,#003fff 58%,#2427ef);color:#fff;border-radius:15px;padding:18px 26px;margin-block:0 16px;min-height:126px;box-shadow:0 5px 16px #0b4af22b}
.design-cta>.design-art{align-self:stretch;margin:-18px 0 -18px -26px;border-radius:0}
.design-cta h2{font-size:24px;line-height:1.17;margin:0 0 8px}
.design-cta p{font-size:11px;color:#d8e9ff;line-height:1.5}
.design-cta .design-label{display:none}
.design-cta-actions{display:flex;flex-direction:column;gap:8px}
.design-cta-actions .btn{font-size:10px;padding:10px 15px;background:#ffffff06;border-color:#ffffff50;box-shadow:none}
.design-cta-actions .btn.alt{color:#0061ff!important}
body:has(.service-design) > footer{background:#030e20}
@media(min-width:1400px){.design-shell{width:1160px}}
.design-shell{width:86%}
.design-solution-card{padding:13px;gap:10px}.design-solution-card>.design-art{flex-basis:55px;width:55px}
.design-delivery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-software .design-delivery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-architecture .design-dark-panel{gap:25px;padding:25px}
.design-choice{gap:12px}
.design-ai .design-solution-card p{min-height:110px}
}
@media(max-width:760px){
.design-shell{width:calc(100% - 40px)}
.design-hero-grid{grid-template-columns:1fr;padding-block:25px;gap:25px}
.service-design h1{font-size:40px}
.design-hero-art{max-width:620px;margin-inline:auto}
.design-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-heading{grid-template-columns:1fr;gap:12px}
.design-solution-grid,.design-ai .design-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-architecture .design-dark-panel{grid-template-columns:1fr}
.design-choice{grid-template-columns:1fr 1fr}.design-choice>div{grid-column:1/-1}
.design-values{grid-template-columns:1fr;gap:20px}
.design-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:25px}
.design-pilot-steps{grid-template-columns:1fr;gap:25px}
.design-pilot-steps article:not(:last-child):after{display:none}
.design-product-demo,.design-ai-demo{grid-template-columns:1fr}
.design-demo-delivery-intro{margin-top:25px}
.design-engagement-grid{grid-template-columns:1fr}
.design-unified-flow{grid-template-columns:1fr;gap:20px}
.design-before-tags{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-flow-center:before,.design-flow-center:after{display:none}
.design-faq .design-shell{grid-template-columns:1fr;gap:20px}
.design-cta{grid-template-columns:1fr .65fr;gap:20px;padding:22px}
.design-cta>.design-art{display:none}
.design-cta h2{font-size:23px}
}
@media(max-width:480px){
.design-shell{width:calc(100% - 32px)}
.service-design h1{font-size:34px}.service-design h2{font-size:25px}
.design-principles,.design-ai .design-principles,.design-software .design-principles{grid-template-columns:1fr;gap:14px}
.design-solution-grid,.design-ai .design-solution-grid{grid-template-columns:1fr}
.design-ai .design-solution-card p{min-height:0}
.design-ai .design-solution-card>.design-art{max-height:none}
.design-solution-card h3{font-size:15px}
.design-solution-card p,.design-problem-grid p{font-size:12px}
.design-choice{grid-template-columns:1fr}
.design-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-steps article:not(:last-child):after{display:none}
.design-delivery-grid,.design-ai .design-delivery-grid,.design-software .design-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-cta{grid-template-columns:1fr}
.design-actions .btn{width:100%}
.design-dark-panel{padding:20px}
}

/* Final proportions and scoped navigation/footer. */
.design-backend h1{font-size:clamp(30px,3.4vw,42px)}
.design-software h1{font-size:clamp(25px,2.9vw,36px);text-wrap:initial}
.design-ai h1{font-size:clamp(36px,4.3vw,53px)}
.design-heading{grid-template-columns:1.8fr 1fr}
.design-delivery .design-heading{grid-template-columns:1fr}
.design-ai .design-delivery .design-heading{grid-template-columns:1.3fr .9fr}
.design-ai .design-cta{grid-template-columns:1.9fr .8fr .9fr}
.design-ai .design-cta>.design-art{grid-column:2;grid-row:1;margin:-18px -10px;border-radius:0}
.design-ai .design-cta>div:not(.design-cta-actions){grid-column:1;grid-row:1}
.design-ai .design-cta-actions{grid-column:3;grid-row:1}
.design-ai .design-cta .design-label{display:block;color:#d6e6ff;font-size:9px;margin-bottom:8px}
@media(max-width:760px){.design-heading,.design-ai .design-delivery .design-heading{grid-template-columns:1fr}.design-ai .design-cta{grid-template-columns:1fr .7fr}.design-ai .design-cta>div:not(.design-cta-actions){grid-column:1}.design-ai .design-cta-actions{grid-column:2}.design-software h1{font-size:36px}}
@media(max-width:480px){.design-ai h1{font-size:42px}.design-backend h1,.design-software h1{font-size:34px}.design-ai .design-cta{grid-template-columns:1fr}.design-ai .design-cta-actions{grid-column:1;grid-row:2}}