/*
 Tamiyouz Homepage — Theme Parity V20
 Intent:
 LIGHT: warm ivory/white editorial services with ink-blue type and gold detailing.
 DARK: preserve premium midnight services; resolve dark text/light surface mismatch in About.
 Pure CSS, scoped to the homepage. No data, menu, or theme-state changes.
*/

/* Contrast-safe theme handoff: each theme gets an intentional visual identity. */
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature{
 --svc20-paper:#faf6ed;
 background:
  radial-gradient(ellipse 43% 38% at 3% 11%,rgba(199,158,96,.17),transparent 79%),
  radial-gradient(ellipse 43% 56% at 102% 76%,rgba(55,105,127,.075),transparent 76%),
  linear-gradient(145deg,#f5f0e7 0%,#fffdf8 51%,#f2e9dc 100%)!important;
 border-top-color:rgba(149,108,55,.20)!important;
 border-bottom-color:rgba(149,108,55,.24)!important;
 color:#1b384a!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature::before{
 background-image:
 linear-gradient(rgba(93,107,112,.032) 1px,transparent 1px),
 linear-gradient(90deg,rgba(93,107,112,.032) 1px,transparent 1px)!important;
 opacity:.62!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature::after{
 background:linear-gradient(90deg,transparent,rgba(174,121,53,.48),transparent)!important;
 box-shadow:0 0 22px rgba(167,114,50,.16)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__ambient{
 background:radial-gradient(circle at 85% 19%,rgba(216,163,89,.07),transparent 29%)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-eyebrow{
 color:#895c27!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__eyebrow-mark{
 background:#b18446!important;box-shadow:0 0 12px rgba(187,131,55,.17)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__eyebrow-en{
 color:#677c86!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2{
 color:#173549!important;text-shadow:none!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2 em{
 color:#a16d32!important;-webkit-text-fill-color:#a16d32!important;text-shadow:none!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head>p{
 color:#526b7b!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise{
 border-color:rgba(113,95,77,.19)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise>span{
 color:#173b51!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise small{
 color:#607785!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise i{
 background:linear-gradient(transparent,#b58b50,transparent)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz5-section-number{
 color:#76562f!important;border-bottom-color:rgba(118,92,61,.26)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 background:linear-gradient(141deg,#ffffff,#f9f5ec 100%)!important;
 border-color:rgba(77,100,113,.20)!important;
 box-shadow:0 12px 30px rgba(42,56,59,.07),inset 0 1px rgba(255,255,255,.99)!important;
 color:#1a384c!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(1){
 background:linear-gradient(132deg,#f4ead7 0%,#fffaf1 60%,#f7f2e9 100%)!important;
 border-color:rgba(167,123,65,.36)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(2){
 background:linear-gradient(132deg,#eaf2f2 0%,#fffefa 64%,#eef1eb 100%)!important;
 border-color:rgba(90,133,151,.34)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service::before{
 background:radial-gradient(circle at 0 0,rgba(191,142,72,.11),transparent 53%)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service::after{
 background:linear-gradient(90deg,transparent,rgba(166,124,69,.32),transparent)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service>span{
 color:#956e38!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{
 color:#99672d!important;background:linear-gradient(140deg,#f7ebd7,#fff9ec)!important;
 border-color:rgba(166,118,53,.26)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.85)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon svg{
 color:#99672d!important;stroke:#99672d!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service h3{
 color:#17374c!important;text-shadow:none!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service p{
 color:#516b7a!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service a{
 color:#795326!important;background:#f5ebdd!important;
 border-color:rgba(145,108,61,.37)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service a:is(:hover,:focus-visible){
 color:#fff8e9!important;background:#15374c!important;border-color:#15374c!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:hover{
 border-color:rgba(177,123,55,.55)!important;
 box-shadow:0 19px 35px rgba(40,58,68,.12),inset 0 1px #fff!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom{
 background:linear-gradient(98deg,#ede2cd,#f9f4e8 58%,#e9ece8)!important;
 color:#435a66!important;border-color:rgba(126,99,66,.31)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.79)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom>span{
 color:#4b6471!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom>a{
 color:#fff9ed!important;background:#16384e!important;border-color:#16384e!important;
 box-shadow:0 9px 19px rgba(32,54,65,.16)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom>a:hover{
 color:#172f3e!important;background:#f0c889!important;border-color:#f0c889!important;
}
/* The illustrated ecosystem diagram is a deliberate navy inset in both modes:
   in light mode, it looks like a contrasting digital display. */
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
 border-color:rgba(172,131,70,.42)!important;
 box-shadow:0 23px 45px rgba(29,56,70,.16),0 0 0 6px rgba(222,189,139,.13),inset 0 1px rgba(253,225,172,.16)!important;
}

/* Dark mode needs dark About surfaces because its titles/copy are light. */
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about{
 background:
 radial-gradient(ellipse at 3% 30%,rgba(34,81,106,.25),transparent 56%),
 linear-gradient(130deg,#0c2031 0%,#102c41 53%,#091b2c 100%)!important;
 color:#f4ecde!important;border-color:rgba(225,184,124,.19)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__copy h2{
 color:#fff4e6!important;text-shadow:none!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__copy h2 em{
 color:#eac18a!important;-webkit-text-fill-color:#eac18a!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__copy>p,
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__points small{
 color:#c2d3dd!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__points b{
 color:#f7ebdb!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__points>div{
 border-color:rgba(231,198,149,.24)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__cta{
 color:#f1d4a5!important;background:rgba(225,181,109,.08)!important;
 border-color:rgba(225,181,109,.47)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 .tyz-about__cta:hover{
 color:#142a3a!important;background:#eccb94!important;
}
/* Consistent browser form/scrollbar color semantics for native controls. */
html[data-tyz-theme="dark"] body #tyz-home-v21{color-scheme:dark}
html[data-tyz-theme="light"] body #tyz-home-v21{color-scheme:light}
@media(prefers-reduced-motion:reduce){
 html[data-tyz-theme] body #tyz-home-v21 #services.tyz-services--signature .tyz-service,
 html[data-tyz-theme] body #tyz-home-v21 #services.tyz-services--signature .tyz-service::before{
 transition:none!important;
 }
}

/* About's late-initialized editorial classes carry stronger historical selectors.
   These rules intentionally win only in dark mode, after those classes are added. */
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about{
 background:
  radial-gradient(ellipse at 3% 30%,rgba(34,81,106,.25),transparent 56%),
  linear-gradient(130deg,#0c2031 0%,#102c41 53%,#091b2c 100%)!important;
 color:#f4ecde!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz-about__copy h2,
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz-about__copy h2.tyz-luxe-title{
 color:#fff4e6!important;-webkit-text-fill-color:#fff4e6!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz-about__copy h2 em{
 color:#eac18a!important;-webkit-text-fill-color:#eac18a!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz-about__copy>p,
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz-about__points small{
 color:#c2d3dd!important;-webkit-text-fill-color:#c2d3dd!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz-about__points b{
 color:#f7ebdb!important;
}

/* Dark About: the dynamically rendered feature cards should match the page,
   rather than remain bright white panels against midnight paper. */
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz19-feature-grid .tyz19-feature{
 background:linear-gradient(145deg,#1b384b 0%,#10283d 100%)!important;
 border:1px solid rgba(225,181,109,.26)!important;
 color:#f1e6d4!important;
 box-shadow:0 15px 30px rgba(1,9,20,.18),inset 0 1px rgba(255,255,255,.055)!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz19-feature-grid .tyz19-feature h3{
 color:#fff1df!important;-webkit-text-fill-color:#fff1df!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz19-feature-grid .tyz19-feature p{
 color:#c0d3df!important;-webkit-text-fill-color:#c0d3df!important;
}
html[data-tyz-theme="dark"] body.home #tyz-home-v21 #about.tyz-about .tyz19-feature-grid .tyz19-feature-icon{
 background:linear-gradient(140deg,rgba(225,178,107,.19),rgba(203,149,74,.085))!important;
 border-color:rgba(224,177,106,.32)!important;color:#edc28c!important;
}