/* Fateel first creative draft — preserve the existing editorial system. */
html{scroll-behavior:smooth}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #C8102E;outline-offset:5px}
.fateel-cinema{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
[data-screen-label="B01 Hero"]>div[data-from]{display:none!important}
[data-screen-label="B01 Hero"] [data-k="hIntro"]{z-index:4;top:27%;bottom:auto!important;width:46%;max-width:700px!important;gap:23px!important;pointer-events:none}
[data-screen-label="B01 Hero"] h1{font-size:clamp(54px,7.6vw,112px)!important;line-height:.98!important;letter-spacing:-.065em!important;text-wrap:balance}
[data-screen-label="B01 Hero"] p{max-width:40ch!important;font-size:clamp(15px,1.15vw,18px)!important;line-height:1.65!important}
[data-screen-label="B01 Hero"] [data-k="hIntro"]>div:first-child{font-size:10px!important;letter-spacing:.13em!important}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:7px;pointer-events:auto}
.audit-primary{border:0;border-radius:999px;padding:17px 23px;background:#C8102E;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:24px;transition:transform .25s,background .25s}
.audit-primary:hover{background:#a70d26;transform:translateY(-2px)}
.hero-secondary{background:transparent;border:0;border-bottom:1px solid #85867f;border-radius:0;padding:10px 0;font-size:13px;cursor:pointer;display:flex;gap:14px}
.process-steps{position:absolute;left:9%;right:7%;top:55%;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}
.process-step{position:relative;min-width:0}
.audit-deliverables{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;color:var(--contrast-text);font-size:12px;margin:0 0 5px}
.audit-deliverables span:before{content:'↗';color:#ff6d70;margin-inline-end:7px}
[data-screen-label="B10 Final"] [data-k="eTxt"]{gap:16px!important}
[dir=rtl] .hero-actions{letter-spacing:0}
[dir=rtl][data-screen-label="B01 Hero"] h1{font-size:clamp(48px,6.4vw,98px)!important;line-height:1.17!important;letter-spacing:0!important}
@media(min-width:1024px) and (max-height:720px){[data-screen-label="B01 Hero"] [data-k="hIntro"]{top:21%;gap:17px!important}[data-screen-label="B01 Hero"] h1{font-size:clamp(52px,6.8vw,88px)!important}.hero-actions{margin-top:0}}
@media(max-width:1023px){
 [data-screen-label="B01 Hero"] [data-k="hIntro"]{top:105px;inset-inline-start:24px!important;width:calc(100% - 48px);max-width:none!important;gap:14px!important}
 [data-screen-label="B01 Hero"] h1{font-size:clamp(44px,10.7vw,72px)!important;max-width:13ch;line-height:1!important}
 [dir=rtl][data-screen-label="B01 Hero"] h1{font-size:clamp(40px,9.6vw,66px)!important;max-width:15ch;line-height:1.14!important}
 [data-screen-label="B01 Hero"] p{font-size:14px!important;line-height:1.55!important;max-width:43ch!important}
 .hero-actions{gap:20px;margin-top:0}.audit-primary{padding:12px 18px;font-size:12px}.hero-secondary{font-size:12px}
 [data-screen-label="B01 Hero"]>div:last-child{display:none!important}
 .process-steps{left:24px;right:24px;top:43%;gap:19px;grid-template-columns:1fr}
 .process-step>div{padding-top:0!important;padding-inline-start:20px;gap:5px!important}
 .process-step>span{top:8px!important;left:0!important;width:9px!important;height:9px!important}
 .process-step>div>span:nth-child(2){font-size:25px!important}.process-step>div>span:last-child{font-size:13px!important;line-height:1.4!important}
 [data-screen-label="B07 Process"] h2{font-size:34px!important}
 [data-screen-label="B07 Process"]>div:first-child{gap:12px!important}
 [data-screen-label="B07 Process"]>div:first-child>p{font-size:13px!important}
 [data-screen-label="B08 Examples"]>div:first-child{inset:90px 22px 94px!important;gap:17px!important;align-content:start!important;overflow:auto}
 [data-screen-label="B08 Examples"]>div:first-child>div{gap:12px!important}
 [data-screen-label="B08 Examples"]>div:first-child>div:last-child{padding:17px!important;border-radius:15px!important}
 [data-screen-label="B08 Examples"] h2{font-size:31px!important}
 [data-screen-label="B08 Examples"] p{font-size:13px!important}
 [data-screen-label="B08 Examples"] button{padding:9px 12px!important;font-size:12px!important}
 [data-screen-label="B08 Examples"]>div:first-child>div:last-child>div:nth-child(3)>div{padding:7px 0!important}
 .audit-deliverables{max-width:300px;gap:9px 16px;font-size:11px}
 [data-screen-label="B10 Final"]>svg{top:18%!important;width:90px!important;height:90px!important;left:calc(50% - 20px)!important}
 [data-screen-label="B10 Final"] [data-k="eTxt"]{bottom:110px!important;gap:16px!important}
 [data-screen-label="B10 Final"] [data-k="eTxt"]>div:first-child{display:none!important}
}
@media(max-width:1023px) and (max-height:740px){[data-screen-label="B01 Hero"] [data-k="hIntro"]{top:88px;gap:10px!important}[data-screen-label="B01 Hero"] h1{font-size:42px!important}[data-screen-label="B01 Hero"] p{font-size:13px!important}.hero-actions{gap:16px}.process-steps{top:42%;gap:12px}.process-step>div>span:last-child{font-size:12px!important}.process-step>div>span:nth-child(2){font-size:22px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}