/* Brand presentation and accessible appearance/language controls. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header>.brand img{width:88px;height:88px;filter:drop-shadow(0 3px 3px #16325025)}
header>.brand .brand-name{font-size:29px;font-weight:800;letter-spacing:-1px;color:#163250;text-shadow:0 1px 0 #fff,0 2px 0 #b8c5d1,0 3px 3px #1632501c}
header>.brand .brand-name>span{font-size:10px;font-weight:500;letter-spacing:.6px;text-shadow:none}
.header-tools{display:flex;align-items:center;gap:12px;min-width:0}
.theme-switch{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:#fff;color:#163250;border:1px solid #d6dfe9;border-radius:10px;cursor:pointer}
.theme-switch svg{width:21px;height:21px;grid-area:1/1}.theme-sun{display:none}
.language-picker{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 9px 0 12px;border:1px solid #d6dfe9;background:#fff;border-radius:10px;color:#163250}
.language-picker>svg{width:20px;height:20px;flex-shrink:0}
.language-picker select{font-family:'DM Sans','Nirmala UI','Mangal',sans-serif;font-size:14px;font-weight:600;min-height:42px;max-width:130px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 3px}
.language-picker option{background:#fff;color:#163250}
@media(min-width:1280px){header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:98px 46px;height:158px;gap:0 22px}.header-tools{grid-column:2;grid-row:1}header>.button{grid-column:3}header>nav{grid-column:1/-1}html{scroll-padding-top:174px}}
@media(max-width:1279px){header{height:142px;grid-template-rows:88px 44px;padding-bottom:10px;row-gap:0}.header-tools{grid-row:2;grid-column:1/-1;justify-self:end;gap:10px}header>.brand img{width:80px;height:80px}header>.brand .brand-name{font-size:27px}.compact-nav nav{top:142px;max-height:calc(100dvh - 154px)}html{scroll-padding-top:158px}}
@media(max-width:650px){header{height:132px;grid-template-rows:78px 44px}.header-tools{justify-self:stretch;justify-content:flex-end}header>.brand img{width:62px;height:62px;margin-left:-6px}header>.brand .brand-name{font-size:21px}header>.brand .brand-name>span{font-size:7px;letter-spacing:.2px}.compact-nav nav{top:132px;max-height:calc(100dvh - 144px)}.language-picker select{font-size:13px}html{scroll-padding-top:148px}}
@media(max-width:360px){header>.brand img{width:48px;height:48px}header>.brand .brand-name{font-size:17px}header>.brand .brand-name>span{font-size:6px}}
html[lang=hi],html[lang=mr]{font-family:'Nirmala UI','Mangal','DM Sans',Arial,sans-serif}
html[lang=hi] body,html[lang=mr] body,html[lang=hi] h1,html[lang=mr] h1,html[lang=hi] h2,html[lang=mr] h2,html[lang=hi] h3,html[lang=mr] h3,html[lang=hi] h4,html[lang=mr] h4{font-family:'Nirmala UI','Mangal','DM Sans',Arial,sans-serif;letter-spacing:normal}
html[lang=hi] h1,html[lang=mr] h1{line-height:1.4}
html[lang=hi] .eyebrow,html[lang=mr] .eyebrow{letter-spacing:.2px}
html[lang=hi] header>nav,html[lang=mr] header>nav{font-size:13px;gap:12px}
html[lang=hi] p,html[lang=mr] p{line-height:1.9}
html[lang=hi] .hero h1 br,html[lang=mr] .hero h1 br{display:none}
html[lang=hi] .button,html[lang=mr] .button{white-space:normal;line-height:1.6}
html[lang=hi] .editorial-paper b,html[lang=mr] .editorial-paper b{font-size:clamp(22px,2.2vw,31px);line-height:1.5}
html[lang=hi] .editorial-note b,html[lang=mr] .editorial-note b{font-size:17px;line-height:1.5}
html[lang=hi] .hero-actions>.button,html[lang=mr] .hero-actions>.button{font-size:12px}
@media(max-width:650px){html[lang=hi] .hero h1,html[lang=mr] .hero h1{font-size:32px}html[lang=hi] .editorial-paper b,html[lang=mr] .editorial-paper b{font-size:22px}html[lang=hi] .editorial-note b,html[lang=mr] .editorial-note b{font-size:14px}html[lang=hi] .editorial-panel,html[lang=mr] .editorial-panel{aspect-ratio:.8}html[lang=hi] .editorial-paper,html[lang=mr] .editorial-paper{top:18%}html[lang=hi] header>.button,html[lang=mr] header>.button{font-size:11px}}
/* A complete dark counterpart to the warm light design. */
html[data-mode=dark]{color-scheme:dark;--bg:#071827;--panel:#10283e;--ink:#eef3f7;--muted:#b1c0cc;--teal:#79b3ff;--cyan:#79b3ff;--gold:#dfb166;--silver:#c4ccd2;--line:#2c4358;--header:#0c2032;--soft:#0d2236;--metal-line:#2c4358}
[data-mode=dark] body{background:#071827;color:#eef3f7}
[data-mode=dark] h1,[data-mode=dark] h2,[data-mode=dark] h3,[data-mode=dark] h4,[data-mode=dark] header nav a,[data-mode=dark] .brand-name,[data-mode=dark] .hero h1,[data-mode=dark] .price{color:#eef3f7}
[data-mode=dark] p,[data-mode=dark] .hero-copy,[data-mode=dark] .build-card p,[data-mode=dark] .service-grid p,[data-mode=dark] .service-grid ul,[data-mode=dark] .pricing p,[data-mode=dark] .steps p,[data-mode=dark] .why-grid p,[data-mode=dark] .audience p,[data-mode=dark] .need-detail p,[data-mode=dark] .reel-description p,[data-mode=dark] .current-support span,[data-mode=dark] .healthcare-brand-retouch .retouch-support{color:#c3ced7}
[data-mode=dark] em,[data-mode=dark] .hero h1 em,[data-mode=dark] .audience em,[data-mode=dark] .need-detail h3,[data-mode=dark] .detail-link,[data-mode=dark] header nav a:hover,[data-mode=dark] header nav a[aria-current=location],[data-mode=dark] .poster-original{color:#79b3ff}
[data-mode=dark] header,[data-mode=dark] footer{background:#0c2032;border-color:#2c4358;box-shadow:0 2px 12px #0001}
[data-mode=dark] header>.brand .brand-name{color:#eef3f7;text-shadow:0 1px 0 #42617b,0 2px 0 #24425b,0 3px 5px #0008}
[data-mode=dark] .brand-name>span,[data-mode=dark] footer p,[data-mode=dark] footer>div:last-child,[data-mode=dark] .location,[data-mode=dark] .micro,[data-mode=dark] .concept-note,[data-mode=dark] .scope-note,[data-mode=dark] .portfolio-note,[data-mode=dark] .business-showcase figcaption,[data-mode=dark] .capability-strip{color:#b1c0cc}
[data-mode=dark] .eyebrow,[data-mode=dark] .hero .eyebrow,[data-mode=dark] .audience .eyebrow,[data-mode=dark] .build-number,[data-mode=dark] .service-top,[data-mode=dark] .service-top>span,[data-mode=dark] .steps article>span,[data-mode=dark] .plan-type,[data-mode=dark] .poster-category-heading>span,[data-mode=dark] .design-work-label,[data-mode=dark] .need-number,[data-mode=dark] .audience-list span{color:#dfb166}
[data-mode=dark] .build-card,[data-mode=dark] .build-card-copy,[data-mode=dark] .service-grid article,[data-mode=dark] .service-grid article:hover,[data-mode=dark] .poster-card,[data-mode=dark] .poster-card h4,[data-mode=dark] .reel-card,[data-mode=dark] .pricing article,[data-mode=dark] .pricing article.featured{background:#10283e;border-color:#2c4358;color:#eef3f7;box-shadow:0 4px 14px #0001}
[data-mode=dark] .service-grid li,[data-mode=dark] .pricing .price span{color:#c3ced7}
[data-mode=dark] .pricing article.featured{border-top-color:#79b3ff}
[data-mode=dark] .solutions,[data-mode=dark] .audience,[data-mode=dark] .contact{background:#0d2236;border-color:#2c4358}
[data-mode=dark] .contact h2,[data-mode=dark] .audience-list h3,[data-mode=dark] .current-support h3,[data-mode=dark] .current-support strong,[data-mode=dark] .reel-description h3{color:#eef3f7}
[data-mode=dark] .contact p{color:#c3ced7}
[data-mode=dark] .needs-list details[open]{background:#152e45}
[data-mode=dark] .needs-list summary{color:#eef3f7}
[data-mode=dark] .needs-list,[data-mode=dark] .audience-list>div,[data-mode=dark] .steps article,[data-mode=dark] .current-support,[data-mode=dark] .work .section-heading,[data-mode=dark] .poster-portfolio,[data-mode=dark] .poster-category-heading,[data-mode=dark] .capability-strip,[data-mode=dark] .detail-link,[data-mode=dark] .service-grid ul{border-color:#2c4358}
[data-mode=dark] .service-icon,[data-mode=dark] .why-number{background:#16334f;border-color:#34516b;color:#9fc9ff}
[data-mode=dark] .portfolio-categories a{background:#10283e;color:#a4ccff;border-color:#34516b}
[data-mode=dark] .portfolio-categories a:hover{background:#163b5e}
[data-mode=dark] .button.outline{background:#10283e;color:#a4ccff;border-color:#43607a}
[data-mode=dark] .button.outline:hover{background:#193a57;color:#fff}
[data-mode=dark] .reel-tag{background:#10283e;color:#dfb166;border-color:#496075}
[data-mode=dark] .reel-play,[data-mode=dark] .poster-expand{background:#10283e;border-color:#6c8daa;color:#a4ccff}
[data-mode=dark] .reel-play svg{fill:#a4ccff}
[data-mode=dark] .reel-dialog,[data-mode=dark] .poster-dialog,[data-mode=dark] .poster-dialog-bar{background:#0c2032;color:#eef3f7;border-color:#43607a}
[data-mode=dark] .reel-dialog h2,[data-mode=dark] .poster-dialog h2{color:#eef3f7}
[data-mode=dark] .reel-dialog>p{color:#c3ced7}
[data-mode=dark] .poster-image-area{background:#152536}
[data-mode=dark] .reel-close,[data-mode=dark] .poster-close,[data-mode=dark] .theme-switch,[data-mode=dark] .language-picker,[data-mode=dark] .compact-nav summary{background:#10283e;color:#eef3f7;border-color:#43607a}
[data-mode=dark] .language-picker option{background:#10283e;color:#eef3f7}
[data-mode=dark] .theme-moon{display:none}[data-mode=dark] .theme-sun{display:block}
[data-mode=dark] .compact-nav summary span{background:#eef3f7}
[data-mode=dark] .compact-nav nav{background:#10283e;border-color:#43607a}
[data-mode=dark] .compact-nav nav a:nth-child(n){color:#eef3f7}
[data-mode=dark] .compact-nav nav a:hover{background:#193a57}
[data-mode=dark] .compact-nav nav a.menu-whatsapp:nth-child(n){background:#198754;color:#fff}
[data-mode=dark] .editorial-panel,[data-mode=dark] .build-card:nth-child(n) .paper-art{background:#122e46}
[data-mode=dark] .editorial-kicker{color:#b1c0cc}
[data-mode=dark] .editorial-paper,[data-mode=dark] .paper-brand,[data-mode=dark] .paper-site,[data-mode=dark] .paper-profile,[data-mode=dark] .paper-workflow,[data-mode=dark] .paper-phone,[data-mode=dark] .paper-mobile{background:#eaf0f5;color:#163250;border-color:#bed1df}
[data-mode=dark] .editorial-paper b,[data-mode=dark] .paper-art b,[data-mode=dark] .editorial-note b{color:#163250}
[data-mode=dark] .editorial-paper p{color:#48525c}
[data-mode=dark] .editorial-note{background:#f3e6cc;color:#163250}
[data-mode=dark] :focus-visible{outline-color:#a4ccff}
header>.button .contact-text,header>.button .contact-short{border:0;padding:0;font-size:inherit;letter-spacing:normal}
.contact-short{display:none}
@media(max-width:650px){
 header>.brand{grid-column:1/3;grid-row:1}
 .compact-nav{grid-column:3;grid-row:1;justify-self:end}
 .header-tools{grid-column:1/3;grid-row:2;justify-self:start;gap:6px}
 header>.button{grid-column:3;grid-row:2;padding-inline:10px;gap:7px;font-size:12px}
 header>.button .contact-text{display:none}
 header>.button .contact-short{display:inline}
 .language-picker{gap:5px;padding-inline:8px}
 .language-picker select{max-width:83px;font-size:12px}
 header>.brand img{width:66px;height:66px}
 header>.brand .brand-name{font-size:25px}
 header>.brand .brand-name>span{font-size:8px}
}