/* Self-contained structural fallback; also stabilizes cross-page rendering. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}.container{margin-inline:auto}.topbar{position:sticky;top:0;z-index:40}.nav{display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;text-decoration:none}.navlinks{margin-inline-start:auto;display:flex;align-items:center}.global-language-dropdown{flex:0 0 auto}.clarity-strip .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.clarity-hero-grid{display:grid}.actions{display:flex;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;text-decoration:none;font-weight:750}.clarity-grid{display:grid}.clarity-status .container{display:flex;align-items:center;justify-content:space-between;gap:26px}.contact{padding:0}.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot nav{display:flex;gap:16px;flex-wrap:wrap}.foot small{width:100%}h1,h2,h3{margin-top:0;color:var(--r131-text)}p{color:var(--r131-muted)}section{position:relative}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:#fff;color:#111;padding:8px 12px}.skip:focus{top:12px}
/* R131 — 2026 modern product-site layer. Truth-preserving visual modernization only. */
:root{
  --r131-bg:#060912;--r131-bg2:#0a0f1c;--r131-panel:rgba(13,19,33,.68);
  --r131-panel-strong:#0d1422;--r131-line:rgba(148,163,184,.16);
  --r131-text:#f7f9fc;--r131-muted:#aeb8c9;--r131-cyan:#63e7d5;
  --r131-blue:#5e8cff;--r131-violet:#9a6cff;--r131-magenta:#d86de8;
  --r131-radius:24px;
}
html{background:var(--r131-bg)}
body{background:
  radial-gradient(900px 520px at 78% -6%,rgba(74,108,255,.20),transparent 62%),
  radial-gradient(720px 420px at 8% 34%,rgba(147,87,255,.10),transparent 64%),
  linear-gradient(180deg,#070a12 0%,#070b14 52%,#050810 100%)!important;
  color:var(--r131-text);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans Arabic",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
.container{width:min(1240px,calc(100% - 52px))!important}
.topbar{background:rgba(6,9,17,.72)!important;border-bottom:1px solid rgba(148,163,184,.12)!important;backdrop-filter:blur(22px) saturate(140%)!important;box-shadow:0 8px 32px rgba(0,0,0,.12)}
.nav{min-height:76px!important}.brand .brand-master{width:176px!important;filter:drop-shadow(0 4px 20px rgba(71,111,255,.08))}
.navlinks{gap:8px!important}.navlinks a{padding:9px 12px;border-radius:12px;color:#c7cfdd!important;font-size:13px!important;text-decoration:none;transition:.18s ease}
.navlinks a:hover{background:rgba(255,255,255,.055);color:#fff!important}
.global-language-trigger{min-height:38px;padding:7px 34px 7px 12px;border:1px solid rgba(148,163,184,.20);border-radius:12px;background:rgba(13,19,33,.78);color:#ecf2fb;font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.clarity-main{background:transparent!important;color:var(--r131-text)!important}
.clarity-strip{padding:15px 0!important;border-bottom:1px solid rgba(99,231,213,.12)!important;background:linear-gradient(90deg,rgba(99,231,213,.025),rgba(94,140,255,.025),transparent)}
.clarity-strip b{color:#72eadb!important;font-size:12px;letter-spacing:.08em}.clarity-strip span{color:#c6d0df;font-size:13px}
.clarity-hero{padding:78px 0 84px!important;background:transparent!important;position:relative;overflow:hidden}
.clarity-hero:before{content:"";position:absolute;inset:auto -140px 6% auto;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(95,104,255,.16),rgba(129,73,255,.055) 42%,transparent 70%);filter:blur(10px);pointer-events:none}
.clarity-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr)!important;gap:72px!important;align-items:center!important}
.eyebrow{color:#d787f2!important;font:800 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.14em!important}
.clarity-who{color:#c7d0de!important;font-size:15px;font-weight:700;max-width:650px}
.clarity-hero h1{font-size:clamp(44px,4.1vw,62px)!important;line-height:1.015!important;letter-spacing:-.045em!important;margin:.34em 0 .38em!important;max-width:720px!important;text-wrap:balance}
html[dir="rtl"] .clarity-hero h1{font-size:clamp(42px,4vw,58px)!important;line-height:1.14!important;letter-spacing:0!important}
.clarity-hero .lead{font-size:clamp(18px,1.6vw,22px)!important;line-height:1.65!important;color:#c0cad9!important;max-width:710px!important}
.clarity-hero p:not(.lead):not(.clarity-who){color:#8f9bad!important;font-size:14px;max-width:670px}
.actions{gap:12px!important;margin-top:30px!important}.btn{min-height:48px!important;padding:12px 19px!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:14px!important;background:rgba(10,15,27,.64);font-size:14px!important;font-weight:760!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.btn:hover{transform:translateY(-2px);border-color:rgba(148,163,184,.38)!important;background:rgba(18,25,42,.80)}
.btn.primary{background:linear-gradient(110deg,#5b80ff,#8c62ff 54%,#d96ee7)!important;border:0!important;box-shadow:0 12px 34px rgba(102,86,255,.24),inset 0 1px 0 rgba(255,255,255,.24)!important}
.clarity-hero figure{position:relative;margin:0!important;padding:12px!important;border:1px solid rgba(125,151,203,.22)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(17,25,43,.88),rgba(6,10,18,.82))!important;box-shadow:0 46px 120px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset!important;overflow:visible!important;transform:perspective(1200px) rotateY(-2.6deg) rotateX(.4deg);transform-origin:center}
html[dir="rtl"] .clarity-hero figure{transform:perspective(1200px) rotateY(2.6deg) rotateX(.4deg)}
.clarity-hero figure:before{content:"";position:absolute;z-index:-1;inset:10% -7% -12% 18%;border-radius:40%;background:radial-gradient(circle,rgba(91,128,255,.20),rgba(151,91,255,.08) 45%,transparent 70%);filter:blur(28px)}
.clarity-hero figure img{display:block;width:100%!important;max-height:none!important;aspect-ratio:16/9;object-fit:cover!important;object-position:center!important;border-radius:20px!important;background:#060a12!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important}
.clarity-hero figcaption{display:flex;align-items:center;justify-content:space-between;padding:12px 6px 2px!important;color:#8f9aad!important;font-size:11px!important;letter-spacing:.02em}
.clarity-hero figcaption:after{content:"CURRENT UI";color:#69decd;font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.10em}
.clarity-products,.clarity-details{padding:78px 0!important;border-top:1px solid rgba(148,163,184,.08)}
.clarity-products{background:linear-gradient(180deg,rgba(13,19,33,.23),rgba(7,11,19,.06))}
.clarity-details{background:linear-gradient(180deg,transparent,rgba(72,84,160,.035),transparent)}
.clarity-grid{gap:18px!important}.clarity-products .clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.clarity-details .clarity-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.clarity-grid article{position:relative;padding:30px!important;border:1px solid var(--r131-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(16,23,39,.74),rgba(8,13,23,.66))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 24px 70px rgba(0,0,0,.09)!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease!important}
.clarity-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(105,222,205,.34),rgba(126,108,255,.36),transparent)}
.clarity-grid article:hover{transform:translateY(-3px);border-color:rgba(129,154,205,.26)!important}.clarity-grid small{color:#69decd!important;font:800 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.10em!important}.clarity-grid h2{font-size:clamp(28px,2.6vw,38px)!important;line-height:1.08!important;margin:.45em 0 .5em!important}.clarity-grid h3{font-size:19px!important;line-height:1.2!important}.clarity-grid p{color:#a9b4c4!important;line-height:1.65}.clarity-grid a{color:#eef5ff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}
.sectionHead{margin-bottom:30px}.sectionHead h2{font-size:clamp(34px,3.6vw,48px)!important;max-width:780px;line-height:1.08!important}
.clarity-status{padding:62px 0!important;border-top:1px solid rgba(148,163,184,.10)!important;background:radial-gradient(700px 260px at 85% 50%,rgba(84,113,255,.12),transparent 65%),linear-gradient(180deg,#070b13,#060912)!important}
.clarity-status .container{padding:30px 34px;border:1px solid rgba(110,141,201,.18);border-radius:28px;background:linear-gradient(120deg,rgba(17,25,43,.76),rgba(9,14,25,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.clarity-status h2{font-size:clamp(27px,2.8vw,40px)!important;line-height:1.18!important;margin:.25em 0!important}.clarity-status small{color:#8f9bad}
.contact{background:#050810!important;border-top:1px solid rgba(148,163,184,.10)!important}.foot{padding-block:34px!important}.foot a{color:#9da8b9!important}.foot span{color:#dfe6f0}.foot small{color:#778295}
@media(max-width:1120px){.clarity-hero-grid{grid-template-columns:1fr!important;gap:44px!important}.clarity-hero figure{max-width:980px;transform:none!important}.clarity-details .clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.clarity-hero h1{font-size:clamp(40px,5.2vw,54px)!important}.clarity-products .clarity-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.container{width:calc(100% - 30px)!important}.topbar .nav{min-height:68px!important}.navlinks{display:none!important}.brand .brand-master{width:148px!important;max-width:42vw}.global-language-trigger{max-width:132px}.clarity-strip{padding:13px 0!important}.clarity-strip .container{display:grid!important;gap:6px!important}.clarity-hero{padding:42px 0 50px!important}.clarity-hero-grid{gap:30px!important}.clarity-hero h1{font-size:clamp(34px,10.2vw,43px)!important;line-height:1.06!important}.clarity-hero .lead{font-size:17px!important}.clarity-who{font-size:13px}.clarity-hero figure{padding:7px!important;border-radius:20px!important}.clarity-hero figure img{border-radius:15px!important}.clarity-products,.clarity-details{padding:54px 0!important}.clarity-products .clarity-grid,.clarity-details .clarity-grid{grid-template-columns:1fr!important}.clarity-grid article{padding:23px!important;border-radius:20px!important}.clarity-status{padding:46px 0!important}.clarity-status .container{padding:24px!important;border-radius:22px!important}.clarity-status .container{display:grid!important;gap:18px}.actions{display:grid!important}.actions .btn{width:100%;justify-content:center}.foot{gap:14px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.clarity-hero figure{transform:none!important}}

/* r132 localized badge */
html[lang="de"] .clarity-hero figcaption:after{content:"AKTUELLE UI"}
html[lang="ar"] .clarity-hero figcaption:after{content:"الواجهة الحالية"}
html[lang="fr"] .clarity-hero figcaption:after{content:"INTERFACE ACTUELLE"}
html[lang="es"] .clarity-hero figcaption:after{content:"INTERFAZ ACTUAL"}
html[lang="it"] .clarity-hero figcaption:after{content:"INTERFACCIA ATTUALE"}
html[lang="pt"] .clarity-hero figcaption:after{content:"INTERFACE ATUAL"}
html[lang="nl"] .clarity-hero figcaption:after{content:"HUIDIGE UI"}
html[lang="pl"] .clarity-hero figcaption:after{content:"AKTUALNY INTERFEJS"}
html[lang="tr"] .clarity-hero figcaption:after{content:"GÜNCEL ARAYÜZ"}
html[lang="ru"] .clarity-hero figcaption:after{content:"ТЕКУЩИЙ ИНТЕРФЕЙС"}
html[lang="uk"] .clarity-hero figcaption:after{content:"ПОТОЧНИЙ ІНТЕРФЕЙС"}
html[lang="zh-cn"] .clarity-hero figcaption:after{content:"当前界面"}
html[lang="zh-tw"] .clarity-hero figcaption:after{content:"目前介面"}
html[lang="ja"] .clarity-hero figcaption:after{content:"現在のUI"}
html[lang="ko"] .clarity-hero figcaption:after{content:"현재 UI"}
html[lang="hi"] .clarity-hero figcaption:after{content:"वर्तमान UI"}
html[lang="id"] .clarity-hero figcaption:after{content:"UI SAAT INI"}
html[lang="ms"] .clarity-hero figcaption:after{content:"UI SEMASA"}