:root{--bg:#080b14;--bg-alt:#0b0f1b;--surface:#111625;--surface-raised:#171d2d;--text:#f5f7fb;--muted:#9ba4b5;--faint:#697386;--line:rgba(255,255,255,.09);--accent:#5d83ff;--accent-strong:#7596ff;--cyan:#43d5c6;--header:rgba(8,11,20,.84);--shadow:0 32px 90px rgba(0,0,0,.38)}
html[data-theme="light"]{--bg:#f5f7fb;--bg-alt:#edf1f7;--surface:#fff;--surface-raised:#e8edf5;--text:#101522;--muted:#5d687a;--faint:#8790a0;--line:rgba(16,21,34,.11);--accent:#315fd8;--accent-strong:#244ebc;--cyan:#168f84;--header:rgba(245,247,251,.86);--shadow:0 30px 80px rgba(34,46,68,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden;transition:background .25s,color .25s}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-60px;inset-inline-start:18px;z-index:500;padding:10px 16px;border-radius:7px;background:var(--accent);color:#fff;font-weight:800}.skip-link:focus{top:14px}.section-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--accent)}
.site-header{height:78px;position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(18px)}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.brand-mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-8deg)}.brand-mark i{display:block;width:5px;border-radius:20px;background:var(--accent)}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:16px}.brand-name{font-size:17px}.brand-name-ar{padding-inline-start:10px;border-inline-start:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{position:relative;padding:29px 0;color:var(--muted);font-size:13px;font-weight:650;transition:.2s}.main-nav a:after{content:"";position:absolute;right:0;bottom:-1px;width:0;height:2px;background:var(--accent);transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:8px}.control-button,.menu-button{width:39px;height:39px;border:1px solid var(--line);border-radius:8px;background:transparent;display:grid;place-items:center;cursor:pointer;transition:.2s}.control-button:hover,.menu-button:hover{background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.language-button{font-size:11px;font-weight:850}.theme-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}html[data-theme="light"] .sun-icon{display:none}html[data-theme="light"] .moon-icon{display:block}.header-button{height:39px;padding:0 17px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;font-size:12px;font-weight:800;transition:.2s}.header-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.menu-button{display:none;gap:5px;align-content:center}.menu-button span{width:17px;height:1.5px;background:currentColor;transition:.2s}.menu-button.open span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.hero{min-height:100vh;padding:150px 0 0;background:radial-gradient(circle at 82% 20%,rgba(93,131,255,.13),transparent 31rem),linear-gradient(to bottom,var(--bg),var(--bg-alt))}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;padding-bottom:78px}.eyebrow{margin:0 0 22px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.eyebrow span{width:28px;height:2px;background:var(--accent)}.hero h1{margin:0;font-size:clamp(48px,5vw,70px);line-height:1.15;letter-spacing:-.045em;font-weight:760}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--accent);font-weight:800}.hero-description{max-width:590px;margin:27px 0 31px;color:var(--muted);font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary-button{height:50px;padding:0 20px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-2px)}.primary-button i{font-size:18px;font-style:normal}.build-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:650}.build-status>i{width:7px;height:7px;border-radius:50%;background:#f6b94d;box-shadow:0 0 0 4px rgba(246,185,77,.1)}
.dashboard-preview{position:relative;min-height:480px;display:grid;place-items:center}.preview-frame{width:min(680px,100%);height:422px;position:relative;z-index:2;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);display:grid;grid-template-columns:138px 1fr}.preview-sidebar{padding:17px 12px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column}.preview-logo{display:flex;align-items:center;gap:5px;padding:0 8px 19px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em}.preview-logo span{color:var(--accent);font-size:19px}.sidebar-links{display:flex;flex-direction:column;gap:5px;padding-top:15px}.sidebar-links>span{height:34px;padding:0 9px;border-radius:7px;color:var(--faint);display:flex;align-items:center;gap:9px;font-size:8px}.sidebar-links>span.selected{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.sidebar-links i{width:12px;height:12px;border:1px solid currentColor;border-radius:3px}.sidebar-links>span:nth-child(2) i{border-radius:50%}.sidebar-links>span:nth-child(3) i{transform:rotate(45deg);border-radius:2px}.sidebar-links>span:nth-child(4) i{border-radius:50% 50% 4px 4px}.sidebar-profile{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.sidebar-profile>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#754acb);color:#fff;font-size:8px;font-weight:800}.sidebar-profile div{display:flex;flex-direction:column;gap:2px}.sidebar-profile b{font-size:8px}.sidebar-profile small{font-size:6px;color:var(--faint)}.preview-main{padding:20px}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-header small{color:var(--faint);font-size:7px}.preview-header h3{margin:3px 0 0;font-size:14px}.preview-header button{height:29px;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--cyan) 8%,transparent);color:var(--cyan);display:flex;align-items:center;gap:6px;font-size:7px;font-weight:750}.preview-header button i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.platform-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.platform{height:50px;padding:0 9px;position:relative;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 48%,transparent);display:flex;align-items:center;gap:8px}.platform>span{width:25px;height:25px;border-radius:6px;background:var(--surface-raised);display:grid;place-items:center;font-size:8px;font-weight:850}.platform.active>span{color:#111;background:#63e36e}.platform div{display:flex;flex-direction:column;gap:2px}.platform b{font-size:8px}.platform small{color:var(--faint);font-size:6px}.platform.active small{color:var(--cyan)}.platform>i{width:6px;height:6px;border-radius:50%;background:var(--cyan);position:absolute;inset-inline-end:9px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.stats-grid article{min-height:90px;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 36%,transparent);display:flex;flex-direction:column}.stats-grid small{color:var(--faint);font-size:7px}.stats-grid strong{margin-top:7px;font-size:16px}.status-line{margin-top:auto;color:var(--faint);display:flex;align-items:center;gap:5px}.status-line i{width:5px;height:5px;border-radius:50%;background:#78808f}.status-line b,.positive{font-size:6px;font-weight:650}.positive{margin-top:auto;color:var(--cyan)}.activity-card{height:135px;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 36%,transparent)}.activity-head{display:flex;align-items:center;justify-content:space-between}.activity-head div{display:flex;flex-direction:column;gap:3px}.activity-head small{font-size:7px;color:var(--faint)}.activity-head b{font-size:8px}.activity-head>span{color:var(--faint);font-size:8px}.chart{height:79px;margin-top:10px;padding:0 5px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 1px,transparent 1px,transparent 25px)}.chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--accent) 45%,transparent),var(--accent));opacity:.8}.preview-note{position:absolute;z-index:3;bottom:5px;inset-inline-end:5%;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--faint);font-size:7px;box-shadow:0 12px 25px rgba(0,0,0,.22)}
.facts-row{padding:23px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.facts-row>div{padding-inline:24px;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.facts-row>div:first-child{padding-inline-start:0;border:0}.facts-row small{color:var(--faint);font-size:9px}.facts-row b{font-size:12px;font-weight:700}
.product-section{padding:120px 0;background:var(--bg)}.section-heading{display:grid;grid-template-columns:.6fr .9fr 1fr;gap:45px;align-items:end;margin-bottom:48px}.section-heading>div p,.problem-copy>p:first-of-type,.contact-box>div:first-child>p{margin:12px 0 0;color:var(--muted);font-size:12px;font-weight:750}.section-heading h2,.problem-copy h2,.contact-box h2{margin:0;font-size:clamp(34px,3.8vw,54px);line-height:1.25;letter-spacing:-.035em}.section-heading>p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-card{min-height:315px;padding:32px;position:relative;border-inline-start:1px solid var(--line)}.product-card:first-child{border:0}.card-number{position:absolute;top:28px;inset-inline-end:28px;color:var(--faint);font-size:9px;font-weight:800}.card-icon{width:42px;height:42px;margin-bottom:34px;position:relative}.card-icon i{position:absolute;bottom:0;width:7px;border-radius:4px;background:var(--accent)}.card-icon i:nth-child(1){height:16px;inset-inline-start:4px}.card-icon i:nth-child(2){height:34px;inset-inline-start:17px}.card-icon i:nth-child(3){height:24px;inset-inline-start:30px}.card-icon.nodes i{width:11px;height:11px;border-radius:50%;background:transparent;border:2px solid var(--accent)}.card-icon.nodes i:nth-child(1){top:0;left:15px}.card-icon.nodes i:nth-child(2){bottom:0;left:0}.card-icon.nodes i:nth-child(3){bottom:0;left:30px}.card-icon.nodes:before,.card-icon.nodes:after{content:"";position:absolute;width:25px;height:1px;top:25px;background:var(--accent)}.card-icon.nodes:before{left:1px;transform:rotate(-47deg)}.card-icon.nodes:after{right:1px;transform:rotate(47deg)}.card-icon.rings i{width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;background:transparent;top:7px;left:7px}.card-icon.rings i:nth-child(2){width:18px;height:18px;top:12px;left:12px}.card-icon.rings i:nth-child(3){width:7px;height:7px;top:17px;left:17px;background:var(--accent)}.product-card h3{margin:0 0 13px;font-size:20px}.product-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.product-card>small{position:absolute;bottom:31px;color:var(--faint);font-size:9px;font-weight:700}
.problem-section{padding:120px 0;background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px}.problem-copy h2{margin-top:16px}.problem-copy>p:last-child{max-width:500px;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.85}.problem-list{border-top:1px solid var(--line)}.problem-list article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}.problem-list article>span{color:var(--accent);font-size:10px;font-weight:850}.problem-list h3{margin:0 0 7px;font-size:16px}.problem-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.roadmap-section{padding:120px 0}.roadmap-list{border-top:1px solid var(--line)}.roadmap-list article{min-height:135px;padding:28px 0;display:grid;grid-template-columns:65px 1fr auto;gap:26px;align-items:start;border-bottom:1px solid var(--line)}.roadmap-index{position:relative;min-height:80px}.roadmap-index span{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--faint);font-size:9px;font-weight:800}.roadmap-index i{position:absolute;top:42px;right:18px;width:1px;height:65px;background:var(--line)}.roadmap-list article.current .roadmap-index span{color:#fff;background:var(--accent);border-color:var(--accent)}.roadmap-list article.current .roadmap-index i{background:linear-gradient(var(--accent),var(--line))}.roadmap-list article small{color:var(--faint);font-size:9px}.roadmap-list h3{margin:5px 0 8px;font-size:18px}.roadmap-list p{margin:0;color:var(--muted);font-size:13px}.roadmap-list article>b{padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:var(--faint);font-size:9px}.roadmap-list article.current>b{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
.contact-section{padding:20px 0 110px}.contact-box{padding:65px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 6%,var(--surface)));display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end;box-shadow:var(--shadow)}.contact-box h2{margin-top:15px}.contact-details p{margin:0 0 25px;color:var(--muted);font-size:14px;line-height:1.85}.copy-contact i{color:#dfe7ff;font-size:11px;letter-spacing:.08em}.site-footer{padding:28px 0 35px;border-top:1px solid var(--line)}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px}.footer-brand{display:flex;align-items:center;gap:8px}.brand-mark.small{width:24px;height:24px}.brand-mark.small i{width:4px}.brand-mark.small i:nth-child(1){height:8px}.brand-mark.small i:nth-child(2){height:18px}.brand-mark.small i:nth-child(3){height:12px}.footer-brand b{color:var(--text);letter-spacing:.08em}.footer-brand>span:last-child{padding-inline-start:9px;border-inline-start:1px solid var(--line)}.footer-content p{margin:0}.footer-content strong{color:var(--text)}.toast{position:fixed;z-index:200;bottom:24px;left:50%;transform:translate(-50%,18px);padding:11px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}html[dir="ltr"] .primary-button i{transform:rotate(180deg)}
@media(max-width:1020px){.main-nav{position:absolute;top:68px;inset-inline:24px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 13px;border-radius:6px}.main-nav a:after{display:none}.main-nav a.active{background:var(--surface-raised)}.menu-button{display:grid}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{max-width:780px;margin:auto}.eyebrow,.hero-actions{justify-content:center}.hero-description{margin-inline:auto}.dashboard-preview{width:min(760px,100%);margin:auto}.section-heading{grid-template-columns:1fr 1fr}.section-heading>p{grid-column:2}.product-grid{grid-template-columns:1fr}.product-card{min-height:245px;border-inline-start:0;border-top:1px solid var(--line)}.product-card:first-child{border-top:0}.problem-grid{grid-template-columns:1fr;gap:55px}.contact-box{grid-template-columns:1fr;gap:35px}}
@media(max-width:680px){.container{width:min(100% - 28px,1200px)}.site-header{height:68px}.brand-name-ar,.header-button{display:none}.main-nav{top:58px;inset-inline:14px}.hero{padding-top:118px}.hero-grid{padding-bottom:60px}.hero h1{font-size:clamp(39px,11vw,54px)}.hero-description{font-size:14px}.dashboard-preview{min-height:360px;width:112%;margin-inline-start:-6%}.preview-frame{height:330px;grid-template-columns:90px 1fr}.preview-sidebar{padding:12px 7px}.preview-logo{padding:0 4px 13px}.preview-main{padding:12px}.sidebar-links>span{padding:0 5px}.sidebar-links b{font-size:0}.sidebar-profile div{display:none}.platform-row{gap:5px}.platform{padding:0 5px}.platform div{display:none}.platform>span{margin:auto}.stats-grid{gap:5px}.stats-grid article{padding:8px}.stats-grid article:nth-child(3){display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-card{height:112px}.chart{height:58px}.preview-note{bottom:-3px}.facts-row{grid-template-columns:repeat(2,1fr)}.facts-row>div{padding:15px;border-bottom:1px solid var(--line)}.facts-row>div:nth-child(3){border-inline-start:0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{grid-column:auto}.product-section,.problem-section,.roadmap-section{padding:84px 0}.product-card{padding:28px 12px}.contact-section{padding-bottom:80px}.contact-box{padding:38px 24px}.roadmap-list article{grid-template-columns:50px 1fr;gap:15px}.roadmap-list article>b{grid-column:2;width:max-content}.roadmap-index i{right:18px}.footer-content{flex-direction:column;text-align:center}.footer-brand{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}