/*
  Tamiyouz / Connected Services — Editorial Refinement V22
  Local to #services on the current native homepage. Preserves content and routing.
  Progressive orbit spotlight uses :has(); the unenhanced diagram remains fully usable.
*/
html body #tyz-home-v21 #services.tyz-services--signature{
 --svc22-gold:#e8bc7c;--svc22-navy:#0d2b41;--svc22-cream:#fbf1df;
 --svc22-quiet:#bfced5;--svc22-line:rgba(221,185,131,.23);
 padding-block:clamp(85px,8vw,130px) clamp(84px,7vw,112px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature::before{
 opacity:.43!important;
 background-size:94px 94px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature>.tyz-shell{
 max-width:1350px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__masthead{
 gap:clamp(34px,5.5vw,86px)!important;
 margin-bottom:clamp(26px,3vw,43px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2{
 font-size:clamp(50px,5.1vw,79px)!important;
 font-weight:900!important;
 letter-spacing:-.028em!important;
 line-height:1.25!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2 em{
 margin-top:clamp(1px,.3vw,5px)!important;
 padding-bottom:clamp(10px,1.3vw,16px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2 em::after{
 width:52%!important;height:2px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head>p{
 font-size:clamp(15px,1.09vw,17px)!important;
 max-width:510px!important;letter-spacing:0!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise{
 position:relative;
 border-radius:14px!important;
 box-shadow:0 10px 30px rgba(0,12,22,.06),inset 0 1px rgba(255,255,255,.06)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise>span{
 letter-spacing:-.03em!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
 border-radius:27px!important;
 overflow:hidden!important;
 min-height:375px;
 box-shadow:0 28px 65px rgba(0,11,22,.22),0 0 0 7px rgba(230,183,107,.045),inset 0 1px rgba(249,219,159,.17)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual::before{
 inset:14px!important;border-radius:18px!important;
 background:
   linear-gradient(90deg,rgba(216,178,122,.12),transparent 20%) top left/100% 1px no-repeat,
   linear-gradient(180deg,rgba(216,178,122,.12),transparent 20%) top left/1px 100% no-repeat;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbits{
 width:min(90%,370px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit-core{
 border:1px solid rgba(242,199,126,.8)!important;
 box-shadow:0 0 0 10px rgba(235,178,104,.065),0 0 0 20px rgba(226,175,100,.025),0 17px 32px rgba(0,7,14,.3),inset 0 1px rgba(255,247,227,.17)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual-head{
 letter-spacing:.10em!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit-node{
 border-radius:13px!important;
 background:linear-gradient(150deg,#22435a,#0b293c)!important;
 box-shadow:0 10px 20px rgba(0,7,16,.22),inset 0 1px rgba(255,252,243,.13)!important;
 transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
/* Scannable "what connects with what" narrative, not decorative noise. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey{
 border-radius:15px!important;
 box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 28px rgba(0,16,30,.05)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-step{
 font-weight:800!important;
}
/* Capability grid: a featured pair with four equal-depth specialist cards. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service-grid{
 gap:clamp(14px,1.5vw,21px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 --svc22-accent:#d7ae71;
 min-height:325px!important;
 padding:clamp(25px,2.1vw,33px)!important;
 border-radius:23px!important;
 background:linear-gradient(155deg,#19384d,#0d293c)!important;
 border:1px solid rgba(211,187,150,.24)!important;
 box-shadow:0 12px 28px rgba(0,10,19,.11),inset 0 1px rgba(255,255,255,.075)!important;
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
 contain:layout style;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(1){
 --svc22-accent:#e8ba75;
 min-height:355px!important;
 background:radial-gradient(ellipse at 7% 9%,rgba(237,185,112,.20),transparent 57%),linear-gradient(130deg,#254b60,#0d2b3d 80%)!important;
 border-color:rgba(239,200,130,.43)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(2){
 --svc22-accent:#a8d0d9;
 min-height:355px!important;
 background:radial-gradient(ellipse at 4% 5%,rgba(97,158,174,.17),transparent 62%),linear-gradient(120deg,#293e51,#0e2b3c 85%)!important;
 border-color:rgba(151,194,202,.36)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(3){--svc22-accent:#a5c9ce}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(4){--svc22-accent:#e7be7b}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(5){--svc22-accent:#bbd3cc}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(6){--svc22-accent:#d2c0a7}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service::before{
 content:attr(data-tyz-service)!important;
 position:absolute!important;inset:0!important;pointer-events:none!important;
 display:flex!important;align-items:flex-end;justify-content:flex-end;
 padding:0 20px!important;
 font:900 clamp(82px,9vw,132px)/.92 Arial,sans-serif!important;
 letter-spacing:-.08em!important;
 color:rgba(246,240,223,.055)!important;
 background:radial-gradient(ellipse 60% 56% at 0 0,color-mix(in srgb,var(--svc22-accent) 9%,transparent),transparent 78%)!important;
 opacity:1!important;z-index:-1;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service::after{
 background:linear-gradient(90deg,transparent,var(--svc22-accent),transparent)!important;
 opacity:.46!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service>span{
 top:clamp(20px,2vw,30px)!important;left:clamp(23px,2.1vw,33px)!important;
 color:var(--svc22-accent)!important;font-size:13px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{
 color:var(--svc22-accent)!important;
 border-color:color-mix(in srgb,var(--svc22-accent) 40%,transparent)!important;
 background:linear-gradient(135deg,color-mix(in srgb,var(--svc22-accent) 18%,transparent),rgba(211,162,96,.035))!important;
 box-shadow:0 8px 21px rgba(0,10,22,.08),inset 0 1px rgba(255,241,212,.11)!important;
 width:59px!important;height:59px!important;
 border-radius:17px!important;margin-bottom:clamp(22px,2vw,29px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2) .tyz-service__icon{
 width:67px!important;height:67px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon svg{
 width:28px!important;height:28px!important;
 stroke:currentColor!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service h3{
 font-size:clamp(21px,1.67vw,26px)!important;line-height:1.45!important;
 margin-bottom:12px!important;max-width:95%!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2) h3{
 font-size:clamp(25px,2.2vw,33px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service p{
 margin-bottom:15px!important;
 font-size:clamp(13.5px,1vw,15px)!important;
 line-height:1.8!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service__topics{
 display:flex;flex-wrap:wrap;align-items:center;gap:7px;
 margin:0 0 21px!important;min-height:26px;direction:inherit;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service__topics span{
 display:inline-flex;align-items:center;max-width:100%;
 padding:5px 10px!important;border-radius:50px!important;
 border:1px solid color-mix(in srgb,var(--svc22-accent) 30%,transparent)!important;
 background:color-mix(in srgb,var(--svc22-accent) 10%,transparent)!important;
 color:#e6e9e5!important;
 font-size:11px!important;line-height:1.4!important;font-weight:700!important;
 white-space:normal!important;box-shadow:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service a{
 width:max-content!important;
 max-width:100%!important;
 padding:10px 14px!important;
 border-radius:10px!important;
 border-color:color-mix(in srgb,var(--svc22-accent) 45%,transparent)!important;
 color:#f2d6ae!important;
 background:rgba(232,181,107,.085)!important;
 font-size:12px!important;
 font-weight:800!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service a::before{
 content:"";position:absolute;inset:0;z-index:1;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:focus-within{
 outline:3px solid var(--svc22-accent)!important;outline-offset:4px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:focus-within a{
 text-decoration:underline!important;text-underline-offset:3px!important;
}
@media(hover:hover){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:hover{
  transform:translateY(-6px)!important;
  border-color:color-mix(in srgb,var(--svc22-accent) 70%,transparent)!important;
  box-shadow:0 26px 48px rgba(0,9,19,.22),inset 0 1px rgba(255,255,255,.11)!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:hover .tyz-service__icon{
  transform:translateY(-3px) scale(1.035)!important;
 }
}
/* One-to-one orbit emphasis: hover/focus each capability card, see its connected discipline light up. */
@supports selector(#services:has(.tyz-service:hover)){
 html body #tyz-home-v21 #services.tyz-services--signature:has(.tyz-service:nth-child(1):is(:hover,:focus-within)) .tyz-services__orbit-node--one,
 html body #tyz-home-v21 #services.tyz-services--signature:has(.tyz-service:nth-child(2):is(:hover,:focus-within)) .tyz-services__orbit-node--two,
 html body #tyz-home-v21 #services.tyz-services--signature:has(.tyz-service:nth-child(3):is(:hover,:focus-within)) .tyz-services__orbit-node--three,
 html body #tyz-home-v21 #services.tyz-services--signature:has(.tyz-service:nth-child(4):is(:hover,:focus-within)) .tyz-services__orbit-node--four,
 html body #tyz-home-v21 #services.tyz-services--signature:has(.tyz-service:nth-child(5):is(:hover,:focus-within)) .tyz-services__orbit-node--five,
 html body #tyz-home-v21 #services.tyz-services--signature:has(.tyz-service:nth-child(6):is(:hover,:focus-within)) .tyz-services__orbit-node--six{
  transform:translateY(-4px) scale(1.14)!important;
  color:#172c3b!important;
  background:linear-gradient(145deg,#f5d8a4,#d4a15f)!important;
  border-color:#ffe4b8!important;
  box-shadow:0 9px 26px rgba(213,164,93,.35),0 0 0 6px rgba(238,195,124,.13)!important;
 }
}
/* Small editorial footer keeps a calm close after six dense choices. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom{
 border-radius:17px!important;
 margin-top:clamp(22px,2.8vw,39px)!important;
}
/* Light-mode legibility wins over decorative overlays. */
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature{
 --svc22-gold:#a16e36;--svc22-quiet:#4c6877;
 background:linear-gradient(132deg,#faf7f0 0%,#fefdfa 46%,#f4f6f3 100%)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 background:linear-gradient(143deg,#fffefa,#f8faf8)!important;
 border-color:rgba(83,104,114,.21)!important;
 box-shadow:0 13px 29px rgba(44,61,70,.065),inset 0 1px #fff!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(1){
 background:radial-gradient(circle at 4% 8%,rgba(212,151,70,.17),transparent 55%),linear-gradient(137deg,#fff7e9,#fffdfa)!important;
 border-color:rgba(163,120,64,.34)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(2){
 background:radial-gradient(circle at 4% 8%,rgba(76,127,145,.15),transparent 54%),linear-gradient(135deg,#f0f7f6,#fffefa)!important;
 border-color:rgba(88,138,152,.32)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service::before{
 color:rgba(15,46,64,.045)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__topics span{
 color:#4d6570!important;
 background:rgba(197,167,112,.105)!important;
 border-color:rgba(137,106,61,.22)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service a{
 color:#805b32!important;background:rgba(185,143,83,.095)!important;
 border-color:rgba(166,123,66,.30)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service a:is(:hover,:focus-visible){
 color:#fffaf0!important;background:#173a51!important;border-color:#173a51!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 box-shadow:0 14px 32px rgba(0,5,14,.18),inset 0 1px rgba(255,255,255,.07)!important;
}
@media(max-width:1100px){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2){
  min-height:320px!important;
 }
}
@media(max-width:800px){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__masthead{
  gap:clamp(23px,4vw,34px)!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
  min-height:0!important;
 }
}
@media(max-width:600px){
 html body #tyz-home-v21 #services.tyz-services--signature{
  padding-block:72px 77px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2{
  font-size:clamp(37px,9.2vw,49px)!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
  height:304px!important;max-width:100%!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbits{
  width:min(82%,242px)!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2){
  padding:24px!important;
  min-height:290px!important;border-radius:18px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{
  width:54px!important;height:54px!important;margin-bottom:16px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2) .tyz-service__icon{
  width:57px!important;height:57px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service h3,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2) h3{
  font-size:clamp(22px,5.9vw,25px)!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service p{
  font-size:13.5px!important;margin-bottom:14px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service__topics{
  margin-bottom:18px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service__topics span{
  font-size:10.5px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit-node,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{
  transition:none!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:hover{
  transform:none!important;
 }
}