/* V2.1 credibility layer. Direction D tokens and components remain the base. */
.v21-build-section{background:#f2f5f3}
.v21-build-list{border-top:1px solid var(--line);margin:33px 0 20px}
.v21-build-list a{display:grid;grid-template-columns:34px minmax(170px,.75fr) minmax(250px,1.2fr) 20px;gap:22px;align-items:center;min-height:82px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .2s ease,padding .2s ease}
.v21-build-list a:hover{background:var(--surface);padding-inline:12px}
.v21-build-list small{font-size:10px;color:var(--blue);font-weight:700}
.v21-build-list strong{font-size:19px;letter-spacing:-.025em}
.v21-build-list span{font-size:14px;line-height:1.5;color:var(--muted)}
.v21-build-list i{font-style:normal;color:var(--blue);text-align:end}
.v21-partner-section{background:#e9f0ef;padding-block:64px}
.v21-partner-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:8%;align-items:center}
.v21-partner-layout h2,.v21-company-partners h2{font-size:clamp(28px,2.6vw,37px);margin:11px 0}
.v21-partner-layout p,.v21-company-partners p{font-size:15px;line-height:1.65;max-width:590px}
.v21-partner-list{display:grid;gap:12px}
.v21-partner{display:flex;gap:21px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--line);min-width:0;color:var(--ink)}
.v21-partner:hover{border-color:var(--blue)}
.v21-partner-logo{display:grid;place-items:center;width:124px;height:78px;flex:0 0 124px;padding:9px;background:#fff;border:1px solid #d9dddb}
.v21-partner-logo img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
.v21-partner-meta{display:grid;gap:4px;min-width:0}
.v21-partner-meta small{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.09em}
.v21-partner-meta strong{font-size:17px;line-height:1.2}
.v21-partner-meta>span{font-size:12px;color:var(--blue);margin-top:6px}
.v21-solution-facts{display:grid;gap:0;margin:30px 0 0;border-top:1px solid var(--line);max-width:640px}
.v21-solution-facts div{display:grid;grid-template-columns:122px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}
.v21-solution-facts dt{font-size:10px;line-height:1.45;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);font-weight:700}
.v21-solution-facts dd{margin:0;font-size:13px;line-height:1.55;color:var(--ink)}
.pillar-crm .v21-solution-facts{border-color:#526a7b}
.pillar-crm .v21-solution-facts div{border-color:#526a7b}
.pillar-crm .v21-solution-facts dt{color:#89d8e2}
.pillar-crm .v21-solution-facts dd{color:#eef7f8}
.v21-company-what{display:grid;grid-template-columns:25% 1fr;gap:5%;padding-block:35px 64px;border-top:1px solid var(--line)}
.v21-company-what h2{font-size:clamp(28px,2.7vw,38px);margin:0 0 12px}
.v21-company-what p{font-size:18px;line-height:1.65;max-width:740px}
.v21-company-relationships{background:#e9f0ef}
.v21-company-region{display:grid;grid-template-columns:25% 1fr;gap:5%;padding-bottom:44px;border-bottom:1px solid var(--line)}
.v21-company-region h2{grid-column:2;font-size:clamp(28px,2.7vw,38px);margin:0}
.v21-company-region p{grid-column:2;font-size:16px;line-height:1.65;max-width:700px;margin:0}
.v21-company-region>.section-kicker{grid-column:1;grid-row:1/3}
.v21-company-partners{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:8%;align-items:center;padding-top:43px}
.d-contact-alt{margin-top:34px;text-align:start;border-top:1px solid var(--line);padding:26px 4px 0}
.d-contact-alt h2{font-size:22px;margin:0 0 8px}
.d-contact-alt p{font-size:14px;line-height:1.6;max-width:650px;margin:0 0 18px}
.v21-contact-links{display:flex;gap:12px;flex-wrap:wrap}
.d-contact-alt .v21-contact-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;background:var(--surface)}
.d-contact-alt .v21-contact-links a:hover{border-color:var(--blue)}
.site-footer.v21-footer{background:#071a35;color:#dce7eb;padding:53px 0 24px}
.v21-footer-main{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(2,minmax(135px,.8fr)) minmax(190px,1fr);gap:clamp(20px,3.5vw,60px);padding-bottom:39px}
.v21-footer-brand img{display:block;width:107px;height:auto;filter:brightness(0) invert(1);margin-bottom:16px}
.v21-footer-brand strong{font-size:16px;line-height:1.4;color:#fff;display:block;max-width:230px}
.v21-footer-brand p{font-size:12px;color:#a9bfcb;margin-top:9px}
.v21-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.v21-footer-col h2{font-family:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#86d1dc;margin:4px 0 8px}
.v21-footer-col a{font-size:12px;line-height:1.45;color:#dce7eb;min-height:27px;overflow-wrap:anywhere}
.v21-footer-col a:hover,.v21-footer-bottom a:hover{color:#9ee3e8;text-decoration:underline;text-underline-offset:3px}
.v21-footer-contact a{display:inline-flex;gap:8px;align-items:center}
.v21-social-icon{display:grid;place-items:center;width:19px;height:19px;background:#dce7eb;color:#071a35;font:bold 15px/1 Arial,sans-serif;border-radius:2px}
.v21-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #385168;padding-top:20px;color:#a9bfcb;font-size:11px;line-height:1.5}
.v21-footer-bottom>div{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.v21-footer-bottom a{color:#dce7eb}
.v21-footer-bottom small{font-size:11px;white-space:nowrap}
.v21-footer-partner-label{text-transform:uppercase;letter-spacing:.08em;color:#86d1dc;font-size:10px}
html[dir="rtl"] .v21-build-list i{text-align:start}
html[dir="rtl"] .v21-partner-logo img{transform:none}
html[dir="rtl"] .v21-footer-col{align-items:flex-start}
html[data-theme="dark"] .v21-build-section,html[data-theme="dark"] .v21-partner-section,html[data-theme="dark"] .v21-company-relationships{background:#102c40}
html[data-theme="dark"] .v21-partner{background:#17384b}
html[data-theme="dark"] .v21-partner-logo{background:#fff}
html[data-theme="dark"] .v21-build-list a:hover{background:#17384b}
html[data-theme="dark"] .v21-solution-facts dd{color:#f2f6f4}
html[data-theme="dark"] .d-contact-alt .v21-contact-links a{background:#17384b;color:#f2f6f4}
html[data-theme="dark"] .site-footer.v21-footer{background:#061729}
@media(max-width:950px){.v21-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.v21-partner-layout,.v21-company-partners{gap:30px}.v21-build-list a{grid-template-columns:26px minmax(130px,.7fr) minmax(190px,1.3fr) 16px;gap:13px}}
@media(max-width:600px){
 .v21-build-section{padding-block:62px}.v21-build-list a{grid-template-columns:22px minmax(0,1fr) 18px;gap:5px 10px;padding:14px 0;min-height:0}.v21-build-list small{grid-row:1/3;align-self:start;margin-top:4px}.v21-build-list strong{font-size:17px}.v21-build-list span{grid-column:2;font-size:12px}.v21-build-list i{grid-column:3;grid-row:1/3}
 .v21-partner-section{padding-block:50px}.v21-partner-layout,.v21-company-partners{grid-template-columns:1fr;gap:20px}.v21-partner{padding:12px;gap:12px}.v21-partner-logo{width:91px;height:67px;flex-basis:91px;padding:6px}.v21-partner-meta strong{font-size:15px}.v21-partner-meta>span{font-size:11px}
 .v21-solution-facts{margin-top:24px}.v21-solution-facts div{grid-template-columns:1fr;gap:3px;padding:9px 0}.v21-solution-facts dt{font-size:10px}.v21-solution-facts dd{font-size:12px}
 .v21-company-what,.v21-company-region{display:block;padding-block:30px}.v21-company-what p{font-size:15px}.v21-company-region h2{margin:10px 0}.v21-company-region p{font-size:14px}.v21-company-partners{padding-top:30px}
 .d-contact-alt h2{font-size:20px}.d-contact-alt p{font-size:13px}
 .site-footer.v21-footer{padding:41px 0 24px}.v21-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px;padding-bottom:30px}.v21-footer-brand{grid-column:1/-1}.v21-footer-contact{grid-column:1/-1}.v21-footer-col a{min-height:30px;font-size:12px}.v21-footer-bottom{display:grid;gap:10px}
}
@media(prefers-reduced-motion:reduce){.v21-build-list a{transition:none}}

/* Final visual refinement: compact capability diagrams and clearer page rhythm. */
.v21-build-section{padding-block:75px 78px}
.v21-build-list{margin:30px 0 18px}
.v21-build-list a{grid-template-columns:30px 52px minmax(175px,.78fr) minmax(270px,1.15fr) 22px;gap:18px;min-height:92px}
.v21-build-list small{font-size:11px}
.v21-build-list strong{font-size:20px;line-height:1.2}
.v21-build-list .v21-build-example{font-size:14px;line-height:1.45;max-width:490px}
.v21-build-glyph{display:grid;position:relative;grid-template-columns:repeat(3,1fr);gap:3px;align-items:center;width:52px;height:36px;padding:7px;border:1px solid #b5c9cb;background:#e5eff0;color:var(--blue)}
.v21-build-glyph b{display:block;min-width:0;height:11px;border:1px solid currentColor;background:#fff}
.v21-build-glyph--business-platforms b:first-child{grid-column:1/-1;height:5px;background:currentColor}.v21-build-glyph--business-platforms b:nth-child(n+2){height:12px}
.v21-build-glyph--crm-automation:before,.v21-build-glyph--commerce-retail:before,.v21-build-glyph--digital-experiences:before{content:"";position:absolute;inset:auto 6px 8px;border-top:1px solid currentColor}
.v21-build-glyph--crm-automation b{width:9px;height:9px;border-radius:50%;justify-self:center;background:currentColor}
.v21-build-glyph--commerce-retail b{height:15px;border-top-width:3px}
.v21-build-glyph--digital-experiences b:first-child{grid-column:1/3;height:18px;border-top-width:4px}.v21-build-glyph--digital-experiences b:nth-child(2){height:14px;border-radius:3px}
.v21-build-glyph--digital-experiences b:last-child{display:none}
.d-work-section{position:relative}
.d-work-section:before{content:"";display:block;position:absolute;inset-inline-start:0;top:0;width:clamp(50px,9vw,145px);height:3px;background:#8bd8e2}
.d-method-section{padding-block:73px}

/* Home: relationship panel. Company: quiet contextual reference. */
.v21-partner-section{padding-block:57px;background:#e7efed}
.v21-partner-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,62px)}
.v21-partner-layout>div:first-child{max-width:500px}
.v21-partner-layout h2{font-size:clamp(29px,2.7vw,39px);line-height:1.12;margin:12px 0 14px}
.v21-partner-layout p{font-size:15px;line-height:1.55;margin:0}
.v21-partner-list{min-width:0}
.v21-partner{gap:23px;padding:24px 28px;min-height:166px;border-top:3px solid var(--blue);transition:border-color .2s ease,transform .2s ease}
.v21-partner:hover{transform:translateY(-2px)}
.v21-partner-logo{width:160px;height:105px;flex-basis:160px;padding:13px}
.v21-partner-meta{gap:6px}
.v21-partner-meta small{font-size:11px;line-height:1.2;letter-spacing:.12em}
.v21-partner-meta strong{font-size:21px;line-height:1.18}
.v21-partner-meta em{font-size:13px;line-height:1.45;color:var(--muted);font-style:normal;max-width:330px}
.v21-partner-meta>span{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;width:max-content;max-width:100%;font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:5px}
.v21-partner-meta>span b{font-weight:400}
.v21-company-partners{grid-template-columns:minmax(0,1fr) minmax(270px,.66fr);gap:5%;align-items:end;padding-top:37px}
.v21-company-partners h2{margin:8px 0 9px}
.v21-company-partners p{margin:0;line-height:1.55}
.v21-partner-inline{display:grid;grid-template-columns:76px minmax(0,1fr) 24px;gap:13px;align-items:center;min-height:86px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.v21-partner-inline:hover{color:var(--blue)}
.v21-partner-inline-logo{display:grid;place-items:center;width:76px;height:52px;background:#fff;border:1px solid #d9dddb;padding:5px;overflow:hidden}
.v21-partner-inline-logo img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.v21-partner-inline-copy{display:grid;gap:3px;min-width:0}
.v21-partner-inline-copy small{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--blue)}
.v21-partner-inline-copy strong{font-size:16px;line-height:1.2}
.v21-partner-inline-go{justify-self:end;color:var(--blue)}

/* Solutions: scan from the business friction through the outcome and proof. */
.v21-solution-facts{margin-top:28px;max-width:660px}
.v21-solution-facts div{grid-template-columns:140px minmax(0,1fr);gap:20px;padding:13px 0}
.v21-solution-facts dt{font-size:11px;line-height:1.4;letter-spacing:.055em}
.v21-solution-facts dd{font-size:14px;line-height:1.48}
.v21-solution-facts .v21-fact--problem{padding-top:17px}
.v21-solution-facts .v21-fact--builds dd{font-weight:600}
.v21-solution-facts .v21-fact--proof{border-bottom:0;padding-top:17px}
.v21-solution-facts .v21-fact--proof dd{color:var(--blue);font-weight:700}
.pillar{padding-top:76px;padding-bottom:76px}
.pillar-intro>p{max-width:57ch}
.pillar-intro>p+p{margin-top:10px}
.pillar-digital .v21-solution-facts{margin-bottom:17px}

/* Company: one editorial thesis and a quieter progression through process. */
.v21-company-what{padding-block:42px 58px}
.v21-company-what p{max-width:58ch}
.company-principle{padding-top:68px;padding-bottom:72px;grid-template-columns:21% minmax(0,1fr) 190px;gap:4%}
.company-principle h2{font-size:clamp(33px,3vw,45px);line-height:1.1;margin-top:0}
.company-principle p{line-height:1.58;max-width:55ch}
.principle-mark{font-family:inherit;font-size:14px;line-height:1.75;font-weight:700;letter-spacing:0;border-inline-start:2px solid var(--accent);border-left:0;padding-inline-start:18px}
.company-method{padding-block:73px}
.company-method h2{max-width:850px;line-height:1.16}
.method-diagram span{min-height:104px;padding:22px 18px;font-size:16px}
.company-engagement{padding-top:72px;padding-bottom:77px}
.company-engagement h2{margin-bottom:28px}
.engagement-list div{padding:17px 0}
.v21-company-relationships{padding-block:66px}
.v21-company-region{padding-bottom:35px}

/* Contact: fewer visual pauses, with optional context secondary. */
.d-contact-intro{padding-top:61px;padding-bottom:25px}
.d-contact-intro h1{margin-bottom:12px}
.d-contact-wrap{padding-bottom:74px}
.d-brief-form{padding:3px 42px 28px;box-shadow:0 16px 44px #0d3b560d}
.d-question{padding:25px 0 15px}
.d-question-head{margin-bottom:18px}
.d-question-head h2{font-size:23px;margin-top:5px}
.d-brief-form label{margin-bottom:14px;font-size:13px}
.d-brief-form label em{font-size:12px}
.d-brief-form textarea{min-height:103px}
.d-brief-form #optional-fields{padding-top:15px}
.d-brief-form .disclosure{font-size:13px}
.d-submit{padding-top:20px}
.d-submit>small{font-size:12px;line-height:1.5;margin-top:12px}
.d-contact-alt{margin-top:25px;padding-top:21px}
.d-contact-alt h2{font-size:20px}
.d-contact-alt p{margin-bottom:10px}
.d-contact-alt .v21-contact-links a{background:transparent;border:0;border-bottom:1px solid var(--line);padding-inline:0;margin-inline-end:20px;font-size:14px}

/* Footer: readable closing statement with a compact baseline. */
.site-footer.v21-footer{padding:49px 0 24px}
.v21-footer-main{grid-template-columns:minmax(225px,1.4fr) repeat(2,minmax(140px,.76fr)) minmax(205px,.96fr);gap:clamp(22px,3vw,46px);padding-bottom:35px}
.v21-footer-brand img{width:124px;margin-bottom:15px}
.v21-footer-brand strong{font-size:18px;line-height:1.28;max-width:270px}
.v21-footer-brand p{font-size:13px;line-height:1.5;margin-top:8px;max-width:260px}
.v21-footer-col{gap:8px}
.v21-footer-col h2{font-size:11px;line-height:1.4;margin:4px 0 11px}
.v21-footer-col a{font-size:13px;line-height:1.45;min-height:29px}
.v21-footer-bottom{font-size:12px;padding-top:18px;gap:20px}
.v21-footer-bottom small{font-size:12px}
.v21-footer-partner-label{font-size:11px}
.v21-footer-bottom>div{gap:10px}

html[dir="rtl"] .principle-mark{border-inline-start:2px solid var(--accent);padding-inline-start:18px}
html[dir="rtl"] .v21-partner-inline-logo img{transform:none}
html[dir="rtl"] .v21-footer-contact a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
html[data-theme="dark"] .v21-build-glyph{background:#17384b;border-color:#608697}
html[data-theme="dark"] .v21-build-glyph b{background:#102c40}
html[data-theme="dark"] .v21-partner-meta em{color:#c6d8df}
html[data-theme="dark"] .v21-partner-inline-logo{background:#fff}
html[data-theme="dark"] .v21-solution-facts .v21-fact--proof dd{color:#9de2e7}

@media(max-width:950px){
 .v21-build-list a{grid-template-columns:28px 46px minmax(130px,.72fr) minmax(180px,1.2fr) 18px;gap:12px}
 .v21-build-glyph{width:46px}
 .v21-partner-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px}
 .v21-partner{padding:17px;gap:15px}
 .v21-partner-logo{width:112px;height:82px;flex-basis:112px}
 .v21-partner-meta em{font-size:12px}
 .v21-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 35px}
 .company-principle{grid-template-columns:minmax(0,1fr) 170px}
 .company-principle>span{grid-column:1/-1}
}
@media(max-width:600px){
 .v21-build-section{padding-block:54px 58px}
 .v21-build-list{margin-top:25px}
 .v21-build-list a{grid-template-columns:22px 38px minmax(0,1fr) 18px;gap:5px 10px;padding:13px 0}
 .v21-build-list small{grid-row:1/3;font-size:10px}
 .v21-build-glyph{grid-column:2;grid-row:1/3;width:38px;height:34px;padding:5px;align-self:center}
 .v21-build-list strong{grid-column:3;font-size:17px}
 .v21-build-list .v21-build-example{grid-column:3;grid-row:2;font-size:12px;line-height:1.4}
 .v21-build-list i{grid-column:4;grid-row:1/3}
 .d-method-section{padding-block:59px}
 .v21-partner-section{padding-block:48px}
 .v21-partner-layout{grid-template-columns:1fr;gap:21px}
 .v21-partner-layout h2{font-size:30px}
 .v21-partner-layout p{font-size:14px}
 .v21-partner{padding:15px;gap:13px;min-height:0;align-items:flex-start}
 .v21-partner-logo{width:92px;height:70px;flex-basis:92px;padding:7px}
 .v21-partner-meta small{font-size:10px}
 .v21-partner-meta strong{font-size:17px}
 .v21-partner-meta em{font-size:12px;line-height:1.35}
 .v21-partner-meta>span{font-size:12px;margin-top:4px}
 .v21-solution-facts div{grid-template-columns:1fr;gap:4px;padding:11px 0}
 .v21-solution-facts dt{font-size:11px}
 .v21-solution-facts dd{font-size:13px;line-height:1.46}
 .pillar{padding-top:57px;padding-bottom:60px}
 .v21-company-what{padding-block:30px 44px}
 .company-principle{display:block;padding-top:56px;padding-bottom:57px}
 .company-principle h2{font-size:32px;margin:13px 0}
 .company-principle p{font-size:15px}
 .principle-mark{display:inline-block;margin-top:12px;font-size:13px;line-height:1.5}
 .company-method{padding-block:60px}
 .method-diagram span{min-height:0;padding:16px;font-size:15px}
 .company-engagement{padding-top:58px;padding-bottom:60px}
 .engagement-list div{padding:15px 0}
 .v21-company-relationships{padding-block:51px}
 .v21-company-region{padding-bottom:28px}
 .v21-company-partners{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:28px}
 .v21-partner-inline{grid-template-columns:65px minmax(0,1fr) 20px}
 .v21-partner-inline-logo{width:65px;height:47px}
 .d-contact-intro{padding-top:44px;padding-bottom:19px}
 .d-contact-intro h1{font-size:clamp(34px,9vw,40px)}
 .d-contact-wrap{padding:0 17px 62px}
 .d-brief-form{padding:2px 18px 22px}
 .d-question{padding:21px 0 11px}
 .d-question-head{margin-bottom:15px}
 .d-question-head h2{font-size:20px}
 .d-brief-form label{font-size:14px;margin-bottom:12px}
 .d-brief-form textarea{min-height:91px}
 .d-contact-alt{margin-top:22px;padding-top:18px}
 .d-contact-alt h2{font-size:19px}
 .d-contact-alt p{font-size:13px}
 .site-footer.v21-footer{padding:38px 0 23px}
 .v21-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 19px;padding-bottom:25px}
 .v21-footer-brand img{width:117px;margin-bottom:13px}
 .v21-footer-brand strong{font-size:18px}
 .v21-footer-brand p{font-size:13px}
 .v21-footer-col h2{font-size:11px;margin-bottom:6px}
 .v21-footer-col a{font-size:13px;min-height:32px}
 .v21-footer-contact{grid-column:1/-1}
 .v21-footer-bottom{font-size:12px;gap:9px;padding-top:17px}
 .v21-footer-bottom small{font-size:12px}
}
