:root { --p:#1A5FA8;--p-dark:#0E3F75;--p-light:#2B7FD4;--p-pale:#EBF3FB;--s:#1E7A5C;--s-light:#27A77D;--s-pale:#E7F5F0;--a:#E86920;--a-pale:#FEF0E7;--w:#D4920A;--w-pale:#FEF7E7;--n50:#F7F8FA;--n100:#EFF1F5;--n200:#DDE1EA;--n400:#9BA3B2;--n600:#5B6478;--n800:#2C3345;--n900:#151C2C;--white:#FFFFFF;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--sh-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sh-md:0 4px 14px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--sh-lg:0 12px 40px rgba(0,0,0,.10),0 4px 8px rgba(0,0,0,.04);--fh:'Cairo',sans-serif;--fb:'IBM Plex Sans Arabic','Cairo',sans-serif;--pad:clamp(20px,6vw,80px) }
a { text-decoration:none }
img { max-width:100% }
.btn { display:inline-flex;align-items:center;gap:8px;font-family:var(--fh);font-weight:600;font-size:14px;border-radius:var(--r-md);padding:10px 22px;cursor:pointer;transition:all .2s;border:none;text-decoration:none }
.btn-p { background:var(--p);color:#fff;box-shadow:0 2px 10px rgba(26,95,168,.25) }
.btn-p:hover { background:var(--p-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,95,168,.35) }
.btn-s { background:var(--s);color:#fff;box-shadow:0 2px 10px rgba(30,122,92,.2) }
.btn-s:hover { background:#165c45;transform:translateY(-1px) }
.btn-a { background:var(--a);color:#fff;box-shadow:0 2px 10px rgba(232,105,32,.25) }
.btn-a:hover { background:#c75a18;transform:translateY(-1px) }
.btn-op:hover { background:var(--p-pale) }
.btn-gh:hover { border-color:var(--p);color:var(--p);background:var(--p-pale) }
.btn-wh:hover { background:#1da856;transform:translateY(-1px) }
.tag-p { background:var(--p-pale);color:var(--p);border:1px solid rgba(26,95,168,.15) }
.tag-s { background:var(--s-pale);color:var(--s);border:1px solid rgba(30,122,92,.15) }
.tag-a { background:var(--a-pale);color:var(--a);border:1px solid rgba(232,105,32,.15) }
.tag-w { background:var(--w-pale);color:var(--w);border:1px solid rgba(212,146,10,.15) }
.sec-sub { font-size:16px;color:var(--n600);line-height:1.75;max-width:600px }
.nav-links { display:flex;gap:2px;flex:1;justify-content:center }
.nav-links a:hover { color:var(--p);background:var(--p-pale) }
#hero { background:#fff;margin:0;padding:0 }
.hs { display:none;padding:60px var(--pad) 56px;animation:hsFade .4s ease }
.hs.on { display:block }
@keyframes hsFade { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
.hs-grid-2 { max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center }
.hs-grid-full { max-width:1400px;margin:0 auto }
.hs-grid-4 { max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start }
#hs0 { background:linear-gradient(148deg,#EBF4FE 0%,#F5F9FF 40%,#ECF5F1 100%) }
#hs1 { background:linear-gradient(148deg,#FFF8F4 0%,#FFFBF5 50%,#FEF9F0 100%) }
#hs2 { background:#fff }
#hs3 { background:linear-gradient(148deg,#EBF4FE 0%,#F5F9FF 50%,#E7F5F0 100%) }
#hs4 { background:linear-gradient(148deg,#EBF4FE 0%,#F5F9FF 50%,#E7F5F0 100%) }
.hs-h1 { font-family:var(--fh);font-size:40px;font-weight:900;color:var(--n900);line-height:1.26;margin-bottom:18px }
.hs-h1 em { font-style:normal;color:var(--p) }
.hs-p { font-size:15px;color:var(--n600);line-height:1.8;margin-bottom:28px }
.hs-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px }
.hs-stats { display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--n200) }
.hs-stat span { font-family:var(--fh);font-size:26px;font-weight:800;color:var(--p);line-height:1;display:block }
.hs-stat small { font-size:12px;color:var(--n400);margin-top:3px;display:block }
.hs-stat span.hs-txt { font-size:19px;letter-spacing:-.2px }
.hs-stat { align-self:flex-start }
.dash-mock { background:var(--white);border-radius:var(--r-xl);box-shadow:var(--sh-lg),0 0 0 1px var(--n200);overflow:hidden }
.dash-bar { background:var(--p-dark);padding:12px 18px;display:flex;align-items:center;justify-content:space-between }
.dash-bar-title { font-family:var(--fh);font-size:12px;font-weight:700;color:rgba(255,255,255,.9) }
.dash-bar-dots { display:flex;gap:5px }
.dash-bar-dots i { display:inline-block;width:9px;height:9px;border-radius:50% }
.dash-body { padding:14px }
.dash-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px }
.dk { background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-md);padding:10px 6px;text-align:center }
.dk-lbl { font-size:9px;color:var(--n400);font-family:var(--fh);margin-bottom:4px }
.dk-val { font-family:var(--fh);font-size:20px;font-weight:800;line-height:1 }
.dk-val.cp { color:var(--p) }
.dk-val.ca { color:var(--a) }
.dk-val.cs { color:var(--s) }
.dk-val.cw { color:var(--w) }
.dk-sub { font-size:9px;margin-top:3px }
.dk-sub.cp { color:var(--s) }
.dk-sub.ca { color:var(--a) }
.dk-sub.cs { color:var(--s) }
.dk-sub.cw { color:var(--w) }
.dash-row { display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin-bottom:8px }
.dc { background:var(--n50);border:1px solid var(--n100);border-radius:var(--r-md);padding:10px }
.dc-title { font-size:10px;font-weight:700;font-family:var(--fh);color:var(--n600);margin-bottom:8px;display:flex;justify-content:space-between }
.dc-title a { color:var(--p);font-weight:500 }
.or { display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid var(--n100);font-size:10px }
.or:last-child { border-bottom:none }
.or-id { font-family:var(--fh);font-weight:700;color:var(--p);min-width:28px;font-size:10px }
.or-name { flex:1;color:var(--n800) }
.ob { font-size:9px;font-weight:700;font-family:var(--fh);padding:2px 8px;border-radius:10px;white-space:nowrap }
.ob-r { background:#FEE7E7;color:#C0392B }
.ob-p { background:var(--p-pale);color:var(--p) }
.ob-w { background:var(--w-pale);color:var(--w) }
.ob-s { background:var(--s-pale);color:var(--s) }
.mb-row { margin-bottom:7px }
.mb-hd { display:flex;justify-content:space-between;font-size:9px;color:var(--n600);margin-bottom:3px }
.mb-tr { height:5px;background:var(--n200);border-radius:3px;overflow:hidden }
.mb-fl { height:100%;border-radius:3px }
.dash-map { background:linear-gradient(135deg,var(--p-pale),var(--s-pale));border-radius:var(--r-md);height:64px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden }
.map-dot { position:absolute;width:9px;height:9px;border-radius:50%;animation:pdot 2s ease-in-out infinite }
.map-dot::after { content:'';position:absolute;top:-4px;left:-4px;width:17px;height:17px;border-radius:50%;border:1.5px solid currentColor;opacity:.4;animation:ping 2s ease-in-out infinite }
@keyframes pdot { 0%,100%{transform:scale(1)} 50%{transform:scale(1.2)} }
@keyframes ping { 0%{transform:scale(1);opacity:.4} 100%{transform:scale(1.9);opacity:0} }
.map-lbl { font-size:10px;font-family:var(--fh);font-weight:600;color:var(--n600);position:relative;z-index:1 }
.pain-cards { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.pc { background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);padding:20px 18px;box-shadow:var(--sh-sm);border-right:4px solid var(--p);transition:transform .2s,box-shadow .2s }
.pc:hover { transform:translateY(-3px);box-shadow:var(--sh-md) }
.pc i { font-size:20px;margin-bottom:10px;display:block }
.pc h4 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:5px }
.pc p { font-size:12px;color:var(--n600);line-height:1.65;margin:0 }
.mod-left { background:var(--p-dark);border-radius:var(--r-xl);padding:44px 36px;display:flex;flex-direction:column;gap:18px }
.mod-num { background:var(--p);border-radius:var(--r-lg);padding:16px 22px;display:flex;align-items:center;gap:14px }
.mod-num-big { font-family:var(--fh);font-size:42px;font-weight:900;color:#fff;line-height:1 }
.mod-num-txt { font-family:var(--fh);font-size:14px;font-weight:700;color:rgba(255,255,255,.9) }
.mod-num-sub { font-size:11px;color:rgba(255,255,255,.6);margin-top:2px }
.mod-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px }
.mg { display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--n200);border-radius:var(--r-md);box-shadow:var(--sh-sm);background:var(--white);transition:all .2s }
.mg:hover { border-color:var(--p);transform:translateY(-2px);box-shadow:var(--sh-md) }
.mg-icon { width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0 }
.mg span { font-family:var(--fh);font-size:13px;font-weight:700;color:var(--n900) }
.sector-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px }
.sg { background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);padding:24px 16px;text-align:center;box-shadow:var(--sh-sm);transition:all .25s;cursor:default }
.sg:hover { transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--p) }
.sg i { font-size:28px;margin-bottom:12px;display:block }
.sg h4 { font-family:var(--fh);font-size:13px;font-weight:700;color:var(--n900);margin-bottom:5px }
.sg p { font-size:11px;color:var(--n600);margin:0;line-height:1.6 }
.kpi-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px }
.kg { background:var(--white);border:1px solid var(--n200);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--sh-sm) }
.kg i { font-size:22px;margin-bottom:10px;display:block }
.kg h4 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:6px }
.kg p { font-size:13px;color:var(--n600);margin:0;line-height:1.65 }
.cta-band { background:var(--p-dark);border-radius:var(--r-xl);padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap }
.cta-band h3 { font-family:var(--fh);font-size:18px;font-weight:800;color:#fff;margin-bottom:4px }
.cta-band p { font-size:13px;color:rgba(255,255,255,.6);margin:0 }
.cta-band-btns { display:flex;gap:10px;flex-wrap:wrap }
.hs-ctrl { background:var(--white);border-top:1px solid var(--n100);padding:12px var(--pad);display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap }
.hs-arrow { width:34px;height:34px;border-radius:50%;background:var(--n50);border:1.5px solid var(--n200);color:var(--n600);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0 }
.hs-arrow:hover { background:var(--p);color:#fff;border-color:var(--p) }
.hs-tabs { display:flex;gap:6px;flex-wrap:wrap;justify-content:center }
.hs-tab { font-family:var(--fh);font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;border:1.5px solid var(--n200);background:var(--white);color:var(--n600);cursor:pointer;transition:all .2s }
.hs-tab.on { background:var(--p);color:#fff;border-color:var(--p) }
.hs-prog-wrap { height:3px;background:var(--n100) }
.hs-prog { height:100%;width:20%;background:var(--p);transition:width .4s ease }
.sec-pain { background:var(--n50) }
.pain-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px }
.pain-card { background:var(--white);border-radius:var(--r-lg);padding:24px;border:1px solid var(--n200);box-shadow:var(--sh-sm);position:relative;overflow:hidden;transition:all .25s }
.pain-card::before { content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:var(--p);opacity:0;transition:opacity .25s }
.pain-card:hover { transform:translateY(-3px);box-shadow:var(--sh-md) }
.pain-card:hover::before { opacity:1 }
.pain-ico { width:44px;height:44px;border-radius:var(--r-md);background:var(--p-pale);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px }
.pain-card h3 { font-family:var(--fh);font-size:15px;font-weight:700;color:var(--n900);margin-bottom:8px }
.pain-card p { font-size:13px;color:var(--n600);line-height:1.7;margin:0 }
.sec-wf { background:var(--white) }
.wf-steps { display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative }
.wf-steps::before { content:'';position:absolute;top:27px;right:10%;left:10%;height:2px;background:linear-gradient(to left,var(--p),var(--s));z-index:0 }
.wf-steps-2 { display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:28px;position:relative }
.wf-steps-2::before { content:'';position:absolute;top:27px;right:10%;left:10%;height:2px;background:linear-gradient(to left,var(--s),var(--s-light));z-index:0 }
.wf { display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;position:relative;z-index:1 }
.wf-n { width:54px;height:54px;border-radius:50%;background:var(--white);border:3px solid var(--p);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:17px;font-weight:800;color:var(--p);margin-bottom:14px;box-shadow:var(--sh-sm);transition:all .25s }
.wf:hover .wf-n { background:var(--p);color:#fff;transform:scale(1.1) }
.wf-2 .wf-n { border-color:var(--s);color:var(--s) }
.wf-2:hover .wf-n { background:var(--s);color:#fff }
.wf h4 { font-family:var(--fh);font-size:12px;font-weight:700;color:var(--n900);margin-bottom:5px }
.wf p { font-size:11px;color:var(--n400);line-height:1.55 }
.sec-mod { background:var(--n50) }
.mod-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px }
.mod-card { background:var(--white);border-radius:var(--r-lg);padding:22px 20px;border:1px solid var(--n200);box-shadow:var(--sh-sm);transition:all .25s;display:block;text-decoration:none;color:inherit }
.mod-card:hover { transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--p) }
.mod-ico { width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px }
.mod-card h3 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:6px }
.mod-card p { font-size:12px;color:var(--n600);line-height:1.65;margin-bottom:10px }
.mod-link { font-size:11px;color:var(--p);font-weight:600;font-family:var(--fh);display:flex;align-items:center;gap:4px }
.sec-sect { background:var(--white) }
.sect-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px }
.sect-card { background:var(--white);border-radius:var(--r-lg);padding:26px 18px;text-align:center;border:1px solid var(--n200);box-shadow:var(--sh-sm);transition:all .25s;cursor:default }
.sect-card:hover { transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--p);background:var(--p-pale) }
.sect-ico { width:60px;height:60px;border-radius:50%;background:var(--p-pale);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 14px;transition:all .25s }
.sect-card:hover .sect-ico { background:var(--p);color:#fff }
.sect-card h3 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:6px }
.sect-card p { font-size:12px;color:var(--n600);line-height:1.6;margin:0 }
.sec-app { background:linear-gradient(145deg,var(--p-dark) 0%,var(--p) 55%,var(--s) 100%);padding:80px var(--pad) }
.app-inner { max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center }
.app-tag { background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2) }
.app-title { font-family:var(--fh);font-size:32px;font-weight:900;color:#fff;line-height:1.3;margin-bottom:14px }
.app-sub { font-size:15px;color:rgba(255,255,255,.75);line-height:1.8;margin-bottom:28px }
.app-feats { display:flex;flex-direction:column;gap:14px;margin-bottom:28px }
.af { display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:14px 16px;transition:all .2s }
.af:hover { background:rgba(255,255,255,.18) }
.af-ico { width:36px;height:36px;min-width:36px;background:rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff }
.af h4 { font-family:var(--fh);font-size:13px;font-weight:700;color:#fff;margin-bottom:2px }
.af p { font-size:12px;color:rgba(255,255,255,.7);margin:0;line-height:1.6 }
.mob-wrap { background:var(--n900);border-radius:36px;padding:10px;box-shadow:0 28px 60px rgba(0,0,0,.35);max-width:240px;margin:0 auto;border:2px solid rgba(255,255,255,.1) }
.mob-screen { background:var(--white);border-radius:28px;overflow:hidden }
.mob-head { background:var(--p);padding:12px 14px 10px }
.mob-notch { width:70px;height:5px;background:rgba(0,0,0,.25);border-radius:3px;margin:0 auto 8px }
.mob-head-row { display:flex;align-items:center;justify-content:space-between }
.mob-head-title { font-family:var(--fh);font-size:12px;font-weight:700;color:#fff }
.mob-head-sub { font-size:9px;color:rgba(255,255,255,.7);margin-top:2px }
.mob-bdg { font-size:9px;background:rgba(255,255,255,.2);color:#fff;padding:2px 8px;border-radius:10px;font-family:var(--fh);font-weight:700 }
.mob-body { padding:10px 10px 12px }
.mob-task { display:flex;align-items:center;gap:7px;padding:7px 8px;background:var(--n50);border-radius:8px;border:1px solid var(--n100);margin-bottom:5px }
.mob-t-ico { width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0 }
.mob-t-name { font-size:9px;font-weight:700;font-family:var(--fh);color:var(--n900) }
.mob-t-loc { font-size:8px;color:var(--n400) }
.mob-t-st { font-size:8px;font-weight:700;font-family:var(--fh);padding:2px 7px;border-radius:8px;white-space:nowrap }
.mob-btns { display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px }
.mob-btn { background:var(--p);color:#fff;border-radius:8px;padding:7px 6px;text-align:center;font-size:9px;font-weight:700;font-family:var(--fh) }
.mob-btn.out { background:transparent;border:1px solid var(--p);color:var(--p) }
.sec-kpi { background:var(--n50) }
.kpi-cards { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px }
.kpi-card { background:var(--white);border-radius:var(--r-lg);padding:24px 20px;border:1px solid var(--n200);box-shadow:var(--sh-sm);text-align:center;transition:all .25s }
.kpi-card:hover { transform:translateY(-3px);box-shadow:var(--sh-md) }
.kpi-ico { width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px }
.kpi-card h3 { font-family:var(--fh);font-size:13px;font-weight:700;color:var(--n800);margin-bottom:4px }
.kpi-card p { font-size:12px;color:var(--n600);line-height:1.65;margin:0 }
.sec-trust { background:var(--white) }
.trust-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px }
.trust-card { display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--r-lg);border:1px solid var(--n200);box-shadow:var(--sh-sm) }
.tr-ico { width:44px;height:44px;min-width:44px;border-radius:var(--r-md);background:var(--p-pale);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:18px }
.trust-card h4 { font-family:var(--fh);font-size:14px;font-weight:700;color:var(--n900);margin-bottom:6px }
.trust-card p { font-size:13px;color:var(--n600);line-height:1.7;margin:0 }
.sec-cta { background:linear-gradient(135deg,var(--p-pale) 0%,var(--s-pale) 100%);text-align:center }
.cta-wrap h2 span { color:var(--p) }
.cta-foot { margin-top:20px;font-size:12px;color:var(--n400) }
.cta-foot i { color:var(--s);margin-left:4px }
.ft-citem { display:flex;align-items:center;gap:10px;text-decoration:none;color:rgba(255,255,255,.65);font-size:13px;transition:color .2s }
.ft-citem:hover { color:#fff }
.ft-citem-ico { width:32px;height:32px;background:rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0 }
.ft-col ul li a:hover { color:var(--p-light) }

@media(max-width:1100px) {
  .hs-grid-2,.hs-grid-4,.app-inner { grid-template-columns:1fr }
  .dash-mock,.mob-wrap { display:none }
  .mod-grid,.kpi-cards { grid-template-columns:repeat(2,1fr) }
  .sect-grid,.sector-grid { grid-template-columns:repeat(2,1fr) }
  .kpi-grid { grid-template-columns:repeat(2,1fr) }
  .wf-steps,.wf-steps-2 { grid-template-columns:repeat(3,1fr) }
  .wf-steps::before,.wf-steps-2::before { display:none }
}

@media(max-width:768px) {
  section { padding:56px 20px }
  .sec-app { padding:56px 20px }
  .hs { padding:48px 20px }
  .hs-ctrl { padding:12px 20px }
  .hs-h1 { font-size:28px }
  .pain-grid { grid-template-columns:1fr }
  .pain-cards { grid-template-columns:1fr }
  .mod-grid,.kpi-cards,.sect-grid,.sector-grid { grid-template-columns:1fr 1fr }
  .trust-grid { grid-template-columns:1fr }
  .kpi-grid { grid-template-columns:1fr 1fr }
  .wf-steps,.wf-steps-2 { grid-template-columns:repeat(2,1fr) }
  .hs-tabs { gap:4px }
  .hs-tab { font-size:11px;padding:5px 12px }
  .cta-band { flex-direction:column;text-align:right }
}