@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ap-navy:#062b45; --ap-blue:#0875a8; --ap-cyan:#16b8d4; --ap-glow:#a7eaf4; --ap-ink:#092a40; --ap-muted:#527084; --ap-surface:#fff; --ap-soft:#f2fbfd; --ap-line:#d9edf2; --ap-success:#047857; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.ap-landing { margin:0; color:var(--ap-ink); background:#fff; font-family:Manrope,ui-sans-serif,system-ui,sans-serif; overflow-x:hidden; }
html[dir=rtl] body.ap-landing { font-family:Manrope,'Cairo',ui-sans-serif,sans-serif; }
.ap-shell { position:relative; z-index:1; }
.ap-container { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.ap-page-glow { position:fixed; inset:0; pointer-events:none; z-index:0; background:radial-gradient(circle at 85% 4%,rgba(22,184,212,.12),transparent 28rem),radial-gradient(circle at 8% 20%,rgba(8,117,168,.08),transparent 24rem); }
.ap-skip-link { position:absolute; inset-inline-start:1rem; top:-4rem; z-index:100; padding:.75rem 1rem; background:var(--ap-navy); color:#fff; border-radius:.5rem; transition:top .2s; }
.ap-skip-link:focus { top:1rem; }
.ap-header { position:relative; z-index:20; padding-top:18px; }
.ap-nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 20px; border:1px solid rgba(217,237,242,.9); border-radius:18px; background:rgba(255,255,255,.9); box-shadow:0 16px 48px rgba(6,43,69,.08); backdrop-filter:blur(18px); }
.ap-brand { display:inline-flex; align-items:center; gap:10px; color:var(--ap-navy); text-decoration:none; flex:none; }
.ap-brand-mark { width:40px; height:40px; color:var(--ap-blue); }
.ap-brand span { display:grid; line-height:1; gap:4px; letter-spacing:.05em; }
.ap-brand strong { font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:700; }
.ap-brand small { color:var(--ap-blue); font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.ap-nav-links { display:flex; align-items:center; gap:6px; margin-inline:auto; }
.ap-nav-links a,.ap-mobile-menu a { color:#46677b; text-decoration:none; font-size:13px; font-weight:700; padding:10px 12px; border-radius:10px; transition:.2s ease; }
.ap-nav-links a:hover,.ap-mobile-menu a:hover { color:var(--ap-blue); background:var(--ap-soft); }
.ap-nav-actions { display:flex; align-items:center; gap:9px; }
.ap-quiet-button { border:0; background:transparent; color:#46677b; cursor:pointer; font:700 12px Manrope,sans-serif; padding:10px 8px; }
.ap-language { position:relative; }
.ap-language-menu { position:absolute; top:calc(100% + 10px); inset-inline-end:0; min-width:150px; padding:6px; border:1px solid var(--ap-line); border-radius:12px; background:#fff; box-shadow:0 20px 40px rgba(6,43,69,.14); }
.ap-language-menu a { display:block; padding:10px 12px; color:var(--ap-ink); text-decoration:none; font-size:12px; border-radius:8px; }
.ap-language-menu a:hover { background:var(--ap-soft); color:var(--ap-blue); }
.ap-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:0 19px; border-radius:11px; border:1px solid transparent; font-size:13px; font-weight:800; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; cursor:pointer; }
.ap-button:hover { transform:translateY(-2px); }
.ap-button-small { min-height:38px; padding:0 14px; font-size:12px; }
.ap-button-primary { color:#fff; background:linear-gradient(135deg,var(--ap-blue),var(--ap-cyan)); box-shadow:0 12px 25px rgba(8,117,168,.22); }
.ap-button-primary:hover { box-shadow:0 16px 30px rgba(8,117,168,.32); }
.ap-button-secondary { color:var(--ap-navy); background:#fff; border-color:var(--ap-line); }
.ap-button-light { color:var(--ap-navy); background:#fff; }
.ap-button-outline-light { color:#fff; background:transparent; border-color:rgba(255,255,255,.35); }
.ap-menu-button { display:none; width:40px; height:40px; border:1px solid var(--ap-line); border-radius:10px; background:#fff; padding:10px; cursor:pointer; }
.ap-menu-button span { display:block; height:2px; margin:4px 0; border-radius:3px; background:var(--ap-navy); }
.ap-mobile-menu { margin-top:10px; padding:10px; border:1px solid var(--ap-line); border-radius:16px; background:#fff; box-shadow:0 16px 36px rgba(6,43,69,.1); }
.ap-mobile-menu a { display:block; }
.ap-mobile-menu .ap-button { margin-top:8px; color:#fff; }
.ap-hero { position:relative; padding:96px 0 104px; }
.ap-hero-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:72px; }
.ap-kicker { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:var(--ap-blue); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.ap-kicker-dot { width:8px; height:8px; border-radius:50%; background:var(--ap-cyan); box-shadow:0 0 0 5px rgba(22,184,212,.13); }
.ap-kicker-light { color:var(--ap-glow); }
.ap-hero h1 { max-width:650px; margin:0; color:var(--ap-navy); font-family:'Space Grotesk',Manrope,sans-serif; font-size:clamp(42px,5.2vw,76px); line-height:1.02; letter-spacing:-.055em; font-weight:700; }
.ap-hero h1 span,.ap-section-heading h2 span,.ap-download-grid h2 span { color:var(--ap-cyan); }
.ap-hero-subtitle { max-width:540px; margin:26px 0 30px; color:var(--ap-muted); font-size:17px; line-height:1.75; }
.ap-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.ap-hero-proof { display:flex; align-items:center; gap:10px; margin-top:35px; color:#7592a0; font-size:11px; font-weight:700; }
.ap-proof-line { width:38px; height:1px; background:var(--ap-cyan); }
.ap-product-frame { position:relative; min-height:460px; display:flex; align-items:center; justify-content:center; }
.ap-product-frame::before { content:""; position:absolute; width:470px; height:470px; border-radius:50%; border:1px solid rgba(22,184,212,.19); box-shadow:0 0 0 32px rgba(22,184,212,.035),0 0 0 64px rgba(22,184,212,.025); }
.ap-product-window { position:relative; width:min(100%,580px); overflow:hidden; border:1px solid #cce8ee; border-radius:18px; background:#fff; box-shadow:0 30px 80px rgba(6,43,69,.17); transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.ap-product-toolbar { display:flex; align-items:center; gap:12px; height:42px; padding:0 15px; background:#f7fcfd; border-bottom:1px solid var(--ap-line); color:#71909e; font-size:9px; font-weight:700; }
.ap-window-dots { display:flex; gap:4px; margin-inline-end:8px; }.ap-window-dots i { width:7px; height:7px; border-radius:50%; background:#b9dbe2; }.ap-window-dots i:first-child{background:#16b8d4}.ap-status-dot { margin-inline-start:auto; color:var(--ap-success); font-size:9px; }
.ap-product-body { display:flex; min-height:360px; }.ap-product-sidebar { width:52px; display:flex; flex-direction:column; align-items:center; gap:19px; padding:16px 0; color:#9ab5bf; background:var(--ap-navy); font-size:14px; }.ap-product-sidebar .is-active { color:#fff; }.ap-mini-mark { display:grid; width:26px; height:26px; place-items:center; border-radius:8px; color:#fff; background:linear-gradient(135deg,var(--ap-blue),var(--ap-cyan)); font:800 9px 'Space Grotesk',sans-serif; }
.ap-dashboard-preview { flex:1; padding:22px; background:linear-gradient(145deg,#fff,#f4fbfc); }.ap-preview-heading,.ap-chart-label { display:flex; align-items:center; justify-content:space-between; gap:10px; }.ap-preview-heading small,.ap-preview-kpis small,.ap-chart-label span { display:block; color:#87a1ab; font-size:9px; font-weight:600; }.ap-preview-heading strong { display:block; margin-top:4px; color:var(--ap-navy); font:700 19px 'Space Grotesk',sans-serif; }.ap-preview-avatar { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; color:var(--ap-blue); background:var(--ap-glow); font-size:9px; font-weight:800; }.ap-preview-kpis { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:20px; }.ap-preview-kpis>div,.ap-preview-chart,.ap-preview-rows>div { padding:14px; border:1px solid #e1f0f3; border-radius:10px; background:#fff; }.ap-preview-kpis strong { display:block; margin-top:7px; color:var(--ap-navy); font:700 20px 'Space Grotesk',sans-serif; }.ap-preview-kpis em { color:#8aa2ac; font:600 9px Manrope,sans-serif; font-style:normal; }.ap-positive { display:block; margin-top:6px; color:var(--ap-success); font-size:9px; font-weight:700; }.ap-preview-chart { margin-top:10px; }.ap-chart-label strong { color:var(--ap-navy); font-size:11px; }.ap-preview-chart svg { width:100%; height:110px; margin-top:12px; }.ap-preview-rows { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }.ap-preview-rows>div { display:flex; align-items:center; gap:8px; padding:11px; color:#71909e; font-size:9px; }.ap-preview-rows strong { margin-inline-start:auto; color:var(--ap-navy); font-size:9px; }.ap-row-icon { color:var(--ap-cyan); }.ap-float-card { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(217,237,242,.9); border-radius:12px; background:rgba(255,255,255,.95); box-shadow:0 15px 30px rgba(6,43,69,.12); }.ap-float-card>span { display:grid; width:25px; height:25px; place-items:center; border-radius:8px; color:#fff; background:var(--ap-cyan); font-size:10px; }.ap-float-card strong,.ap-float-card small { display:block; }.ap-float-card strong { color:var(--ap-navy); font-size:10px; }.ap-float-card small { margin-top:3px; color:#7895a1; font-size:8px; }.ap-float-sync { inset-inline-start:-18px; bottom:42px; }.ap-float-branch { inset-inline-end:-26px; top:42px; }.ap-float-branch>span { background:var(--ap-blue); }
.ap-section { padding:104px 0; }.ap-section-heading { max-width:700px; margin-bottom:46px; }.ap-section-heading h2,.ap-download-grid h2,.ap-demo-intro h2 { margin:0; color:var(--ap-navy); font:700 clamp(32px,4vw,52px)/1.08 'Space Grotesk',sans-serif; letter-spacing:-.045em; }.ap-section-heading>p:last-child { max-width:620px; margin:18px 0 0; color:var(--ap-muted); line-height:1.7; }.ap-features-section { background:var(--ap-soft); border-block:1px solid var(--ap-line); }.ap-feature-list { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ap-line); }.ap-feature-item { display:grid; grid-template-columns:32px 46px 1fr 24px; align-items:center; gap:16px; min-height:130px; padding:22px 20px; border-bottom:1px solid var(--ap-line); }.ap-feature-item:nth-child(odd){border-inline-end:1px solid var(--ap-line)}.ap-feature-number { color:#8cb2bd; font:700 11px 'Space Grotesk',sans-serif; }.ap-feature-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:var(--ap-blue); background:#fff; border:1px solid var(--ap-line); font-size:18px; }.ap-feature-item h3 { margin:0 0 6px; color:var(--ap-navy); font:700 16px 'Space Grotesk',sans-serif; }.ap-feature-item p { margin:0; color:var(--ap-muted); font-size:12px; line-height:1.6; }.ap-feature-arrow { color:var(--ap-cyan); font-size:19px; }.ap-compliance-strip { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; margin-top:42px; padding-top:23px; border-top:1px solid var(--ap-line); }.ap-compliance-strip div { display:grid; gap:4px; }.ap-compliance-strip strong { color:var(--ap-blue); font:700 13px 'Space Grotesk',sans-serif; }.ap-compliance-strip span { color:#7895a1; font-size:10px; }
.ap-section-heading-split { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; max-width:none; }.ap-section-heading-split>p { margin:0 0 4px; color:var(--ap-muted); line-height:1.7; }.ap-solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.ap-solution-card { min-height:380px; padding:25px; border:1px solid var(--ap-line); border-radius:18px; background:#fff; transition:.25s ease; }.ap-solution-card:hover { transform:translateY(-5px); box-shadow:0 22px 42px rgba(6,43,69,.1); }.ap-solution-visual { position:relative; height:190px; display:grid; place-items:center; overflow:hidden; margin-bottom:25px; border-radius:13px; background:linear-gradient(135deg,#eafafd,#f8fdfe); }.ap-solution-orbit { position:absolute; width:150px; height:150px; border:1px solid rgba(22,184,212,.35); border-radius:50%; box-shadow:0 0 0 20px rgba(22,184,212,.07),0 0 0 40px rgba(22,184,212,.04); }.ap-solution-glyph { position:relative; display:grid; width:60px; height:60px; place-items:center; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--ap-blue),var(--ap-cyan)); box-shadow:0 12px 22px rgba(8,117,168,.24); font-size:27px; }.ap-solution-card h3 { margin:0 0 10px; color:var(--ap-navy); font:700 21px 'Space Grotesk',sans-serif; }.ap-solution-card p { min-height:58px; margin:0 0 22px; color:var(--ap-muted); font-size:12px; line-height:1.65; }.ap-solution-card a { color:var(--ap-blue); font-size:12px; font-weight:800; text-decoration:none; }.ap-solution-documents .ap-solution-visual { background:#062b45; }.ap-document-sheet { position:relative; display:grid; width:116px; height:135px; place-content:center; gap:8px; padding:18px; border-radius:7px; color:var(--ap-blue); background:#fff; box-shadow:10px 14px 0 rgba(22,184,212,.3); font:800 13px 'Space Grotesk',sans-serif; text-align:center; transform:rotate(-7deg); }.ap-document-sheet small { color:#8aa2ac; font-size:9px; }.ap-document-check { position:absolute; margin:80px 0 0 100px; display:grid; width:34px; height:34px; place-items:center; border-radius:50%; color:#fff; background:var(--ap-cyan); font-weight:800; }
.ap-demo-section { background:var(--ap-navy); color:#fff; }.ap-demo-intro { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:42px; }.ap-demo-intro h2 { color:#fff; }.ap-demo-intro>p { margin:0 0 4px; color:#b0d2dc; line-height:1.7; }.ap-tenant-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.ap-tenant-card { padding:21px; border:1px solid rgba(167,234,244,.2); border-radius:15px; background:rgba(255,255,255,.06); }.ap-tenant-card-top { display:flex; align-items:center; gap:12px; }.ap-tenant-avatar { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:var(--ap-navy); background:var(--ap-glow); font:800 17px 'Space Grotesk',sans-serif; }.ap-tenant-card h3 { margin:0 0 3px; font:700 15px 'Space Grotesk',sans-serif; }.ap-tenant-card-top p { margin:0; color:#8fb6c1; font-size:10px; }.ap-live-label { margin-inline-start:auto; color:#7be3c0; font-size:10px; font-weight:800; }.ap-tenant-meta { display:flex; justify-content:space-between; gap:12px; margin:18px 0; padding:12px 0; border-block:1px solid rgba(167,234,244,.14); color:#9bc1cc; font-size:10px; }.ap-tenant-actions { display:flex; gap:8px; }.ap-tenant-actions a { flex:1; padding:10px; border:1px solid rgba(167,234,244,.22); border-radius:9px; color:#fff; text-align:center; text-decoration:none; font-size:10px; font-weight:800; }.ap-tenant-actions a:first-child { border-color:var(--ap-cyan); background:rgba(22,184,212,.16); }.ap-empty-demo { padding:55px; border:1px dashed rgba(167,234,244,.3); border-radius:15px; text-align:center; color:#b0d2dc; }.ap-empty-demo span { display:block; margin-bottom:12px; color:var(--ap-cyan); font-size:30px; }.ap-empty-demo p { margin:0; }
.ap-download-section { background:linear-gradient(135deg,#0875a8,#062b45); color:#fff; overflow:hidden; }.ap-download-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }.ap-download-grid h2 { color:#fff; }.ap-download-grid>div>p:last-of-type { max-width:500px; margin:20px 0 26px; color:#b8d9e2; line-height:1.75; }.ap-download-actions { display:flex; flex-wrap:wrap; gap:10px; }.ap-device-stack { position:relative; min-height:320px; }.ap-device-card { position:absolute; overflow:hidden; border:8px solid rgba(255,255,255,.75); border-radius:17px; background:#fff; box-shadow:0 25px 50px rgba(0,0,0,.23); }.ap-device-desktop { width:390px; height:245px; inset-inline-start:8%; top:22px; transform:rotate(-4deg); }.ap-device-mobile { width:160px; height:270px; inset-inline-end:7%; bottom:0; border-width:7px; transform:rotate(8deg); }.ap-device-bar { height:18px; background:#e4f4f7; }.ap-device-content { display:grid; align-content:start; gap:12px; padding:20px; color:var(--ap-navy); }.ap-device-content strong { font:700 17px 'Space Grotesk',sans-serif; }.ap-device-line { width:72%; height:9px; border-radius:5px; background:var(--ap-glow); }.ap-device-line.short { width:46%; background:#e5f0f2; }
.ap-footer { padding:65px 0 20px; background:#041d2f; color:#9ec0ca; }.ap-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; padding-bottom:45px; }.ap-brand-footer { color:#fff; }.ap-footer-brand p { max-width:280px; margin:20px 0 0; font-size:12px; line-height:1.7; }.ap-footer-grid h3 { margin:0 0 15px; color:#fff; font:700 12px 'Space Grotesk',sans-serif; }.ap-footer-grid>div:not(:first-child) a { display:block; margin:0 0 10px; color:#9ec0ca; text-decoration:none; font-size:11px; }.ap-footer-grid>div:not(:first-child) a:hover { color:var(--ap-cyan); }.ap-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:20px; border-top:1px solid rgba(167,234,244,.14); font-size:10px; }
*:focus-visible { outline:3px solid rgba(22,184,212,.65); outline-offset:3px; }
@media (max-width: 980px) { .ap-nav-links { display:none; }.ap-menu-button { display:block; }.ap-nav-cta { display:none; }.ap-hero-grid { grid-template-columns:1fr; gap:55px; }.ap-hero-copy { text-align:center; }.ap-kicker,.ap-hero-actions,.ap-hero-proof { justify-content:center; }.ap-hero-subtitle { margin-inline:auto; }.ap-product-frame { min-height:420px; }.ap-download-grid { grid-template-columns:1fr; }.ap-device-stack { max-width:540px; width:100%; margin:auto; } }
@media (max-width: 700px) { .ap-container { width:min(100% - 30px,1160px); }.ap-header { padding-top:10px; }.ap-nav { min-height:62px; padding:0 12px; border-radius:14px; }.ap-brand-mark { width:34px; height:34px; }.ap-brand strong { font-size:11px; }.ap-brand small { font-size:8px; }.ap-quiet-button { padding-inline:4px; }.ap-hero { padding:65px 0 72px; }.ap-hero h1 { font-size:clamp(37px,12vw,58px); }.ap-hero-subtitle { font-size:15px; }.ap-hero-actions .ap-button { width:100%; }.ap-product-frame { min-height:345px; }.ap-product-frame::before { width:300px; height:300px; }.ap-product-window { transform:none; }.ap-product-body { min-height:290px; }.ap-product-sidebar { width:38px; gap:15px; font-size:11px; }.ap-dashboard-preview { padding:12px; }.ap-preview-heading strong { font-size:15px; }.ap-preview-kpis strong { font-size:15px; }.ap-preview-chart svg { height:78px; }.ap-float-card { display:none; }.ap-section { padding:72px 0; }.ap-section-heading-split,.ap-demo-intro,.ap-download-grid { grid-template-columns:1fr; gap:14px; }.ap-feature-list,.ap-solution-grid,.ap-tenant-grid { grid-template-columns:1fr; }.ap-feature-item:nth-child(odd) { border-inline-end:0; }.ap-feature-item { min-height:112px; padding:18px 8px; grid-template-columns:24px 40px 1fr 18px; gap:10px; }.ap-feature-item p { font-size:11px; }.ap-compliance-strip { display:grid; grid-template-columns:1fr 1fr; }.ap-solution-card { min-height:340px; }.ap-demo-intro { margin-bottom:28px; }.ap-device-stack { min-height:270px; }.ap-device-desktop { width:82%; height:190px; }.ap-device-mobile { width:112px; height:205px; }.ap-footer-grid { grid-template-columns:1fr 1fr; gap:28px 20px; }.ap-footer-brand { grid-column:1/-1; }.ap-footer-bottom { flex-direction:column; gap:8px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }