@font-face{font-family:Cairo;src:url("fonts/Cairo-Regular.ttf") format("truetype");font-weight:200 699;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("fonts/Cairo-Bold.ttf") format("truetype");font-weight:700 1000;font-style:normal;font-display:swap}
:root{color-scheme:dark;--black:#030303;--surface:#080808;--raised:#0e0e0f;--line:#272729;--text:#f6f6f6;--muted:#aaa9ad;--brand:#b00008;--brand-hover:#c80008;--brand-bright:#e81028;--brand-highlight:#f83040}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--text);font-family:Cairo,Arial,Tahoma,sans-serif;font-synthesis:none;line-height:1.8;overflow-x:hidden}
button,input{font:inherit}
a{color:inherit}
img{max-width:100%;display:block}
.skip-link{position:fixed;z-index:100;top:10px;right:10px;padding:8px 14px;background:var(--brand);color:#fff;transform:translateY(-150%);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;z-index:20;top:0;min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:12px max(24px,calc((100vw - 1180px)/2));background:rgba(3,3,3,.9);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:800;white-space:nowrap}
.brand img{object-fit:contain}
.desktop-nav{display:flex;justify-content:center;gap:24px}
.desktop-nav a,footer nav a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .18s ease}
.desktop-nav a:hover,.desktop-nav a:focus-visible,footer nav a:hover,footer nav a:focus-visible{color:var(--text)}
.header-support{justify-self:end;padding:9px 19px;background:var(--brand);border-radius:11px;color:#fff;text-decoration:none;font-weight:700;transition:background .18s ease,transform .18s ease}
.header-support:hover,.header-support:focus-visible{background:var(--brand-hover);transform:translateY(-1px)}
.menu-button,.mobile-menu{display:none}
main{display:block}
.hero{position:relative;min-height:720px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);align-items:center;gap:64px;padding:64px max(32px,calc((100vw - 1180px)/2)) 70px;background:radial-gradient(circle at 78% 35%,rgba(176,0,8,.13),transparent 32%)}
.connection-line{position:absolute;right:max(12px,calc((100vw - 1300px)/2));top:35px;width:2px;height:730px;background:linear-gradient(var(--brand-highlight),var(--brand) 45%,rgba(176,0,8,.02))}
.hero-copy{position:relative;z-index:2}
.eyebrow{margin:0 0 8px;color:var(--brand-highlight);font-size:13px;font-weight:700;letter-spacing:.025em}
h1,h2,h3,p{margin-top:0}
h1{max-width:720px;margin-bottom:18px;font-size:clamp(44px,6vw,82px);line-height:1.2;letter-spacing:-.055em}
h2{margin-bottom:14px;font-size:clamp(30px,4vw,50px);line-height:1.35;letter-spacing:-.035em}
h3{margin-bottom:8px;font-size:20px;line-height:1.5}
p{color:var(--muted)}
.hero-lead{max-width:700px;font-size:18px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:27px}
.action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 19px;border-radius:12px;text-decoration:none;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.action:hover,.action:focus-visible{transform:translateY(-1px)}
.action-primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}
.action-primary:hover,.action-primary:focus-visible{background:var(--brand-hover);border-color:var(--brand-hover)}
.action-secondary{background:#111;border:1px solid #38383a;color:var(--text)}
.action-secondary:hover,.action-secondary:focus-visible{background:#181819;border-color:#555}
.account-support-note{display:flex;align-items:center;gap:9px;margin-top:19px;font-size:12px;color:#d0cfd1}
.account-support-note span{width:8px;height:8px;border-radius:50%;background:var(--brand-bright)}
.product-showcase{position:relative;z-index:2;direction:ltr;display:flex;flex-direction:column;align-items:center}
.phone-frame{position:relative;width:min(300px,78vw);aspect-ratio:9/19.7;padding:25px 9px 9px;background:#242426;border-radius:42px;box-shadow:0 34px 90px rgba(0,0,0,.65)}
.phone-speaker{position:absolute;z-index:4;top:10px;left:50%;width:64px;height:7px;border-radius:999px;background:#3a3a3c;transform:translateX(-50%)}
.slides{position:relative;width:100%;height:100%;overflow:hidden;border-radius:30px;background:#000}
.slide{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(16px);transition:opacity .38s ease,transform .38s ease;background:#000}
.slide.is-active{opacity:1;transform:none}
.slide img{width:100%;height:100%;object-fit:cover;object-position:top center}
.slide figcaption{position:absolute;right:14px;bottom:14px;padding:5px 10px;border-radius:8px;background:rgba(0,0,0,.76);color:#fff;font-size:11px;direction:rtl}
.app-demo{position:absolute;inset:0;direction:rtl;overflow:hidden;background:#050506;color:#fff}
.demo-status{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;font-weight:700;direction:ltr}
.demo-avatar{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #e81028;border-radius:50%;background:#18181b;color:#fff;font-weight:800}
.inbox-demo{padding-bottom:50px;background:#030303}.inbox-head{display:flex;align-items:center;gap:9px;padding:11px 15px}.inbox-head div{display:flex;flex:1;flex-direction:column}.inbox-head strong{font-size:14px}.inbox-head small{color:#969599;font-size:8px}.inbox-head b{width:34px;height:34px;display:grid;place-items:center;border:1px solid #343438;border-radius:50%;font-size:14px}
.demo-search{height:40px;display:flex;align-items:center;justify-content:space-between;margin:8px 15px 15px;padding:0 14px;border:1px solid #343438;border-radius:20px;color:#8f8e92;font-size:10px}.demo-search span{font-size:19px;color:#c3c2c5}
.story-row{display:flex;gap:12px;padding:0 15px 16px;border-bottom:1px solid #222225}.story-row span{width:52px;height:52px;display:grid;place-items:center;border:2px solid #b00008;border-radius:50%;background:#141416;font-size:8px;text-align:center}.story-row span:first-child{border-style:dashed;color:#ccc}
.inbox-title{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 7px}.inbox-title strong{font-size:18px}.inbox-title span{color:#929195;font-size:8px}.demo-chats{padding:0 15px}.demo-chats>div{display:flex;align-items:center;gap:10px;min-height:70px;border-bottom:1px solid #1f1f22}.demo-chats i{width:43px;height:43px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #343438;border-radius:50%;background:#151518;font-style:normal;font-weight:700}.demo-chats .brand-avatar{border-color:#b00008;color:#fff;font-size:9px}.demo-chats p{display:flex;min-width:0;flex:1;flex-direction:column;margin:0}.demo-chats strong{font-size:12px}.demo-chats small{overflow:hidden;color:#9a999d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.demo-chats time{align-self:flex-start;padding-top:17px;color:#8c8b8f;font-size:7px;direction:rtl}.demo-tabs{position:absolute;left:0;right:0;bottom:0;height:52px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #2b2b2f;background:#09090b;direction:ltr}.demo-tabs span{color:#8c8b90;font-size:20px}.demo-tabs .active{color:#fff;border-bottom:2px solid #e81028}
.conversation-demo{background:radial-gradient(circle at 50% 48%,rgba(176,0,8,.08),transparent 38%),#0e0f11}.conversation-head{height:68px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #29292d;background:#030303}.conversation-head>b{font-size:26px}.conversation-head div{display:flex;min-width:0;flex:1;flex-direction:column}.conversation-head strong{font-size:13px}.conversation-head small{color:#a2a1a5;font-size:8px}.conversation-head>span:not(.demo-avatar){width:30px;height:30px;display:grid;place-items:center;border:1px solid #343438;border-radius:50%;font-size:13px}.conversation-day{width:max-content;margin:15px auto 11px;padding:3px 10px;border-radius:10px;background:#1c1c1f;color:#a9a8ac;font-size:8px}.bubble{position:relative;width:77%;margin:10px 12px;padding:12px 13px 27px;border:1px solid #343438;border-radius:17px;color:#f4f4f5;font-size:11px;line-height:1.8}.bubble small{position:absolute;right:13px;bottom:7px;color:#8f8e92;font-size:7px}.bubble.received{margin-left:auto;border-top-right-radius:5px;background:#151518}.bubble.sent{margin-right:auto;border-color:#4a272a;border-top-left-radius:5px;background:#21090b}.bubble.sent small{right:auto;left:13px}.conversation-compose{position:absolute;left:9px;right:9px;bottom:12px;height:48px;display:flex;align-items:center;gap:8px;direction:ltr}.conversation-compose>span{width:40px;height:40px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #343438;border-radius:50%;background:#09090b}.conversation-compose p{height:42px;display:flex;flex:1;align-items:center;margin:0;padding:0 15px;border:1px solid #343438;border-radius:22px;color:#8d8c90;font-size:9px;direction:rtl}
.video-demo{background:radial-gradient(circle at 50% 37%,#29292d 0,#111114 34%,#050506 72%)}
.call-heading{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding-top:18px}
.call-heading strong{font-size:20px}.call-heading span{color:#c4c3c6;font-size:11px}
.video-person{position:absolute;left:50%;top:30%;width:170px;height:220px;transform:translateX(-50%)}
.person-head{position:absolute;top:0;left:50%;width:88px;height:88px;border-radius:50%;background:linear-gradient(145deg,#77777d,#2a2a2e);transform:translateX(-50%);box-shadow:0 0 0 2px #424247}
.person-body{position:absolute;left:0;bottom:0;width:100%;height:132px;border-radius:90px 90px 24px 24px;background:linear-gradient(145deg,#55555b,#202024)}
.self-view{position:absolute;top:108px;left:14px;width:76px;height:110px;border:1px solid #48484d;border-radius:15px;background:linear-gradient(150deg,#2b2b30,#0b0b0d);box-shadow:0 8px 28px #000;overflow:hidden}
.self-view span{position:absolute;left:50%;bottom:-25px;width:58px;height:82px;border-radius:50% 50% 25% 25%;background:#4d4d53;transform:translateX(-50%)}
.call-quality{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);color:#b9b8bc;font-size:10px;white-space:nowrap}
.call-controls{position:absolute;left:16px;right:16px;bottom:47px;display:flex;justify-content:space-between;direction:ltr}
.call-controls span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #48484d;border-radius:50%;background:rgba(23,23,26,.92);font-size:19px}
.call-controls .hangup{border-color:#b00008;background:#b00008;transform:rotate(-45deg)}
.story-demo{background:linear-gradient(155deg,#09090a 10%,#250307 47%,#050506 100%)}
.story-progress{position:absolute;z-index:3;top:12px;left:10px;right:10px;display:flex;gap:4px;direction:ltr}
.story-progress span{height:2px;flex:1;border-radius:4px;background:rgba(255,255,255,.3)}.story-progress span:first-child{background:#fff}
.story-head{position:absolute;z-index:3;top:27px;left:14px;right:14px;display:flex;align-items:center;gap:9px}
.story-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e81028;border-radius:50%;background:#0b0b0c;font-weight:800}.story-head div{display:flex;flex:1;flex-direction:column}.story-head strong{font-size:12px}.story-head small{color:#c6c5c8;font-size:8px}.story-head b{font-size:21px;font-weight:400}
.story-scene{position:absolute;inset:0;overflow:hidden}.story-orbit{position:absolute;left:50%;top:31%;width:300px;height:300px;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}.story-glow{position:absolute;left:50%;top:38%;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#ff6775,#e81028 35%,#6f0006 72%);transform:translateX(-50%);box-shadow:0 0 70px rgba(232,16,40,.42)}
.story-line{position:absolute;right:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(-12deg)}.story-line.one{top:35%}.story-line.two{top:45%;opacity:.65}.story-line.three{top:55%;opacity:.35}
.story-message{position:absolute;z-index:2;left:22px;right:22px;bottom:116px;display:flex;flex-direction:column;text-align:center;text-shadow:0 2px 12px #000}.story-message strong{font-size:25px}.story-message span{font-size:12px;color:#e7e6e8}
.story-reply{position:absolute;z-index:3;left:15px;right:15px;bottom:42px;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:1px solid rgba(255,255,255,.45);border-radius:25px;color:#d1d0d3;font-size:11px}.story-reply span{font-size:21px;color:#fff}
.carousel-controls{display:flex;align-items:center;gap:14px;margin-top:16px}
.carousel-arrow{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #373739;border-radius:50%;background:#0b0b0c;color:#fff;cursor:pointer;font-size:23px;line-height:1}
.carousel-arrow:hover,.carousel-arrow:focus-visible{border-color:var(--brand-bright);color:var(--brand-highlight)}
.carousel-dots{display:flex;gap:9px}
.carousel-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#515154;cursor:pointer;transition:background .18s ease,transform .18s ease}
.carousel-dot.is-active{background:var(--brand-bright);transform:scale(1.25)}
.section{width:min(1180px,calc(100% - 64px));margin-inline:auto;padding:86px 0}
.section-heading{max-width:730px}
.section-intro{max-width:850px;font-size:20px}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end;border-bottom:1px solid var(--line)}
.wide-heading{max-width:none;display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}
.wide-heading>p{max-width:430px}
.features{width:100%;padding-inline:max(32px,calc((100vw - 1180px)/2));background:var(--surface)}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.feature-item{min-height:210px;padding:23px 19px;background:var(--raised);border-top:2px solid #2d2d30}
.feature-item.featured{border-color:var(--brand-bright)}
.feature-mark{display:block;margin-bottom:35px;color:var(--brand-highlight);font-size:12px;font-weight:800}
.feature-item p{margin-bottom:0;font-size:13px}
.registration{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.registration-copy{position:sticky;top:110px}
.registration-list{list-style:none;margin:0;padding:0;counter-reset:none}
.registration-list li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}
.registration-list li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#210507;color:var(--brand-highlight);font-weight:800}
.registration-list p{margin-bottom:0}
.download{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;padding-inline:40px;background:linear-gradient(135deg,#130405,#080808);border-right:3px solid var(--brand)}
.download>div:first-child p:last-child{max-width:640px}
.download-action{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}
.action-large{min-height:58px;font-size:18px}
.download-action span{color:var(--muted);font-size:12px}
.checksum{color:var(--muted);font-size:12px;text-align:right}
.checksum summary{cursor:pointer;text-align:center}
.checksum code{display:block;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#080808;color:#bcbcbc;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:all}
.support{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line)}
.support-copy .action{margin-top:10px}
.developer{max-width:900px;margin-inline:auto;text-align:center}
.developer p:last-child{font-size:18px}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;padding:28px max(24px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);background:#050505}
footer nav{display:flex;gap:18px}
footer>p{justify-self:end;margin:0;font-size:12px}
.footer-brand{justify-self:start}
:focus-visible{outline:3px solid rgba(248,48,64,.55);outline-offset:3px}
@media(max-width:980px){.desktop-nav{display:none}.site-header{grid-template-columns:auto 1fr auto auto}.menu-button{display:grid;width:44px;height:44px;place-content:center;gap:6px;border:1px solid #333;border-radius:11px;background:#0d0d0e}.menu-button span{display:block;width:20px;height:2px;background:#fff}.mobile-menu{position:absolute;top:68px;left:16px;right:16px;padding:12px;background:#101011;border:1px solid #303033;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{padding:11px;border-bottom:1px solid #252527;text-decoration:none}.hero{grid-template-columns:1fr 340px;gap:35px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-item:last-child{grid-column:span 2}}
@media(max-width:760px){.site-header{min-height:68px;padding:10px 15px;gap:10px}.brand span{font-size:18px}.brand img{width:42px;height:42px}.header-support{padding:8px 14px}.hero{grid-template-columns:1fr;min-height:auto;padding:46px 24px 60px;gap:45px}.connection-line{right:9px;height:670px}.hero-copy{text-align:right}.hero-actions{align-items:stretch}.hero-actions .action{flex:1 1 145px}.product-showcase{margin-top:5px}.phone-frame{width:min(288px,78vw)}.section{width:calc(100% - 40px);padding:62px 0}.about,.registration,.support,.download{grid-template-columns:1fr;gap:28px}.wide-heading{display:block}.wide-heading>p{max-width:none}.features{width:100%;padding-inline:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature-item:last-child{grid-column:auto}.registration-copy{position:static}.download{width:calc(100% - 32px);padding:34px 24px}.support{gap:14px}footer{grid-template-columns:1fr;text-align:center}footer nav{justify-content:center;flex-wrap:wrap}.footer-brand,footer>p{justify-self:center}}
@media(max-width:460px){h1{font-size:42px}.feature-grid{grid-template-columns:1fr}.feature-item{min-height:auto}.header-support{font-size:13px}.menu-button{width:40px;height:40px}.section-intro,.developer p:last-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.action,.header-support,.carousel-dot{transition:none}}