/* Soft intelligence: logo navy, mist silver and restrained blue-grey light. */
html[data-theme]{--agency-navy:#192833;--agency-cyan:#b7d1db;--agency-gold:#a9bdc7}
html[data-theme=dark]{--canvas:#13222d;--surface:#1c303d;--surface-raised:#263e4c;--surface-alt:#203541;--ink:#edf4f7;--text:#edf4f7;--muted:#becfd8;--line:#425a69}
html[data-theme=light]{--canvas:#eef3f5;--surface:#fff;--surface-raised:#fff;--surface-alt:#e6eef2;--ink:#192e3b;--text:#192e3b;--muted:#4b6574;--line:#cbd9e0}
html[data-theme] .header{background:#192833ed!important;backdrop-filter:blur(18px);border-bottom:1px solid #94afbf38;box-shadow:0 4px 25px #0b203017}
html[data-theme] .agency-hero{background:radial-gradient(ellipse at 90% 22%,#c1d6df80,transparent 48%),linear-gradient(125deg,#f3f6f7,#e6eef2 60%,#dce8ee);position:relative}
.agency-hero-grid{grid-template-columns:1.28fr .85fr;gap:50px;padding-block:58px 42px;min-height:490px}
html[data-theme] .agency-hero h1{font-size:clamp(36px,4.2vw,59px)!important;line-height:1.12!important;letter-spacing:-.045em!important;max-width:18ch;margin-block:20px 25px!important}
html[data-theme] .agency-hero h1 em{color:#496d80!important;-webkit-text-fill-color:#496d80!important;font-weight:400}
html[data-theme] .agency-hero-copy>p{max-width:55ch;font-size:15px;line-height:1.9;color:#405e6d!important}
.agency-eyebrow{letter-spacing:.13em;font-size:9px}.agency-brand-scene{height:390px}
.agency-scene-disc{background:radial-gradient(circle at 35% 30%,#e4f0f4,#b0c9d5 55%,#718f9f);box-shadow:0 0 0 22px #e2edf280,0 0 0 45px #d7e5ed50;top:45px}
.agency-main-robot{height:365px;width:245px;filter:drop-shadow(10px 20px 20px #19283325)}
.agency-scene-label{border-radius:14px;background:#f5fafcdd;backdrop-filter:blur(10px);border:1px solid #fff9;box-shadow:0 12px 30px #19344412;padding:16px 20px;bottom:0}
.agency-scene-label strong{font-size:13px;line-height:1.5}.agency-service-strip{border-top-color:#91adbc60}
html[data-theme] .agency-hero .btn{border-radius:9px;box-shadow:0 8px 22px #19283320}
.homepage .home-business{background:linear-gradient(130deg,#e7eff3,#dbe8ef)}
.homepage .home-intelligence{background:radial-gradient(ellipse at 0 100%,#b5cddc60,transparent 60%),#e2edf2}
.homepage .home-process{background:#f1f5f7}.homepage .home-questions{background:#f9fbfc}
.agency-service-cards{gap:18px}.agency-service-card{border-radius:16px;padding:23px;border-color:var(--line);box-shadow:0 8px 24px #102d3f09}
.agency-service-card:hover{box-shadow:0 12px 30px #102d3f15;border-color:#93adbc}
.agency-service-card h3{font-size:19px!important;line-height:1.4;min-height:54px}
.agency-service-card-top img{background:radial-gradient(circle,#dceaf080,transparent 70%);border-radius:50%}
.agency-service-heading em{font-family:inherit;font-style:normal;color:var(--muted);font-weight:400}
.homepage .agency-pillars{gap:22px}.agency-pillar{border-radius:17px;overflow:hidden;border:1px solid #bfd0d9}
.agency-pillar-art{background:radial-gradient(ellipse,#f7fafc,#ccdee7)!important}
.homepage .studio-tool{border-radius:12px;box-shadow:0 8px 24px #294a5d08}
.homepage .studio-final{background:radial-gradient(ellipse at 90% 0,#34546788,transparent 60%),#192833}
.homepage .studio-final h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.2!important;max-width:23ch}
body[data-page=inner] .page-intro{background:radial-gradient(ellipse at 95% 50%,#bfd5e175,transparent 48%),linear-gradient(125deg,#f1f6f8,#dfebf0);border-radius:20px}
@media(max-width:1000px){.agency-hero-grid{gap:25px;min-height:420px}.agency-brand-scene{height:340px}.agency-main-robot{height:320px;width:215px}.agency-service-card h3{font-size:18px!important}}
@media(max-width:600px){.agency-hero-grid{grid-template-columns:1fr;padding-block:30px 22px;gap:20px}html[data-theme] .agency-hero h1{font-size:38px!important;max-width:18ch}.agency-brand-scene{height:285px}.agency-main-robot{height:275px;width:185px}.agency-service-card{padding:15px;border-radius:12px}.agency-service-card h3{font-size:16px!important;min-height:65px}.agency-service-cards{gap:11px}.agency-scene-label{padding:10px 14px}}
/* Transparent official wordmark; keep the MJ outline, remove the white badge. */
html[data-theme] :is(.header,.footer-grid) .brand{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;width:172px!important;height:65px!important;overflow:visible!important;display:flex;align-items:center}
html[data-theme] :is(.header,.footer-grid) .brand img{position:static!important;width:172px!important;height:auto!important;max-width:100%!important;top:auto!important;left:auto!important;object-fit:contain;filter:brightness(0) invert(1);border-radius:0!important;background:transparent!important}
@media(max-width:600px){html[data-theme] .header .brand{width:137px!important;height:54px!important}html[data-theme] .header .brand img{width:137px!important}}
html[lang^=hi][data-theme] .agency-hero h1{letter-spacing:0!important;line-height:1.35!important;font-size:clamp(32px,3.7vw,50px)!important}
html[lang^=hi] :is(.agency-service-heading,.agency-overview,.studio-final) h2{letter-spacing:0!important;line-height:1.4!important}