/* Deep-blue trial; the original Precision palette remains in variations.css. */
html[data-direction=precision] .hero h1{font-size:48px;line-height:1.15;max-width:1000px}
html[data-direction=precision] .hero-copy{max-width:760px}
html[data-direction=precision]{--bg:#080f20;--surface:#101b30;--ink:#f0f3f8;--muted:#b3bfd1;--line:#29374f;--accent:#a9c6eb}
html[data-direction=precision] .hero{background:var(--bg)}
html[data-direction=precision] .hero:after{background:rgba(8,15,32,.92)}
html[data-direction=precision] .industries{background:var(--bg)}
html[data-direction=precision] .discipline,
html[data-direction=precision] .paths,
html[data-direction=precision] .contact{background:var(--surface)}
html[data-direction=precision] .hero-content{border-color:var(--accent)}
html[data-direction=precision] h1 em,
html[data-direction=precision] h2 em{color:var(--accent)}
html[data-direction=precision] .hero-copy,
html[data-direction=precision] .paths .lead,
html[data-direction=precision] .ai-topics{color:var(--muted)}
html[data-direction=precision] .hero-foot,
html[data-direction=precision] .process{border-color:var(--line)}
html[data-direction=precision] .primary{background:#d4e3f6;color:#101c30}
html[data-direction=precision] .primary:hover{background:#b9d1ee;color:#080f20}
.proof strong{display:block;color:var(--ink);font-size:30px;font-weight:500;line-height:1.3;margin-bottom:5px}
.proof>span{font-size:13px!important}
.menu-toggle{display:none}
.path-item{border-top:1px solid var(--line);min-width:0}
.path-item h3{display:flex;align-items:flex-start;gap:12px;min-height:98px;padding:24px 0;font-size:19px;line-height:1.35}
.path-item h3>span{font-size:12px;color:var(--muted);flex-shrink:0;padding-top:3px}
.path-item>div{font-size:14px;color:var(--muted);padding-bottom:25px}
.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 28px}
.client-logo{height:95px;display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate;overflow:hidden}
.client-logo img{max-width:100%;width:145px;height:64px;object-fit:contain;mix-blend-mode:screen;opacity:.85}
.client-logo .tone-invert{filter:grayscale(1) invert(1)}
.client-logo .tone-original{filter:grayscale(1)}
.client-logo:hover img{opacity:1}
.client-logo img[alt="Infotree Computers"]{transform:scale(2.2)}
.contact .primary{margin-top:10px}
.whatsapp-cta{gap:12px;max-width:100%}
.whatsapp-cta img{width:22px;height:22px;flex-shrink:0}
.whatsapp-cta>span{margin-left:8px}
.contact-direct{align-self:center}
.contact-link{border-top:1px solid var(--line);padding:18px 0;display:block;font-size:24px;overflow-wrap:anywhere}
.contact-link small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}
.contact-link span{float:right}
.offices{font-size:13px;color:var(--muted);margin-top:28px}
.industry-list summary{overflow-wrap:anywhere}
.industry-conversation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:980px;border-top:1px solid var(--line);padding-top:28px}
.industry-conversation p{margin:0;color:var(--muted);flex:1 1 280px}
.industry-body .sector-list{font-size:14px;line-height:1.8}
.sector-list strong{display:block;margin-bottom:5px;color:var(--ink);font-size:12px;font-weight:500}
.section-label{display:block!important}
.site-footer{display:block}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.social-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%}
.social-links a:hover{background:var(--surface);border-color:var(--accent)}
.site-footer .social-links img{width:20px;height:20px;object-fit:contain;filter:invert(1);opacity:.9}
.office-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:30px 0;border-top:1px solid var(--line);margin-top:24px}
.office-locations h3{font-size:16px;font-weight:500;margin-bottom:10px}
.office-locations address{font-style:normal;font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.footer-bottom{border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}
.footer-bottom small{font-size:11px}
@media(max-width:1100px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header nav{gap:18px}.header{gap:20px}}
@media(max-width:900px){
 .header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;border:0;color:inherit;padding:10px;cursor:pointer}
 .menu-toggle span{display:block;width:24px;height:1px;background:currentColor}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:24px 6%;border-bottom:1px solid var(--line);gap:22px}
 .header nav.is-open{display:flex;flex-direction:column}
 .header-contact span{margin-left:10px}
}
@media(max-width:700px){
 .footer-top{align-items:flex-start;flex-direction:column;gap:12px}
 .office-locations{grid-template-columns:1fr;gap:24px}
 html[data-direction=precision] .hero h1{font-size:32px}
 .path-item h3{min-height:0;padding:21px 0}
 .client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .client-logo{height:76px}
 .client-logo img{height:52px}
 .proof strong{font-size:25px}
 .proof>span{font-size:11px!important}
 .header{gap:8px}
 .header-contact{padding:8px 10px!important;white-space:nowrap}
 .brand img{width:125px}
 .contact-link{font-size:22px}
 .hero-copy{font-size:15px!important}
 .contact-direct{margin-top:28px}
}
@media(max-width:360px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-contact{font-size:11px}.brand img{width:108px}}