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

:root{
  --bg:#f7f9fc;
  --white:#fff;
  --ink:#111827;
  --muted:#667085;
  --line:#e7ebf2;
  --brand:#1268f3;
  --brand-dark:#0a4fc4;
  --accent:#22b573;
  --soft:#eef5ff;
  --radius:20px;
  --shadow:0 18px 50px rgba(16,34,66,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo','Inter',Arial,sans-serif;line-height:1.7}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,235,242,.9)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Inter,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.5px}
.brand>span:last-child>span{color:var(--brand)}
.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:19px;font-weight:800;box-shadow:0 7px 18px rgba(18,104,243,.22)}
.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600;color:#475467}
.main-nav a{transition:.2s}
.main-nav a:hover{color:var(--brand)}
.lang-link{padding:7px 13px;border:1px solid var(--line);border-radius:10px}
.menu-toggle{display:none;border:0;background:transparent;font-size:25px;color:var(--ink);cursor:pointer}

.hero{position:relative;overflow:hidden;background:#fff;padding:90px 0 80px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:610px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.1px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(34,181,115,.1)}
.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.16;letter-spacing:-2px;margin:18px 0 24px;max-width:760px;font-weight:800}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero-text{font-size:18px;color:var(--muted);max-width:630px;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{min-height:52px;padding:0 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:14px;transition:.2s;border:1px solid transparent}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(18,104,243,.2)}
.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}
.btn-light{background:#fff;border-color:var(--line);color:var(--ink)}
.btn-light:hover{border-color:#cfd7e4}
.btn-white{background:#fff;color:var(--brand)}
.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#667085;font-size:13px;font-weight:600}

.hero-visual{height:560px;position:relative;display:grid;place-items:center}
.phone{position:relative;width:278px;height:548px;border:9px solid #111827;border-radius:42px;background:#111827;box-shadow:0 35px 80px rgba(15,35,75,.22);transform:rotate(5deg);z-index:3}
.phone-notch{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:108px;height:25px;background:#111827;border-radius:0 0 17px 17px}
.phone-screen{height:100%;overflow:hidden;border-radius:32px;background:#f6f8fc;padding:38px 15px 12px;display:flex;flex-direction:column}
.app-top{display:flex;align-items:center;gap:7px;font:700 11px Inter,Arial;color:#1d2939}
.app-top b{margin-inline-start:auto;font-size:18px;color:#98a2b3}
.tiny-logo{width:24px;height:24px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:12px}
.app-banner{margin-top:17px;border-radius:17px;padding:18px 14px 21px;background:linear-gradient(145deg,#1268f3,#4b91ff);color:#fff;position:relative;overflow:hidden}
.app-banner:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.12);right:-35px;bottom:-50px}
.app-banner small{display:block;font-size:9px;opacity:.82}
.app-banner strong{display:block;font-size:15px;line-height:1.35;margin-top:7px;max-width:150px}
.app-banner i{display:block;width:54px;height:7px;border-radius:10px;background:rgba(255,255,255,.35);margin-top:15px}
.app-label{font-size:10px;font-weight:800;margin:20px 2px 9px}
.app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mini-card{height:115px;border-radius:12px;background:#fff;border:1px solid #e9edf4;padding:7px;box-shadow:0 6px 15px rgba(16,34,66,.05)}
.mini-card span{height:58px;border-radius:8px;display:block;background:linear-gradient(145deg,#dfeaff,#f7faff)}
.mini-card b{display:block;width:70%;height:6px;border-radius:8px;background:#d7deea;margin-top:9px}
.mini-card i{display:block;width:48%;height:5px;border-radius:8px;background:#e8edf4;margin-top:6px}
.app-nav{margin-top:auto;height:45px;background:#fff;border:1px solid #e9edf4;border-radius:13px;display:flex;align-items:center;justify-content:space-around;color:#98a2b3;font-size:14px}
.app-nav span:first-child{color:var(--brand)}
.orbit{position:absolute;border-radius:50%;border:1px dashed #c9d9f6}
.orbit-a{width:490px;height:490px}
.orbit-b{width:360px;height:360px;border-color:#d9e7fb}
.floating-stat{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:13px 16px;display:flex;flex-direction:column;min-width:120px}
.floating-stat b{font:800 21px Inter;color:var(--brand)}
.floating-stat span{font-size:11px;color:#667085;font-weight:600}
.stat-top{top:85px;right:8px}
.stat-bottom{bottom:70px;left:15px}
.stat-bottom b{color:var(--accent)}

.glow-one,.glow-two{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.glow-one{width:430px;height:430px;background:rgba(18,104,243,.055);right:-150px;top:-150px}
.glow-two{width:320px;height:320px;background:rgba(34,181,115,.055);left:-130px;bottom:-180px}

.trust-strip{background:#111827;color:#fff}
.trust-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:13px}
.trust-inner>span{color:#aeb8c8}
.trust-inner div{display:flex;gap:8px;align-items:center}
.trust-inner b{color:#6fa5ff;font-family:Inter}

.section{padding:105px 0}
.section-soft{background:#eef4fb}
.section-head{max-width:760px;margin-bottom:48px}
.section-head.compact{max-width:720px}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.25;letter-spacing:-1px;margin:10px 0 12px}
.section-head p{margin:0;color:var(--muted);font-size:16px}
.row-head{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:none}
.text-link{font-size:13px;color:var(--brand);font-weight:800;white-space:nowrap}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px 23px;min-height:255px;box-shadow:0 7px 25px rgba(16,34,66,.035)}
.feature-card.featured{background:#1268f3;color:#fff;border-color:#1268f3;box-shadow:0 20px 40px rgba(18,104,243,.18)}
.feature-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:var(--brand);font-size:21px;margin-bottom:25px}
.featured .feature-icon{background:rgba(255,255,255,.14);color:#fff}
.feature-card h3{margin:0 0 9px;font-size:19px}
.feature-card p{margin:0;color:#667085;font-size:14px;line-height:1.9}
.featured p{color:rgba(255,255,255,.8)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;position:relative}
.step span{font:800 34px Inter;color:#b9c9e1}
.step h3{margin:20px 0 8px;font-size:20px}
.step p{margin:0;color:var(--muted);font-size:14px}

.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;min-height:240px}
.post-number{font:800 25px Inter;color:#d6deeb;padding:24px 15px}
.post-body{padding:24px 20px 24px 0}
[dir="ltr"] .post-body{padding:24px 20px 24px 0}
[dir="rtl"] .post-body{padding:24px 0 24px 20px}
.post-meta{font-size:11px;font-weight:800;color:var(--brand)}
.post-card h3{font-size:18px;line-height:1.5;margin:10px 0}
.post-card h3 a:hover{color:var(--brand)}
.post-card p{font-size:13px;color:var(--muted);margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more{font-size:12px;color:var(--brand);font-weight:800}

.cta-section{padding:25px 0 95px}
.cta-box{background:linear-gradient(120deg,#0d5ce5,#1268f3 60%,#2684ff);border-radius:26px;padding:58px 60px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}
.cta-box:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.15);right:-80px;bottom:-160px}
.cta-box h2{font-size:clamp(28px,3.7vw,42px);line-height:1.25;margin:10px 0}
.cta-box p{margin:0;color:rgba(255,255,255,.78)}
.eyebrow.light{color:#dce9ff}
.eyebrow.light:before{background:#7cf0bb;box-shadow:0 0 0 5px rgba(124,240,187,.1)}

.site-footer{background:#fff;border-top:1px solid var(--line);padding-top:60px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:45px}
.footer-brand{margin-bottom:15px}
.footer-grid p{max-width:340px;color:var(--muted);font-size:13px}
.footer-grid h4{margin:0 0 14px;font-size:14px}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}
.footer-grid>div:not(:first-child) a{font-size:13px;color:#667085}
.footer-grid>div:not(:first-child) a:hover{color:var(--brand)}
.footer-bottom{border-top:1px solid var(--line);min-height:68px;display:flex;align-items:center;justify-content:space-between;color:#98a2b3;font-size:11px}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;min-height:auto}
  .hero-copy{max-width:800px}
  .hero-visual{height:530px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .post-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1160px)}
  .nav-wrap{min-height:66px}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;left:14px;right:14px;top:66px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 10px}
  .hero{padding:55px 0 40px}
  .hero h1{font-size:42px;letter-spacing:-1.4px}
  .hero-text{font-size:16px}
  .hero-visual{height:475px;transform:scale(.9);margin:-10px 0}
  .trust-inner{padding:18px 0;display:grid;grid-template-columns:1fr 1fr}
  .trust-inner>span{grid-column:1/-1}
  .section{padding:75px 0}
  .feature-grid,.steps,.post-grid{grid-template-columns:1fr}
  .row-head{align-items:start;flex-direction:column}
  .cta-box{padding:38px 25px;align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:460px){
  .hero h1{font-size:35px}
  .hero-visual{transform:scale(.78);margin:-35px -25px}
  .hero-points{gap:10px;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom{flex-direction:column;justify-content:center;gap:5px;padding:14px 0}
}

/* DESIGN 02 — shared inner pages */
.nav-cta{background:var(--brand);color:#fff!important;padding:9px 15px;border-radius:10px;box-shadow:0 8px 18px rgba(18,104,243,.16)}
.nav-cta:hover{background:var(--brand-dark)!important}
.inner-hero{padding:90px 0 70px;background:#fff;border-bottom:1px solid var(--line)}
.inner-hero.compact{padding:72px 0 55px}
.narrow{max-width:900px}
.inner-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.2;letter-spacing:-1.4px;margin:14px 0 15px}
.inner-hero p{max-width:760px;color:var(--muted);font-size:16px;margin:0}
.article-meta{color:#98a2b3;font-size:13px}
.article-wrap{padding:65px 0 100px;background:var(--bg)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px;align-items:start}
.article-main{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 35px rgba(16,34,66,.035)}
.article-cover{display:block;width:100%;max-height:500px;object-fit:cover;background:#eef4fb}
.article-content{padding:38px 42px;font-size:17px;line-height:2;color:#344054}
.article-content h2,.article-content h3{color:var(--ink);line-height:1.4;margin:1.8em 0 .7em}
.article-content h2{font-size:30px}.article-content h3{font-size:23px}
.article-content p{margin:0 0 1.15em}.article-content a{color:var(--brand);text-decoration:underline}.article-content img{max-width:100%;height:auto;border-radius:14px}.article-content ul,.article-content ol{padding-inline-start:25px}
.article-content blockquote{margin:25px 0;padding:18px 22px;border-inline-start:4px solid var(--brand);background:#f5f8fd;border-radius:10px;color:#475467}
.article-tax{padding:0 42px 34px;display:flex;flex-wrap:wrap;gap:8px}.article-tax a{font-size:12px;color:var(--brand);background:#eef5ff;border-radius:99px;padding:6px 10px}
.article-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}
.side-cta{display:flex;flex-direction:column;gap:7px;padding:24px;background:#1268f3;color:#fff;border-radius:18px;box-shadow:0 18px 35px rgba(18,104,243,.16)}
.side-cta b{font-size:21px}.side-cta span{font-size:13px;color:rgba(255,255,255,.82)}
.side-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.side-box h3{font-size:16px;margin:0 0 12px}.side-post{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-top:1px solid var(--line)}.side-post:first-of-type{border-top:0}.side-post strong{font-size:13px;line-height:1.6}.side-post small{color:var(--brand);font-size:11px}
.post-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card-v2{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(16,34,66,.035);transition:.2s}.post-card-v2:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(16,34,66,.08)}
.post-thumb{display:block;height:205px;background:#eef4fb;overflow:hidden}.post-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:.35s}.post-card-v2:hover .post-thumb img{transform:scale(1.025)}.post-thumb-empty{display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#f5faf8)}.post-thumb-empty span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--brand);color:#fff;font:800 27px Inter}
.post-card-content{padding:21px 22px 23px}.post-meta{font-size:11px;color:#98a2b3;font-weight:700}.post-card-v2 h3{font-size:19px;line-height:1.55;margin:9px 0 8px}.post-card-v2 h3 a:hover{color:var(--brand)}.post-card-v2 p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 14px}.post-card-v2 .read-more{font-size:12px}
.archive-section{padding-top:55px}.empty-state{grid-column:1/-1;padding:55px;background:#fff;border:1px dashed #cdd6e4;border-radius:18px;text-align:center;color:var(--muted)}
.not-found{min-height:65vh;display:grid;place-items:center;text-align:center;padding:80px 0}.not-found span{font:800 90px/1 Inter;color:#dce5f2}.not-found h1{font-size:38px;margin:18px 0 8px}.not-found p{color:var(--muted);margin:0 0 22px}

@media(max-width:980px){.article-layout{grid-template-columns:1fr}.article-side{position:static;display:grid;grid-template-columns:1fr 1fr}.post-grid-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-cta{background:transparent;color:var(--brand)!important;box-shadow:none}.inner-hero{padding:60px 0 45px}.inner-hero h1{font-size:38px}.article-wrap{padding:35px 0 70px}.article-content{padding:27px 23px;font-size:16px}.article-tax{padding:0 23px 25px}.article-side{display:flex}.post-grid-v2{grid-template-columns:1fr}.post-thumb{height:210px}}

/* DESIGN 03 — WordPress/Kiedo visual match */
:root{--wp-blue:#0064fb;--wp-blue2:#3a7afe;--wp-dark:#24365c;--wp-soft:#f6f9fb;--wp-orange:#ff9f00}
body{font-family:Cairo,Arial,sans-serif;color:var(--wp-dark)}
.site-header{background:#fff;box-shadow:0 2px 12px rgba(36,54,92,.04);position:relative;z-index:20}
.wp-brand{display:flex!important;align-items:center}.wp-brand img{width:140px;height:auto;display:block}.nav-wrap{min-height:82px}.main-nav a{color:var(--wp-dark);font-family:Cairo,Arial,sans-serif;font-weight:500}.main-nav a:hover{color:var(--wp-blue)!important}.nav-cta{background:linear-gradient(44.44deg,#3a7afe .79%,#0053fe 94.18%)!important;color:#fff!important;border-radius:40px!important;padding:12px 23px!important}
.wp-home{overflow:hidden}.wp-home .container{width:min(1160px,calc(100% - 30px))}.wp-hero{background:#f6f9fb;position:relative;padding:70px 0 95px;min-height:590px}.wp-hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:25px}.wp-hero-copy{direction:rtl;padding:20px 0 20px 30px}.wp-hero-copy .wp-kicker,.wp-section-label{display:inline-block;color:#416a85;font-size:18px;margin-bottom:12px}.wp-hero-copy h1{font-size:clamp(38px,4.4vw,58px);line-height:1.5;color:#24365c;font-weight:700;letter-spacing:.3px;margin:0 0 18px}.wp-hero-copy p{font-size:18px;line-height:1.8;color:#5f5f5f;max-width:650px;margin:0 0 28px}.wp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:linear-gradient(44.44deg,#3a7afe .79%,#0053fe 94.18%);color:#fff!important;padding:14px 28px;font-size:16px;font-weight:600;box-shadow:none;transition:.2s}.wp-btn:hover{transform:translateY(-2px);color:#fff!important}.wp-btn.outline{background:#fff;color:var(--wp-blue)!important;border:1px solid var(--wp-blue)}.wp-hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.hero-app{width:min(490px,82%);max-height:440px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 22px 30px rgba(0,67,180,.15))}.hero-clock,.hero-bell{position:absolute;z-index:4;width:115px;object-fit:contain}.hero-clock{left:3%;top:16%}.hero-bell{right:6%;bottom:9%}.hero-orb{position:absolute;border-radius:50%;background:rgba(0,100,251,.06)}.orb-1{width:430px;height:430px}.orb-2{width:570px;height:570px;border:1px solid rgba(0,100,251,.08);background:transparent}
.wp-section{padding:95px 0}.wp-section-title{max-width:820px;margin:0 auto 42px;text-align:right}.wp-section-title.center{text-align:center}.wp-section-title span{font-size:16px;color:#416a85}.wp-section-title h2{font-size:clamp(30px,3.5vw,44px);line-height:1.45;color:#24365c;margin:8px 0 0;font-weight:700}.center-note{text-align:center;color:#6d7788;margin:-20px auto 30px}.revenue{background:#fff}.revenue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.revenue-card{border-radius:10px;background:#fff;box-shadow:0 10px 35px rgba(36,54,92,.08);padding:35px 32px;border:1px solid #edf1f7}.revenue-card h3{font-size:21px;line-height:1.6;margin:20px 0 10px;color:#24365c}.revenue-card p{color:#5f5f5f;line-height:1.9;margin:0}.round-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(44.44deg,#3a7afe,#0053fe);color:#fff;font-size:22px;box-shadow:0 10px 25px rgba(0,83,254,.2)}.round-icon.orange{background:linear-gradient(44.44deg,#ff9f00,#ea6c57)}.dual-actions{display:flex;align-items:center;gap:24px;justify-content:center;margin-top:30px}.wp-link{color:#24365c;font-weight:600}.wp-link:hover{color:#0064fb}.clients{background:#f6f9fb}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:center}.client-logo{background:#fff;border:1px solid #edf1f7;border-radius:10px;height:105px;display:grid;place-items:center;padding:16px;transition:.2s}.client-logo:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(36,54,92,.08)}.client-logo img{max-width:100%;max-height:65px;object-fit:contain}.app-download{background:#f6f9fb}.app-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.app-download-art{text-align:center}.app-download-art img{max-width:100%;max-height:520px;object-fit:contain}.app-download-copy{direction:rtl}.app-download-copy h2,.video-copy h2,.integration-copy h2{font-size:clamp(30px,3.6vw,45px);line-height:1.5;color:#24365c;margin:8px 0 18px}.app-download-copy p,.video-copy p,.integration-copy p{font-size:17px;line-height:1.9;color:#5f5f5f;margin-bottom:25px}.key-features{background:#fff}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-box{background:#fff;border-radius:8px;padding:32px 27px;border:1px solid #edf1f7;box-shadow:0 8px 30px rgba(36,54,92,.055);text-align:right;transition:.2s}.feature-box:hover{transform:translateY(-5px)}.feature-box h3{font-size:20px;color:#24365c;margin:20px 0 10px}.feature-box p{font-size:14px;line-height:1.9;color:#6b7280;margin:0}.video-section{background:#f6f9fb}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.video-copy{direction:rtl}.video-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px rgba(36,54,92,.15);background:#fff}.video-card img{width:100%;display:block}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:#0064fb;color:#fff;font-size:24px;box-shadow:0 12px 30px rgba(0,100,251,.3)}.why{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why-grid article{padding:28px 24px;text-align:center;border:1px solid #edf1f7;border-radius:8px}.why-grid article .round-icon{margin:auto}.why-grid h3{color:#24365c;font-size:19px;margin:18px 0 9px}.why-grid p{color:#6b7280;font-size:13px;line-height:1.9;margin:0}.integrations{background:#f6f9fb}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.integration-art{text-align:center}.integration-art img{max-width:100%;max-height:460px;object-fit:contain}.integration-copy{direction:rtl}.platforms{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px}.platforms span{padding:8px 14px;border-radius:30px;background:#fff;border:1px solid #e4eaf3;color:#24365c;font-size:13px}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.price-card{position:relative;border:1px solid #e5eaf2;border-radius:8px;padding:35px 28px;background:#fff;box-shadow:0 8px 30px rgba(36,54,92,.05);text-align:center}.price-card.featured{border:2px solid #0064fb;box-shadow:0 15px 40px rgba(0,100,251,.12);transform:translateY(-8px)}.recommended{position:absolute;top:0;right:50%;transform:translate(50%,-50%);background:#0064fb;color:#fff;padding:7px 18px;border-radius:20px;font-size:12px}.price-card h3{font-size:22px;color:#24365c;margin:5px 0 8px}.price-card p{font-size:13px;color:#7a8495;min-height:42px}.price-card strong{display:block;font:700 48px/1 Inter,Arial;color:#0064fb;margin:20px 0 4px}.price-card strong small{font-size:24px}.price-card>span{font-size:12px;color:#7a8495}.price-card>a{display:block;margin:25px 0;background:#0064fb;color:#fff;border-radius:5px;padding:12px;font-weight:600}.price-card ul{list-style:none;padding:0;margin:0;text-align:right}.price-card li{font-size:13px;color:#5f5f5f;padding:9px 0;border-bottom:1px solid #f0f2f6}.testimonials{background:#f6f9fb}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-grid article{background:#fff;border:1px solid #edf1f7;border-radius:8px;padding:30px;text-align:center}.stars{color:#ffb000;letter-spacing:3px;margin-bottom:15px}.testimonial-grid p{color:#5f5f5f;line-height:1.9;min-height:80px}.testimonial-grid strong{display:block;color:#24365c}.testimonial-grid small{color:#8993a3}.latest{background:#fff}.more-center{text-align:center;margin-top:30px}.wp-footer{background:#f4f8fc;border-top:0;padding-top:75px}.wp-footer .footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:45px}.wp-footer .footer-brand img{width:140px}.wp-footer .footer-grid p{font-size:13px;line-height:1.9}.wp-footer .footer-grid h4{color:#24365c}.socials{display:flex;gap:8px;margin-top:20px}.socials a{width:35px;height:35px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:grid!important;place-items:center;color:#24365c!important;font-size:12px!important}.wp-footer .footer-grid>div:not(:first-child) a{color:#5f6b7d}.wp-footer .footer-bottom{border-top:1px solid #e3e9f1}
@media(max-width:1000px){.wp-hero-grid,.app-download-grid,.video-grid,.integration-grid{grid-template-columns:1fr}.wp-hero-copy{padding:0;text-align:center}.wp-hero-copy p{margin-left:auto;margin-right:auto}.wp-hero-art{height:430px}.logo-grid{grid-template-columns:repeat(4,1fr)}.six-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.testimonial-grid{grid-template-columns:1fr 1fr}.wp-footer .footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:700px){.wp-section{padding:70px 0}.wp-hero{padding:45px 0 55px}.wp-hero-copy h1{font-size:34px}.wp-hero-copy p{font-size:16px}.wp-hero-art{height:360px}.hero-app{width:90%}.hero-clock,.hero-bell{width:75px}.revenue-grid,.six-grid,.why-grid,.testimonial-grid{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.client-logo{height:90px}.app-download-art img,.integration-art img{max-height:330px}.wp-section-title h2,.app-download-copy h2,.video-copy h2,.integration-copy h2{font-size:30px}.dual-actions{flex-direction:column}.wp-footer .footer-grid{grid-template-columns:1fr 1fr}.wp-footer .footer-grid>div:first-child{grid-column:1/-1}.wp-brand img{width:120px}.nav-wrap{min-height:70px}}
@media(max-width:460px){.wp-footer .footer-grid{grid-template-columns:1fr}.wp-footer .footer-grid>div:first-child{grid-column:auto}.wp-hero-art{height:300px}.hero-orb.orb-2{width:360px;height:360px}.hero-orb.orb-1{width:280px;height:280px}}