/* ═══════════════════════════════════════════════
   سيو هاوس — Theme Extra Styles
   theme.css — WordPress-specific & page-specific
   ═══════════════════════════════════════════════ */

/* ─ Platform logos cloud ─ */
.plat-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-block:12px 8px}
.plat-badge{display:block;text-decoration:none}
.plat-badge:nth-child(even){margin-top:24px}
.plat-badge-inner{width:88px;height:88px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:0 2px 12px rgba(9,16,46,.05);transition:box-shadow .24s var(--fast),border-color .24s var(--fast);animation:plat-float 4.5s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.6s)}
.plat-badge-inner:hover{animation-play-state:paused;box-shadow:0 8px 26px rgba(9,16,46,.12);border-color:rgba(30,46,245,.2)}
@keyframes plat-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.plat-ico-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.plat-ico-wrap img,.plat-ico-wrap svg{width:100%;height:100%;object-fit:contain;display:block}
.plat-ico-wrap span{font-size:20px;font-weight:900;color:var(--blue);line-height:1}
@media(max-width:480px){.plat-badge-inner{width:72px;height:72px;padding:13px}.plat-ico-wrap{width:46px;height:46px}.plat-badge:nth-child(even){margin-top:14px}}
@media(prefers-reduced-motion:reduce){.plat-badge-inner{animation:none}}

/* ─ Client logos bar ─ */
#clients{padding-block:clamp(28px,3.5vw,44px);background:var(--surface);border-block:1px solid var(--line)}
.cl-lbl{text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:24px}
.cl-marquee-outer{overflow:hidden;direction:ltr;mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent)}
.cl-marquee-track{display:flex;direction:ltr;width:max-content;animation:cl-scroll 36s linear infinite}
.cl-marquee-track:hover{animation-play-state:paused}
@keyframes cl-scroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.cl-item{width:160px;height:64px;padding:12px 20px;display:flex;align-items:center;justify-content:center;border-radius:var(--r2);transition:background .22s var(--fast),box-shadow .22s var(--fast);text-decoration:none;flex-shrink:0}
.cl-item:hover{background:#fff;box-shadow:0 2px 14px rgba(9,16,46,.08)}
.cl-item img{width:100%;height:100%;object-fit:contain;display:block;filter:grayscale(1) opacity(.5);transition:filter .22s var(--fast)}
.cl-item:hover img{filter:none}
.cl-item.cl-ph-txt{font-size:11px;font-weight:600;color:var(--muted);border:1.5px dashed var(--line)}

/* ─ Review stars ─ */
.stars{display:flex;gap:3px}
.star{width:16px;height:16px;background:#fbbf24;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}

/* ─ Blog archive layout ─ */
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.art-feat{grid-column:span 2}
.art-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;display:flex;flex-direction:column;transition:all .26s var(--fast)}
.art-card:hover{box-shadow:var(--sh-md);border-color:transparent;transform:translateY(-4px)}
.art-thumb{background:linear-gradient(140deg,var(--navy),rgba(30,46,245,.5));position:relative;overflow:hidden}
.art-thumb.feat-h{height:280px}
.art-thumb.reg-h{height:160px}
.art-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.art-thumb::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:26px 26px;z-index:1;pointer-events:none}
.art-cat{position:absolute;top:12px;inset-inline-start:12px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);padding:4px 9px;border-radius:5px;backdrop-filter:blur(8px);z-index:2}
.art-body{padding:20px 18px;flex:1;display:flex;flex-direction:column}
.art-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-bottom:10px}
.art-meta .d{width:3px;height:3px;border-radius:50%;background:var(--muted)}
.art-card h2,.art-card h3{font-weight:800;color:var(--ink);line-height:1.35;margin-bottom:8px;flex:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.art-card h2{font-size:18px;-webkit-line-clamp:2}
.art-card h3{font-size:15.5px;-webkit-line-clamp:2}
.art-card p{font-size:12.5px;color:var(--muted);line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-read{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue);transition:gap .16s}
.art-card:hover .art-read{gap:10px}
.pager{display:flex;align-items:center;gap:6px;margin-top:28px;justify-content:center}
.pg{width:36px;height:36px;border-radius:var(--r1);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:all .18s;background:#fff;text-decoration:none}
.pg:hover,.pg.act,.pg.current{background:var(--blue);border-color:var(--blue);color:#fff}

/* Sidebar */
.sidebar{display:flex;flex-direction:column;gap:20px}
.sb-box{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:20px}
.sb-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cat-list{display:flex;flex-direction:column;gap:6px}
.cat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--r1);transition:background .16s;text-decoration:none;font-size:13px;font-weight:600;color:var(--ink-2)}
.cat-item:hover{background:var(--blue-50);color:var(--blue)}
.cat-count{font-size:11px;font-weight:700;color:var(--muted);background:var(--surface);padding:2px 7px;border-radius:4px}
.pop-list{display:flex;flex-direction:column;gap:8px}
.pop-item{display:flex;gap:10px;text-decoration:none}
.pop-thumb{width:56px;height:56px;border-radius:var(--r1);background:var(--navy-2);flex-shrink:0;overflow:hidden}
.pop-thumb img{width:100%;height:100%;object-fit:cover}
.pop-t{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .16s}
.pop-item:hover .pop-t{color:var(--blue)}
.pop-d{font-size:11px;color:var(--muted)}

/* ─ Single blog post ─ */
.post-layout{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:start}
.post-body{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:36px}
.post-cover{width:100%;height:320px;object-fit:cover;border-radius:var(--r2);margin-bottom:28px;display:block}
.post-body h1{font-size:clamp(24px,3.5vw,38px);font-weight:900;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin-bottom:16px}
.post-body .post-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:28px;flex-wrap:wrap}
.post-body .post-meta .d{width:3px;height:3px;border-radius:50%;background:var(--muted)}
.post-content{font-size:15.5px;line-height:2;color:var(--ink-2)}
.post-content h2{font-size:clamp(18px,2.2vw,24px);font-weight:800;color:var(--ink);margin-top:36px;margin-bottom:12px;letter-spacing:-.02em}
.post-content h3{font-size:clamp(16px,1.8vw,20px);font-weight:800;color:var(--ink);margin-top:28px;margin-bottom:10px}
.post-content p{margin-bottom:18px}
.post-content ul{margin-bottom:18px;padding-inline-start:1.5em;list-style:disc}
.post-content ol{margin-bottom:18px;padding-inline-start:1.5em;list-style:decimal}
.post-content li{font-size:15px;color:var(--ink-2);line-height:1.8;display:list-item;margin-bottom:7px}
.post-content li:last-child{margin-bottom:0}
.post-content ul>li{list-style-type:disc}
.post-content ul>li::marker{color:var(--muted)}
.post-content blockquote{border-inline-start:3px solid var(--blue);padding:14px 18px;background:var(--off);border-radius:var(--r1) 0 0 var(--r1);margin-bottom:18px;font-style:italic;color:var(--ink-2)}
.post-content img{border-radius:var(--r2);margin-block:18px;width:100%}
.post-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.post-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:1000px){.blog-layout,.post-layout{grid-template-columns:1fr}.sidebar{display:none}}
@media(max-width:700px){.art-grid{grid-template-columns:1fr}.art-feat{grid-column:span 1}.art-thumb.feat-h{height:200px}}

/* ─ Team page ─ */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tm-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:all .26s var(--fast);display:flex;flex-direction:column}
.tm-card:hover{box-shadow:var(--sh-md);border-color:transparent;transform:translateY(-4px)}
.tm-avatar{height:260px;background:var(--navy-2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tm-avatar::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(30,46,245,.3),transparent 60%)}
.tm-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 15%;position:absolute;inset:0}
.tm-initials{font-size:52px;font-weight:900;color:rgba(255,255,255,.15);position:relative;z-index:1;letter-spacing:-.04em}
.tm-role-badge{position:absolute;bottom:14px;inset-inline-start:14px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;padding:5px 10px;border-radius:5px;letter-spacing:.04em;text-transform:uppercase;z-index:2}
.tm-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.tm-name{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:3px}
.tm-role{font-size:12px;font-weight:700;color:var(--blue);margin-bottom:3px}
.tm-expertise{font-size:11.5px;color:var(--muted);font-weight:500;margin-bottom:10px}
.tm-bio{font-size:12.5px;color:var(--muted);line-height:1.7;margin-bottom:10px}
.tm-tags{display:flex;flex-wrap:wrap;gap:5px}
.tm-socials{display:flex;gap:7px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.tm-soc{width:30px;height:30px;border-radius:7px;background:var(--surface);display:flex;align-items:center;justify-content:center;transition:background .18s}
.tm-soc:hover{background:var(--blue)}
.tm-soc svg{stroke:var(--muted);transition:stroke .18s;width:13px;height:13px}
.tm-soc:hover svg{stroke:#fff}
@media(max-width:860px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr}}

/* ─ Results / case study filter ─ */
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.filter-btn{padding:8px 18px;border-radius:50px;font-size:13px;font-weight:700;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;transition:all .18s;font-family:'Cairo',sans-serif}
.filter-btn:hover,.filter-btn.act{background:var(--blue);color:#fff;border-color:var(--blue)}
.proof-cta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue);text-decoration:none;transition:gap .18s var(--fast);margin-top:14px;padding-top:14px;border-top:1px solid var(--line);width:100%}
.proof-cta:hover{gap:10px}

/* ─ Contact page ─ */
.con-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r4);padding:36px 32px}
.form-title{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:6px}
.form-sub{font-size:13.5px;color:var(--muted);margin-bottom:28px;line-height:1.65}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px}
.form-group label span{color:var(--blue);margin-inline-start:2px}
.form-input,.form-select,.form-textarea{width:100%;font-family:'Cairo',sans-serif;font-size:14px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:var(--r1);padding:11px 14px;transition:border-color .18s,box-shadow .18s;outline:none;direction:rtl}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,46,245,.08)}
.form-textarea{resize:vertical;min-height:120px;line-height:1.7}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-submit{width:100%;background:var(--blue);color:#fff;border:none;border-radius:var(--r1);padding:14px;font-size:15px;font-weight:700;font-family:'Cairo',sans-serif;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.form-submit:hover{background:var(--blue-d);transform:translateY(-1px);box-shadow:var(--sh-b)}
.form-note{text-align:center;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6}
.info-panel{display:flex;flex-direction:column;gap:20px}
.info-card{background:var(--navy-2);border-radius:var(--r3);padding:24px;position:relative;overflow:hidden}
.info-card::before{content:'';position:absolute;inset-inline-end:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.25),transparent 70%)}
.info-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative;z-index:1}
.info-ico{width:38px;height:38px;border-radius:10px;background:rgba(30,46,245,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.info-ico svg{stroke:#7b90ff;width:17px;height:17px}
.info-t{font-size:15px;font-weight:800;color:#fff}
.info-sub{font-size:12px;color:rgba(255,255,255,.4)}
.calendly-wrap{position:relative;z-index:1;margin-top:4px;border-radius:var(--r2);overflow:hidden}
.form-error{font-size:12px;color:#c0392b;min-height:1em;margin-top:4px;margin-bottom:4px}
.con-details{display:flex;flex-direction:column;gap:12px}
.con-detail{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r2);text-decoration:none;transition:background .16s;position:relative;z-index:1}
.con-detail:hover{background:rgba(255,255,255,.08)}
.con-d-ico{width:34px;height:34px;border-radius:9px;background:rgba(30,46,245,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.con-d-ico svg{stroke:#7b90ff;width:15px;height:15px}
.con-d-t{font-size:13px;font-weight:700;color:rgba(255,255,255,.75)}
.con-d-sub{font-size:11.5px;color:rgba(255,255,255,.35)}
.form-success{display:none;text-align:center;padding:40px 20px}
.success-ico{width:64px;height:64px;border-radius:50%;background:rgba(16,185,129,.12);border:2px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.success-ico svg{stroke:var(--green);width:28px;height:28px}
@media(max-width:860px){.con-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

/* ─ About page ─ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:40px}
.val-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 20px;text-align:center;transition:all .26s var(--fast)}
.val-card:hover{box-shadow:var(--sh-md);border-color:transparent;transform:translateY(-4px)}
.val-ico{width:48px;height:48px;border-radius:13px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:14px;transition:background .22s}
.val-card:hover .val-ico{background:var(--blue)}
.val-card:hover .val-ico svg{stroke:#fff}
.val-ico svg{stroke:var(--blue);transition:stroke .22s;width:21px;height:21px}
.val-card h3{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:7px}
.val-card p{font-size:13px;color:var(--muted);line-height:1.72}
.story-card{background:var(--navy-2);border-radius:var(--r4);padding:32px;position:relative;overflow:hidden}
.story-card::before{content:'';position:absolute;inset-inline-end:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.28),transparent 70%)}
@media(max-width:860px){.about-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.values-grid{grid-template-columns:1fr}}

/* ─ Single case study ─ */
.cs-detail-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.cs-detail-body{display:flex;flex-direction:column;gap:28px}
.cs-detail-section{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px}
.cs-detail-section h2{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:14px}
.cs-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cs-metric{background:var(--off);border-radius:var(--r2);padding:16px}
.cs-metric-label{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.cs-metric-value{font-size:22px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
.cs-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}
.cs-sidebar-box{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:22px}
.cs-sidebar-box h4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.cs-sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.cs-sidebar-stat:last-child{border-bottom:none}
.cs-sidebar-stat strong{font-weight:700;color:var(--ink)}
.cs-sidebar-stat span{color:var(--muted);font-size:12px}
@media(max-width:900px){.cs-detail-layout{grid-template-columns:1fr}.cs-sidebar{position:static}}

/* ─ Sector single ─ */
.sector-challenges{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:22px;transition:all .22s var(--fast)}
.sc-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.sc-card h3{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:7px}
.sc-card p{font-size:13px;color:var(--muted);line-height:1.72}
@media(max-width:700px){.sector-challenges{grid-template-columns:1fr}}

/* ─ 404 ─ */
.err-page{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px var(--pad)}
.err-code{font-size:clamp(80px,14vw,160px);font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(110deg,var(--blue),#7b90ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.err-title{font-size:clamp(20px,3vw,32px);font-weight:800;color:var(--ink);margin-bottom:12px}
.err-p{font-size:15px;color:var(--muted);max-width:420px;margin-inline:auto;line-height:1.85;margin-bottom:28px}

/* ─ Service page ─ */
.svc-hero{padding-block:clamp(110px,13vh,150px) clamp(52px,6vh,72px);background:var(--navy);position:relative;overflow:hidden;clip-path:inset(0);text-align:center}
.svc-hero-inner{position:relative;z-index:2;max-width:880px;margin-inline:auto}
.h-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.07)}
.h-stat{text-align:center;padding-inline:14px;border-inline-end:1px solid rgba(255,255,255,.06)}
.h-stat:last-child{border:none}
.h-stat-n{font-size:clamp(22px,2.6vw,30px);font-weight:900;color:#fff;line-height:1;margin-bottom:6px;letter-spacing:-.02em}
.h-stat-n em{font-style:normal;color:#7b90ff}
.h-stat-l{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.4)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.feat-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 22px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.feat-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.feat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent}
.feat-card:hover::after{transform:scaleX(1)}
.feat-card h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.feat-card p{font-size:13px;color:var(--muted);line-height:1.78}
.steps-list{display:flex;flex-direction:column;gap:0}
.step-item{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);position:relative}
.step-item:last-child{border-bottom:none}
.step-num{width:42px;height:42px;border-radius:50%;background:var(--blue-50);border:1.5px solid rgba(30,46,245,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--blue);flex-shrink:0;margin-top:2px}
.step-body h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:7px}
.step-body p{font-size:13.5px;color:var(--muted);line-height:1.78}
@media(max-width:860px){.features-grid{grid-template-columns:repeat(2,1fr)}.h-stats{grid-template-columns:repeat(2,1fr)}.h-stat:nth-child(2){border-inline-end:none}.h-stat:nth-child(3){border-inline-end:1px solid rgba(255,255,255,.06)}}
@media(max-width:600px){.features-grid{grid-template-columns:1fr}.h-stats{grid-template-columns:1fr}.h-stat{border-inline-end:none!important;border-bottom:1px solid rgba(255,255,255,.06);padding-block:16px}.h-stat:last-child{border-bottom:none}}

/* ─ SEO service — lost opportunities ─ */
.lost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.lost-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.lost-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(239,68,68,.04),transparent 60%);opacity:0;transition:opacity .3s}
.lost-card:hover{border-color:rgba(239,68,68,.2);transform:translateY(-3px);box-shadow:var(--sh-md)}
.lost-card:hover::before{opacity:1}
.lost-ico{width:42px;height:42px;border-radius:11px;background:rgba(239,68,68,.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;z-index:1}
.lost-ico svg{stroke:#ef4444;width:19px;height:19px}
.lost-card h3{font-size:16.5px;font-weight:800;color:var(--ink);margin-bottom:8px;position:relative;z-index:1}
.lost-card p{font-size:13px;color:var(--muted);line-height:1.8;position:relative;z-index:1}

/* ─ SEO service — why commercially ─ */
.why-com-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}

/* ─ SEO service — what we do ─ */
.wwd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.wwd-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 22px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.wwd-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.wwd-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent}
.wwd-card:hover::after{transform:scaleX(1)}
.wwd-n{font-size:11px;font-weight:800;color:rgba(30,46,245,.14);margin-bottom:14px;letter-spacing:.04em}
.wwd-ico{width:46px;height:46px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .22s}
.wwd-card:hover .wwd-ico{background:var(--blue)}
.wwd-card:hover .wwd-ico svg{stroke:#fff}
.wwd-ico svg{stroke:var(--blue);transition:stroke .22s;width:21px;height:21px}
.wwd-card h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.wwd-card p{font-size:13px;color:var(--muted);line-height:1.78}

/* ─ SEO service — sub-services ─ */
.ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ss-card{border:1.5px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:all .26s var(--fast);background:#fff}
.ss-card:hover{border-color:rgba(30,46,245,.22);box-shadow:var(--sh-md)}
.ss-head{padding:22px 24px;background:var(--navy-2);position:relative;overflow:hidden}
.ss-head::before{content:'';position:absolute;inset-inline-end:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.28),transparent 70%)}
.ss-hico{width:42px;height:42px;border-radius:11px;background:rgba(30,46,245,.25);display:flex;align-items:center;justify-content:center;margin-bottom:13px;position:relative;z-index:1}
.ss-hico svg{stroke:#7b90ff;width:19px;height:19px}
.ss-head h3{font-size:18px;font-weight:800;color:#fff;position:relative;z-index:1;margin-bottom:6px}
.ss-head p{font-size:13px;color:rgba(255,255,255,.45);position:relative;z-index:1;line-height:1.7}
.ss-body{padding:20px 24px}
.ss-items{display:flex;flex-direction:column;gap:0}
.ss-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-2);padding:11px 0;border-bottom:1px solid var(--line);line-height:1.65}
.ss-item:last-child{border-bottom:none}
.ss-dot{width:5px;height:5px;border-radius:50%;background:rgba(30,46,245,.3);flex-shrink:0;margin-top:7px}
.ss-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--blue);transition:gap .16s;text-decoration:none}
.ss-card:hover .ss-link{gap:10px}

/* ─ SEO service — reporting mock ─ */
.rep-layout{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:center}
.rep-mock{background:#fff;border:1.5px solid var(--line);border-radius:var(--r3);padding:24px;box-shadow:0 22px 50px -22px rgba(15,18,42,.16)}
.rep-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
.rep-title{font-size:13px;font-weight:800;color:var(--ink)}
.rep-pill{font-size:10.5px;font-weight:700;color:var(--green);background:rgba(16,185,129,.1);padding:4px 9px;border-radius:50px}
.rep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
.rep-stat{padding:12px;background:var(--off);border-radius:var(--r2)}
.rep-stat-l{font-size:10.5px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.rep-stat-n{font-size:18px;font-weight:900;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:baseline;gap:6px}
.rep-stat-n .up{font-size:10px;font-weight:800;color:var(--green)}
.rep-chart{height:96px;background:var(--off);border-radius:var(--r2);padding:14px;position:relative;overflow:hidden;margin-bottom:14px}
.rep-bars{display:flex;align-items:flex-end;gap:5px;height:100%}
.rep-bar{flex:1;background:linear-gradient(180deg,var(--blue),rgba(30,46,245,.3));border-radius:3px 3px 0 0}
.rep-foot{font-size:11px;color:var(--muted);text-align:center;padding-top:12px;border-top:1px solid var(--line)}

/* ─ SEO service — methodology ─ */
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;z-index:1}
.method-item{padding:24px 22px;position:relative}
.method-item:not(:last-child)::after{content:'';position:absolute;top:36px;inset-inline-end:0;width:1px;height:64px;background:rgba(255,255,255,.07)}
.m-num{width:48px;height:48px;border-radius:50%;background:rgba(30,46,245,.18);border:1.5px solid rgba(30,46,245,.35);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#7b90ff;margin-bottom:18px;transition:all .22s}
.method-item:hover .m-num{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:var(--sh-b)}
.method-item h3{font-size:16px;font-weight:800;color:rgba(255,255,255,.85);margin-bottom:8px}
.method-item p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.78}

/* ─ SEO service — proof/results ─ */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proof-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px 26px;transition:transform .26s var(--fast),box-shadow .26s var(--fast),border-color .26s var(--fast);display:flex;flex-direction:column;position:relative;overflow:hidden}
.proof-card::before{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:var(--blue);opacity:0;transition:opacity .26s var(--fast)}
.proof-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(30,46,245,.1),0 2px 8px rgba(0,0,0,.06);border-color:rgba(30,46,245,.2)}
.proof-card:hover::before{opacity:1}
.proof-sector{font-size:10px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}
.proof-result{font-size:42px;font-weight:900;color:var(--ink);letter-spacing:-.03em;line-height:1;margin-bottom:12px}
.proof-result em{font-style:normal;color:var(--green)}
.proof-desc{font-size:13px;color:var(--muted);line-height:1.8;flex:1;margin-bottom:0}
.proof-meta{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);margin-top:18px}
.proof-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}
.proof-client{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:10px}
.proof-sector:has(+.proof-client){margin-bottom:4px}
.proof-result.neg em{color:var(--red)}
.cs-metric-value.pos{color:var(--green)}
.cs-metric-value.neg{color:var(--red)}

/* ─ SEO service — industries ─ */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.ind-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:20px 22px;display:flex;align-items:center;gap:14px;transition:all .22s var(--fast);text-decoration:none}
.ind-card:hover{transform:translateY(-2px);box-shadow:var(--sh-sm);border-color:rgba(30,46,245,.18);background:var(--blue-50)}
.ind-ico{width:38px;height:38px;border-radius:10px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .22s}
.ind-card:hover .ind-ico{background:var(--blue)}
.ind-card:hover .ind-ico svg{stroke:#fff}
.ind-ico svg{stroke:var(--blue);width:17px;height:17px;transition:stroke .22s}
.ind-card-body{flex:1;min-width:0}
.ind-card h4{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:3px}
.ind-card p{font-size:12px;color:var(--muted)}

/* ─ FAQ + CTA sidebar (shared) ─ */
.faq-cta-layout{display:grid;grid-template-columns:5fr 4fr;gap:48px;align-items:start}
.cta-sticky{position:sticky;top:86px}
.cta-side-card{background:var(--navy-2);border-radius:var(--r4);padding:28px;position:relative;overflow:hidden}
.cta-side-card::before{content:'';position:absolute;inset-inline-end:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.25),transparent 70%)}

/* ─ Hero badge ─ */
.h-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(30,46,245,.16);border:1px solid rgba(30,46,245,.28);border-radius:50px;padding:7px 16px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:24px}
.h-bdot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:lp 2s ease-in-out infinite;flex-shrink:0}
@keyframes lp{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0)}}

/* ─ Web design — types (scoped to #types for bulletproof specificity) ─ */
#types .types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
#types .type-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px 26px;transition:all .26s var(--fast);position:relative;overflow:hidden}
#types .type-card::before{content:'';position:absolute;top:0;inset-inline-end:0;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.06),transparent 70%);transform:translate(40%,-40%);transition:transform .35s}
#types .type-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
#types .type-card:hover::before{transform:translate(20%,-20%) scale(1.4)}
#types .type-tag{display:inline-block;font-size:10.5px;font-weight:800;color:var(--blue);background:var(--blue-50);padding:5px 11px;border-radius:50px;margin-bottom:14px;letter-spacing:.04em;position:relative}
#types .type-card h3{font-size:19px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.02em;position:relative}
#types .type-card p{font-size:13.5px;color:var(--muted);line-height:1.85;margin-bottom:16px;position:relative}
#types .type-feats{display:flex;flex-direction:column;gap:8px;position:relative}
#types .type-feat{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.65}
#types .type-feat svg{stroke:var(--blue);flex-shrink:0;margin-top:3px}

/* ─ Web design — tech stack ─ */
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.tech-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r3);padding:22px 18px;transition:all .22s;text-align:center}
.tech-card:hover{background:rgba(255,255,255,.06);border-color:rgba(30,46,245,.3);transform:translateY(-2px)}
.tech-logo{width:46px;height:46px;border-radius:11px;background:rgba(30,46,245,.18);display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:13px;font-weight:900;color:#7b90ff;font-size:14px}
.tech-card h3{font-size:14px;font-weight:800;color:#fff;margin-bottom:6px}
.tech-card p{font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.6}

/* ─ Web design — effective ─ */
.eff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.eff-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 22px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.eff-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.eff-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.eff-card:hover::after{transform:scaleX(1)}
.eff-ico{width:42px;height:42px;border-radius:11px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:13px;transition:all .22s}
.eff-card:hover .eff-ico{background:var(--blue)}
.eff-card:hover .eff-ico svg{stroke:#fff}
.eff-ico svg{stroke:var(--blue);width:19px;height:19px;transition:stroke .22s}
.eff-card h3{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:7px}
.eff-card p{font-size:12.5px;color:var(--muted);line-height:1.78}

/* ─ Process steps ─ */
.proc-step{position:relative;z-index:1;text-align:center;padding:0 10px}
.proc-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;margin-inline:auto;margin-bottom:14px;transition:all .22s}
.proc-step h3{font-size:13.5px;font-weight:800;margin-bottom:6px}
.proc-step p{font-size:11.5px;line-height:1.65}
.proc-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}
.proc-list::before{content:'';position:absolute;top:24px;inset-inline-start:5%;inset-inline-end:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(30,46,245,.3),transparent);z-index:0}
.proc-list .proc-num{background:#fff;border:2px solid var(--line);color:var(--ink)}
.proc-list .proc-step:hover .proc-num{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.06)}
.proc-list .proc-step h3{color:var(--ink)}
.proc-list .proc-step p{color:var(--muted)}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative}
.proc-grid .proc-num{background:rgba(30,46,245,.18);border:1.5px solid rgba(30,46,245,.35);color:#7b90ff}
.proc-grid .proc-step:hover .proc-num{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:var(--sh-b)}
.proc-grid .proc-step h3{color:rgba(255,255,255,.85)}
.proc-grid .proc-step p{color:rgba(255,255,255,.45)}

/* ─ Stores — what we do ─ */
.wd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.wd-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:26px 24px;display:flex;gap:18px;transition:all .26s var(--fast)}
.wd-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.wd-ico{width:46px;height:46px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .22s}
.wd-card:hover .wd-ico{background:var(--blue)}
.wd-card:hover .wd-ico svg{stroke:#fff}
.wd-ico svg{stroke:var(--blue);width:21px;height:21px;transition:stroke .22s}
.wd-body{flex:1;min-width:0}
.wd-body h3{font-size:16.5px;font-weight:800;color:var(--ink);margin-bottom:8px}
.wd-body p{font-size:13px;color:var(--muted);line-height:1.78}

/* ─ Stores — ecommerce platform cards (ep-plat prefix avoids marquee .plat-card conflict) ─ */
.ep-plat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ep-plat-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:all .28s var(--fast);display:flex;flex-direction:column}
.ep-plat-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px -16px rgba(15,18,42,.18);border-color:rgba(30,46,245,.28)}
.ep-plat-head{padding:24px 26px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}
.ep-plat-head-l{display:flex;align-items:center;gap:14px;min-width:0}
.ep-plat-logo{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;font-weight:900;letter-spacing:-.04em;color:#fff;line-height:1;box-shadow:0 4px 14px -4px rgba(0,0,0,.25)}
.ep-plat-name{font-size:21px;font-weight:900;color:var(--ink);letter-spacing:-.02em;line-height:1.15}
.ep-plat-flag{font-size:10.5px;font-weight:800;color:var(--blue);background:var(--blue-50);padding:6px 12px;border-radius:50px;letter-spacing:.05em;border:1px solid rgba(30,46,245,.15);flex-shrink:0}
.ep-plat-body{padding:22px 26px 24px;flex:1;display:flex;flex-direction:column;background:var(--off)}
.ep-plat-tag{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:10px}
.ep-plat-desc{font-size:13.5px;color:var(--ink-2);line-height:1.85;margin-bottom:16px}
.ep-plat-feats{display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}
.ep-plat-feat{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--ink-2);line-height:1.7;font-weight:500}
.ep-plat-feat svg{stroke:var(--green);flex-shrink:0;margin-top:3px;width:13px;height:13px}

/* ─ Stores — sales-ready ─ */
.sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.sales-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 22px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.sales-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.sales-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.sales-card:hover::after{transform:scaleX(1)}
.sales-n{font-size:11px;font-weight:800;color:rgba(30,46,245,.14);margin-bottom:14px;letter-spacing:.04em}
.sales-card h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.sales-card p{font-size:13px;color:var(--muted);line-height:1.78}

/* ─ Stores — UX list ─ */
.ux-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px}
.ux-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);transition:all .22s}
.ux-item:hover{border-color:rgba(30,46,245,.2);background:var(--blue-50)}
.ux-ico{width:30px;height:30px;border-radius:8px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ux-ico svg{stroke:var(--blue);width:14px;height:14px}
.ux-body strong{display:block;font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:3px}
.ux-body p{font-size:12px;color:var(--muted);line-height:1.65}

/* ─ Stores — who is this for ─ */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.who-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r3);padding:24px 22px;transition:all .22s}
.who-card:hover{background:rgba(255,255,255,.06);border-color:rgba(30,46,245,.3)}
.who-ico{width:40px;height:40px;border-radius:10px;background:rgba(30,46,245,.18);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.who-ico svg{stroke:#7b90ff;width:18px;height:18px}
.who-card h3{font-size:15.5px;font-weight:800;color:rgba(255,255,255,.88);margin-bottom:8px}
.who-card p{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.78}

/* ─ Platform pages ─ */
.acc-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(123,144,255,.14);border:1px solid rgba(123,144,255,.25);border-radius:50px;padding:7px 16px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.78);margin-bottom:22px}
.acc-badge .dot{width:7px;height:7px;border-radius:50%;background:#4353ff;box-shadow:0 0 8px #4353ff}
.why-vis{background:var(--navy-2);border-radius:var(--r4);padding:34px;position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center}
.why-vis::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(67,83,255,.2),transparent 60%);pointer-events:none}
.why-emoji{font-size:90px;position:relative;z-index:1;opacity:.92;filter:drop-shadow(0 8px 24px rgba(67,83,255,.35))}
.why-quote{position:absolute;bottom:24px;inset-inline-start:24px;inset-inline-end:24px;font-size:12px;color:rgba(255,255,255,.5);line-height:1.7;text-align:center;font-style:italic}

.when-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.when-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px;display:flex;gap:16px;transition:all .26s var(--fast)}
.when-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.when-ico{width:38px;height:38px;border-radius:10px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .22s}
.when-card:hover .when-ico{background:var(--blue)}
.when-card:hover .when-ico svg{stroke:#fff}
.when-ico svg{stroke:var(--blue);width:17px;height:17px;transition:stroke .22s}
.when-body h3{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}
.when-body p{font-size:13px;color:var(--muted);line-height:1.78}

.serv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.serv-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 22px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.serv-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.serv-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.serv-card:hover::after{transform:scaleX(1)}
.serv-ico{width:42px;height:42px;border-radius:11px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:13px;transition:all .22s}
.serv-card:hover .serv-ico{background:var(--blue)}
.serv-card:hover .serv-ico svg{stroke:#fff}
.serv-ico svg{stroke:var(--blue);width:19px;height:19px;transition:stroke .22s}
.serv-card h3{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:8px}
.serv-card p{font-size:12.5px;color:var(--muted);line-height:1.78}

/* ─ Service hub cards ─ */
.svc-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-hub-card{background:#fff;border:1px solid var(--line);border-radius:var(--r4);padding:32px 28px;transition:all .26s var(--fast);display:flex;flex-direction:column}
.svc-hub-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent}
.svc-hub-ico{width:56px;height:56px;border-radius:16px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .22s}
.svc-hub-card:hover .svc-hub-ico{background:var(--blue)}
.svc-hub-card:hover .svc-hub-ico svg{stroke:#fff}
.svc-hub-ico svg{stroke:var(--blue);width:24px;height:24px;transition:stroke .22s}
.svc-hub-card h3{font-size:20px;font-weight:900;color:var(--ink);margin-bottom:10px;letter-spacing:-.02em}
.svc-hub-card p{font-size:13.5px;color:var(--muted);line-height:1.85;margin-bottom:18px;flex:1}
.svc-sub-list{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;padding-top:16px;border-top:1px solid var(--line)}
.svc-sub-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);text-decoration:none;transition:color .16s}
.svc-sub-item:hover{color:var(--blue)}
.svc-sub-item svg{stroke:var(--blue);opacity:.5;width:11px;height:11px;flex-shrink:0}

/* ─ Responsive additions ─ */
@media(max-width:1100px){
  .faq-cta-layout{grid-template-columns:1fr}
  .cta-sticky{position:static}
  .rep-layout{grid-template-columns:1fr}
  .why-com-grid{grid-template-columns:1fr}
  .lost-grid{grid-template-columns:1fr}
  .wwd-grid,.method-grid,.proof-grid{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .wd-grid,.ep-plat-grid{grid-template-columns:1fr}
  .sales-grid,.who-grid{grid-template-columns:repeat(2,1fr)}
  .ux-list{grid-template-columns:1fr}
  .when-grid{grid-template-columns:1fr}
  .serv-grid{grid-template-columns:repeat(2,1fr)}
  #types .types-grid{grid-template-columns:1fr}
  .tech-grid,.eff-grid{grid-template-columns:repeat(2,1fr)}
  .proc-list{grid-template-columns:1fr;gap:18px}
  .proc-list::before{display:none}
  .proc-grid{grid-template-columns:repeat(2,1fr)}
  .svc-hub-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  .ss-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .wwd-grid,.method-grid,.proof-grid,.ind-grid{grid-template-columns:1fr}
  .method-item::after{display:none}
  .tech-grid,.eff-grid{grid-template-columns:1fr}
  .sales-grid,.who-grid{grid-template-columns:1fr}
  .serv-grid{grid-template-columns:1fr}
  .proc-grid{grid-template-columns:1fr}
}

/* ── Platform / Services hub ─────────────────────────────── */
.pbtns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}

/* why-grid: 2-col text + visual card */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.why-side h2{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.18;letter-spacing:-.025em;color:var(--ink);margin-bottom:18px}

/* svc-layout: featured tall card + stacked compact cards */
.svc-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.svc-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}

/* Featured svc-card variant */
.svc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 26px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s var(--fast)}
.svc-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s var(--fast)}
.svc-card:hover{box-shadow:var(--sh-md);border-color:transparent;transform:translateY(-4px)}
.svc-card:hover::after{transform:scaleX(1)}
.svc-card.feat{background:linear-gradient(155deg,var(--navy) 0%,var(--navy-2) 50%,#13205a 100%);border-color:transparent;color:#fff;padding:34px 34px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden;min-height:480px}
.svc-card.feat::before{content:'';position:absolute;inset-inline-end:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.4),transparent 65%);pointer-events:none}
.svc-card.feat::after{display:none}
.svc-card.feat:hover{transform:translateY(-3px);box-shadow:0 24px 60px -16px rgba(30,46,245,.4)}
.feat-tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.feat-tag-dot{width:6px;height:6px;border-radius:50%;background:#7b90ff;flex-shrink:0}
.svc-card.feat h3{font-size:clamp(22px,2.6vw,28px);font-weight:900;color:#fff;margin-bottom:10px;letter-spacing:-.02em;line-height:1.2}
.feat-p{font-size:14.5px;color:rgba(255,255,255,.6);line-height:1.85;margin-bottom:18px}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px}
.svc-card.feat .chip{color:rgba(255,255,255,.72);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:30px}
.feat-cta-block{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.feat-cta-lbl{font-size:11px;color:rgba(255,255,255,.45);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.feat-cta-num{font-size:26px;font-weight:900;color:#fff;line-height:1;margin-bottom:6px}
.feat-cta-num em{font-style:normal;color:#7b90ff;font-size:36px}
.feat-cta-desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.6}
.feat-cta-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#7b90ff;white-space:nowrap;padding-bottom:4px}

/* Why website matters — 2-col layout (desktop) */
.why-web-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}

/* Base icon box for svc-cards */
.svc-ico{width:46px;height:46px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;transition:background .22s}
.svc-card:hover .svc-ico{background:var(--blue)}
.svc-card:hover .svc-ico svg{stroke:#fff}
.svc-ico svg{stroke:var(--blue);transition:stroke .22s;width:22px;height:22px}

/* Compact stacked svc-card */
.svc-stack .svc-card{padding:22px 24px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 16px;align-items:center;text-decoration:none;color:inherit}
.svc-stack .svc-card .svc-ico{grid-row:span 2;align-self:start;margin-top:4px;margin-bottom:0}
.svc-stack .svc-card h3{margin-bottom:0;grid-column:2;font-size:16px;font-weight:800;color:var(--ink)}
.svc-stack .svc-card p{margin-bottom:0;grid-column:2;font-size:12.5px;line-height:1.65;color:var(--muted)}
.svc-stack .svc-card::after{display:none}
.svc-arrow{position:absolute;top:50%;inset-inline-start:22px;transform:translateY(-50%);opacity:.4;transition:all .22s;color:var(--ink)}
.svc-stack .svc-card:hover .svc-arrow{opacity:1;inset-inline-start:14px;color:var(--blue)}
.svc-stack .svc-card:hover{box-shadow:var(--sh-sm);border-color:rgba(30,46,245,.25);transform:translateX(-3px)}

@media(max-width:1100px){
  .svc-layout{grid-template-columns:1fr}
  .svc-card.feat{min-height:auto}
  .svc-stack{grid-template-rows:auto;grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .pbtns{flex-direction:column;align-items:center}
  .why-web-layout{grid-template-columns:1fr;gap:32px}
}
@media(max-width:860px){
  .why-web-layout{gap:28px}
}
@media(max-width:600px){
  .pbtns .btn{width:100%;justify-content:center}
  .feat-cta-block{flex-direction:column;align-items:flex-start}
  .why-web-layout{gap:20px}
  .why-web-layout .btn{width:100%;justify-content:center}
  .why-com-grid .btn{width:100%;justify-content:center}
  .why-grid .btn{width:100%;justify-content:center}
}

/* ─ SEO sub-service — quality vs quantity ─ */
.qv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qv-card{padding:28px;border-radius:var(--r3)}
.qv-bad{background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.18)}
.qv-good{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2)}
.qv-tag{display:inline-block;font-size:11px;font-weight:800;padding:6px 12px;border-radius:50px;letter-spacing:.04em;margin-bottom:14px}
.qv-bad .qv-tag{background:rgba(220,38,38,.12);color:#dc2626}
.qv-good .qv-tag{background:rgba(16,185,129,.14);color:#059669}
.qv-card h3{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:12px;letter-spacing:-.02em}
.qv-list{display:flex;flex-direction:column;gap:10px}
.qv-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-2);line-height:1.75}
.qv-item svg{flex-shrink:0;margin-top:3px;width:14px;height:14px}
.qv-bad .qv-item svg{stroke:#dc2626}
.qv-good .qv-item svg{stroke:#059669}
@media(max-width:860px){.qv-grid{grid-template-columns:1fr}}

/* ─ SEO main hero h1 ─ */
.svc-hero-h1{font-size:clamp(34px,5.2vw,64px);font-weight:900;line-height:1.06;letter-spacing:-.03em;color:#fff;margin-bottom:18px;animation:fu .75s .08s var(--ease) both}
.svc-hero-h1 em{font-style:normal;background:linear-gradient(110deg,#7b90ff,#aab8ff 50%,#7b90ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sh 5s linear infinite}

/* ─ Sectors menu icon sizing ─ */
.sd-link svg{width:13px;height:13px}

/* ─ Backlinks — 6-criteria grid ─ */
.crit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.crit-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--r3);padding:22px;display:flex;gap:14px;align-items:flex-start;transition:background .22s}
.crit-card:hover{background:rgba(255,255,255,.08)}
.crit-ico{width:38px;height:38px;border-radius:10px;background:rgba(30,46,245,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.crit-ico svg{stroke:#7b90ff;width:17px;height:17px}
.crit-body h3{font-size:14.5px;font-weight:800;color:rgba(255,255,255,.88);margin-bottom:6px}
.crit-body p{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.75}
@media(max-width:860px){.crit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.crit-grid{grid-template-columns:1fr}}

/* ─ Content — AI vs strategy (vs-grid) ─ */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vs-card{padding:28px;border-radius:var(--r3)}
.vs-bad{background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.18)}
.vs-good{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2)}
.vs-tag{display:inline-block;font-size:11px;font-weight:800;padding:6px 12px;border-radius:50px;letter-spacing:.04em;margin-bottom:14px}
.vs-bad .vs-tag{background:rgba(220,38,38,.12);color:#dc2626}
.vs-good .vs-tag{background:rgba(16,185,129,.14);color:#059669}
.vs-card h3{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:12px;letter-spacing:-.02em}
.vs-list{display:flex;flex-direction:column;gap:10px}
.vs-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-2);line-height:1.75}
.vs-item svg{flex-shrink:0;margin-top:3px;width:14px;height:14px}
.vs-bad .vs-item svg{stroke:#dc2626}
.vs-good .vs-item svg{stroke:#059669}
@media(max-width:860px){.vs-grid{grid-template-columns:1fr}}

/* ─ Content — types of content (scoped to .ctype-sec) ─ */
.ctype-sec .types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ctype-sec .type-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:22px;display:flex;gap:14px;align-items:flex-start;transition:all .22s var(--fast)}
.ctype-sec .type-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.ctype-sec .type-card-ico{width:36px;height:36px;border-radius:9px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .22s}
.ctype-sec .type-card:hover .type-card-ico{background:var(--blue)}
.ctype-sec .type-card:hover .type-card-ico svg{stroke:#fff}
.ctype-sec .type-card-ico svg{stroke:var(--blue);width:16px;height:16px;transition:stroke .22s}
.ctype-sec .type-body h3{font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:6px}
.ctype-sec .type-body p{font-size:12.5px;color:var(--muted);line-height:1.75}
@media(max-width:860px){.ctype-sec .types-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ctype-sec .types-grid{grid-template-columns:1fr}}

/* ─ Consulting — who-grid (scenarios) ─ */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.who-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r3);padding:24px 22px;transition:all .22s}
.who-card:hover{background:rgba(255,255,255,.07);border-color:rgba(30,46,245,.3)}
.who-q{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:10px}
.who-card h3{font-size:15px;font-weight:800;color:rgba(255,255,255,.88);margin-bottom:10px;line-height:1.4}
.who-card p{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.78}
@media(max-width:860px){.who-grid{grid-template-columns:1fr}}

/* ─ Consulting — del-grid (deliverables) ─ */
.del-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.del-item{display:flex;align-items:flex-start;gap:14px;padding:20px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r3);transition:background .22s}
.del-item:hover{background:rgba(255,255,255,.07)}
.del-num{width:32px;height:32px;border-radius:8px;background:rgba(30,46,245,.25);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#7b90ff;flex-shrink:0}
.del-body h3{font-size:14px;font-weight:800;color:rgba(255,255,255,.88);margin-bottom:6px}
.del-body p{font-size:12px;color:rgba(255,255,255,.45);line-height:1.75}
@media(max-width:860px){.del-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.del-grid{grid-template-columns:1fr}}

/* ─ SEO Stores — hero platform badges ─ */
.plat-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px;animation:fu .75s .32s var(--ease) both}
.plat-badge{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:7px 14px;font-size:13px;font-weight:700;color:rgba(255,255,255,.72)}
.plat-badge svg{stroke:rgba(255,255,255,.5);width:14px;height:14px}

/* ─ SEO Stores — why grid (align-items:start) ─ */
.why-stores-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media(max-width:1100px){.why-stores-grid{grid-template-columns:1fr}}

/* ─ SEO Stores — pillars grid ─ */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.pillar{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:22px 20px;position:relative;overflow:hidden;transition:all .26s var(--fast)}
.pillar::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s var(--fast)}
.pillar:hover{box-shadow:var(--sh-md);border-color:transparent;transform:translateY(-4px)}
.pillar:hover::after{transform:scaleX(1)}
.pillar-n{font-size:10.5px;font-weight:800;color:rgba(30,46,245,.12);margin-bottom:12px;letter-spacing:.04em}
.pillar-ico{width:44px;height:44px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:background .22s}
.pillar:hover .pillar-ico{background:var(--blue)}
.pillar:hover .pillar-ico svg{stroke:#fff}
.pillar-ico svg{stroke:var(--blue);transition:stroke .22s;width:20px;height:20px}
.pillar h3{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:7px}
.pillar p{font-size:12.5px;color:var(--muted);line-height:1.75}
@media(max-width:860px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pillars-grid{grid-template-columns:1fr}}

/* ─ SEO Stores — platform cards (large) ─ */
.plat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px}
.plat-card-big{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:20px;transition:all .26s var(--fast)}
.plat-card-big:hover{box-shadow:var(--sh-md);border-color:rgba(30,46,245,.2);transform:translateY(-3px)}
.plat-logo-box{width:44px;height:44px;border-radius:11px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:var(--blue);margin-bottom:12px;transition:all .22s}
.plat-card-big:hover .plat-logo-box{background:var(--blue);color:#fff}
.plat-card-big h3{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:6px}
.plat-card-big p{font-size:12.5px;color:var(--muted);line-height:1.7}
@media(max-width:860px){.plat-cards{grid-template-columns:1fr}}

/* ─ Consulting — who-card light (sec-surface context) ─ */
.sec-surface .who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sec-surface .who-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:32px 28px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.sec-surface .who-card::before{content:'';position:absolute;top:0;inset-inline-end:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.06),transparent 70%);transform:translate(40%,-40%);transition:transform .35s}
.sec-surface .who-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.sec-surface .who-card:hover::before{transform:translate(20%,-20%) scale(1.4)}
.sec-surface .who-q{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.05em;margin-bottom:14px;display:flex;align-items:center;gap:8px;text-transform:none;position:relative}
.sec-surface .who-q::before{content:'';width:24px;height:1px;background:var(--blue);display:block}
.sec-surface .who-card h3{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:12px;letter-spacing:-.02em;line-height:1.3;position:relative}
.sec-surface .who-card p{font-size:13.5px;color:var(--muted);line-height:1.85;position:relative}
@media(max-width:860px){.sec-surface .who-grid{grid-template-columns:1fr}}

/* ─ Consulting — cons-grid (3 types) ─ */
.cons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cons-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:all .26s var(--fast);display:flex;flex-direction:column}
.cons-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.cons-card.featured{border-color:var(--blue);position:relative}
.cons-card.featured::before{content:'الأكثر طلباً';position:absolute;top:14px;inset-inline-end:14px;background:var(--blue);color:#fff;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:50px;letter-spacing:.04em;z-index:1}
.cons-head{padding:28px 26px 22px;background:#fafbfc;border-bottom:1px solid var(--line)}
.cons-card.featured .cons-head{background:var(--blue-50);border-color:rgba(30,46,245,.18)}
.cons-tag{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.04em;margin-bottom:10px}
.cons-name{font-size:21px;font-weight:900;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}
.cons-dur{font-size:13px;color:var(--muted);font-weight:600}
.cons-body{padding:24px 26px;flex:1;display:flex;flex-direction:column}
.cons-feats{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;flex:1}
.cons-feat{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink-2);line-height:1.7}
.cons-feat svg{stroke:var(--blue);flex-shrink:0;margin-top:3px}
.cons-cta{padding:14px 18px;border:1.5px solid var(--ink);color:var(--ink);border-radius:var(--r2);text-align:center;font-weight:700;font-size:13.5px;text-decoration:none;transition:all .22s}
.cons-cta:hover{background:var(--ink);color:#fff}
.cons-card.featured .cons-cta{background:var(--blue);border-color:var(--blue);color:#fff}
.cons-card.featured .cons-cta:hover{background:var(--blue-d);border-color:var(--blue-d)}
@media(max-width:860px){.cons-grid{grid-template-columns:1fr}}

/* ─ Content/Products — inc-grid (what's included) ─ */
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin-inline:auto}
.inc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px 24px;text-align:center;transition:all .26s var(--fast);position:relative;overflow:hidden}
.inc-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.inc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent}
.inc-card:hover::after{transform:scaleX(1)}
.inc-ico{width:54px;height:54px;border-radius:14px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:16px;transition:all .22s}
.inc-card:hover .inc-ico{background:var(--blue);transform:scale(1.06)}
.inc-card:hover .inc-ico svg{stroke:#fff}
.inc-ico svg{stroke:var(--blue);width:24px;height:24px;transition:stroke .22s}
.inc-card h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:9px;letter-spacing:-.01em}
.inc-card p{font-size:13px;color:var(--muted);line-height:1.78}
@media(max-width:1100px){.inc-grid{grid-template-columns:repeat(2,1fr);max-width:680px}}
@media(max-width:600px){.inc-grid{grid-template-columns:1fr}}

/* ─ Products — plat-exp-grid (platform detail cards) ─ */
.plat-exp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.plat-exp{background:#fff;border:1.5px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:all .26s var(--fast)}
.plat-exp:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.plat-exp-head{padding:22px 24px;background:var(--navy-2);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.plat-exp-head::before{content:'';position:absolute;inset-inline-end:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(30,46,245,.28),transparent 70%)}
.plat-exp-name{font-size:22px;font-weight:900;color:#fff;position:relative;z-index:1;letter-spacing:-.02em}
.plat-exp-vol{font-size:11px;font-weight:800;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);padding:6px 12px;border-radius:50px;position:relative;z-index:1;letter-spacing:.04em}
.plat-exp-body{padding:22px 24px}
.plat-exp-tag{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:10px}
.plat-exp-desc{font-size:13.5px;color:var(--ink-2);line-height:1.85;margin-bottom:14px}
.plat-exp-feats{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.plat-exp-feat{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--muted);line-height:1.65}
.plat-exp-feat svg{stroke:var(--green);flex-shrink:0;margin-top:3px}
@media(max-width:860px){.plat-exp-grid{grid-template-columns:1fr}}

/* ─ Products — flow-list (process steps) ─ */
.flow-list{max-width:840px;margin-inline:auto;display:flex;flex-direction:column;gap:14px}
.flow-step{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 28px;display:flex;align-items:flex-start;gap:20px;transition:all .26s var(--fast)}
.flow-step:hover{transform:translateX(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.flow-num{width:46px;height:46px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:900;color:var(--blue);transition:all .22s}
.flow-step:hover .flow-num{background:var(--blue);color:#fff}
.flow-body{flex:1}
.flow-body h3{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:7px;letter-spacing:-.01em}
.flow-body p{font-size:13.5px;color:var(--muted);line-height:1.85}
@media(max-width:600px){.flow-step{flex-direction:column;gap:14px}}

/* ─ Stores — sr-grid (sales-ready) ─ */
.sr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.sr-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px 22px;transition:all .26s var(--fast);position:relative;overflow:hidden}
.sr-card::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:scaleX(0);transform-origin:right;transition:transform .3s}
.sr-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}
.sr-card:hover::after{transform:scaleX(1)}
.sr-n{font-size:11px;font-weight:800;color:rgba(30,46,245,.14);margin-bottom:14px;letter-spacing:.04em}
.sr-card h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.sr-card p{font-size:13px;color:var(--muted);line-height:1.78}
@media(max-width:1100px){.sr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sr-grid{grid-template-columns:1fr}}

/* ─ Sector pages ─ */
.sec-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.18);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:7px 16px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:22px}
.sec-badge svg{stroke:#fff;width:13px;height:13px}
.opp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.opp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:26px;display:flex;gap:18px;transition:all .26s var(--fast)}
.opp-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:rgba(30,46,245,.18)}
.opp-ico{width:42px;height:42px;border-radius:11px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .22s}
.opp-card:hover .opp-ico{background:var(--blue)}
.opp-card:hover .opp-ico svg{stroke:#fff}
.opp-ico svg{stroke:var(--blue);width:19px;height:19px;transition:stroke .22s}
.opp-body h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.opp-body p{font-size:13px;color:var(--muted);line-height:1.85}
.snap-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:1100px){.snap-grid{grid-template-columns:1fr}.opp-grid{grid-template-columns:1fr}}
@media(max-width:600px){.opp-grid{grid-template-columns:1fr}}

/* ─ Sectors archive grid ─ */
.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sec-card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:26px 20px;text-align:center;transition:all .28s var(--fast);position:relative;overflow:hidden;text-decoration:none;display:block}
.sec-card::before{content:'';position:absolute;inset:0;background:var(--blue);opacity:0;transition:opacity .28s}
.sec-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:transparent}
.sec-card:hover::before{opacity:1}
.sec-ico{width:52px;height:52px;border-radius:14px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:14px;position:relative;z-index:1;transition:background .28s,transform .3s var(--ease)}
.sec-ico svg{stroke:var(--blue);transition:stroke .28s;width:22px;height:22px}
.sec-card:hover .sec-ico{background:rgba(255,255,255,.15);transform:scale(1.08)}
.sec-card:hover .sec-ico svg{stroke:#fff}
.sec-card h3{font-size:15px;font-weight:700;color:var(--ink);position:relative;z-index:1;transition:color .24s;margin-bottom:6px}
.sec-card p{font-size:12px;color:var(--muted);position:relative;z-index:1;transition:color .24s;line-height:1.55}
.sec-card:hover h3,.sec-card:hover p{color:#fff}
.sec-card:hover p{color:rgba(255,255,255,.65)}
.sec-arr{position:absolute;bottom:14px;inset-inline-end:14px;width:24px;height:24px;border-radius:6px;background:rgba(30,46,245,.1);display:flex;align-items:center;justify-content:center;transition:all .24s;z-index:1}
.sec-arr svg{stroke:var(--blue);width:12px;height:12px;transition:stroke .24s}
.sec-card:hover .sec-arr{background:rgba(255,255,255,.15)}
.sec-card:hover .sec-arr svg{stroke:#fff}
@media(max-width:860px){.sec-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.sec-grid{grid-template-columns:1fr 1fr;gap:10px}}

/* ─ Mobile polish (additional breakpoint rules) ─ */
@media(max-width:860px){
  .svc-hub-card{padding:26px 22px}
  .faq-cta-layout{gap:32px}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  /* Reduce large column gaps on stacked two-col grids */
  .why-grid{gap:32px}
  .why-com-grid{gap:32px}
  .rep-layout{gap:28px}
  .con-layout{gap:28px}
  /* Typography polish — Arabic heading line-heights */
  .svc-hero-h1{line-height:1.2;letter-spacing:-.015em}
  .post-body h1{line-height:1.22;letter-spacing:-.015em}
}
@media(max-width:600px){
  /* Card padding — reduce desktop-scale padding on small phones */
  .form-card{padding:22px 18px}
  .post-body{padding:22px 16px}
  .ss-head,.ss-body{padding:16px 18px}
  .svc-hub-card{padding:22px 18px}
  .svc-hub-ico{width:44px;height:44px;border-radius:13px;margin-bottom:14px}
  .proof-card{padding:20px 16px}
  .proof-result{font-size:36px}
  .cons-head{padding:22px 18px}
  .cons-body{padding:18px 18px}
  .ep-plat-head{padding:18px 14px}
  .ep-plat-body{padding:18px 14px}
  .ep-plat-name{font-size:18px}
  .cs-detail-section{padding:18px 16px}
  .cs-metrics-grid{grid-template-columns:1fr}
  .wd-card{padding:20px 16px;gap:14px}
  .step-item{gap:14px}
  .faq-cta-layout{gap:20px}
  /* Service page hero stats — better spacing in single-col mode */
  .h-stat{padding-block:14px}
  /* Rep mock — readable on phone */
  .rep-mock{padding:18px}
  /* Sector challenges */
  .sector-challenges{grid-template-columns:1fr}
  /* Tighter column gaps on phone */
  .why-grid{gap:20px}
  .why-com-grid{gap:20px}
  .rep-layout{gap:20px}
  .con-layout{gap:20px}
  /* About grid text */
  .about-grid{gap:32px}
  /* opp-card reduce padding */
  .opp-card{padding:18px 16px;gap:14px}
  /* inc-card reduce padding */
  .inc-card{padding:22px 16px}
  /* flow-step reduce padding */
  .flow-step{padding:20px 20px}
  /* plat-exp reduce padding */
  .plat-exp-head,.plat-exp-body{padding:18px 16px}
  /* Typography */
  .svc-hero-h1{line-height:1.24;letter-spacing:-.008em}
  .post-body h1{line-height:1.28}
}