/* Tamiyouz Auto Phase 15 — homepage storytelling, process and conversion UX.
   Keeps actual sections, copy, forms, and links. No content hidden without JS. */
#tyz-home-v21 .tyz-process{
 position:relative;isolation:isolate;overflow:hidden;
 padding-block:clamp(91px,8vw,139px)!important;
 background:
 radial-gradient(ellipse at 11% 26%,rgba(206,151,72,.13),transparent 48%),
 linear-gradient(120deg,#fffdf8,#f5f2ea 53%,#faf9f5)!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process{
 background:
 radial-gradient(ellipse at 11% 23%,rgba(199,144,68,.13),transparent 48%),
 linear-gradient(120deg,#111d2c,#132137 54%,#0e1827)!important;
}
#tyz-home-v21 .tyz-process::before{
 content:"";pointer-events:none;position:absolute;top:-35%;inset-inline-end:-11%;
 width:clamp(400px,59vw,720px);aspect-ratio:1;border-radius:50%;
 border:1px solid rgba(169,126,65,.13);
 box-shadow:0 0 0 50px rgba(194,149,85,.024),0 0 0 115px rgba(194,149,85,.015);
}
#tyz-home-v21 .tyz-process .tyz-shell{position:relative;z-index:1}
#tyz-home-v21 .tyz-process__intro{
 max-width:1080px!important;margin-bottom:53px!important;
}
#tyz-home-v21 .tyz-process__intro h2{
 font-size:clamp(36px,4.85vw,72px)!important;
 line-height:1.32!important;letter-spacing:-.04em;
 text-wrap:balance;
}
#tyz-home-v21 .tyz-process__steps{
 --tyz-story-progress:0;
 position:relative;
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:clamp(12px,1.5vw,21px);
 border:0!important;
}
#tyz-home-v21 .tyz-process__steps::before{
 content:"";pointer-events:none;position:absolute;
 top:22px;inset-inline:25px;
 height:2px;background:rgba(168,128,72,.14);z-index:0;
}
#tyz-home-v21 .tyz-process__steps::after{
 content:"";pointer-events:none;position:absolute;
 top:22px;inset-inline-start:25px;
 width:calc(100% - 50px);
 transform:scaleX(var(--tyz-story-progress));transform-origin:left;
 max-width:calc(100% - 50px);
 height:2px;background:linear-gradient(90deg,#c48d44,#ebc480);z-index:0;
 box-shadow:0 0 15px rgba(206,140,60,.3);
 transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
#tyz-home-v21 .tyz-process__steps article{
 min-width:0;position:relative;z-index:1;
 display:flex;flex-direction:column;align-items:flex-start;
 min-height:clamp(220px,20vw,262px)!important;
 background:rgba(255,255,255,.78);
 padding:32px clamp(16px,2.1vw,30px)!important;
 border:1px solid rgba(166,124,71,.19)!important;
 border-radius:22px!important;
 box-shadow:0 18px 39px rgba(29,42,53,.065);
 transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps article{
 background:rgba(23,40,62,.92);
 border-color:rgba(226,186,122,.2)!important;
 box-shadow:0 16px 42px rgba(0,0,0,.13);
}
#tyz-home-v21 .tyz-process__steps article::before{
 content:"";position:absolute;inset-inline-end:19px;top:18px;
 width:12px;height:12px;margin:0;border-radius:50%;
 background:#d7ab6b;border:3px solid #f7e6c7;
 box-shadow:0 0 0 6px rgba(187,138,65,.095);
}
#tyz-home-v21 .tyz-process__steps article>span{
 font:900 clamp(30px,3.2vw,51px)/1.1 Arial,sans-serif!important;
 letter-spacing:-.04em;color:#b17f3d!important;
 margin-bottom:26px!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps article>span{color:#edc78f!important}
#tyz-home-v21 .tyz-process__steps article h3{
 font-size:clamp(23px,2vw,31px)!important;
 line-height:1.4!important;margin:0 0 12px!important;
 color:#182a40!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps article h3{color:#faf2e6!important}
#tyz-home-v21 .tyz-process__steps article p{
 margin:0!important;
 font-size:clamp(12px,1vw,15px)!important;
 line-height:1.95!important;
 color:#6a7280!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps article p{color:#b5c2d0!important}
#tyz-home-v21 .tyz-process__steps article:is(:hover,:focus-within),
#tyz-home-v21 .tyz-process__steps article.tyz-xp-step-active{
 transform:translate3d(0,-5px,0);
 border-color:rgba(189,124,45,.49)!important;
 box-shadow:0 28px 56px rgba(28,44,62,.14);
}
#tyz-home-v21 .tyz-process__steps article.tyz-xp-step-active::before{
 background:#f3cd87;box-shadow:0 0 0 6px rgba(201,142,64,.14),0 0 23px rgba(216,146,55,.33);
}
#tyz-home-v21 .tyz-cta{
 position:relative;isolation:isolate;
 padding:54px 0 87px!important;
 background:
 linear-gradient(115deg,#faf9f5,#f7f4ee)!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-cta{
 background:linear-gradient(115deg,#0e1827,#111b2b)!important;
}
#tyz-home-v21 .tyz-cta__panel{
 --tyz-cta-x:21%;--tyz-cta-y:53%;
 isolation:isolate;
 min-height:clamp(310px,27vw,412px)!important;
 padding:clamp(32px,5vw,77px)!important;
 border-radius:31px!important;
 background:
 radial-gradient(560px circle at var(--tyz-cta-x) var(--tyz-cta-y),
 rgba(221,154,68,.31),transparent 70%),
 linear-gradient(125deg,#111d33,#0e1b2c 65%,#14233a)!important;
 border:1px solid rgba(237,192,119,.29);
 box-shadow:0 39px 88px rgba(15,29,45,.23),inset 0 1px 0 rgba(255,227,173,.07);
}
#tyz-home-v21 .tyz-cta__panel::before{
 content:"";pointer-events:none;position:absolute!important;
 width:480px!important;height:480px!important;
 top:-200px!important;inset-inline-end:-130px!important;
 border-radius:50%!important;border:1px solid rgba(241,190,104,.22)!important;
 background:none!important;
 box-shadow:0 0 0 58px rgba(239,174,81,.041),0 0 0 130px rgba(241,179,88,.024);
 opacity:1;
 transform:rotate(-21deg);
 animation:tyzXpCtaBreath 13s ease-in-out infinite alternate;
}
#tyz-home-v21 .tyz-cta__panel::after{
 content:"";pointer-events:none;position:absolute;inset:0;
 background-image:linear-gradient(rgba(237,191,112,.027) 1px,transparent 1px),
 linear-gradient(90deg,rgba(237,191,112,.027) 1px,transparent 1px);
 background-size:47px 47px;mask-image:linear-gradient(90deg,#000,transparent 74%);
 z-index:0;
}
#tyz-home-v21 .tyz-cta__panel>div:not(.tyz-cta-media),
#tyz-home-v21 .tyz-cta__panel>a{z-index:3;position:relative}
#tyz-home-v21 .tyz-cta__panel>div:not(.tyz-cta-media){max-width:850px}
#tyz-home-v21 .tyz-cta__panel h2{
 font-size:clamp(36px,4.75vw,69px)!important;
 line-height:1.32!important;
 text-wrap:balance;
 color:#f7f1e5!important;
 margin:10px 0 16px!important;
}
#tyz-home-v21 .tyz-cta__panel h2 em{color:#edc385!important}
#tyz-home-v21 .tyz-cta__panel p{
 color:#c1ceda!important;line-height:1.9!important;
 font-size:clamp(13px,1vw,17px)!important;
}
#tyz-home-v21 .tyz-cta__panel>a.tyz-button{
 flex-shrink:0;position:relative;
 min-height:56px;padding:13px 24px!important;
 border-radius:999px!important;
 color:#1d2b40!important;background:linear-gradient(135deg,#f3d5a4,#d2a15f)!important;
 box-shadow:0 13px 27px rgba(2,9,18,.14);
 transition:transform .3s,box-shadow .3s!important;
}
#tyz-home-v21 .tyz-cta__panel>a.tyz-button:hover{
 transform:translateY(-4px);box-shadow:0 19px 37px rgba(0,0,0,.28);
}
@keyframes tyzXpCtaBreath{
 from{transform:rotate(-17deg) scale(.93);opacity:.7}
 to{transform:rotate(18deg) scale(1.07);opacity:1}
}
@media(max-width:1060px){
 #tyz-home-v21 .tyz-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 #tyz-home-v21 .tyz-process__steps::before,#tyz-home-v21 .tyz-process__steps::after{display:none}
 #tyz-home-v21 .tyz-process__steps article{min-height:220px!important}
 #tyz-home-v21 .tyz-cta__panel{gap:30px!important}
}
@media(max-width:620px){
 #tyz-home-v21 .tyz-process__steps{grid-template-columns:minmax(0,1fr)}
 #tyz-home-v21 .tyz-process__steps article{min-height:175px!important;padding:23px!important}
 #tyz-home-v21 .tyz-process__steps article>span{margin-bottom:13px!important}
 #tyz-home-v21 .tyz-process__steps article:is(:hover,:focus-within){transform:none}
 #tyz-home-v21 .tyz-cta__panel{
  display:flex;flex-direction:column;align-items:flex-start;
  min-height:0!important;padding:35px 24px!important;
  border-radius:24px!important;gap:19px!important;
 }
 #tyz-home-v21 .tyz-cta__panel h2{font-size:clamp(30px,9vw,44px)!important}
 #tyz-home-v21 .tyz-cta__panel>a.tyz-button{width:auto;align-self:flex-start}
 #tyz-home-v21 .tyz-cta__panel::before{width:340px!important;height:340px!important}
}
@media(prefers-reduced-motion:reduce){
 #tyz-home-v21 .tyz-process__steps article,
 #tyz-home-v21 .tyz-process__steps::after,
 #tyz-home-v21 .tyz-cta__panel>a.tyz-button{
  transition:none!important;transform:none!important;
 }
 #tyz-home-v21 .tyz-cta__panel::before{animation:none!important}
}

html[dir="rtl"] #tyz-home-v21 .tyz-process__steps::after{transform-origin:right}
