/* ITMagix — Technology Advisory / AI Agents & Enterprise Workflows */
:root { --ta-accent:#6847b5; --ta-accent-2:#9678d7; --ta-soft:#f3effb; --ta-navy:#0A3161; --ta-red:#B31942; --ta-ink:#17202a; --ta-body:#5e6c78; --ta-line:#dfe6ec; }
.ta-advisory-page .section-title { font-size:clamp(1.9rem,3.2vw,3.1rem); line-height:1.04; }
.ta-section { padding:68px 0; }
.ta-section + .ta-section { border-top:1px solid #edf0f2; }
.ta-heading-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:clamp(1.5rem,4vw,3.5rem); align-items:end; margin-bottom:2.1rem; }
.ta-heading-row h2,.ta-family-head h2,.ta-related-services-head h2 { margin:0; color:var(--ta-ink); font-size:clamp(1.9rem,3vw,3rem); line-height:1.04; font-weight:790; letter-spacing:-.045em; }
.ta-heading-row > p,.ta-family-head > p,.ta-related-services-head > p { margin:0; color:#687783; font-size:.96rem; line-height:1.7; }

/* HERO */
.ta-hero { position:relative; overflow:hidden; color:#fff; padding:52px 0 58px; background:#102a43; }
.ta-hero-image,.ta-hero-shade { position:absolute; inset:0; }
.ta-hero-image { background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1900&q=84'); background-size:cover; background-position:center; transform:scale(1.02); }
.ta-hero-shade { background:linear-gradient(90deg,rgba(6,20,34,.92) 0%,rgba(8,33,56,.86) 48%,rgba(8,31,52,.66) 100%); }
.ta-hero-inner { position:relative; z-index:1; }
.ta-breadcrumb { margin-bottom:1.55rem; }
.ta-hero-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr); gap:clamp(1.6rem,4vw,3.7rem); align-items:center; }
.ta-hero-copy h1 { max-width:760px; margin:0; color:#fff; font-size:clamp(2.65rem,4.25vw,4.35rem); line-height:.98; font-weight:790; letter-spacing:-.055em; text-wrap:balance; }
.ta-hero-copy > p { max-width:760px; margin:1.15rem 0 0; color:#d3dee7; font-size:1.02rem; line-height:1.68; }
.ta-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.85rem 1rem; margin-top:1.55rem; }
.ta-hero-secondary { display:inline-flex; align-items:center; gap:.42rem; color:#eef5fb; font-size:.83rem; font-weight:750; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.4); padding-bottom:.15rem; }
.ta-hero-panel { padding:1.45rem 1.4rem; border:1px solid rgba(255,255,255,.16); border-left:3px solid var(--ta-accent-2); border-radius:18px; background:rgba(10,30,49,.58); box-shadow:0 18px 45px rgba(0,0,0,.16); backdrop-filter:blur(8px); }
.ta-hero-panel-kicker { display:block; margin-bottom:.55rem; color:#a8d4f5; font-size:.6rem; font-weight:850; letter-spacing:.15em; }
.ta-hero-panel h2 { margin:0; color:#fff; font-size:1.45rem; line-height:1.18; }
.ta-hero-panel p { margin:.65rem 0 0; color:#cad8e3; font-size:.84rem; line-height:1.62; }
.ta-hero-tags { display:flex; flex-wrap:wrap; gap:.42rem; margin-top:1rem; }
.ta-hero-tags span { padding:.34rem .52rem; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#ecf3f8; background:rgba(255,255,255,.05); font-size:.62rem; font-weight:720; }

/* ADVISORY FAMILY NAVIGATION */
.ta-family-section { padding:58px 0; background:#f6f8fa; border-top:1px solid #e5eaee; }
.ta-family-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:clamp(1.5rem,4vw,3.5rem); align-items:end; margin-bottom:1.8rem; }
.ta-family-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.72rem; }
.ta-family-card { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:.85rem; align-items:center; min-height:78px; padding:.62rem .8rem .62rem .62rem; color:inherit; text-decoration:none; background:#fff; border:1px solid #dfe6eb; border-radius:13px; transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.ta-family-card:hover,.ta-family-card:focus { color:inherit; background:#eef3f6; border-color:#c8d5df; transform:translateY(-2px); box-shadow:0 10px 26px rgba(20,40,60,.07); }
.ta-family-card img { width:58px; height:58px; object-fit:cover; border-radius:9px; }
.ta-family-card span:not(.ta-family-current) { min-width:0; }
.ta-family-card strong { display:block; color:#23313e; font-size:.9rem; line-height:1.25; }
.ta-family-card small { display:block; margin-top:.2rem; color:#7a8791; font-size:.68rem; }
.ta-family-card > i { color:var(--ta-accent); font-size:.8rem; }
.ta-family-card.is-current { border-color:color-mix(in srgb,var(--ta-accent) 35%,#dfe6eb); background:var(--ta-soft); }
.ta-family-current { color:var(--ta-accent); font-size:.6rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }

/* RELATED SERVICES */
.ta-related-services { padding:58px 0 54px; background:#fff; }
.ta-related-services-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:clamp(1.5rem,4vw,3.5rem); align-items:end; margin-bottom:1.8rem; }
.ta-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; }
.ta-service-card { display:flex; flex-direction:column; min-height:205px; padding:1.15rem; color:inherit; text-decoration:none; border:1px solid #e0e6eb; border-radius:14px; background:linear-gradient(180deg,#fff,#fbfcfd); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.ta-service-card:hover,.ta-service-card:focus { color:inherit; transform:translateY(-3px); border-color:#cad6df; box-shadow:0 14px 34px rgba(20,40,60,.08); }
.ta-service-kicker { display:inline-flex; align-self:flex-start; margin-bottom:1rem; color:var(--ta-accent); font-size:.58rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.ta-service-card h3 { margin:0 0 .5rem; color:#202d39; font-size:1rem; line-height:1.3; }
.ta-service-card p { margin:0; color:#6d7b87; font-size:.79rem; line-height:1.57; }
.ta-service-link { margin-top:auto; padding-top:.9rem; color:var(--ta-accent); font-size:.75rem; font-weight:800; }

.inner-final-cta { padding-top:54px; }

@media(max-width:991.98px) {
 .ta-section { padding:56px 0; }
 .ta-hero { padding:44px 0 48px; }
 .ta-hero-layout,.ta-heading-row,.ta-family-head,.ta-related-services-head { grid-template-columns:1fr; }
 .ta-hero-copy h1 { max-width:760px; font-size:clamp(2.35rem,7vw,3.55rem); }
 .ta-hero-panel { max-width:720px; }
 .ta-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767.98px) {
 .ta-section { padding:46px 0; }
 .ta-hero { padding:36px 0 40px; }
 .ta-breadcrumb { margin-bottom:1.2rem; }
 .ta-hero-copy h1 { font-size:clamp(2.05rem,9vw,2.8rem); line-height:1.02; letter-spacing:-.045em; }
 .ta-hero-copy > p { font-size:.95rem; line-height:1.62; }
 .ta-heading-row h2,.ta-family-head h2,.ta-related-services-head h2 { font-size:clamp(1.7rem,7vw,2.2rem); line-height:1.08; }
 .ta-family-section,.ta-related-services { padding:46px 0; }
 .ta-family-grid,.ta-service-grid { grid-template-columns:1fr; }
 .ta-family-card { grid-template-columns:54px minmax(0,1fr) auto; min-height:72px; }
 .ta-family-card img { width:54px; height:54px; }
 .ta-service-card { min-height:0; }
 .inner-final-cta { padding-top:44px; }
}
@media(max-width:575.98px) {
 .ta-hero-panel { padding:1.15rem; }
 .ta-hero-panel h2 { font-size:1.25rem; }
 .ta-family-card { grid-template-columns:50px minmax(0,1fr) 18px; padding:.55rem; gap:.68rem; }
 .ta-family-card img { width:50px; height:50px; }
 .ta-family-card strong { font-size:.83rem; }
 .ta-family-current { font-size:.52rem; }
}

.agent-workflow-section{background:#f8f7fb}.agent-workflow-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:2rem;align-items:end}.agent-workflow-head h2{margin:0;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.04}.agent-workflow-head+p{max-width:920px;margin:1rem 0 2rem;color:#6b6f7c;line-height:1.72}.agent-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.55rem;align-items:center}.agent-flow>div{min-height:135px;padding:1rem;border:1px solid #e0ddef;border-radius:14px;background:#fff}.agent-flow>div.agent-flow-agent{background:linear-gradient(145deg,var(--ta-accent),#4d3a8a);color:#fff}.agent-flow i{color:var(--ta-accent);font-size:1.05rem}.agent-flow-agent i,.agent-flow-agent strong,.agent-flow-agent span{color:#fff!important}.agent-flow strong{display:block;margin:1.1rem 0 .35rem;color:#2e2d37}.agent-flow span{color:#777382;font-size:.76rem;line-height:1.45}.agent-flow>b{color:var(--ta-accent)}.agent-pattern-section{background:#fff}.agent-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.agent-pattern-grid article{overflow:hidden;border-radius:16px;border:1px solid #e3e4e8;background:#fff}.agent-pattern-grid img{width:100%;height:165px;object-fit:cover}.agent-pattern-grid article>div{padding:1rem}.agent-pattern-grid span{color:var(--ta-accent);font-size:.58rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.agent-pattern-grid h3{margin:.7rem 0 .4rem;font-size:1rem}.agent-pattern-grid p{margin:0;color:#6f7380;font-size:.8rem;line-height:1.55}.agent-control-section{color:#d8d8e5;background:linear-gradient(135deg,#221f35,#342853)}.agent-control-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:3rem;align-items:center}.agent-control-copy h2{margin:0 0 .8rem;color:#fff;font-size:clamp(2rem,3vw,3rem);line-height:1.04}.agent-control-copy p{color:#c3bfd3;line-height:1.7}.agent-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.agent-control-grid div{min-height:120px;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.agent-control-grid strong{display:block;color:#fff;font-size:.9rem}.agent-control-grid span{display:block;margin-top:.65rem;color:#c3bfd3;font-size:.75rem;line-height:1.45}.agent-production-section{background:#fff}.agent-production-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem}.agent-production-title h2{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.04}.agent-production-list{margin:0;padding:0;list-style:none;border-top:1px solid #e2e5e9}.agent-production-list li{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e5e9}.agent-production-list span{color:var(--ta-accent);font-size:.64rem;font-weight:850}.agent-production-list h3{margin:0 0 .35rem;font-size:1rem}.agent-production-list p{margin:0;color:#6c7680;font-size:.82rem;line-height:1.55}@media(max-width:1100px){.agent-flow{grid-template-columns:1fr 1fr}.agent-flow>b{display:none}}@media(max-width:991.98px){.agent-workflow-head,.agent-control-shell,.agent-production-grid{grid-template-columns:1fr}.agent-pattern-grid{grid-template-columns:1fr 1fr}.agent-control-grid{grid-template-columns:1fr 1fr}}@media(max-width:767.98px){.agent-flow,.agent-pattern-grid,.agent-control-grid{grid-template-columns:1fr}.agent-flow>div{min-height:0}.agent-pattern-grid img{height:190px}}


/* V2 updates: hero media, workflow visual, control thumbnails, production redesign */
.ta-hero-panel-media{margin:-.2rem -.2rem .95rem;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.ta-hero-panel-media img{width:100%;height:170px;object-fit:cover;display:block}

.agent-workflow-section{background:#f8f7fb}
.agent-workflow-top{display:grid;grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr);gap:1.6rem 2rem;align-items:center;margin-bottom:1.6rem}
.agent-workflow-copy h2{margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.04}
.agent-workflow-copy p{margin:1rem 0 0;color:#6b6f7c;line-height:1.72}
.agent-workflow-mini-points{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.agent-workflow-mini-points span{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .72rem;border:1px solid #dfe0eb;border-radius:999px;background:#fff;color:#454b5c;font-size:.76rem;font-weight:650}
.agent-workflow-visual{display:grid;grid-template-columns:1.25fr .85fr;grid-template-areas:"main side" "main note";gap:.9rem;align-items:stretch}
.agent-workflow-image{margin:0;overflow:hidden;border-radius:18px;border:1px solid #e4e3ef;background:#fff;box-shadow:0 14px 35px rgba(35,31,65,.06)}
.agent-workflow-image img{width:100%;height:100%;min-height:190px;object-fit:cover;display:block}
.agent-workflow-image-main{grid-area:main;min-height:100%}
.agent-workflow-image-side{grid-area:side}
.agent-workflow-note{grid-area:note;display:flex;flex-direction:column;justify-content:center;padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(145deg,#2e2752,#4a3f7f);color:#fff;box-shadow:0 14px 35px rgba(35,31,65,.08)}
.agent-workflow-note strong{display:block;font-size:.9rem;letter-spacing:.02em}
.agent-workflow-note p{margin:.45rem 0 0;color:#d7d3eb;font-size:.8rem;line-height:1.6}
.agent-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.55rem;align-items:center}
.agent-flow>div{min-height:135px;padding:1rem;border:1px solid #e0ddef;border-radius:14px;background:#fff}
.agent-flow>div.agent-flow-agent{background:linear-gradient(145deg,var(--ta-accent),#4d3a8a);color:#fff}
.agent-flow i{color:var(--ta-accent);font-size:1.05rem}.agent-flow-agent i,.agent-flow-agent strong,.agent-flow-agent span{color:#fff!important}.agent-flow strong{display:block;margin:1.1rem 0 .35rem;color:#2e2d37}.agent-flow span{color:#777382;font-size:.76rem;line-height:1.45}.agent-flow>b{color:var(--ta-accent)}

.agent-control-section{color:#d8d8e5;background:linear-gradient(135deg,#221f35,#342853)}
.agent-control-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:2.3rem;align-items:center}
.agent-control-copy h2{margin:0 0 .8rem;color:#fff;font-size:clamp(2rem,3vw,3rem);line-height:1.04}.agent-control-copy p{color:#c3bfd3;line-height:1.7}
.agent-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.72rem}.agent-control-grid div{min-height:0;padding:.72rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}
.agent-control-grid img{width:100%;height:84px;object-fit:cover;display:block;border-radius:10px;margin-bottom:.7rem}
.agent-control-grid strong{display:block;color:#fff;font-size:.9rem}.agent-control-grid span{display:block;margin-top:.5rem;color:#c3bfd3;font-size:.75rem;line-height:1.45}

.agent-production-section{background:#fff}
.agent-production-head{margin-bottom:1.45rem}
.agent-production-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.agent-production-card{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid #e1e6ea;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 14px 30px rgba(17,33,51,.05)}
.agent-production-card img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}
.agent-production-body{padding:1rem 1.05rem}
.agent-production-body span{display:inline-block;margin-bottom:.55rem;color:var(--ta-accent);font-size:.62rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.agent-production-body h3{margin:0 0 .45rem;color:#1e2a36;font-size:1.02rem;line-height:1.32}
.agent-production-body p{margin:0;color:#6d7883;font-size:.8rem;line-height:1.6}

@media(max-width:1100px){.agent-flow{grid-template-columns:1fr 1fr}.agent-flow>b{display:none}.agent-workflow-visual{grid-template-columns:1fr 1fr;grid-template-areas:"main side" "note note"}.agent-production-card{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:991.98px){.agent-workflow-top,.agent-control-shell{grid-template-columns:1fr}.agent-pattern-grid{grid-template-columns:1fr 1fr}.agent-control-grid{grid-template-columns:1fr 1fr}.agent-production-cards{grid-template-columns:1fr}.agent-workflow-copy h2{font-size:clamp(1.85rem,4.8vw,2.6rem)}}
@media(max-width:767.98px){.ta-hero-panel-media img{height:150px}.agent-workflow-visual{grid-template-columns:1fr;grid-template-areas:"main" "side" "note"}.agent-pattern-grid,.agent-control-grid{grid-template-columns:1fr}.agent-flow,.agent-production-card{grid-template-columns:1fr}.agent-flow>div{min-height:0}.agent-production-card img{min-height:190px}.agent-production-body{padding:.95rem}.agent-workflow-copy h2,.agent-control-copy h2,.agent-production-head h2{font-size:clamp(1.7rem,7vw,2.2rem)}}