:root{--ink:#102f3c;--muted:#4e6873;--teal:#08777c;--mint:#5ae0cc;--line:#dbe7e9;--paper:#f5f9f9;--radius:22px;color-scheme:light;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35}p{line-height:1.9}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;inset-inline-start:20px;background:var(--ink);color:#fff;padding:12px 20px;z-index:20}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{display:inline-flex;justify-content:center;align-items:center;gap:1px;width:48px;height:48px;border-radius:14px;background:var(--ink);color:var(--mint);font-family:system-ui,sans-serif;font-size:24px;font-weight:600;direction:ltr}.brand-symbol i{font-style:normal;color:white;font-size:22px}.brand b{display:block;font-size:23px;line-height:1.35}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.header nav,.header-actions{display:flex;align-items:center;gap:24px}.header nav a{font-size:14px;font-weight:500}.header nav a:hover,.text-link:hover{color:var(--teal)}.header-actions{gap:18px}.language-switch{display:flex;align-items:center;gap:3px;direction:ltr;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px}.language-switch a{font-size:12px;padding:6px 9px;border-radius:7px}.language-switch [aria-current]{background:var(--ink);color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:10px;font-size:15px;font-weight:600;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:#08656a}.button.small{min-height:42px;padding:9px 15px;font-size:13px;gap:16px}.outline{border-color:var(--line);background:white}.light{background:var(--mint);color:var(--ink)}.hero{padding-block:78px 86px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:46px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--teal);margin-bottom:18px}.hero h1{font-size:clamp(35px,3.8vw,53px);font-weight:600;letter-spacing:-.025em;line-height:1.38}.hero em{font-style:normal;color:var(--teal)}.intro{font-size:17px;color:var(--muted);margin-top:23px;max-width:550px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:12px}.activation{font-size:12px;color:var(--muted);margin-top:18px;max-width:430px}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.pills span{font-size:11px;font-weight:500;border:1px solid var(--line);border-radius:30px;padding:5px 12px}.hero-product{overflow:hidden;border:1px solid #cbdbdf;border-radius:var(--radius);background:white;box-shadow:0 22px 64px #102f3c13;transform:rotate(-1deg)}[dir=rtl] .hero-product{transform:rotate(1deg)}.product-bar{display:flex;align-items:center;gap:8px;padding:13px 18px;font-size:12px;border-bottom:1px solid var(--line);background:#edf5f5}.product-bar>span:last-child{margin-inline-start:auto;color:var(--muted);font-size:10px}.dot{background:#13a188;width:7px;height:7px;border-radius:50%}.hero-product figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:13px 16px;color:var(--muted);font-size:10px}.tour{padding-bottom:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:54px;margin-bottom:34px}.section-heading>div{max-width:660px}.section-heading>p{max-width:420px;color:var(--muted);font-size:14px}.section-heading h2,.sharing h2,.faq h2,.cta h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.015em}.section-heading .eyebrow{margin-bottom:10px}.showcase{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);display:flex;flex-direction:column}.showcase-copy{padding:28px 30px}.index{display:block;direction:ltr;text-align:start;color:var(--teal);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:12px}[dir=rtl] .index{text-align:right}.showcase h3{font-size:24px;font-weight:600;margin-bottom:12px}.showcase p{font-size:14px;color:var(--muted)}.screen-link{display:block;border-top:1px solid var(--line);margin-top:auto;background:white}.screen-link img{width:100%;transition:opacity .15s}.screen-link:hover img{opacity:.92}.lead-showcase{display:grid;grid-template-columns: .7fr 1.3fr;align-items:center;margin-bottom:24px}.lead-showcase .screen-link{border-top:0;border-inline-start:1px solid var(--line);margin:0;height:100%;display:flex;align-items:center}.lead-showcase .text-link{margin-top:24px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.features{background:var(--paper);padding-block:76px;border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px}.feature-grid article{padding:26px 23px;border-inline-start:1px solid var(--line)}.feature-grid article:nth-child(4n+1){border-inline-start:0}.feature-grid article:nth-child(n+5){border-top:1px solid var(--line)}.feature-number{display:inline-flex;font-size:12px;color:var(--teal);font-weight:600;border-bottom:2px solid var(--mint);padding-bottom:4px;margin-bottom:20px}.feature-grid h3{font-size:18px;margin-bottom:13px}.feature-grid p{font-size:13px;color:var(--muted);line-height:1.9}.sharing{display:grid;grid-template-columns:1fr 1fr;gap:76px;padding-block:88px}.sharing h2{white-space:pre-line}.sharing-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:22px}.channels{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-start;margin-top:27px}.channels span{font:600 12px system-ui,sans-serif;padding:9px 14px;border-radius:7px;background:#edf8f5;color:#176553}.sharing-details article{display:flex;gap:19px;padding-block:23px;border-bottom:1px solid var(--line)}.sharing-details article:first-child{padding-top:0}.sharing-details article>span{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--teal)}.sharing-details h3{font-size:20px;margin-bottom:8px}.sharing-details p{font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:.55fr 1fr;gap:76px;padding-block:22px 82px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:16px;line-height:1.6}summary::marker{color:var(--teal)}.faq details p{font-size:14px;color:var(--muted);margin-top:14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 50px;background:var(--ink);color:white;border-radius:var(--radius)}.cta h2{font-size:32px}.cta p{color:#bfd8da;margin-top:12px;font-size:15px}.cta .button{white-space:nowrap}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:42px}.footer p{font-size:11px;color:var(--muted)}.footer>span{font-size:10px;color:var(--muted)}
@media(min-width:1450px){.hero{padding-block:100px}.hero h1{font-size:54px}}
@media(max-width:1100px){.header nav{gap:14px}.header-actions{gap:10px}.header .brand small{display:none}.hero{gap:30px;grid-template-columns:1fr 1.05fr}.hero h1{font-size:37px}.hero-actions{flex-wrap:wrap;gap:17px}.section-heading{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(2n+1){border-inline-start:0}.feature-grid article:nth-child(n+3){border-top:1px solid var(--line)}.sharing,.faq{gap:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{min-height:92px;flex-wrap:wrap;gap:16px;padding-block:18px}.header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:15px}.header-actions{margin-inline-start:auto}.hero{grid-template-columns:1fr;padding-block:52px 64px;gap:38px}.hero-copy{max-width:620px}.hero h1{font-size:45px}.hero-product{transform:none!important}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading>p{max-width:620px}.lead-showcase{grid-template-columns:1fr}.lead-showcase .screen-link{border-inline-start:0;border-top:1px solid var(--line)}.showcase-grid{gap:18px}.showcase-copy{padding:22px}.showcase h3{font-size:21px}.sharing{grid-template-columns:1fr;gap:38px;padding-block:64px}.faq{grid-template-columns:1fr;gap:26px}.cta{padding:36px;align-items:start;flex-direction:column;gap:24px}.footer{flex-wrap:wrap;gap:22px}.footer p{flex:1}.tour{padding-bottom:60px}.features{padding-block:58px}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.brand-symbol{width:39px;height:39px;font-size:21px;border-radius:11px}.brand b{font-size:22px}.brand{gap:8px}.header{gap:12px}.header .button{font-size:12px;padding:8px 10px;gap:8px}.language-switch a{padding:5px 7px;font-size:11px}.header-actions{gap:7px}.hero h1{font-size:36px}.intro{font-size:16px}.hero-actions{gap:18px}.hero-product figcaption{font-size:9px;gap:8px}.showcase-grid{grid-template-columns:1fr}.showcase-copy{padding:24px}.section-heading h2,.sharing h2,.faq h2{font-size:29px}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-inline-start:0;padding:24px 2px}.feature-grid article:nth-child(n+2){border-top:1px solid var(--line)}.feature-grid h3{font-size:20px}.feature-grid p{font-size:14px}.feature-number{margin-bottom:12px}.cta{padding:30px 25px}.cta h2{font-size:27px}.footer{align-items:start}.footer p{min-width:180px}.footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
