.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{border-radius:12px;flex-shrink:0}.logo-wordmark{letter-spacing:-.01em;direction:ltr;font-size:20px;font-weight:700;display:inline-flex}.logo-wordmark-dark{color:var(--color-brand-header)}.logo-wordmark-blue{color:var(--color-action-blue)}.logo-on-dark .logo-wordmark-dark{color:#fff}.logo-on-dark .logo-wordmark-blue{color:#7fa8ff}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f8f9ffb3;transition:background-color .25s,box-shadow .25s;position:sticky;top:0}.navbar-scrolled{box-shadow:0 1px 0 var(--color-card-border);background:#f8f9ffeb}.navbar-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-link{border-radius:var(--radius-pill);color:var(--color-on-background-muted);padding:10px 14px;font-size:14.5px;font-weight:500;transition:color .2s,background-color .2s}.navbar-link:hover{color:var(--color-brand-header);background:#0f172a0a}.navbar-link-active{color:var(--color-action-blue);background:#2563eb14}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-cta{padding:11px 22px;font-size:14px}.navbar-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;display:none}.navbar-burger-line{background:var(--color-brand-header);border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s}.navbar-burger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.navbar-burger-line.open:nth-child(2){opacity:0}.navbar-burger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile{border-top:1px solid var(--color-card-border);background:var(--color-surface);overflow:hidden}.navbar-mobile-inner{flex-direction:column;gap:4px;padding:16px 24px 24px;display:flex}.navbar-mobile-link{color:var(--color-on-background-muted);border-bottom:1px solid var(--color-card-border);padding:12px 6px;font-size:15px;font-weight:500}.navbar-mobile-cta{width:100%;margin-top:12px}@media (width<=900px){.navbar-links,.navbar-cta{display:none}.navbar-burger{display:flex}}.footer{background:var(--color-brand-header);color:#ffffffbf;padding-top:64px}.footer-inner{border-bottom:1px solid #ffffff1a;grid-template-columns:1.6fr 1fr 1fr;gap:48px;display:grid;padding-bottom:48px!important}.footer-tagline{color:#fff9;max-width:320px;margin-top:16px;font-size:14px;line-height:1.9}.footer-social{gap:16px;margin-top:20px;display:flex}.footer-social a{color:#ffffff8c;font-size:13px;transition:color .2s}.footer-social a:hover{color:#fff}.footer-col-title{color:#fff;margin-bottom:18px;font-size:14px;font-weight:600}.footer-col ul{flex-direction:column;gap:12px;display:flex}.footer-col a{color:#ffffffa6;font-size:14px;transition:color .2s}.footer-col a:hover{color:#fff}.footer-muted{color:#fff6;font-size:13px}.footer-bottom{color:#fff6;justify-content:space-between;align-items:center;font-size:13px;display:flex;padding:20px 24px!important}@media (width<=720px){.footer-inner{grid-template-columns:1fr;gap:36px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}.store-badges{flex-wrap:wrap;gap:12px;display:flex}.store-badge{cursor:not-allowed;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;transition:transform .2s,box-shadow .2s;display:inline-flex}.store-badge:hover{transform:translateY(-2px)}.store-badge span{flex-direction:column;line-height:1.3;display:flex}.store-badge small{opacity:.8;font-size:11px}.store-badge strong{direction:ltr;font-size:15px;font-weight:600}.store-badges-dark .store-badge{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.store-badges-dark .store-badge:hover{background:#ffffff24}.store-badges-light .store-badge{background:var(--color-brand-header);color:#fff;box-shadow:var(--shadow-card)}.phone-mockup{flex-direction:column;align-items:center;gap:14px;display:flex}.phone-mockup-frame{background:#0b1220;border-radius:40px;width:240px;height:490px;padding:14px;position:relative;box-shadow:0 30px 60px -20px #0f172a73}.phone-mockup-screen{border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;overflow:hidden}.phone-mockup-screen-gradient{background:var(--gradient-hero)}.phone-mockup-screen-muted{background:linear-gradient(160deg,#eef1fb 0%,#dfe6fb 100%)}.phone-mockup-screen-muted .phone-mockup-placeholder-text{color:var(--color-on-background-muted)}.phone-mockup-screen-image{background:#0b1220;justify-content:flex-start;align-items:stretch;padding:0}.phone-mockup-screenshot{object-fit:cover;object-position:top center;width:100%;height:100%}.phone-mockup-logo{border-radius:18px;box-shadow:0 10px 24px -6px #00000059}.phone-mockup-placeholder-text{color:#ffffffb3;letter-spacing:.01em;font-size:12.5px}.phone-mockup-notch{background:#0b1220;border-radius:0 0 14px 14px;width:90px;height:20px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-mockup-label{color:var(--color-on-background-muted);font-size:13.5px;font-weight:500}@media (width<=480px){.phone-mockup-frame{width:210px;height:430px}}.role-card-wrap{height:100%}.role-card{border-radius:var(--radius-lg);flex-direction:column;height:100%;padding:36px 32px;transition:transform .3s;display:flex}.role-card:hover{transform:translateY(-6px)}.role-card-navy{background:var(--color-brand-header);color:#fff}.role-card-blue{background:var(--color-surface);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);color:var(--color-on-background)}.role-card-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:22px;display:flex}.role-card-navy .role-card-icon{color:#7fa8ff;background:#ffffff1f}.role-card-blue .role-card-icon{color:var(--color-action-blue);background:#2563eb1a}.role-card-title{margin-bottom:10px;font-size:22px;font-weight:700}.role-card-desc{margin-bottom:22px;font-size:14.5px;line-height:1.8}.role-card-navy .role-card-desc{color:#ffffffb3}.role-card-blue .role-card-desc{color:var(--color-on-background-muted)}.role-card-bullets{flex-direction:column;flex:1;gap:12px;margin-bottom:28px;display:flex}.role-card-bullets li{align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;display:flex}.role-card-navy .role-card-bullets li{color:#ffffffd9}.role-card-navy .role-card-bullets svg,.role-card-blue .role-card-bullets svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.role-card-cta{border-radius:var(--radius-pill);align-items:center;gap:8px;width:fit-content;padding:12px 22px;font-size:15px;font-weight:600;transition:gap .2s,transform .2s;display:inline-flex}.role-card-navy .role-card-cta{background:var(--color-action-blue);color:#fff}.role-card-blue .role-card-cta{color:var(--color-action-blue);background:#2563eb1a}.role-card-cta:hover{gap:12px;transform:translate(-2px)}.role-card-arrow{transition:transform .2s}.stats-strip{background:var(--color-surface);border-top:1px solid var(--color-card-border);border-bottom:1px solid var(--color-card-border);padding:48px 0}.stats-strip-inner{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stats-strip-item{flex-direction:column;gap:8px;display:flex}.stats-strip-value{letter-spacing:.01em;font-size:28px;font-weight:700}.stats-strip-value-amber{color:var(--color-stat-amber)}.stats-strip-value-teal{color:var(--color-stat-teal)}.stats-strip-label{color:var(--color-on-background-muted);font-size:13.5px}@media (width<=720px){.stats-strip-inner{grid-template-columns:repeat(2,1fr)}}.step-list{flex-direction:column;gap:0;display:flex}.step-item{grid-template-columns:56px 60px 1fr;align-items:start;gap:20px;padding:28px 0;display:grid}.step-item-number-col{flex-direction:column;align-items:center;height:100%;display:flex}.step-item-number{color:var(--color-action-blue);background:#2563eb1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.step-item-connector{background:repeating-linear-gradient(to bottom, var(--color-card-border) 0, var(--color-card-border) 4px, transparent 4px, transparent 9px);flex:1;width:2px;min-height:24px;margin-top:8px}.step-item-icon{background:var(--color-surface);border:1px solid var(--color-card-border);width:60px;height:60px;color:var(--color-secondary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-item-title{color:var(--color-brand-header);margin-bottom:6px;font-size:18px;font-weight:600}.step-item-desc{color:var(--color-on-background-muted);max-width:520px;font-size:14.5px;line-height:1.8}@media (width<=600px){.step-item{grid-template-columns:40px 48px 1fr;gap:14px}.step-item-icon{width:48px;height:48px}}.hero{background:var(--gradient-hero);padding:72px 0 96px;position:relative;overflow:hidden}.hero-blob{filter:blur(60px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.hero-blob-1{top:-160px;background:#316bf3;width:420px;height:420px;inset-inline-end:-120px}.hero-blob-2{bottom:-140px;opacity:.25;background:#0d9488;width:320px;height:320px;inset-inline-start:-100px}.hero-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.eyebrow-on-dark{color:#a8c4ff;background:#ffffff1a}.hero-title{color:#fff;margin-top:20px;font-size:clamp(32px,4.4vw,50px);font-weight:700;line-height:1.35}.hero-title-accent{background:linear-gradient(90deg,#7fa8ff,#c7dbff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffb8;max-width:520px;margin-top:22px;font-size:16.5px;line-height:1.9}.hero-ctas{margin-top:32px}.hero-secondary-link{color:#ffffffbf;align-items:center;gap:8px;margin-top:22px;font-size:14.5px;font-weight:500;transition:gap .2s,color .2s;display:inline-flex}.hero-secondary-link:hover{color:#fff;gap:12px}.hero-visual{justify-content:center;display:flex}.section-head-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:52px;display:flex}.section-head-center .section-heading{margin-top:14px}.center-text{text-align:center;margin-top:12px}.role-split-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.how-preview{background:var(--color-surface)}.how-preview-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:56px;display:grid}.how-preview-copy{position:sticky;top:110px}.how-preview-cta{margin-top:28px}.screenshots-preview-row{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.screenshots-preview-cta-wrap{justify-content:center;margin-top:40px;display:flex}.download-cta{background:var(--gradient-cta);text-align:center;position:relative;overflow:hidden}.download-cta-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.download-cta-icon{color:#fff;background:#ffffff26;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.download-cta-title{color:#fff;font-size:clamp(26px,3.4vw,36px);font-weight:700}.download-cta-subtitle{color:#ffffffd9;max-width:480px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:16px}.download-cta-actions{justify-content:center;margin-top:32px;display:flex}@media (width<=980px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center;display:flex}.hero-secondary-link{justify-content:center;width:100%}.hero-visual{order:-1}.role-split-grid{grid-template-columns:1fr}.how-preview-grid{grid-template-columns:1fr;gap:40px}.how-preview-copy{text-align:center;align-items:center;position:static}}.page-hero{background:var(--gradient-hero);text-align:center;padding:72px 0 80px;position:relative;overflow:hidden}.page-hero-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.page-hero-title{color:#fff;max-width:720px;margin-top:18px;font-size:clamp(28px,4vw,42px);font-weight:700}.page-hero-subtitle{color:#ffffffb8;max-width:560px;margin-top:18px;font-size:16px;line-height:1.85}.page-hero-extra{margin-top:28px}.feature-card-wrap{height:100%}.feature-card{height:100%;padding:28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{border-color:#2563eb40;transform:translateY(-4px);box-shadow:0 16px 32px -14px #0f172a2e}.feature-card-highlight{background:linear-gradient(#f59e0b0f 0%,#fff 100%);border:1.5px solid #f59e0b66}.feature-card-icon{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.feature-card-icon-blue{color:var(--color-action-blue);background:#2563eb1a}.feature-card-icon-teal{color:var(--color-stat-teal);background:#0d94881a}.feature-card-icon-amber{color:var(--color-stat-amber);background:#f59e0b1f}.feature-card-title{color:var(--color-brand-header);margin-bottom:8px;font-size:17px;font-weight:600}.feature-card-desc{color:var(--color-on-background-muted);font-size:14.5px;line-height:1.8}.feature-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-page-cta{background:var(--color-surface);border-top:1px solid var(--color-card-border);text-align:center}.feature-page-cta-inner{flex-direction:column;align-items:center;display:flex}.feature-page-cta-actions{justify-content:center;margin-top:28px;display:flex}.feature-page-cta-link{color:var(--color-action-blue);margin-top:24px;font-size:14.5px;font-weight:500;display:inline-block}@media (width<=1100px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.feature-grid{grid-template-columns:1fr}}.how-detail-inner{max-width:720px;margin:0 auto}.how-note{background:var(--color-surface);border-top:1px solid var(--color-card-border)}.how-note-inner{justify-content:center;display:flex}.how-note-card{border-inline-start:4px solid var(--color-stat-amber);max-width:720px;padding:36px 40px}.how-note-title{color:var(--color-brand-header);margin-bottom:12px;font-size:18px;font-weight:600}.how-note-desc{color:var(--color-on-background-muted);font-size:15px;line-height:1.9}.how-cta{text-align:center}.how-cta-inner{flex-direction:column;align-items:center;display:flex}.how-cta-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;display:flex}.screenshots-gallery-grid{flex-wrap:wrap;justify-content:center;gap:36px;display:flex}.download-page-inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.download-page-reasons{flex-direction:column;gap:18px;margin-bottom:32px;display:flex}.download-page-reasons li{color:var(--color-on-background);align-items:center;gap:14px;font-size:15.5px;display:flex}.download-page-reason-icon{width:42px;height:42px;color:var(--color-action-blue);background:#2563eb14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.download-page-badges{margin-bottom:14px}.download-page-note{color:var(--color-on-background-muted);font-size:13px}.download-page-visual{justify-content:center;display:flex}@media (width<=900px){.download-page-inner{text-align:center;grid-template-columns:1fr}.download-page-reasons li{justify-content:center}.download-page-visual{order:-1}}.not-found{text-align:center;padding:140px 0}.not-found-inner{flex-direction:column;align-items:center;display:flex}.not-found-code{color:var(--color-action-blue);opacity:.3;font-size:72px;font-weight:700}.not-found-title{color:var(--color-brand-header);margin-top:8px;font-size:26px;font-weight:700}.not-found-desc{color:var(--color-on-background-muted);margin-top:12px;margin-bottom:28px}:root{--color-action-blue:#2563eb;--color-action-blue-hover:#1d4ed8;--color-secondary:#0051d5;--color-secondary-container:#316bf3;--color-brand-header:#0f172a;--color-brand-header-soft:#16213f;--color-background:#f8f9ff;--color-surface:#fff;--color-on-background:#0b1c30;--color-on-background-muted:#4b5c72;--color-success:#16a34a;--color-stat-amber:#f59e0b;--color-stat-teal:#0d9488;--color-card-border:#e2e8f0;--color-error:#ba1a1a;--gradient-hero:linear-gradient(135deg, #0f172a 0%, #0051d5 60%, #2563eb 100%);--gradient-cta:linear-gradient(120deg, #0051d5 0%, #2563eb 100%);--font-family-base:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--shadow-soft:0 12px 30px -12px #0f172a2e;--shadow-card:0 8px 24px -10px #0f172a1f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--container-width:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:88px 0}@media (width<=720px){.section{padding:56px 0}}.eyebrow{letter-spacing:.02em;color:var(--color-secondary);border-radius:var(--radius-pill);background:#2563eb14;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.section-heading{color:var(--color-brand-header);font-size:clamp(26px,3.2vw,34px);font-weight:700;line-height:1.3}.section-subheading{color:var(--color-on-background-muted);max-width:640px;font-size:16px;line-height:1.8}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-action-blue);color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--color-action-blue-hover);transform:translateY(-2px)}.btn-outline{color:var(--color-brand-header);border:1.5px solid var(--color-card-border);background:0 0}.btn-outline:hover{border-color:var(--color-action-blue);color:var(--color-action-blue);transform:translateY(-2px)}.btn-light{color:var(--color-brand-header);background:#fff}.btn-light:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}