/* Shared layout contract, loaded last on every locale and page. */
:root{--store-height:48px;--muted:#625d70}
html{scroll-padding-top:110px}body{overflow-wrap:break-word}img,svg{max-width:100%}
[hidden]{display:none!important}
a,button,input,select,textarea,summary{touch-action:manipulation}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #8454f0;outline-offset:4px}
:where(button,summary){-webkit-tap-highlight-color:transparent}
.container,main,section,article,.article-body,.detail-hero-grid>*,.footer-grid>*,.catalogue-layout>*{min-width:0}
.header .nav-inner{gap:22px}.header .brand{flex:0 0 auto}
.header .brand img.brand-full{width:132px!important;height:auto!important;max-width:none}
.header nav{margin-left:0;margin-inline-start:auto;gap:20px;align-items:center}
.header nav a{font-size:13px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.nav-actions{gap:10px;margin-left:0}.nav-actions .button{white-space:nowrap;font-size:12px;min-height:44px;padding:11px 16px;gap:12px}
.menu-toggle,.motion-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.language-switch{position:relative;flex:none;font-size:13px;font-weight:700;line-height:1.4}
.language-switch>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:64px;padding:9px 7px;cursor:pointer;list-style:none;border-radius:8px}
.language-switch>summary::-webkit-details-marker{display:none}
.language-switch[open]>summary,.language-switch>summary:hover{background:#f0eafa;color:#5121c1}
.language-switch .icon{width:17px;height:17px}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:178px;background:#fff;border:1px solid #e7dff2;border-radius:12px;box-shadow:0 15px 45px #211b3620;padding:6px;z-index:50}
.language-options a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 12px;border-radius:7px;color:#292036}
.language-options a:hover,.language-options a[aria-current]{background:#f4efff;color:#5121c1}
.header nav .mobile-nav-demo{display:none}
/* Align the visible badge artwork, preserving each official asset's proportions and clear space. */
.store-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
a.official-store,.store-links a.official-store,.footer-grid>div>a.official-store{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;min-height:calc(var(--store-height)*1.48809524);height:calc(var(--store-height)*1.48809524);width:auto;max-width:100%;padding:0;margin:0;background:transparent;border:0;border-radius:8px;line-height:0}
a.official-store.apple img,.store-links a.official-store.apple img{display:block;width:auto!important;height:var(--store-height)!important;max-width:100%;object-fit:contain;aspect-ratio:auto;margin:0}
a.official-store.google img,.store-links a.official-store.google img{display:block;width:auto!important;height:calc(var(--store-height)*1.48809524)!important;max-width:100%;object-fit:contain;aspect-ratio:auto;margin:0}
.store-links a.official-store.google,.footer-grid>div>a.official-store.google{margin:0}
.official-store:hover{opacity:.88}.official-store:focus-visible{outline:3px solid #9c76ff;outline-offset:4px}
.footer{background:#181027;color:#fff;padding-bottom:28px}
.footer .brand img.brand-full{width:132px!important;height:auto!important}
.footer-grid{gap:32px;grid-template-columns:1.2fr 1fr 1fr 1.05fr}
.footer-grid h3{color:white;font-size:14px;line-height:1.6}
.footer-grid>div>a:not(.brand):not(.official-store){color:#d3cbdf;min-height:36px;font-size:13px;margin:4px 0;line-height:1.5;padding:8px 0}
.footer-grid>div>a:hover{color:white}.footer-brand p,.footer-brand>span,.footer-mobile-note,.footer-bottom{color:#c2b8d0}
.footer-grid>div>a.official-store{margin-block:4px;color:#fff}
.footer-signature{display:flex;flex-wrap:wrap;gap:.25em;font-size:clamp(28px,6vw,80px);font-weight:700;line-height:1.3;letter-spacing:-.04em;padding:24px 0 36px;border-top:1px solid #ffffff20}
.footer-signature em{color:#b89aff;font-style:normal}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.demo-form input,.demo-form select,.demo-form textarea{font-size:16px;min-height:48px}.demo-form textarea{min-height:110px;resize:vertical}
.real-mobile-tabs button,.hero-module-tabs button,.tracking-choices button,.catalogue-filters button,.feature-filter,.reference-motion,.tour-step{min-height:44px}
.text-link{min-height:44px;line-height:1.5}.comparison-scroll,.comparison-table-wrap{overscroll-behavior-inline:contain}
.detail-hero h1{font-size:clamp(35px,4.4vw,58px);text-wrap:balance}.article-body p,.article-body li{line-height:1.85}
.breadcrumbs{flex-wrap:wrap}.article-toc a{line-height:1.5;min-height:40px}
@media(max-width:1200px){
 .header{height:76px}.header .nav-inner{gap:12px;min-height:76px}.nav-actions{margin-inline-start:auto}
 .header .menu-toggle{display:flex;flex:none}
 .header nav{display:none;position:absolute;top:75px;left:0;right:0;margin:0;background:#fff;padding:16px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #e9e6ef;box-shadow:0 16px 25px #211b3610;max-height:calc(100dvh - 76px);overflow-y:auto}
 .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}
 .header nav a{padding:10px 12px;font-size:15px;min-height:48px;white-space:normal;border-radius:8px}
 .header nav a:hover{background:#f4efff}.header nav .mobile-nav-demo{display:flex;color:#5c29db;font-weight:700}
 .header .motion-toggle{display:none}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
}
@media(max-width:600px){
 :root{--store-height:40px}html{scroll-padding-top:90px}
 .header{height:72px}.header .nav-inner{min-height:72px;gap:8px}.header nav{top:71px}
 .header .brand img.brand-full{width:108px!important}.header .nav-actions>.button{display:none}.nav-actions{gap:4px}
 .language-switch>summary{min-width:60px}.container{width:calc(100% - 36px)}
 .store-links{gap:10px;justify-content:flex-start}.footer-grid{column-gap:20px;row-gap:32px}
 .footer-grid>div>a:not(.brand):not(.official-store){min-height:44px;font-size:13px}
 .footer-grid h3{font-size:14px}.footer-grid>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;column-gap:12px}
 .footer-grid>div:last-child h3,.footer-grid>div:last-child>a:first-of-type,.footer-mobile-note{width:100%;margin-bottom:0}
 .footer-grid>div:last-child>a.official-store{width:auto}.footer-signature{padding-block:24px;letter-spacing:-.03em}.footer-bottom{gap:4px 20px;font-size:11px}
 .mobile-story-copy>p,.identity-copy>p{font-size:16px;line-height:1.8}.reference-intro p{font-size:14px}
 .real-mobile-tabs{max-width:100%;gap:4px;flex-wrap:wrap;justify-content:center}.real-mobile-tabs button{font-size:12px;padding:10px}
 .contact-dock{bottom:max(12px,env(safe-area-inset-bottom));inset-inline-end:12px;max-width:calc(100% - 24px)}
 .command-content{padding:16px}.command-heading h2{font-size:24px}.command-checkin{font-size:11px}
 .article-toc{padding:20px}.detail-hero h1{font-size:clamp(34px,9.4vw,43px)}
}
@media(max-width:350px){.container{width:calc(100% - 28px)}.store-links{gap:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.campaign-copy h1{font-size:39px;letter-spacing:-2px}}
/* Arabic uses natural reading order; product photography and logos are never mirrored. */
@font-face{font-family:'7odor Arabic';src:url('/assets/fonts/noto-sans-arabic-regular.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:'7odor Arabic';src:url('/assets/fonts/noto-sans-arabic-bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
html[dir=rtl] body{font-family:'7odor Arabic',Tahoma,Arial,sans-serif;line-height:1.9}
html[dir=rtl] :is(h1,h2,h3,h4,.overline,.campaign-eyebrow,.footer-signature){letter-spacing:0!important}
html[dir=rtl] :is(h1,h2){line-height:1.55}
html[dir=rtl] .campaign-copy h1{font-size:clamp(38px,4.7vw,64px);line-height:1.55;letter-spacing:0}
html[dir=rtl] .campaign-copy h1 br{display:none}
html[dir=rtl] .campaign-copy>p{line-height:2.05}
html[dir=rtl] :is(.preview-nav,.article-toc,.feature-card,.need-item button,.faq-list summary){text-align:start}
html[dir=rtl] .app-sidebar{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .language-options{direction:rtl}
html[dir=rtl] .button .icon,html[dir=rtl] .text-link>.icon{transform:scaleX(-1)}
html[dir=rtl] :is(.command-scene,.app-preview,.tracking-map,.identity-visual){direction:ltr}
html[dir=rtl] :is(.command-heading,.command-next,.command-checkin,.app-content){direction:rtl}
html[dir=rtl] .command-stats,.metrics{min-width:0}
html[dir=rtl] .command-stats strong{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .footer-signature{font-size:clamp(28px,5vw,65px);line-height:1.7}
html[dir=rtl] :is(input[type=email],a[href^="mailto:"]){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .article-body ul{padding-inline-start:24px;padding-inline-end:0}
@media(max-width:600px){html[dir=rtl] .campaign-copy h1{font-size:37px;line-height:1.6}html[dir=rtl] .nav-actions{margin-left:0;margin-inline-start:auto}html[dir=rtl] .command-heading h2{font-size:22px}html[dir=rtl] .footer-signature{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-track{animation:none!important}}
.campaign-copy h1 em{display:block}
html[dir=rtl] .campaign-copy h1 br{display:initial}
html[dir=rtl] .campaign-copy h1 em{margin-top:.1em}
@media(max-width:600px){html[dir=rtl] .campaign-copy h1{font-size:34px;line-height:1.55}}
/* Readable supporting copy on pale surfaces, and explicit colours on the dark demo section. */
.identity-facts b,.faceless-highlight p,.mobile-feature-list>article>span,.mobile-feature-list p,.mobile-note,.request-details>article>span,.need-number,.tour-step:not(.active) span,.preview-caption,.showcase-bottom>span,.hardware-heading>p,.hardware-flow>span,.hardware-logos li>span,.hardware-bottom p,.matrix-product,.matrix-verdict p,.map-number,.map-release,.feature-map-note,.local-number,.catalogue-stats>span,#catalogue-count,.catalogue-availability,.catalogue-card-top span,.catalogue-note,.catalogue-cta p{color:#61516f}
.tracking-heading .product-eyebrow,.tracking-map-head>span,#tracking-scene-status,.tracking-map>small,[data-tracking-mode]:not([aria-pressed=true]),#tracking-number,.tracking-rule-strip>article>span,.tracking-release-note{color:#465d40}
#demo .demo-grid>div:first-child h2,#demo .demo-grid>div:first-child h2 .purple-text{color:#fff}
#demo .demo-grid>div:first-child>p,#demo .demo-promises>span{color:#ddd1f2}
#demo .demo-grid>div:first-child>.overline,#demo .contact-email{color:#d5bdff}
.reference-viewport:focus-visible{outline:3px solid #8454f0;outline-offset:4px}
.header nav a[aria-current=page]{color:#5c29db;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.mobile-feature-list p,.request-details p,.catalogue-feature p{font-size:14px;line-height:1.85}.mobile-note{font-size:11px}.tracking-map-head>span,.tracking-map>small{font-size:10px}.tracking-choices button{font-size:12px}}
#mobile .mobile-note{color:#61516f;font-size:11px}