/* Local Arabic type and right-to-left layouts; original artwork stays intact. */
@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url('assets/Tajawal-Regular.ttf') format('truetype')}
@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url('assets/Tajawal-Medium.ttf') format('truetype')}
@font-face{font-family:Tajawal;font-style:normal;font-weight:600 700;font-display:swap;src:url('assets/Tajawal-Bold.ttf') format('truetype')}
@font-face{font-family:Tajawal;font-style:normal;font-weight:800 900;font-display:swap;src:url('assets/Tajawal-ExtraBold.ttf') format('truetype')}
html[lang=ar] body{font-family:Tajawal,Tahoma,Arial,sans-serif;line-height:1.8}
html[lang=ar] body :is(h1,h2,h3,h4,p,a,button,summary,label,input,textarea,select,option,span,li,dt,dd,figcaption,address){font-family:Tajawal,Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang=ar] :is(h1,h2,h3,h4){line-height:1.35!important}
html[lang=ar] :is(p,li,dd){text-align:start}
html[lang=ar] :is(h1,h2,h3,h4,p,a,button,summary){overflow-wrap:break-word}
html[lang=ar] :is(.eyebrow,.section-label,.hero-bottom,.image-caption,.perimeter-hero-figure figcaption,.perimeter-figure figcaption,.contact-visual figcaption,.platform-tag,.footer-bottom){font-size:12px;line-height:1.7}
html[lang=ar] .desktop-nav{margin-left:0;margin-right:auto}
html[lang=ar] .desktop-nav a{font-size:14px;line-height:1.6}
html[lang=ar] :is(.desktop-nav,.mobile-menu) a[aria-current]:not([aria-current=false]):before{left:auto;right:-12px}
html[lang=ar] .button{font-size:13px;line-height:1.6;gap:24px}
html[lang=ar] .button-small{font-size:12px;gap:20px}
html[lang=ar] .text-link{font-size:12px;line-height:1.6}
html[lang=ar] .icon-arrow{transform:scaleX(-1)}
html[lang=ar] .hero-content{margin-inline-start:0;margin-inline-end:auto;width:min(100%,720px)}
html[lang=ar] .hero h1{font-size:clamp(88px,9vw,144px);line-height:1.12!important;font-weight:800;margin:22px 0}
html[lang=ar] .hero-description{font-size:18px;line-height:1.8}
html[lang=ar] .hero-image,html[lang=ar] .eye-motion-overlay{transform:scaleX(-1)}
html[lang=ar] .hero-art{transform-origin:30% 50%}
html[lang=ar] .hero-shade{background:linear-gradient(270deg,#090b0b4f 0%,transparent 45%),linear-gradient(0deg,#090b0b 0%,#090b0b00 22%,#090b0b00 72%,#090b0b66 100%)}
html[lang=ar] .hero-annotation{right:auto;left:8%;font-size:12px;direction:rtl}
html[lang=ar] .motion-toggle{right:auto;left:var(--pad);font-size:11px}
html[lang=ar] .annotation-line:before{left:auto;right:0}
html[lang=ar] .hero-origin{font-size:12px}
html[lang=ar] .display{font-size:clamp(38px,4.6vw,68px)}
html[lang=ar] .home-page :is(.ai-introduction,.solutions-heading) .display{font-size:clamp(36px,4.3vw,64px)}
html[lang=ar] :is(.ai-cycle h3,.ai-subheading h3,.ai-case-strip h3,.ai-scale h4,.ai-trust-grid h4){font-weight:700}
html[lang=ar] .ai-cycle h3{font-size:30px}
html[lang=ar] .ai-cycle-points li{font-size:15px;padding-left:0;padding-right:17px}
html[lang=ar] .ai-cycle-points li:before{left:auto;right:0}
html[lang=ar] :is(.ai-cycle>li,.ai-scale>li)+li{border-left:0;border-right:1px solid #35402f}
html[lang=ar] .ai-cycle>li+li:before{left:auto;right:-4px}
html[lang=ar] .ai-modules p,html[lang=ar] .ai-trust-grid p{font-size:15px}
html[lang=ar] .ai-modules h4{font-size:23px}
html[lang=ar] .ai-scale h4{font-size:26px}
html[lang=ar] .ai-trust-grid h4{font-size:24px}
html[lang=ar] .ai-case-strip>.text-link{font-size:12px}
html[lang=ar] .application-tabs button{text-align:start}
html[lang=ar] .application-selector-five .application-tabs button{padding:20px 14px 20px 49px}
html[lang=ar] .application-selector-five .application-tabs button:nth-child(5){padding-left:14px}
html[lang=ar] .application-tab-copy strong{font-size:23px;line-height:1.5}
html[lang=ar] .application-tab-copy small{font-size:12px;line-height:1.7}
html[lang=ar] .application-tab-link{margin-right:0;margin-left:6px}
html[lang=ar] .application-tabs button:after{transform-origin:right}
html[lang=ar] .application-copy :is(h3,p){line-height:1.6}
html[lang=ar] .application-copy .eyebrow{font-size:12px}
html[lang=ar] .application-copy .text-link{font-size:12px}
html[lang=ar] .application-copy li{font-size:14px}
html[lang=ar] .application-copy li:before{margin-right:0;margin-left:12px}
html[lang=ar] .image-caption{left:20px;right:25px;text-align:right}
html[lang=ar] :is(.perimeter-hero h1,.legal-hero h1,.contact-intro h1){font-size:clamp(58px,6.5vw,100px);font-weight:800}
html[lang=ar] .aimesh-hero-line{font-size:clamp(24px,2.7vw,40px)}
html[lang=ar] .perimeter-features summary{padding-left:30px;padding-right:0;line-height:1.6;font-size:23px}
html[lang=ar] .perimeter-features summary:after{left:0;right:auto}
html[lang=ar] .perimeter-features details>p{padding-left:28px;padding-right:0}
html[lang=ar] :is(.perimeter-steps,.aimesh-steps)>li+li{border-left:0;border-right:1px solid var(--line)}
html[lang=ar] .perimeter-steps>li{padding-left:32px;padding-right:0}
html[lang=ar] .perimeter-steps>li+li{padding-right:32px}
html[lang=ar] :is(.perimeter-step-top,.aimesh-step-top) svg{transform:scaleX(-1)}
html[lang=ar] .aimesh-deployment-grid article+article{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:30px}
html[lang=ar] .aimesh-control-grid article{padding-inline-end:30px}
html[lang=ar] .aimesh-card-mark{right:auto;left:0}
html[lang=ar] .perimeter-figure figcaption>span:last-child:not(:first-child){text-align:left}
html[lang=ar] .legal-block ul{padding-left:0;padding-right:22px}
html[lang=ar] .legal-block li{padding-left:0;padding-right:6px}
html[lang=ar] .legal-scope{border-left:0;border-right:2px solid #9cb77e}
html[lang=ar] :is(.legal-identifier,a[href^="mailto:"],a[href^="tel:"],input[type=email],input[type=tel]){direction:ltr;unicode-bidi:isolate}
html[lang=ar] address{direction:ltr;unicode-bidi:isolate;text-align:right}
html[lang=ar] :is(input,textarea,select){font-size:16px;line-height:1.7;text-align:start}
html[lang=ar] .contact-direct a{font-size:15px}
html[lang=ar] .contact-direct a span{padding-left:0;padding-right:10px}
html[lang=ar] .field select{padding-left:35px;padding-right:0;background-position:left 12px center}
html[lang=ar] .form-privacy,html[lang=ar] .delivery-note{font-size:13px;line-height:1.8}
html[lang=ar] .footer-bottom{font-size:11px}
html[lang=ar] .page-progress{transform-origin:right}
@media(max-width:1200px){
 html[lang=ar] .desktop-nav,html[lang=ar] .header-contact{display:none}
 html[lang=ar] .site-header{gap:20px}
 html[lang=ar] .site-header .menu-toggle{display:block;margin-left:0;margin-right:0;flex-shrink:0}
 html[lang=ar] .site-header .language-switch{margin-left:0;margin-right:auto}
 html[lang=ar] .application-selector-five .application-tabs button{padding:20px 18px 20px 60px}
 html[lang=ar] .application-tab-link{margin-left:10px}
 html[lang=ar] .aimesh-steps>li:nth-child(4){border-right:0}
 html[lang=ar] .wildfire-page .perimeter-steps>li:nth-child(3){padding-right:0;border-right:0}
}
@media(max-width:760px){
 html[lang=ar] .site-header{gap:12px}
 html[lang=ar] .site-header .brand{width:clamp(120px,39vw,178px)}
 html[lang=ar] .language-switch{gap:2px;padding-inline:3px}
 html[lang=ar] .language-switch a{padding-inline:3px}
 html[lang=ar] .hero{min-height:max(920px,100svh)}
 html[lang=ar] .hero h1{font-size:83px;line-height:1.13!important}
 html[lang=ar] .hero-content{padding-top:125px;padding-bottom:160px}
 html[lang=ar] .hero-description{font-size:16px;margin-top:175px}
 html[lang=ar] .hero-art{inset:320px -52% auto auto}
 html[lang=ar] .hero-shade{background:linear-gradient(0deg,#090b0b 8%,#090b0b00 36%,#090b0b00 55%,#090b0b88 80%,#090b0b 100%)}
 html[lang=ar] .hero-actions .button{min-width:0;max-width:100%}
 html[lang=ar] .hero-origin{font-size:11px}
 html[lang=ar] .motion-toggle{bottom:92px;font-size:10px}
 html[lang=ar] .scroll-link{font-size:11px}
 html[lang=ar] .mobile-menu a{font-size:32px;line-height:1.9}
 html[lang=ar] .section-label>span:last-child:not(.status-dot):not(.tiny-cross){text-align:left;font-size:10px}
 html[lang=ar] :is(.ai-cycle>li,.ai-scale>li)+li{border-right:0}
 html[lang=ar] .ai-cycle>li+li:before{right:28px}
 html[lang=ar] .home-page :is(.ai-introduction,.solutions-heading) .display{font-size:36px}
 html[lang=ar] .ai-subheading h3{font-size:32px}
 html[lang=ar] .ai-case-strip h3{font-size:27px}
 html[lang=ar] .ai-trust-grid h4{font-size:23px}
 html[lang=ar] .application-selector-five .application-tabs button{padding:16px 15px 18px}
 html[lang=ar] .application-selector-five .application-tab-copy strong{font-size:23px}
 html[lang=ar] .application-tab-link{margin-left:3px}
 html[lang=ar] .application-copy h3{font-size:30px}
 html[lang=ar] :is(.perimeter-hero h1,.legal-hero h1,.contact-intro h1){font-size:54px}
 html[lang=ar] :is(.perimeter-steps,.aimesh-steps)>li,html[lang=ar] :is(.perimeter-steps,.aimesh-steps)>li+li{padding-inline:0;border-right:0}
 html[lang=ar] .aimesh-deployment-grid article+article{border-right:0;padding-inline:0}
 html[lang=ar] .perimeter-steps h3{font-size:30px}
 html[lang=ar] .contact .display{font-size:40px}
}
@media(max-width:360px){html[lang=ar] .site-header{padding-inline:18px;gap:9px}html[lang=ar] .hero h1{font-size:74px}}
/* Workflow dividers follow Arabic reading order and reset at row starts. */
html[lang=ar] .firewatch-page .firewatch-process>li{padding-left:22px;padding-right:0}
html[lang=ar] .firewatch-page .firewatch-process>li+li{border-left:0;border-right:1px solid var(--line);padding-right:22px}
@media(min-width:761px) and (max-width:1100px){
 html[lang=ar] .firewatch-page .firewatch-process>li:nth-child(4),html[lang=ar] .perimeter-expanded .perimeter-five-steps>li:nth-child(4){border-right:0;padding-right:0}
}
@media(max-width:760px){
 html[lang=ar] .firewatch-page .firewatch-process>li,html[lang=ar] .firewatch-page .firewatch-process>li+li{padding-inline:0;border-right:0}
}