.synai-bu{--synai-bu-accent:#006dff}.synai-bu__hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--synai-bu-accent) 28%,transparent),transparent 34%),#041225;color:#fff;padding:clamp(5rem,9vw,9rem) 0 5rem}.synai-bu__hero-grid,.synai-bu__content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.synai-bu__hero h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.9;margin:.4rem 0 1.4rem}.synai-bu__lead{font-size:clamp(1.15rem,2vw,1.5rem);max-width:38rem;color:#dbe8ff}.synai-bu__visual img,.synai-bu__visual-fallback{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2rem;box-shadow:0 2rem 6rem rgba(0,0,0,.4)}.synai-bu__visual-fallback{background:linear-gradient(145deg,var(--synai-bu-accent),#05152d)}.synai-breadcrumb{display:flex;gap:.6rem;font-size:.85rem;color:#c6d6ef}.synai-breadcrumb a{color:inherit}.synai-bu__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.synai-bu .synai-btn--primary{background:var(--synai-bu-accent);border-color:var(--synai-bu-accent)}.synai-bu__kpis{background:#071a33;color:#fff;border-top:1px solid rgba(255,255,255,.1)}.synai-bu__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:rgba(255,255,255,.12)}.synai-bu__kpi{background:#071a33;padding:2rem;text-align:center}.synai-bu__kpi strong{display:block;font-size:2.2rem;color:var(--synai-bu-accent)}.synai-section{padding:clamp(4.5rem,8vw,8rem) 0}.synai-prose{font-size:1.08rem;line-height:1.75}.synai-section-heading{max-width:760px;margin-bottom:2.5rem}.synai-bu__services{background:#f5f8fc}.synai-bu__card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.synai-bu-card{background:#fff;border:1px solid #dce5f1;border-radius:1.25rem;overflow:hidden;transition:.25s ease}.synai-bu-card:hover{transform:translateY(-6px);box-shadow:0 1.2rem 3rem rgba(5,25,52,.12)}.synai-bu-card__media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.synai-bu-card__body{padding:1.5rem}.synai-bu-card h3{margin:0 0 .75rem}.synai-text-link{color:var(--synai-bu-accent);font-weight:700}.synai-bu__case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.synai-case-card{border-radius:1.5rem;overflow:hidden;background:#06162c}.synai-case-card a{display:block;position:relative;color:#fff}.synai-case-card img{width:100%;aspect-ratio:4/3;object-fit:cover;opacity:.6}.synai-case-card div{position:absolute;inset:auto 0 0;padding:2rem;background:linear-gradient(transparent,rgba(0,0,0,.88))}.synai-bu__faq{background:#f7f9fc}.synai-accordion__item{border-bottom:1px solid #d7e0ec}.synai-accordion button{width:100%;display:flex;justify-content:space-between;background:none;border:0;padding:1.3rem 0;text-align:left;font:inherit;font-weight:700}.synai-accordion__item>div{padding:0 0 1.5rem}.synai-bu__cta{background:linear-gradient(135deg,#05152d,color-mix(in srgb,var(--synai-bu-accent) 55%,#041225));color:#fff;text-align:center;padding:6rem 0}.synai-bu__cta .synai-container{max-width:850px}.synai-bu-archive__hero{background:#041225;color:#fff;padding:7rem 0 5rem}.synai-bu__archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.synai-bu-tile{border-radius:1.5rem;overflow:hidden;background:#06162c}.synai-bu-tile a{display:grid;grid-template-columns:42% 58%;color:#fff;min-height:320px}.synai-bu-tile img{width:100%;height:100%;object-fit:cover}.synai-bu-tile div{padding:2.2rem;background:linear-gradient(145deg,#06162c,color-mix(in srgb,var(--synai-bu-accent) 28%,#06162c))}.synai-bu-tile span{color:var(--synai-bu-accent);font-weight:700}@media(max-width:1000px){.synai-bu__card-grid{grid-template-columns:repeat(2,1fr)}.synai-bu__hero-grid,.synai-bu__content-grid{grid-template-columns:1fr}.synai-bu__case-grid{grid-template-columns:1fr 1fr}.synai-bu__archive-grid{grid-template-columns:1fr}}@media(max-width:640px){.synai-bu__card-grid,.synai-bu__case-grid{grid-template-columns:1fr}.synai-bu__hero{padding-top:4.5rem}.synai-bu__hero h1{font-size:3.4rem}.synai-bu-tile a{grid-template-columns:1fr}.synai-bu-tile img{height:220px}.synai-bu__actions .synai-btn{width:100%;text-align:center}}

/* 3.1.7 — Business Unit Essential. Scoped to singular BU pages. */
.synai-bu-page--essential{--bu-accent:#0877ff;background:#fff;color:#071a38}
.synai-bu-page--essential .synai-bu-hero--compact{padding:54px 0 62px;background:#06162c;color:#fff;overflow:hidden}
.synai-bu-page--essential .synai-bu-hero__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:clamp(32px,5vw,70px);align-items:center}
.synai-bu-page--essential .synai-bu-hero h1{font-size:clamp(54px,7vw,92px);line-height:.95;margin:0 0 12px;color:#fff}
.synai-bu-page--essential .synai-bu-hero__subtitle{font-size:clamp(17px,1.6vw,23px);margin:0 0 20px;color:#cdd9ec}
.synai-bu-page--essential .synai-bu-hero h2{font-size:clamp(28px,3vw,44px);line-height:1.08;max-width:680px;margin:0 0 28px;color:#fff}
.synai-bu-page--essential .synai-bu-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.synai-bu-page--essential .synai-bu-hero__media{border-radius:22px;overflow:hidden;min-height:410px;background:linear-gradient(145deg,var(--bu-accent),#071a38)}
.synai-bu-page--essential .synai-bu-hero__media img{display:block;width:100%;height:410px;object-fit:cover}
.synai-bu-page--essential .synai-bu-hero__placeholder{min-height:410px}
.synai-bu-page--essential .synai-breadcrumb{margin-bottom:28px}
.synai-bu-overview{padding:64px 0;background:#fff}
.synai-bu-overview__grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(34px,7vw,110px);align-items:start}
.synai-bu-overview h2{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:8px 0 0}
.synai-bu-overview__grid>p{font-size:clamp(18px,1.7vw,23px);line-height:1.65;color:#50627a;margin:4px 0 0}
.synai-bu-page--essential .synai-bu-services{padding:72px 0;background:#f4f7fb}
.synai-bu-page--essential .synai-section-heading{margin-bottom:34px}
.synai-bu-page--essential .synai-bu-grid--services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.synai-bu-page--essential .synai-bu-service-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding:22px;border:1px solid #dce5ef;border-radius:16px;min-height:160px;background:#fff;color:#071a38;text-decoration:none}
.synai-bu-page--essential .synai-bu-service-card__icon{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:13px;background:color-mix(in srgb,var(--bu-accent) 10%,#fff);color:var(--bu-accent)}
.synai-bu-page--essential .synai-bu-service-card__icon svg{display:block;width:24px;height:24px;max-width:24px;max-height:24px;stroke:currentColor;fill:none}
.synai-bu-page--essential .synai-bu-service-card h3{font-size:19px;margin:2px 0 7px}
.synai-bu-page--essential .synai-bu-service-card p{font-size:14.5px;line-height:1.55;margin:0;color:#63748b}
.synai-bu-page--essential .synai-bu-service-card__link{grid-column:2;color:var(--bu-accent);font-weight:750;font-size:14px;margin-top:3px}
.synai-bu-benefits--cards{padding:72px 0;background:#fff}
.synai-bu-benefit-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.synai-bu-benefit-cards article{padding:26px;border:1px solid #dce5ef;border-radius:18px;background:#fff}
.synai-bu-benefit-cards article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bu-accent);color:#fff;font-size:13px;font-weight:800;margin-bottom:24px}
.synai-bu-benefit-cards h3{font-size:20px;margin:0 0 9px}
.synai-bu-benefit-cards p{font-size:15px;line-height:1.6;color:#63748b;margin:0}
.synai-bu-page--essential .synai-bu-case{padding:72px 0;background:#f4f7fb}
.synai-bu-page--essential .synai-bu-case__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.synai-bu-page--essential .synai-bu-case__media{display:block;border-radius:22px;overflow:hidden}
.synai-bu-page--essential .synai-bu-case__media img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover}
.synai-bu-page--essential .synai-bu-final{padding:82px 0}
@media(max-width:980px){.synai-bu-page--essential .synai-bu-hero__grid,.synai-bu-overview__grid,.synai-bu-page--essential .synai-bu-case__grid{grid-template-columns:1fr}.synai-bu-page--essential .synai-bu-grid--services,.synai-bu-benefit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.synai-bu-page--essential .synai-bu-hero--compact{padding:38px 0 46px}.synai-bu-page--essential .synai-bu-hero__media,.synai-bu-page--essential .synai-bu-hero__media img,.synai-bu-page--essential .synai-bu-hero__placeholder{min-height:300px;height:300px}.synai-bu-overview,.synai-bu-page--essential .synai-bu-services,.synai-bu-benefits--cards,.synai-bu-page--essential .synai-bu-case{padding:52px 0}.synai-bu-page--essential .synai-bu-grid--services,.synai-bu-benefit-cards{grid-template-columns:1fr}.synai-bu-page--essential .synai-bu-service-card{min-height:0}}

/* 3.2.2 — CONNECT lightweight animated hero */
.synai-bu-page--essential .synai-bu-hero__media--network{position:relative;min-height:410px;background:radial-gradient(circle at 72% 22%,rgba(0,194,255,.28),transparent 28%),linear-gradient(145deg,#031a39,#003c69);border:1px solid rgba(65,211,255,.32);box-shadow:inset 0 0 70px rgba(0,165,255,.08),0 24px 65px rgba(0,28,62,.22)}
.synai-network-visual{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(2rem,5vw,4rem);isolation:isolate}
.synai-network-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(84,211,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(84,211,255,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);z-index:-3}
.synai-network-visual strong{font-size:clamp(3rem,7vw,6.2rem);line-height:.9;letter-spacing:-.06em;color:#fff}
.synai-network-visual small{margin-top:1rem;max-width:330px;color:#b9d8ea;font-size:1rem;line-height:1.5}
.synai-network-visual__glow{position:absolute;border-radius:50%;filter:blur(8px);z-index:-2;animation:synaiNetFloat 8s ease-in-out infinite}
.synai-network-visual__glow--one{width:220px;height:220px;right:8%;top:10%;background:radial-gradient(circle,rgba(0,214,255,.34),transparent 68%)}
.synai-network-visual__glow--two{width:160px;height:160px;left:22%;top:24%;background:radial-gradient(circle,rgba(18,106,255,.26),transparent 70%);animation-delay:-3s}
.synai-network-visual__line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#6fe8ff 18%,rgba(111,232,255,.9) 70%,transparent);box-shadow:0 0 12px rgba(87,223,255,.7);animation:synaiNetPulse 3.8s ease-in-out infinite}
.synai-network-visual__line--one{width:72%;left:8%;top:34%;transform:rotate(12deg)}
.synai-network-visual__line--two{width:68%;left:18%;top:52%;transform:rotate(-15deg);animation-delay:-1.2s}
.synai-network-visual__line--three{width:52%;left:35%;top:26%;transform:rotate(47deg);animation-delay:-2.4s}
.synai-network-visual__node{position:absolute;width:12px;height:12px;border:2px solid #8df0ff;border-radius:50%;background:#056ca8;box-shadow:0 0 0 7px rgba(93,229,255,.09),0 0 22px rgba(77,226,255,.92);animation:synaiNodeBeat 2.6s ease-in-out infinite}
.synai-network-visual__node--one{left:13%;top:36%}.synai-network-visual__node--two{left:44%;top:40%;animation-delay:-.6s}.synai-network-visual__node--three{right:12%;top:30%;animation-delay:-1.2s}.synai-network-visual__node--four{right:24%;top:59%;animation-delay:-1.8s}.synai-network-visual__node--five{left:32%;top:61%;animation-delay:-2.2s}
@keyframes synaiNetPulse{0%,100%{opacity:.34;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.4)}}
@keyframes synaiNodeBeat{0%,100%{transform:scale(.86);opacity:.72}50%{transform:scale(1.2);opacity:1}}
@keyframes synaiNetFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,18px,0)}}
@media(max-width:620px){.synai-bu-page--essential .synai-bu-hero__media--network{min-height:300px}.synai-network-visual{padding:2rem 1.5rem}.synai-network-visual strong{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.synai-network-visual__glow,.synai-network-visual__line,.synai-network-visual__node{animation:none!important}}

/* 3.2.3 — The animated CONNECT panel is decorative only: the actual title and
   proposition remain in the copy column, avoiding duplicated headings. */
.synai-bu-page--essential .synai-bu-hero__media--network .synai-network-visual{min-height:410px}
.synai-bu-page--essential .synai-bu-hero__media--network .synai-network-visual strong,
.synai-bu-page--essential .synai-bu-hero__media--network .synai-network-visual small{display:none!important}

/* 3.2.5 — CONNECT tone-on-tone data flow. Decorative, subtle and brand aligned. */
.synai-bu-page--essential .synai-bu-hero__media--network{
  min-height:410px;
  border:1px solid rgba(77,190,225,.18);
  background:
    radial-gradient(circle at 72% 38%,rgba(5,116,164,.18),transparent 34%),
    radial-gradient(circle at 30% 70%,rgba(12,68,118,.28),transparent 38%),
    linear-gradient(145deg,#061a33 0%,#082746 55%,#07304f 100%);
  box-shadow:inset 0 0 90px rgba(0,18,44,.44),0 24px 60px rgba(0,22,51,.2)
}
.synai-network-visual{display:none!important}
.synai-connect-flow{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.synai-connect-flow:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(114,194,220,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(114,194,220,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 92%)}
.synai-connect-flow__halo{position:absolute;width:56%;aspect-ratio:1;right:-8%;top:-12%;border-radius:50%;background:radial-gradient(circle,rgba(37,145,181,.18),rgba(20,89,128,.06) 48%,transparent 72%);filter:blur(8px);animation:synaiConnectHalo 10s ease-in-out infinite}
.synai-connect-flow__orbit{position:absolute;border:1px solid rgba(116,198,221,.12);border-radius:50%;transform:rotate(-13deg);animation:synaiConnectDrift 14s ease-in-out infinite}
.synai-connect-flow__orbit--one{width:82%;height:42%;left:9%;top:27%}
.synai-connect-flow__orbit--two{width:66%;height:72%;left:20%;top:9%;transform:rotate(18deg);animation-delay:-4s}
.synai-connect-flow__orbit--three{width:48%;height:86%;left:34%;top:3%;transform:rotate(43deg);animation-delay:-8s}
.synai-connect-flow__stream{position:absolute;left:-18%;width:136%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(104,190,215,.04) 12%,rgba(104,190,215,.28) 48%,rgba(104,190,215,.06) 76%,transparent 100%);filter:blur(.15px);transform-origin:center;animation:synaiConnectStream 8s ease-in-out infinite}
.synai-connect-flow__stream:after{content:"";position:absolute;left:0;top:-1px;width:22%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(148,220,237,.35),transparent);filter:blur(2px);animation:synaiConnectPacket 6s linear infinite}
.synai-connect-flow__stream--one{top:31%;transform:rotate(9deg)}
.synai-connect-flow__stream--two{top:52%;transform:rotate(-7deg);opacity:.78;animation-delay:-2.4s}
.synai-connect-flow__stream--two:after{animation-delay:-2s}
.synai-connect-flow__stream--three{top:70%;transform:rotate(4deg);opacity:.55;animation-delay:-4.8s}
.synai-connect-flow__stream--three:after{animation-delay:-4s}
.synai-connect-flow__pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:rgba(137,211,230,.45);box-shadow:0 0 0 9px rgba(92,176,203,.055),0 0 28px rgba(92,176,203,.22);animation:synaiConnectPulse 4.6s ease-in-out infinite}
.synai-connect-flow__pulse--one{left:35%;top:46%}
.synai-connect-flow__pulse--two{right:24%;top:63%;animation-delay:-2.3s}
@keyframes synaiConnectPacket{0%{transform:translateX(-10%);opacity:0}12%{opacity:.55}80%{opacity:.35}100%{transform:translateX(500%);opacity:0}}
@keyframes synaiConnectStream{0%,100%{opacity:.42}50%{opacity:.78}}
@keyframes synaiConnectDrift{0%,100%{translate:0 0;opacity:.5}50%{translate:0 8px;opacity:.8}}
@keyframes synaiConnectPulse{0%,100%{transform:scale(.82);opacity:.35}50%{transform:scale(1.08);opacity:.72}}
@keyframes synaiConnectHalo{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,12px,0) scale(1.05)}}
@media(max-width:620px){.synai-bu-page--essential .synai-bu-hero__media--network,.synai-connect-flow{min-height:300px}.synai-connect-flow__orbit--three{display:none}}
@media(prefers-reduced-motion:reduce){.synai-connect-flow__halo,.synai-connect-flow__orbit,.synai-connect-flow__stream,.synai-connect-flow__stream:after,.synai-connect-flow__pulse{animation:none!important}}


/* 3.2.6 — CONNECT network integrated into the hero background. */
.synai-bu-page--essential .synai-bu-hero--compact{position:relative;isolation:isolate}
.synai-bu-page--essential .synai-bu-hero--compact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 46%,rgba(14,109,160,.16),transparent 35%);pointer-events:none;z-index:-2}
.synai-bu-page--essential .synai-bu-hero__grid{position:relative;z-index:2}
.synai-bu-page--essential .synai-bu-hero__copy{max-width:720px;padding-block:22px}
.synai-bu-page--essential .synai-bu-hero--compact:has(.synai-connect-hero-network) .synai-bu-hero__grid{grid-template-columns:minmax(0,.82fr) minmax(340px,1.18fr);min-height:500px}
.synai-bu-page--essential .synai-bu-hero--compact:has(.synai-connect-hero-network) .synai-bu-hero__copy{grid-column:1}
.synai-connect-hero-network{position:absolute;inset:-10% -4% -12% 30%;overflow:hidden;pointer-events:none;opacity:.82;z-index:-1;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 15%,#000 42%,#000 100%)}
.synai-connect-hero-network svg{display:block;width:100%;height:100%}
.synai-connect-hero-network__lines path{fill:none;stroke:url(#synaiConnectLine);stroke-width:1.25;stroke-linecap:round;animation:synaiConnectIntegratedLine 7s ease-in-out infinite alternate}
.synai-connect-hero-network__lines path:nth-child(2n){animation-delay:-2.5s}.synai-connect-hero-network__lines path:nth-child(3n){animation-delay:-4.5s}
.synai-connect-hero-network__nodes .halo{fill:url(#synaiConnectNode);animation:synaiConnectIntegratedNode 5.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.synai-connect-hero-network__nodes .halo.main{animation-duration:6.8s}
.synai-connect-hero-network__nodes .core,.synai-connect-hero-network__packets circle{fill:#76ddf6;filter:drop-shadow(0 0 5px rgba(65,200,235,.48))}
.synai-connect-hero-network__packets circle{opacity:.72}
@keyframes synaiConnectIntegratedLine{0%{opacity:.26}100%{opacity:.7}}
@keyframes synaiConnectIntegratedNode{0%,100%{transform:scale(.82);opacity:.42}50%{transform:scale(1.08);opacity:.72}}
@media(max-width:980px){.synai-bu-page--essential .synai-bu-hero--compact:has(.synai-connect-hero-network) .synai-bu-hero__grid{grid-template-columns:1fr;min-height:560px}.synai-connect-hero-network{inset:22% -35% -18% 8%;opacity:.52;mask-image:linear-gradient(180deg,transparent 0%,#000 25%,#000 100%)}}
@media(max-width:620px){.synai-connect-hero-network{inset:30% -70% -18% -8%;opacity:.42}.synai-bu-page--essential .synai-bu-hero--compact:has(.synai-connect-hero-network) .synai-bu-hero__grid{min-height:590px}}
@media(prefers-reduced-motion:reduce){.synai-connect-hero-network__lines path,.synai-connect-hero-network__nodes .halo{animation:none!important}.synai-connect-hero-network__packets{display:none}}

/* 3.2.9 — INFRA architectural hero, SVG rendering fix. */
.synai-bu-page--essential .synai-bu-hero--infra{
  position:relative;min-height:560px;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 68% 44%,rgba(68,139,206,.23),transparent 30%),linear-gradient(118deg,#031326 0%,#061c36 48%,#0b294c 100%);
}
.synai-bu-page--essential .synai-bu-hero--infra:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,14,29,.98) 0%,rgba(2,14,29,.83) 32%,rgba(2,14,29,.18) 61%,transparent 100%);
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__grid{
  position:relative;z-index:3;grid-template-columns:minmax(0,.72fr) minmax(440px,1.28fr);min-height:560px;align-items:center;
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy{grid-column:1;max-width:620px;position:relative;z-index:4}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h1{font-size:clamp(4rem,8vw,7.4rem);line-height:.86;letter-spacing:-.07em;margin-bottom:1.5rem}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__subtitle{max-width:520px;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.62;color:rgba(231,242,255,.88)}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h2{display:none}
.synai-infra-hero-architecture{position:absolute;z-index:1;inset:-5% -4% -8% 31%;pointer-events:none;overflow:hidden}
.synai-infra-hero-architecture svg{display:block;width:100%;height:100%;min-height:620px;overflow:visible}
.synai-infra-svg-lights{animation:synaiInfraSvgLight 7s ease-in-out infinite}
@keyframes synaiInfraSvgLight{0%,100%{opacity:.35}50%{opacity:.9}}
@media(max-width:980px){
 .synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__grid{grid-template-columns:1fr;min-height:650px;align-items:start;padding-top:5rem}
 .synai-bu-page--essential .synai-bu-hero--infra:before{background:linear-gradient(180deg,rgba(2,14,29,.96) 0%,rgba(2,14,29,.72) 44%,rgba(2,14,29,.1) 72%,transparent 100%)}
 .synai-infra-hero-architecture{inset:25% -28% -7% -2%;opacity:.82}
}
@media(max-width:620px){
 .synai-bu-page--essential .synai-bu-hero--infra{min-height:680px}
 .synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h1{font-size:clamp(3.6rem,18vw,5.2rem)}
 .synai-infra-hero-architecture{inset:38% -70% -8% -20%;opacity:.7}
}
@media(prefers-reduced-motion:reduce){.synai-infra-svg-lights{animation:none!important}}

/* 3.3.0 — INFRA: original editorial hierarchy + abstract IT infrastructure. */
.synai-bu-page--essential .synai-bu-hero--infra{
  min-height:560px;
  background:radial-gradient(circle at 70% 46%,rgba(55,128,190,.22),transparent 33%),linear-gradient(118deg,#031326 0%,#061c36 48%,#0a294c 100%);
}
.synai-bu-page--essential .synai-bu-hero--infra:before{
  background:linear-gradient(90deg,rgba(2,14,29,.99) 0%,rgba(2,14,29,.91) 30%,rgba(2,14,29,.42) 49%,rgba(2,14,29,.08) 72%,transparent 100%);
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__grid{
  grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);min-height:560px;
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy{max-width:720px;padding-block:28px}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h1{
  font-size:clamp(4.5rem,7.1vw,7rem);line-height:.88;letter-spacing:-.065em;margin:0 0 1.45rem;
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__subtitle{
  max-width:700px;margin:0 0 1.55rem;font-size:clamp(1.05rem,1.55vw,1.42rem);line-height:1.55;color:rgba(226,238,251,.86);
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h2{
  display:block;max-width:650px;margin:0 0 2.1rem;font-size:clamp(2rem,3.3vw,3.45rem);line-height:1.04;letter-spacing:-.045em;color:#fff;
}
.synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__actions{display:flex;gap:1.05rem;align-items:center;flex-wrap:wrap}
.synai-infra-hero-architecture{inset:-4% -7% -9% 32%;opacity:.96}
.synai-infra-rack-slots{animation:synaiInfraRackBreath 8s ease-in-out infinite}
.synai-infra-status circle{animation:synaiInfraStatus 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.synai-infra-status circle:nth-child(2n){animation-delay:-1.7s}.synai-infra-status circle:nth-child(3n){animation-delay:-3.1s}
.synai-infra-data-pulse{stroke-dasharray:80 760;stroke-dashoffset:840;opacity:.52;animation:synaiInfraDataPulse 9s linear infinite}
@keyframes synaiInfraRackBreath{0%,100%{opacity:.48}50%{opacity:.86}}
@keyframes synaiInfraStatus{0%,100%{opacity:.24;transform:scale(.8)}50%{opacity:.82;transform:scale(1.18)}}
@keyframes synaiInfraDataPulse{0%{stroke-dashoffset:840;opacity:0}12%{opacity:.55}75%{opacity:.38}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:980px){
 .synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__grid{grid-template-columns:1fr;min-height:690px;padding-top:4.5rem}
 .synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy{max-width:680px}
 .synai-bu-page--essential .synai-bu-hero--infra:before{background:linear-gradient(180deg,rgba(2,14,29,.98) 0%,rgba(2,14,29,.84) 48%,rgba(2,14,29,.12) 76%,transparent 100%)}
 .synai-infra-hero-architecture{inset:31% -35% -10% -3%;opacity:.78}
}
@media(max-width:620px){
 .synai-bu-page--essential .synai-bu-hero--infra{min-height:720px}
 .synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h1{font-size:clamp(3.6rem,18vw,5.15rem)}
 .synai-bu-page--essential .synai-bu-hero--infra .synai-bu-hero__copy h2{font-size:clamp(1.75rem,8.5vw,2.45rem)}
 .synai-infra-hero-architecture{inset:42% -82% -9% -34%;opacity:.63}
}
@media(prefers-reduced-motion:reduce){.synai-infra-rack-slots,.synai-infra-status circle,.synai-infra-data-pulse{animation:none!important}}

/* 3.3.1 — CONNECT: premium abstract connectivity infrastructure. */
.synai-bu-page--essential .synai-bu-hero--connect{
  position:relative;min-height:560px;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 70% 46%,rgba(25,151,198,.22),transparent 34%),linear-gradient(118deg,#021326 0%,#05213d 48%,#083558 100%);
}
.synai-bu-page--essential .synai-bu-hero--connect:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,14,29,.99) 0%,rgba(2,14,29,.91) 30%,rgba(2,14,29,.42) 49%,rgba(2,14,29,.08) 72%,transparent 100%);
}
.synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__grid{
  position:relative;z-index:3;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);min-height:560px;align-items:center;
}
.synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__copy{grid-column:1;max-width:720px;padding-block:28px;position:relative;z-index:4}
.synai-bu-page--essential .synai-bu-hero--connect .synai-eyebrow{display:none}
.synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__copy h1{
  font-size:clamp(4.5rem,7.1vw,7rem);line-height:.88;letter-spacing:-.065em;margin:0 0 1.45rem;
}
.synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__subtitle{
  max-width:700px;margin:0 0 1.55rem;font-size:clamp(1.05rem,1.55vw,1.42rem);line-height:1.55;color:rgba(226,242,250,.86);
}
.synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__copy h2{
  display:block;max-width:650px;margin:0 0 2.1rem;font-size:clamp(2rem,3.3vw,3.45rem);line-height:1.04;letter-spacing:-.045em;color:#fff;
}
.synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__actions{display:flex;gap:1.05rem;align-items:center;flex-wrap:wrap}
.synai-connect-hero-architecture{position:absolute;z-index:1;inset:-4% -7% -9% 32%;pointer-events:none;overflow:hidden;opacity:.96}
.synai-connect-hero-architecture svg{display:block;width:100%;height:100%;min-height:620px;overflow:visible}
.synai-connect-channels{animation:synaiConnectChannelBreath 8s ease-in-out infinite}
.synai-connect-gateways{animation:synaiConnectGatewayBreath 7.5s ease-in-out infinite}
.synai-connect-svg-lights{animation:synaiConnectLight 7s ease-in-out infinite}
.synai-connect-data-pulse{stroke-dasharray:90 820;stroke-dashoffset:910;opacity:.55;animation:synaiConnectDataPulse 9s linear infinite}
@keyframes synaiConnectChannelBreath{0%,100%{opacity:.46}50%{opacity:.86}}
@keyframes synaiConnectGatewayBreath{0%,100%{opacity:.42}50%{opacity:.76}}
@keyframes synaiConnectLight{0%,100%{opacity:.34}50%{opacity:.88}}
@keyframes synaiConnectDataPulse{0%{stroke-dashoffset:910;opacity:0}12%{opacity:.58}76%{opacity:.4}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:980px){
 .synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__grid{grid-template-columns:1fr;min-height:690px;padding-top:4.5rem}
 .synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__copy{max-width:680px}
 .synai-bu-page--essential .synai-bu-hero--connect:before{background:linear-gradient(180deg,rgba(2,14,29,.98) 0%,rgba(2,14,29,.84) 48%,rgba(2,14,29,.12) 76%,transparent 100%)}
 .synai-connect-hero-architecture{inset:31% -35% -10% -3%;opacity:.78}
}
@media(max-width:620px){
 .synai-bu-page--essential .synai-bu-hero--connect{min-height:720px}
 .synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__copy h1{font-size:clamp(3.6rem,18vw,5.15rem)}
 .synai-bu-page--essential .synai-bu-hero--connect .synai-bu-hero__copy h2{font-size:clamp(1.75rem,8.5vw,2.45rem)}
 .synai-connect-hero-architecture{inset:42% -82% -9% -34%;opacity:.63}
}
@media(prefers-reduced-motion:reduce){.synai-connect-channels,.synai-connect-gateways,.synai-connect-svg-lights,.synai-connect-data-pulse{animation:none!important}}

/* 3.3.2 — SECURE: protected core and layered cyber defence. */
.synai-bu-page--essential .synai-bu-hero--connect .synai-eyebrow,
.synai-bu-page--essential .synai-bu-hero--infra .synai-eyebrow,
.synai-bu-page--essential .synai-bu-hero--secure .synai-eyebrow{display:block;margin-bottom:1.1rem;color:rgba(172,231,245,.82);letter-spacing:.16em}
.synai-bu-page--essential .synai-bu-hero--secure{
  position:relative;min-height:560px;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 72% 46%,rgba(15,177,200,.18),transparent 34%),linear-gradient(118deg,#020d19 0%,#031a2a 48%,#073d4c 100%);
}
.synai-bu-page--essential .synai-bu-hero--secure:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(1,10,19,.99) 0%,rgba(1,10,19,.92) 30%,rgba(1,10,19,.44) 50%,rgba(1,10,19,.08) 72%,transparent 100%);
}
.synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__grid{
  position:relative;z-index:3;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);min-height:560px;align-items:center;
}
.synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__copy{grid-column:1;max-width:720px;padding-block:28px;position:relative;z-index:4}
.synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__copy h1{font-size:clamp(4.5rem,7.1vw,7rem);line-height:.88;letter-spacing:-.065em;margin:0 0 1.45rem}
.synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__subtitle{max-width:700px;margin:0 0 1.55rem;font-size:clamp(1.05rem,1.55vw,1.42rem);line-height:1.55;color:rgba(223,244,248,.86)}
.synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__copy h2{display:block;max-width:650px;margin:0 0 2.1rem;font-size:clamp(2rem,3.3vw,3.45rem);line-height:1.04;letter-spacing:-.045em;color:#fff}
.synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__actions{display:flex;gap:1.05rem;align-items:center;flex-wrap:wrap}
.synai-secure-hero-architecture{position:absolute;z-index:1;inset:-4% -7% -9% 32%;pointer-events:none;overflow:hidden;opacity:.96}
.synai-secure-hero-architecture svg{display:block;width:100%;height:100%;min-height:620px;overflow:visible}
.synai-secure-perimeters{animation:synaiSecurePerimeter 8s ease-in-out infinite}
.synai-secure-svg-lights{animation:synaiSecureLight 7s ease-in-out infinite}
.synai-secure-scan{stroke-dasharray:80 760;stroke-dashoffset:840;opacity:.5;animation:synaiSecureScan 8.5s linear infinite}
@keyframes synaiSecurePerimeter{0%,100%{opacity:.42}50%{opacity:.82}}
@keyframes synaiSecureLight{0%,100%{opacity:.32}50%{opacity:.9}}
@keyframes synaiSecureScan{0%{transform:translateY(-120px);opacity:0}15%{opacity:.55}70%{opacity:.35}100%{transform:translateY(185px);opacity:0}}
@media(max-width:980px){
 .synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__grid{grid-template-columns:1fr;min-height:690px;padding-top:4.5rem}
 .synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__copy{max-width:680px}
 .synai-bu-page--essential .synai-bu-hero--secure:before{background:linear-gradient(180deg,rgba(1,10,19,.98) 0%,rgba(1,10,19,.84) 48%,rgba(1,10,19,.12) 76%,transparent 100%)}
 .synai-secure-hero-architecture{inset:31% -35% -10% -3%;opacity:.78}
}
@media(max-width:620px){
 .synai-bu-page--essential .synai-bu-hero--secure{min-height:720px}
 .synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__copy h1{font-size:clamp(3.6rem,18vw,5.15rem)}
 .synai-bu-page--essential .synai-bu-hero--secure .synai-bu-hero__copy h2{font-size:clamp(1.75rem,8.5vw,2.45rem)}
 .synai-secure-hero-architecture{inset:42% -82% -9% -34%;opacity:.63}
}
@media(prefers-reduced-motion:reduce){.synai-secure-perimeters,.synai-secure-svg-lights,.synai-secure-scan{animation:none!important}}


/* 3.3.3 — WORK, GROW, AI and MANAGED Business Units. */
.synai-bu-page--essential .synai-bu-hero--work,.synai-bu-page--essential .synai-bu-hero--grow,.synai-bu-page--essential .synai-bu-hero--ai,.synai-bu-page--essential .synai-bu-hero--managed{position:relative;min-height:560px;overflow:hidden;color:#fff}
.synai-bu-page--essential .synai-bu-hero--work{background:radial-gradient(circle at 75% 42%,rgba(54,174,226,.2),transparent 36%),linear-gradient(118deg,#031426 0%,#082a46 52%,#0b5575 100%)}
.synai-bu-page--essential .synai-bu-hero--grow{background:radial-gradient(circle at 76% 35%,rgba(30,117,255,.25),transparent 38%),linear-gradient(118deg,#031226 0%,#082b62 50%,#0b56b2 100%)}
.synai-bu-page--essential .synai-bu-hero--ai{background:radial-gradient(circle at 74% 44%,rgba(52,214,230,.23),transparent 38%),linear-gradient(118deg,#021323 0%,#062f4a 50%,#0b6076 100%)}
.synai-bu-page--essential .synai-bu-hero--managed{background:radial-gradient(circle at 74% 44%,rgba(128,151,174,.17),transparent 38%),linear-gradient(118deg,#07111d 0%,#17283a 52%,#30475d 100%)}
.synai-bu-page--essential .synai-bu-hero--work:before,.synai-bu-page--essential .synai-bu-hero--grow:before,.synai-bu-page--essential .synai-bu-hero--ai:before,.synai-bu-page--essential .synai-bu-hero--managed:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,13,25,.99) 0%,rgba(2,13,25,.91) 31%,rgba(2,13,25,.43) 51%,rgba(2,13,25,.08) 72%,transparent 100%)}
.synai-bu-page--essential .synai-bu-hero--work .synai-bu-hero__grid,.synai-bu-page--essential .synai-bu-hero--grow .synai-bu-hero__grid,.synai-bu-page--essential .synai-bu-hero--ai .synai-bu-hero__grid,.synai-bu-page--essential .synai-bu-hero--managed .synai-bu-hero__grid{position:relative;z-index:3;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);min-height:560px;align-items:center}
.synai-bu-page--essential .synai-bu-hero--work .synai-bu-hero__copy,.synai-bu-page--essential .synai-bu-hero--grow .synai-bu-hero__copy,.synai-bu-page--essential .synai-bu-hero--ai .synai-bu-hero__copy,.synai-bu-page--essential .synai-bu-hero--managed .synai-bu-hero__copy{grid-column:1;max-width:720px;padding-block:28px;position:relative;z-index:4}
.synai-bu-page--essential .synai-bu-hero--work .synai-eyebrow,.synai-bu-page--essential .synai-bu-hero--grow .synai-eyebrow,.synai-bu-page--essential .synai-bu-hero--ai .synai-eyebrow,.synai-bu-page--essential .synai-bu-hero--managed .synai-eyebrow{display:block;margin-bottom:1.1rem;color:rgba(190,236,247,.82);letter-spacing:.16em}
.synai-bu-page--essential .synai-bu-hero--work h1,.synai-bu-page--essential .synai-bu-hero--grow h1,.synai-bu-page--essential .synai-bu-hero--ai h1,.synai-bu-page--essential .synai-bu-hero--managed h1{font-size:clamp(4.5rem,7.1vw,7rem);line-height:.88;letter-spacing:-.065em;margin:0 0 1.45rem}
.synai-bu-page--essential .synai-bu-hero--work .synai-bu-hero__subtitle,.synai-bu-page--essential .synai-bu-hero--grow .synai-bu-hero__subtitle,.synai-bu-page--essential .synai-bu-hero--ai .synai-bu-hero__subtitle,.synai-bu-page--essential .synai-bu-hero--managed .synai-bu-hero__subtitle{max-width:700px;margin:0 0 1.55rem;font-size:clamp(1.05rem,1.55vw,1.42rem);line-height:1.55;color:rgba(226,244,249,.86)}
.synai-bu-page--essential .synai-bu-hero--work h2,.synai-bu-page--essential .synai-bu-hero--grow h2,.synai-bu-page--essential .synai-bu-hero--ai h2,.synai-bu-page--essential .synai-bu-hero--managed h2{display:block;max-width:650px;margin:0 0 2.1rem;font-size:clamp(2rem,3.3vw,3.45rem);line-height:1.04;letter-spacing:-.045em;color:#fff}
.synai-new-bu-architecture{position:absolute;z-index:1;inset:-4% -7% -9% 32%;pointer-events:none;overflow:hidden;opacity:.95}
.synai-new-bu-architecture svg{display:block;width:100%;height:100%;min-height:620px;overflow:visible}
.synai-work-hero-architecture{color:#299dcb}.synai-grow-hero-architecture{color:#176fea}.synai-ai-hero-architecture{color:#2fc5d8}.synai-managed-hero-architecture{color:#71869a}
.synai-new-bu-pulse{stroke-dasharray:95 720;stroke-dashoffset:815;animation:synaiNewBuPulse 9s linear infinite}
@keyframes synaiNewBuPulse{to{stroke-dashoffset:-815}}
@media(max-width:980px){.synai-bu-page--essential .synai-bu-hero--work .synai-bu-hero__grid,.synai-bu-page--essential .synai-bu-hero--grow .synai-bu-hero__grid,.synai-bu-page--essential .synai-bu-hero--ai .synai-bu-hero__grid,.synai-bu-page--essential .synai-bu-hero--managed .synai-bu-hero__grid{grid-template-columns:1fr;min-height:690px;padding-top:4.5rem}.synai-new-bu-architecture{inset:31% -35% -10% -3%;opacity:.76}}
@media(max-width:620px){.synai-bu-page--essential .synai-bu-hero--work,.synai-bu-page--essential .synai-bu-hero--grow,.synai-bu-page--essential .synai-bu-hero--ai,.synai-bu-page--essential .synai-bu-hero--managed{min-height:720px}.synai-bu-page--essential .synai-bu-hero--work h1,.synai-bu-page--essential .synai-bu-hero--grow h1,.synai-bu-page--essential .synai-bu-hero--ai h1,.synai-bu-page--essential .synai-bu-hero--managed h1{font-size:clamp(3.45rem,17vw,5.05rem)}.synai-bu-page--essential .synai-bu-hero--work h2,.synai-bu-page--essential .synai-bu-hero--grow h2,.synai-bu-page--essential .synai-bu-hero--ai h2,.synai-bu-page--essential .synai-bu-hero--managed h2{font-size:clamp(1.72rem,8.5vw,2.4rem)}.synai-new-bu-architecture{inset:42% -82% -9% -34%;opacity:.61}}
@media(prefers-reduced-motion:reduce){.synai-new-bu-pulse{animation:none!important}}


/* 3.3.8 — Premium Business Unit interactions and ecosystem navigation */
.synai-bu-page--essential .synai-bu-overview__grid,
.synai-bu-page--essential .synai-section-heading,
.synai-bu-page--essential .synai-bu-service-card,
.synai-bu-page--essential .synai-bu-benefit-cards article,
.synai-bu-page--essential .synai-bu-case__grid{
  animation:synai-bu-rise .65s cubic-bezier(.2,.75,.25,1) both;
}
.synai-bu-page--essential .synai-bu-service-card:nth-child(2),
.synai-bu-page--essential .synai-bu-benefit-cards article:nth-child(2){animation-delay:.06s}
.synai-bu-page--essential .synai-bu-service-card:nth-child(3),
.synai-bu-page--essential .synai-bu-benefit-cards article:nth-child(3){animation-delay:.12s}
.synai-bu-page--essential .synai-bu-service-card:nth-child(4),
.synai-bu-page--essential .synai-bu-benefit-cards article:nth-child(4){animation-delay:.18s}
@keyframes synai-bu-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.synai-bu-page--essential .synai-bu-service-card,
.synai-bu-page--essential .synai-bu-benefit-cards article{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.synai-bu-page--essential .synai-bu-service-card:hover,
.synai-bu-page--essential .synai-bu-benefit-cards article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--bu-accent) 46%,#dbe5f0);box-shadow:0 22px 52px color-mix(in srgb,var(--bu-accent) 10%,transparent)}
.synai-bu-ecosystem-nav{padding:clamp(54px,7vw,88px) 0;background:#f5f8fc;border-top:1px solid #e2eaf3}
.synai-bu-ecosystem-nav__head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.synai-bu-ecosystem-nav__head h2{margin:.35rem 0 0;font-size:clamp(1.8rem,3vw,2.8rem);color:#071a38}
.synai-bu-ecosystem-nav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.synai-bu-next-card{--nav-accent:#1689e8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:108px;padding:1.25rem 1.35rem;border:1px solid #dce6f0;border-radius:18px;background:#fff;color:#071a38;text-decoration:none;box-shadow:0 10px 30px rgba(7,26,56,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.synai-bu-next-card:hover,.synai-bu-next-card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--nav-accent) 54%,white);box-shadow:0 18px 42px color-mix(in srgb,var(--nav-accent) 11%,transparent);outline:none}
.synai-bu-next-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 9%,white);border:1px solid color-mix(in srgb,var(--nav-accent) 25%,white)}
.synai-bu-next-card__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.synai-bu-next-card small{display:block;margin-bottom:.18rem;color:#65758a;font-size:.73rem;text-transform:uppercase;letter-spacing:.11em;font-weight:750}
.synai-bu-next-card strong{display:block;font-size:1.08rem;letter-spacing:.02em}
.synai-bu-next-card__arrow{font-size:1.25rem;color:var(--nav-accent);transition:transform .2s ease}
.synai-bu-next-card:hover .synai-bu-next-card__arrow{transform:translateX(4px)}
@media(max-width:760px){.synai-bu-ecosystem-nav__head{display:block}.synai-bu-ecosystem-nav__grid{grid-template-columns:1fr}.synai-bu-next-card{min-height:92px}}
@media(prefers-reduced-motion:reduce){.synai-bu-page--essential *{animation:none!important;transition-duration:.01ms!important}}