:root{--navy:#0A0F1E;--teal:#0A766E;--cyan:#22D3EE;--paper:#fff;--neutral:#E2E8F0;--soft:#F3F6FA;--ink:var(--navy);--radius:8px;--body:18px;--small:14px;--display:clamp(52px,6.7vw,100px);--heading:clamp(32px,3.6vw,54px);--subhead:24px;--gutter:clamp(20px,3.8vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-family:Sora,Tajawal,sans-serif;font-size:var(--body);line-height:1.65;color:var(--ink);background:var(--paper)}html[lang=ar] body{font-family:Tajawal,Sora,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}h1{font-size:var(--display);line-height:1.04;letter-spacing:-.055em}h2{font-size:var(--heading);line-height:1.15;letter-spacing:-.035em;max-width:18ch}h3{font-size:var(--subhead);line-height:1.3;letter-spacing:-.025em}html[lang=ar] :is(h1,h2,h3){letter-spacing:0;line-height:1.25}p{max-width:62ch}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}img{display:block;max-width:100%}.wrap{width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--gutter)}.navy{background:var(--navy);color:var(--paper)}.header{background:var(--navy);color:var(--paper)}.navrow{display:flex;align-items:center;gap:32px;min-height:100px}.brand{display:block;flex:none;width:154px}.brand img{width:100%;height:auto}.navrow nav{display:flex;gap:28px;margin-inline:auto;font-size:var(--small)}.navend{display:flex;align-items:center;gap:26px;font-size:var(--small)}.language{font-family:Sora,Tajawal,sans-serif}.menu{display:none}.navrow a:not(.brand):hover,.social a:hover{color:var(--cyan)}.skip{position:fixed;z-index:20;top:-120px;padding:16px;background:var(--paper);color:var(--navy);inset-inline-start:20px}.skip:focus{top:12px}.hero{padding-block:64px 40px}.hero-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:16px 64px}.hero-summary{max-width:580px}.intro{font-size:var(--subhead);font-weight:500;margin-bottom:18px}.hero-summary>p:not(.intro){color:var(--neutral)}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:14px 22px;background:var(--teal);color:var(--paper);border:0;border-radius:var(--radius);font-size:16px;font-weight:600;transition:transform .2s,opacity .2s}.navy .button{background:var(--cyan);color:var(--navy)}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.65;cursor:wait}.textlink{font-size:16px;text-decoration:underline;text-underline-offset:6px}.hero-product{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:stretch}.screen{display:block;overflow:hidden;background:var(--neutral);border-radius:var(--radius);position:relative}.screen img{width:100%;height:auto;transition:transform .5s}.screen:hover img{transform:scale(1.015)}.hero-screen{height:500px}.hero-screen img{object-position:top;object-fit:cover;height:100%;width:100%}.hero-rail{display:flex;flex-direction:column;gap:10px;font-size:16px}.hero-rail>span,.hero-rail>a{display:flex;align-items:center;justify-content:center;flex:1;padding:20px;background:var(--teal);color:var(--paper);border-radius:var(--radius);text-align:center}.hero-rail>span:nth-child(2){background:var(--neutral);color:var(--navy)}.hero-rail>span:nth-child(3){background:var(--paper);color:var(--navy)}.hero-rail>a{font-size:48px;background:var(--cyan);color:var(--navy)}.caption,figcaption{font-size:var(--small);margin-top:14px}.caption{color:var(--neutral)}.chapter{padding-block:110px;min-height:86svh;display:flex;align-items:center}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:58px}.section-head>p{max-width:54ch;padding-top:5px}.coverage-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px;align-items:center}.channel-controls{display:grid;gap:12px}.channel{color:var(--ink);background:var(--soft);border:0;text-align:start;padding:24px;border-radius:var(--radius);position:relative;transition:transform .2s}.channel>span:first-child{font-size:var(--subhead);font-weight:600;display:block;margin-bottom:8px}.channel-copy{font-size:16px;display:block;padding-inline-end:14px}.channel-arrow{position:absolute;inset-inline-end:20px;top:24px;font-size:24px}.channel[aria-pressed=true]{background:var(--teal);color:var(--paper)}.channel:hover{transform:translateX(3px)}.channel-figure .screen{aspect-ratio:1.25}.channel-figure img{height:100%;object-fit:cover;object-position:top}.teal{background:var(--teal);color:var(--paper)}.analysis-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.analysis-figure .screen{height:570px}.analysis-figure img{height:100%;object-fit:cover;object-position:top}.analysis-copy{display:grid;gap:42px}.analysis-copy p,.custom-layout p{margin-top:14px}.custom{background:var(--neutral)}.custom-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.custom-layout article+article{margin-top:36px}.custom-layout .button{margin-top:30px}.custom-layout .screen{height:490px}.custom-layout img{height:100%;object-fit:cover;object-position:top}.demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.demo-copy>p{margin-top:28px}.demo-logo{width:200px;height:auto;margin-block:34px}.demo-copy details{font-size:16px;max-width:50ch}.demo-copy summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}.demo-copy details p{margin-top:18px}.demo form{background:var(--soft);padding:36px;border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:16px;font-weight:500}input:not([type=checkbox]),textarea{display:block;width:100%;min-width:0;margin-block:8px 20px;padding:12px 14px;background:var(--paper);color:var(--navy);border:1px solid #8795A7;border-radius:4px;font-size:16px;line-height:1.5}textarea{resize:vertical;min-height:120px}input[type=checkbox]{accent-color:var(--teal);width:20px;height:20px;flex:none;margin:3px 0}.consent{display:flex;align-items:flex-start;gap:12px;font-weight:400}.form-note{font-size:var(--small);margin-bottom:20px}.consent+.form-note{margin-top:16px}#form-status{font-size:16px;margin-top:20px}#form-status:empty{display:none}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:56px}.footer-top>div>p{font-size:16px}.social{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px 40px;font-size:var(--small);color:var(--neutral)}small{font-size:inherit}dialog{max-width:min(96vw,1500px);width:96vw;max-height:94vh;border:0;padding:18px;background:var(--soft);border-radius:var(--radius)}dialog::backdrop{background:#0a0f1ee8}dialog img{width:100%;height:auto}.zoom-close{display:block;margin-inline-start:auto;margin-bottom:12px;background:var(--navy);color:var(--paper);border:0;border-radius:4px;padding:10px 18px;position:sticky;top:0;z-index:1}.reveal.arrived{animation:arrive .65s both}.hero-summary .reveal:nth-child(2){animation-delay:.08s}.hero-summary .reveal:nth-child(3){animation-delay:.16s}@keyframes arrive{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.wrap{max-width:1700px}}
@media(max-width:1050px){.navrow{gap:20px}.navrow nav{gap:16px}.navend{gap:20px}.login{display:none}.hero-copy{gap:32px}.hero-product{grid-template-columns:minmax(0,1fr) 120px}.hero-screen{height:400px}.hero-rail>span{font-size:14px;padding:12px}.section-head{gap:32px}.coverage-layout{grid-template-columns:280px minmax(0,1fr);gap:30px}.analysis-layout,.custom-layout{gap:32px}.analysis-figure .screen{height:520px}.demo-layout{gap:36px;grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.demo form{padding:26px}.footer-top{flex-wrap:wrap}.chapter{min-height:0;padding-block:80px}}
@media(max-width:700px){:root{--body:18px;--display:clamp(48px,12vw,72px);--heading:34px;--subhead:23px;--gutter:20px}.navrow{min-height:82px;gap:16px;flex-wrap:wrap;position:relative}.brand{width:125px}.menu{display:block;border:0;background:transparent;color:inherit;font-size:14px;margin-inline-start:auto;padding:10px 0}.navend{font-size:14px}.navrow nav{display:none;order:4;flex-basis:100%;margin:0;padding-bottom:24px;gap:20px;font-size:16px}.navrow nav.open{display:flex;flex-wrap:wrap}.hero{padding-block:34px 28px}.hero-copy{grid-template-columns:1fr;gap:26px;padding-block:8px 38px}.hero-copy h1{max-width:12ch}.hero-summary p{max-width:40ch}.intro{font-size:23px;margin-bottom:12px}.hero-product{grid-template-columns:1fr;gap:10px}.hero-screen{height:260px}.hero-rail{flex-direction:row;gap:6px}.hero-rail>span{font-size:14px;padding:12px 8px}.hero-rail>a{font-size:24px;flex:0 0 48px;padding:8px}.hero-rail>span:nth-child(3){display:none}.actions{gap:20px}.button{font-size:16px;padding:13px 18px}.caption,figcaption{line-height:1.5}.chapter{padding-block:64px}.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:32px}h2{max-width:19ch}.coverage-layout,.analysis-layout,.custom-layout,.demo-layout{grid-template-columns:1fr;gap:30px}.channel{padding:20px}.channel-controls{gap:8px}.channel-copy{font-size:16px}.channel-figure .screen{aspect-ratio:1.15}.analysis-figure .screen{height:350px}.analysis-copy{gap:28px}.custom-layout .screen{height:350px}.demo form{padding:24px 20px}.demo-logo{width:160px;margin-block:24px}.footer-top{display:grid;gap:30px;padding-block:42px}.social{gap:22px}.footer-top .button{justify-self:start}.footer-bottom{flex-direction:column;gap:12px}.form-grid{gap:0}dialog{padding:12px;max-height:90vh}.zoom-close{font-size:16px}.screen img{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.screen:hover img{transform:none}}
.trap{position:absolute;left:auto;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.hero-rail>a{font-size:28px}
@media(max-width:700px){html[lang=en] h1{font-size:46px}.hero-rail>a{font-size:24px}}

.hero-rail>a{font-size:20px}