/* Snap Profile v5.6 — Visual Clarity marketing layer
   Clear contrast, restrained typography, one accent color, simple geometry. */
.marketing-dark{
  --sp56-bg:#f7f8fc;
  --sp56-surface:#ffffff;
  --sp56-ink:#111827;
  --sp56-muted:#667085;
  --sp56-line:#e4e7ec;
  --sp56-soft:#eef1f6;
  --sp56-dark:#111827;
  --sp56-dark-2:#182230;
  --sp56-accent:#635bff;
  --sp56-accent-dark:#5148e5;
  --sp56-accent-soft:#eeecff;
  background:var(--sp56-bg)!important;
  color:var(--sp56-ink)!important;
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif!important;
}
.marketing-dark :is(h1,h2,h3,h4,.brand-wordmark strong,.marketing-footer-logo strong){font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif!important;letter-spacing:-.018em!important}
.marketing-dark .container{width:min(1180px,calc(100% - 40px))!important}
.marketing-main{background:var(--sp56-bg)!important}

/* Header */
.marketing-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sp56-line)!important;box-shadow:none!important;backdrop-filter:blur(16px)!important}
.marketing-dark .header-inner{height:68px!important}
.marketing-dark .marketing-brand,.marketing-dark .brand-wordmark strong{color:var(--sp56-ink)!important}
.marketing-dark .brand-wordmark small{color:var(--sp56-accent)!important}
.marketing-dark .main-nav a{font-size:.81rem!important;font-weight:600!important;color:#667085!important}
.marketing-dark .main-nav a:hover,.marketing-dark .main-nav a.is-active{color:var(--sp56-ink)!important}
.marketing-dark .header-login{background:#fff!important;color:var(--sp56-ink)!important;border:1px solid var(--sp56-line)!important;border-radius:9px!important}
.marketing-dark .header-cta{background:var(--sp56-accent)!important;color:#fff!important;border:1px solid var(--sp56-accent)!important;border-radius:9px!important;box-shadow:none!important}

/* Shared typography */
.sp56-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sp56-accent);font-size:.72rem;font-weight:700;letter-spacing:.02em}
.sp56-kicker:before{content:"";width:24px;height:2px;border-radius:3px;background:currentColor}
.sp56-btn{min-height:46px;padding:0 20px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.86rem;font-weight:700;transition:.18s ease}
.sp56-btn.primary{background:var(--sp56-accent);color:#fff;border:1px solid var(--sp56-accent)}
.sp56-btn.primary:hover{background:var(--sp56-accent-dark);border-color:var(--sp56-accent-dark);transform:translateY(-1px)}
.sp56-btn.secondary{background:#fff;color:var(--sp56-ink);border:1px solid #d0d5dd}
.sp56-btn.secondary:hover{border-color:#98a2b3}

/* Landing hero */
.sp56-hero{padding:88px 0 80px;background:linear-gradient(180deg,#fff 0%,#f7f8fc 100%);border-bottom:1px solid var(--sp56-line)}
.sp56-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:72px;align-items:center}
.sp56-hero-copy h1{margin:18px 0 20px;color:var(--sp56-ink);font-size:clamp(2.35rem,3.6vw,3.25rem);line-height:1.22;font-weight:700;max-width:680px}
.sp56-hero-copy h1 em{font-style:normal;color:var(--sp56-accent)}
.sp56-hero-copy>p{margin:0;color:var(--sp56-muted);font-size:1rem;line-height:1.9;max-width:620px}
.sp56-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.sp56-hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;padding-top:20px;border-top:1px solid var(--sp56-line);color:#475467;font-size:.78rem}
.sp56-hero-points span{display:flex;align-items:center;gap:7px}.sp56-hero-points b{color:#12b76a}

.sp56-preview{background:#fff;border:1px solid #dfe3ea;border-radius:16px;overflow:hidden;box-shadow:0 22px 60px rgba(16,24,40,.10)}
.sp56-preview-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#f2f4f7;border-bottom:1px solid #e4e7ec;color:#98a2b3;font-size:.65rem;direction:ltr}
.sp56-preview-bar i{width:7px;height:7px;border-radius:50%;background:#c8cdd5}.sp56-preview-bar span{margin-left:8px}
.sp56-preview-media{position:relative;height:390px;background:#1d2939;overflow:hidden}
.sp56-preview-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02)}
.sp56-preview-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,31,.82) 0%,rgba(10,18,31,.58) 46%,rgba(10,18,31,.12) 100%)}
.sp56-preview-overlay{position:absolute;z-index:2;inset-inline-start:32px;bottom:32px;width:min(390px,72%);color:#fff}
.sp56-preview-overlay small{display:block;color:#d0d5dd;font-size:.68rem;margin-bottom:8px}
.sp56-preview-overlay h2{margin:0 0 8px;font-size:1.75rem;line-height:1.35;font-weight:650;color:#fff!important}
.sp56-preview-overlay p{margin:0 0 14px;font-size:.82rem;line-height:1.75;color:#e4e7ec;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp56-preview-overlay span{display:inline-flex;padding:8px 12px;border-radius:7px;background:#fff;color:#111827;font-size:.72rem;font-weight:700}
.sp56-preview-foot{min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#667085;font-size:.69rem}.sp56-preview-foot strong{color:#344054;font-size:.67rem}

/* Shared sections */
.sp56-section{padding:82px 0;background:#fff;color:var(--sp56-ink)}
.sp56-section.sp56-muted{background:var(--sp56-bg)}
.sp56-section.sp56-dark{background:var(--sp56-dark);color:#fff}
.sp56-section-head{max-width:760px;margin-bottom:38px}
.sp56-section-head>span,.sp56-section-head>div>span{display:block;color:var(--sp56-accent);font-size:.72rem;font-weight:700;margin-bottom:10px}
.sp56-section-head h2{margin:0;color:inherit;font-size:clamp(1.7rem,2.4vw,2.25rem);line-height:1.35;font-weight:650}
.sp56-section-head>p{margin:14px 0 0;color:var(--sp56-muted);font-size:.92rem;line-height:1.85;max-width:620px}
.sp56-section-head.compact{margin-bottom:30px}.sp56-section-head.light>span{color:#b7b2ff}.sp56-section-head.light h2{color:#fff}
.sp56-section-head.row-head{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:30px}.sp56-section-head.row-head>div{max-width:700px}
.sp56-text-link{color:var(--sp56-accent);text-decoration:none;font-weight:700;font-size:.84rem;white-space:nowrap}

.sp56-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sp56-feature-grid article{min-height:210px;padding:24px;background:#fff;border:1px solid var(--sp56-line);border-radius:13px}
.sp56-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--sp56-accent-soft);color:var(--sp56-accent);font-size:.72rem;font-weight:800;margin-bottom:34px}
.sp56-feature-grid h3{margin:0 0 8px;font-size:1.08rem;line-height:1.5;color:var(--sp56-ink);font-weight:650}
.sp56-feature-grid p{margin:0;color:var(--sp56-muted);font-size:.84rem;line-height:1.8}

.sp56-direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sp56-direction-grid article{padding:24px;background:#fff;border:1px solid var(--sp56-line);border-radius:12px}
.sp56-direction-grid article>span{font-size:.68rem;color:#98a2b3}.sp56-direction-grid h3{margin:28px 0 6px;font-size:1.05rem;color:var(--sp56-ink);font-weight:650}.sp56-direction-grid p{margin:0;color:var(--sp56-muted);font-size:.8rem;line-height:1.75}

.sp56-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sp56-demo-card{min-width:0}.sp56-demo-image{position:relative;display:block;height:220px;border-radius:12px;overflow:hidden;background:#e9edf2;border:1px solid var(--sp56-line)}
.sp56-demo-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;filter:saturate(.9)}.sp56-demo-image:hover img{transform:scale(1.015)}
.sp56-demo-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(15,23,42,.34))}
.sp56-demo-image>span{position:absolute;z-index:2;bottom:12px;inset-inline-end:12px;background:#fff;color:#111827;border-radius:7px;padding:7px 10px;font-size:.68rem;font-weight:700}
.sp56-demo-card>div{padding:14px 2px}.sp56-demo-card small{color:var(--sp56-accent);font-size:.68rem;font-weight:700}.sp56-demo-card h3{margin:5px 0 2px;font-size:1rem;color:var(--sp56-ink);font-weight:650}.sp56-demo-card p{margin:0;color:#98a2b3;font-size:.75rem}

.sp56-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #344054;border-bottom:1px solid #344054}
.sp56-steps article{padding:28px 22px;border-inline-start:1px solid #344054}.sp56-steps article:first-child{border-inline-start:0}.sp56-steps b{color:#a7a1ff;font-size:.72rem}.sp56-steps h3{margin:28px 0 7px;font-size:1.05rem;color:#fff;font-weight:650}.sp56-steps p{margin:0;color:#98a2b3;font-size:.8rem;line-height:1.75}

.sp56-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.sp56-price-grid>article{position:relative;padding:26px;background:#fff;border:1px solid var(--sp56-line);border-radius:14px;display:flex;flex-direction:column;min-height:470px}
.sp56-price-grid>article.featured{border:2px solid var(--sp56-accent);box-shadow:0 16px 40px rgba(99,91,255,.08)}
.sp56-popular{position:absolute;top:14px;inset-inline-end:14px;padding:5px 8px;border-radius:999px;background:var(--sp56-accent-soft);color:var(--sp56-accent);font-size:.65rem;font-weight:700}
.sp56-plan-head h3{margin:0 0 7px;font-size:1.2rem;color:var(--sp56-ink);font-weight:650}.sp56-plan-head p{margin:0;color:var(--sp56-muted);font-size:.78rem;line-height:1.7;min-height:42px}
.sp56-price{display:flex;align-items:end;gap:9px;margin:28px 0}.sp56-price strong{font-family:"Alexandria";font-size:2.35rem;line-height:1;color:var(--sp56-ink);font-weight:650}.sp56-price span{font-size:.72rem;color:#98a2b3}
.sp56-price-grid ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.sp56-price-grid li{font-size:.78rem;color:#475467;display:flex;gap:8px}.sp56-price-grid li b{color:#12b76a}.sp56-price-grid>article>a{margin-top:auto;min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;text-decoration:none;font-size:.8rem;font-weight:700}.sp56-price-grid>article.featured>a{background:var(--sp56-accent)}

.sp56-final{padding:72px 0;background:#eef0ff;border-top:1px solid #ddd9ff}.sp56-final-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.sp56-final span{color:var(--sp56-accent);font-size:.72rem;font-weight:700}.sp56-final h2{margin:7px 0 5px;font-size:clamp(1.65rem,2.2vw,2.1rem);line-height:1.35;color:var(--sp56-ink);font-weight:650}.sp56-final p{margin:0;color:var(--sp56-muted);font-size:.84rem}

/* Demos page */
.sp56-demos-hero{padding:72px 0 56px;background:#fff;border-bottom:1px solid var(--sp56-line);text-align:center}
.sp56-demos-hero .container{max-width:790px!important}.sp56-demos-hero .sp56-kicker{justify-content:center}.sp56-demos-hero .sp56-kicker:before{display:none}
.sp56-demos-hero h1{margin:14px 0 14px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.3;color:var(--sp56-ink);font-weight:650}.sp56-demos-hero h1 em{font-style:normal;color:var(--sp56-accent)}.sp56-demos-hero p{margin:0 auto;max-width:650px;color:var(--sp56-muted);font-size:.94rem;line-height:1.85}
.sp56-demos-body{padding:28px 0 84px;background:var(--sp56-bg)}
.sp56-demo-filter{position:sticky;top:78px;z-index:8;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px;padding:8px;background:rgba(255,255,255,.94);border:1px solid var(--sp56-line);border-radius:12px;backdrop-filter:blur(14px)}
.sp56-demo-filter button{border:0;background:transparent;color:#667085;border-radius:7px;min-height:34px;padding:0 12px;font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.sp56-demo-filter button.is-active{background:#111827;color:#fff}
.sp56-demos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sp56-demo-full{background:#fff;border:1px solid var(--sp56-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.035)}
.sp56-demo-full[hidden]{display:none!important}.sp56-demo-full-media{position:relative;display:block;background:#eef1f5;text-decoration:none}.sp56-browser{height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f2f4f7;border-bottom:1px solid #e4e7ec;direction:ltr}.sp56-browser span{display:flex;gap:4px}.sp56-browser i{width:6px;height:6px;border-radius:50%;background:#c9ced6}.sp56-browser small{margin-left:8px;color:#98a2b3;font-size:.58rem}
.sp56-demo-full-image{height:260px;overflow:hidden}.sp56-demo-full-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform .3s ease}.sp56-demo-full-media:hover img{transform:scale(1.015)}
.sp56-open{position:absolute;bottom:12px;inset-inline-end:12px;background:#fff;color:#111827;padding:7px 10px;border-radius:7px;font-size:.68rem;font-weight:700;box-shadow:0 4px 14px rgba(16,24,40,.1)}
.sp56-demo-full-copy{padding:20px}.sp56-demo-tags{display:flex;align-items:center;justify-content:space-between;gap:10px}.sp56-demo-tags span{color:var(--sp56-accent);font-size:.68rem;font-weight:700}.sp56-demo-tags small{color:#98a2b3;font-size:.66rem}.sp56-demo-full h2{margin:8px 0 7px;font-size:1.15rem;line-height:1.45;color:var(--sp56-ink);font-weight:650}.sp56-demo-full p{margin:0;color:var(--sp56-muted);font-size:.8rem;line-height:1.8;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp56-demo-actions{display:flex;gap:8px;margin-top:18px}.sp56-demo-actions a{min-height:40px;padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#344054;border:1px solid #d0d5dd;font-size:.75rem;font-weight:700}.sp56-demo-actions a.primary{background:var(--sp56-accent);border-color:var(--sp56-accent);color:#fff}
.sp56-demo-cta{padding:58px 0;background:#111827;color:#fff}.sp56-demo-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.sp56-demo-cta span{font-size:.7rem;color:#b5b0ff;font-weight:700}.sp56-demo-cta h2{margin:7px 0 0;font-size:clamp(1.55rem,2.1vw,2rem);line-height:1.4;color:#fff;font-weight:650;max-width:720px}
.sp56-empty{padding:44px;text-align:center;background:#fff;border:1px solid var(--sp56-line);border-radius:12px;color:#475467}.sp56-empty p{font-size:.82rem;color:#98a2b3}

/* Footer */
.marketing-footer{background:#0f172a!important;color:#cbd5e1!important;border-top:0!important;padding-top:62px!important}.marketing-footer-grid{gap:46px!important}.marketing-footer h3{color:#fff!important;font-size:.9rem!important}.marketing-footer p,.marketing-footer a{color:#94a3b8!important;font-size:.78rem!important}.marketing-footer a:hover{color:#fff!important}.marketing-footer-cta .btn{background:var(--sp56-accent)!important;color:#fff!important}.marketing-footer-bottom{border-top-color:#263244!important;color:#64748b!important;font-size:.7rem!important}

@media(max-width:1000px){
  .sp56-hero-grid{grid-template-columns:1fr;gap:44px}.sp56-hero-copy{max-width:720px}.sp56-preview{max-width:760px}
  .sp56-feature-grid{grid-template-columns:repeat(2,1fr)}.sp56-direction-grid{grid-template-columns:repeat(2,1fr)}.sp56-demo-grid{grid-template-columns:repeat(2,1fr)}
  .sp56-price-grid{grid-template-columns:1fr}.sp56-price-grid>article{min-height:auto}.sp56-steps{grid-template-columns:repeat(2,1fr)}.sp56-steps article:nth-child(3){border-inline-start:0;border-top:1px solid #344054}.sp56-steps article:nth-child(4){border-top:1px solid #344054}
}
@media(max-width:760px){
  .marketing-dark .container{width:calc(100% - 28px)!important}.sp56-hero{padding:58px 0 54px}.sp56-hero-copy h1{font-size:clamp(2.05rem,9.2vw,2.9rem);line-height:1.3}.sp56-hero-copy>p{font-size:.9rem}.sp56-preview-media{height:320px}.sp56-preview-overlay{inset-inline-start:20px;bottom:22px;width:78%}.sp56-preview-overlay h2{font-size:1.35rem}.sp56-section{padding:62px 0}.sp56-section-head h2{font-size:clamp(1.65rem,7vw,2.15rem)}.sp56-section-head.row-head{align-items:start}.sp56-feature-grid,.sp56-demo-grid,.sp56-demos-grid{grid-template-columns:1fr}.sp56-demo-image{height:235px}.sp56-demo-full-image{height:230px}.sp56-final-inner,.sp56-demo-cta .container{align-items:flex-start;flex-direction:column}.sp56-demos-hero{padding:54px 0 42px}.sp56-demos-hero h1{font-size:clamp(1.95rem,8vw,2.55rem)}.sp56-demo-filter{top:70px;overflow-x:auto;flex-wrap:nowrap}.sp56-demo-filter button{white-space:nowrap}.sp56-direction-grid{grid-template-columns:1fr 1fr}.sp56-steps{grid-template-columns:1fr}.sp56-steps article{border-inline-start:0!important;border-top:1px solid #344054}.sp56-steps article:first-child{border-top:0}.sp56-hero-points{gap:12px}.sp56-section-head.row-head{display:block}.sp56-text-link{display:inline-block;margin-top:14px}
}
@media(max-width:520px){
  .sp56-feature-grid,.sp56-direction-grid{grid-template-columns:1fr}.sp56-preview-media{height:275px}.sp56-preview-overlay{width:calc(100% - 40px)}.sp56-demo-actions{display:grid;grid-template-columns:1fr 1fr}.sp56-actions{display:grid;grid-template-columns:1fr 1fr}.sp56-btn{padding-inline:12px}.sp56-hero-points{display:grid;grid-template-columns:1fr 1fr}
}