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

:root{
  --bg:#141722;
  --bg-2:#1b2030;
  --blue:#2f65ff;
  --blue-2:#254cce;
  --red:#ff5b63;
  --white:#f6f7fb;
  --muted:#a8adbb;
  --line:rgba(255,255,255,.13);
  --light:#f4f5f8;
  --ink:#11131b;
  --light-line:rgba(17,19,27,.14);
  --ar:"Alexandria","Segoe UI",Tahoma,sans-serif;
  --en:"Inter","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--ar);line-height:1.65;overflow-x:hidden}
html[lang="en"] body{font-family:var(--en)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.container{width:min(1360px,calc(100% - 88px));margin-inline:auto}
.header{
  position:sticky;top:0;z-index:80;
  background:rgba(20,23,34,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand-text{display:flex;align-items:center;gap:12px}
.brand-icon{
  width:46px;height:46px;border-radius:12px;
  background:var(--blue);color:white;
  display:grid;place-items:center;
  font-family:var(--en);font-weight:800;font-size:27px;letter-spacing:-.12em;
  position:relative;overflow:hidden
}
.brand-icon:after{content:"";position:absolute;width:50px;height:15px;border-top:3px solid white;border-radius:50%;transform:rotate(14deg);bottom:7px;left:-5px}
.brand-name{font-family:var(--en);font-size:19px;line-height:1.05;display:flex;gap:5px;align-items:baseline;flex-wrap:wrap}
.brand-name b{color:white}.brand-name strong{color:var(--blue)}
.brand-name small{width:100%;font-size:6px;letter-spacing:.2em;color:#c9ccd5;margin-top:4px}
.nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}
.nav a{color:#dfe2ea;transition:.2s}.nav a:hover{color:#fff}
.header-actions{display:flex;gap:10px;align-items:center}
.lang-btn{height:42px;min-width:48px;border:1px solid var(--line);background:transparent;border-radius:999px;cursor:pointer;font-family:var(--en);font-size:10px}
.whatsapp-top{height:44px;border-radius:999px;background:#fff;color:var(--ink);padding:0 17px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}
.wa-dot{width:8px;height:8px;background:#25D366;border-radius:50%;box-shadow:0 0 0 4px rgba(37,211,102,.13)}
.menu-btn{display:none;background:none;border:0;width:42px;height:42px;position:relative}.menu-btn span{position:absolute;left:9px;width:24px;height:1px;background:#fff;top:15px}.menu-btn span:last-child{top:25px}
.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;padding:84px 0 74px}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-a{width:480px;height:480px;background:#1b294c;right:-160px;top:-200px;opacity:.75}.orb-b{width:330px;height:330px;border:1px solid rgba(47,101,255,.28);left:-160px;bottom:-180px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;color:#bfc4d2;font-size:12px;font-weight:600;margin-bottom:25px}.eyebrow-line{width:42px;height:2px;background:var(--red)}
.hero h1{font-size:clamp(62px,6.4vw,106px);line-height:.96;letter-spacing:-.06em;margin:0;font-weight:800}
html[dir="rtl"] .hero h1{letter-spacing:-.035em}
.hero h1 span{display:block}.hero h1 .blue{color:var(--blue)}
.hero-lead{max-width:740px;font-size:17px;color:#bec3d0;line-height:1.9;margin:30px 0 0}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.primary-btn{height:54px;border-radius:999px;background:var(--blue);padding:0 10px 0 22px;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700}
html[dir="rtl"] .primary-btn{padding:0 22px 0 10px}.primary-btn b{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center}
.secondary-link{display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px;font-size:12px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:48px}
.hero-proof div{padding:16px 16px 0 0;border-inline-start:1px solid var(--line);min-height:75px}
.hero-proof div:first-child{border-inline-start:0}.hero-proof b{font-family:var(--en);font-size:8px;color:var(--red);display:block}.hero-proof span{font-size:10px;color:#b6bbc8}
.hero-brand-card{background:#0c0e15;border:1px solid var(--line);padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.32)}
.hero-brand-card img{width:100%;aspect-ratio:1280/487;object-fit:cover}
.hero-card-caption{display:flex;justify-content:space-between;gap:20px;padding:12px 4px 3px;font-family:var(--en);font-size:7px;letter-spacing:.12em;color:#777e91}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#11141e}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{padding:18px 22px;border-inline-start:1px solid var(--line)}.trust-grid>div:first-child{border-inline-start:0}
.trust-grid span{display:block;font-size:9px;color:#7f8597;margin-bottom:4px}.trust-grid a,.trust-grid strong{font-family:var(--en);font-size:11px;font-weight:600;color:#e7e9ef}
.section{padding:115px 0}
.section-label{display:flex;gap:10px;align-items:flex-start;font-size:11px}.section-label span{font-family:var(--en);font-size:8px;color:var(--blue);padding-top:4px}.section-label b{font-weight:600}.section-label.light span{color:var(--red)}
.intro{background:var(--light);color:var(--ink)}
.intro-grid{display:grid;grid-template-columns:220px 1fr;gap:60px}
.intro h2{font-size:clamp(48px,5.5vw,84px);line-height:1.05;letter-spacing:-.05em;margin:0;max-width:1000px}.intro h2 em{font-style:normal;color:var(--blue)}
.intro p{font-size:15px;color:#565966;max-width:780px;line-height:1.9;margin:32px 0 0}
.services{background:var(--bg);color:white}
.section-head,.packages-heading,.work-heading{display:grid;grid-template-columns:220px 1fr;gap:60px;margin-bottom:54px}
.tiny-label{font-family:var(--en);font-size:8px;letter-spacing:.14em;color:#7e8598}.tiny-label.dark{color:#757987}
.section-head h2,.packages-heading h2,.work-heading h2{font-size:clamp(48px,5.4vw,82px);line-height:1;margin:10px 0 0;letter-spacing:-.055em}
.section-head>div:last-child>p,.packages-heading>div:last-child>p,.work-heading>div:last-child>p{max-width:680px;color:#aeb4c3;font-size:14px;line-height:1.85;margin:18px 0 0}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.service-card{min-height:360px;border:1px solid var(--line);padding:26px;background:#181c29}
.service-featured{background:var(--blue);border-color:transparent}
.service-top{display:flex;justify-content:space-between;font-family:var(--en);font-size:8px;letter-spacing:.12em;color:#7f879b}.service-featured .service-top{color:#d6dcff}
.service-card h3{font-size:28px;margin:58px 0 12px}.service-card p{color:#afb5c4;font-size:13px;line-height:1.8;max-width:620px}.service-featured p{color:#e1e5ff}
.service-card ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:9px}.service-card li{font-size:11px;color:#d5d8e1}.service-card li:before{content:"✓";color:var(--red);margin-inline-end:8px}.service-featured li:before{color:white}
.packages{background:var(--light);color:var(--ink)}
.packages-heading>div:last-child>p{color:#686b76}
.package-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:20px;align-items:start}
.package-cards{display:grid;gap:10px}
.package-card{width:100%;text-align:start;border:1px solid var(--light-line);background:#fff;padding:24px;cursor:pointer;transition:.25s;display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:start;color:var(--ink)}
.package-card:hover,.package-card.active{border-color:var(--blue);box-shadow:0 10px 28px rgba(47,101,255,.08)}
.package-card.active{background:#f0f3ff}
.package-tag{font-family:var(--en);font-size:8px;letter-spacing:.14em;color:var(--blue)}.package-card h3{font-size:23px;margin:0}.package-price{grid-column:1;display:flex;align-items:baseline;gap:8px;margin-top:12px}.package-price strong{font-family:var(--en);font-size:42px;line-height:1}.package-price span{font-size:9px;color:#6d707b}.package-price.small strong{font-size:16px}
.package-card>p{grid-column:2;grid-row:2;color:#656874;font-size:12px;margin:12px 0 0;line-height:1.8}.package-card ul{grid-column:2;grid-row:3;margin:10px 0 0;padding:0;list-style:none;display:flex;gap:6px;flex-wrap:wrap}.package-card li{font-size:8px;border:1px solid var(--light-line);border-radius:999px;padding:5px 8px}.package-select{grid-column:3;grid-row:2/4;align-self:center;color:var(--blue);font-size:10px;font-weight:700}
.growth-preview{position:sticky;top:110px;background:var(--bg);color:white;padding:26px;border-radius:2px}
.growth-preview-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:11px}.growth-preview-head b{font-family:var(--en);color:var(--red);font-size:9px;letter-spacing:.12em}
.growth-months{display:grid;gap:0;margin-top:12px}.growth-month{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr;gap:16px}.growth-month>span{font-size:8px;color:#7f8597}.growth-month strong{font-size:13px}.growth-month p{grid-column:2;margin:4px 0 0;color:#aeb4c3;font-size:10px;line-height:1.7}
.growth-indicators{margin-top:20px;display:grid;gap:14px}.growth-indicators>div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.growth-indicators span{font-size:9px;color:#b7bdc9}.growth-indicators i{height:4px;background:#282d3b;display:block}.growth-indicators i b{height:100%;background:linear-gradient(90deg,var(--blue),var(--red));display:block;transition:width .4s ease}
.growth-disclaimer{font-size:8px;color:#747b8d;line-height:1.7;margin:18px 0}
.growth-cta{height:48px;background:var(--blue);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;font-weight:700}
.work{background:#0d1018}.work-heading>div:last-child>p{color:#939aad}
.work-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:12px}.work-card{background:#171b27;border:1px solid var(--line);overflow:hidden}.work-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.work-card.work-wide img{aspect-ratio:1280/487}.work-wide{grid-column:1/-1}.work-card>div{padding:18px}.work-card span{font-family:var(--en);font-size:7px;letter-spacing:.13em;color:#71798b}.work-card h3{font-size:20px;margin:5px 0}.work-card p{font-size:10px;color:#9aa1b1;margin:0}
.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.result-placeholder{border:1px solid var(--line);background:#151923;padding:24px}.result-placeholder>span{font-family:var(--en);font-size:7px;letter-spacing:.13em;color:#737b8d}.result-placeholder h3{font-size:20px;margin:12px 0 20px}.result-placeholder>p{font-size:9px;color:#777f91}
.feed-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.feed i{aspect-ratio:1;background:#393d48}.feed.good i:nth-child(1),.feed.good i:nth-child(5){background:var(--blue)}.feed.good i:nth-child(2),.feed.good i:nth-child(6){background:#202a49}.feed.good i:nth-child(3){background:var(--red)}.arrow{color:#6f7687}
.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-metrics div{background:#0e1119;padding:15px}.result-metrics b{font-family:var(--en);font-size:26px;color:var(--blue);display:block}.result-metrics span{font-size:8px;color:#777e90}
.testimonials{background:var(--light);color:var(--ink)}.testimonials-heading{display:grid;grid-template-columns:220px 1fr;gap:60px;margin-bottom:45px}.testimonials h2{font-size:clamp(42px,4.5vw,68px);margin:0;letter-spacing:-.045em}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.testimonial-grid article{border:1px solid var(--light-line);padding:30px;min-height:220px}.quote{font-family:Georgia,serif;font-size:60px;color:var(--blue);line-height:.7}.testimonial-grid p{font-size:16px;max-width:520px}.testimonial-grid small{font-size:9px;color:#777a84}
.method{background:#eceef4;color:var(--ink)}.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.method h2{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.05em;margin:40px 0 20px}.method>div p{color:#676a75}.steps{border-top:1px solid var(--ink)}.steps article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--light-line)}.steps article>span{font-family:var(--en);font-size:9px;color:var(--blue)}.steps h3{margin:0 0 6px;font-size:20px}.steps p{font-size:11px;margin:0!important}
.contact{background:var(--blue);padding-bottom:30px}.contact-grid{display:grid;grid-template-columns:1fr .78fr;gap:80px}.contact h2{font-size:clamp(58px,6.5vw,96px);line-height:.95;margin:45px 0 25px;letter-spacing:-.06em}.contact h2 em{font-style:normal;color:#cfd7ff}.contact-copy>p{color:#e0e4ff;max-width:650px;font-size:14px}
.contact-whatsapp{margin-top:28px;width:min(510px,100%);background:#fff;color:var(--ink);display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:10px;border-radius:6px}.wa-icon,.floating-wa-icon{background:#25D366;color:#07250f;font-family:var(--en);font-size:9px;font-weight:800;border-radius:50%;display:grid;place-items:center}.wa-icon{width:42px;height:42px}.contact-whatsapp b{display:block;font-size:11px}.contact-whatsapp small{font-family:var(--en);font-size:9px;color:#6b6e78}.contact-whatsapp>strong{font-size:20px}
.contact-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.contact-trust div{border-top:1px solid rgba(255,255,255,.25);padding-top:10px}.contact-trust span{font-size:8px;color:#c5ccff;display:block}.contact-trust b{font-size:9px}
.contact-form{background:#fff;color:var(--ink);padding:28px}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:6px;font-size:12px;font-weight:700}.contact-form label{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;border-bottom:1px solid var(--light-line);min-height:66px;font-size:9px;color:#777a84}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;background:transparent;outline:0;padding:14px 0;color:var(--ink);resize:none}.contact-form select{appearance:auto}.contact-form button{margin-top:22px;width:100%;height:50px;border:0;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 17px;cursor:pointer;font-size:10px;font-weight:700}
.footer{margin-top:80px;padding-top:24px;border-top:1px solid rgba(255,255,255,.24);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand .brand-icon{width:38px;height:38px;font-size:21px}.footer-brand b{font-family:var(--en);font-size:14px}.footer-brand b strong{color:#cfd7ff}.footer-brand small{display:block;font-family:var(--en);font-size:5px;letter-spacing:.18em}.footer-social{font-family:var(--en);font-size:8px;display:flex;gap:12px;flex-wrap:wrap;color:#dce1ff}.footer-social small{width:100%;font-family:var(--ar);font-size:7px;color:#aeb8ef}.footer-legal{display:flex;gap:13px;font-size:8px;color:#dce1ff}
.floating-whatsapp{position:fixed;z-index:75;right:22px;bottom:22px;background:#25D366;color:#08220f;border-radius:999px;padding:9px 15px 9px 9px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 35px rgba(0,0,0,.3);font-size:10px;font-weight:700}.floating-wa-icon{width:36px;height:36px}
html[dir="rtl"] .floating-whatsapp{right:auto;left:22px;padding:9px 9px 9px 15px}

@media(max-width:1050px){
  .container{width:min(100% - 48px,1360px)}
  .nav{display:none}.menu-btn{display:block}.whatsapp-top{display:none}
  .mobile-menu{position:fixed;top:88px;left:0;right:0;background:#151925;padding:12px 24px 24px;display:flex;flex-direction:column;transform:translateY(-140%);transition:.3s;z-index:70;border-bottom:1px solid var(--line)}.mobile-menu.open{transform:none}.mobile-menu a{padding:14px 0;border-bottom:1px solid var(--line);font-size:20px;font-weight:700}
  .hero-grid{grid-template-columns:1fr}.hero-brand-card{max-width:850px}
  .trust-grid{grid-template-columns:1fr 1fr}
  .section-head,.packages-heading,.work-heading,.testimonials-heading{grid-template-columns:150px 1fr}
  .package-layout{grid-template-columns:1fr}.growth-preview{position:static}
  .method-grid,.contact-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .container{width:calc(100% - 30px)}.header-inner{height:76px}.mobile-menu{top:76px}.brand-icon{width:39px;height:39px;font-size:23px}.brand-name{font-size:16px}.lang-btn{height:38px;min-width:44px}
  .hero{padding-top:52px}.hero h1{font-size:54px}.hero-lead{font-size:14px}.hero-proof{grid-template-columns:1fr}.hero-proof div{border-inline-start:0;border-top:1px solid var(--line);padding:10px 0;min-height:auto}.hero-brand-card{padding:7px}
  .trust-grid{grid-template-columns:1fr}.trust-grid>div{border-inline-start:0;border-top:1px solid var(--line);padding:14px 0}
  .section{padding:80px 0}.intro-grid,.section-head,.packages-heading,.work-heading,.testimonials-heading{grid-template-columns:1fr;gap:28px}
  .intro h2,.section-head h2,.packages-heading h2,.work-heading h2{font-size:45px}.services-grid{grid-template-columns:1fr}
  .package-card{grid-template-columns:1fr}.package-price,.package-card>p,.package-card ul,.package-select{grid-column:1;grid-row:auto}.package-select{margin-top:8px}
  .work-grid,.results-grid,.testimonial-grid{grid-template-columns:1fr}.work-wide{grid-column:auto}.work-card.work-wide img{aspect-ratio:1280/487}
  .method h2{font-size:47px}.contact h2{font-size:55px}.contact-trust{grid-template-columns:1fr}.contact-form{padding:22px}.contact-form label{grid-template-columns:95px 1fr}
  .footer{grid-template-columns:1fr;align-items:start}.floating-whatsapp{left:12px!important;right:12px!important;bottom:12px;justify-content:center;padding:8px;border-radius:12px}.floating-wa-icon{width:32px;height:32px}
}

body.legal{background:#f4f5f8;color:#11131b}
.legal-wrap{width:min(980px,calc(100% - 42px));margin:auto;padding:90px 0}
.legal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(17,19,27,.2);padding-bottom:18px}
.legal-top a{font-family:Inter,sans-serif;font-weight:800;color:#2f65ff}.legal-top button{border:1px solid #11131b;background:none;border-radius:999px;padding:9px 13px}
.legal h1{font-size:clamp(48px,7vw,86px);line-height:1;margin:60px 0 20px}.legal .lead{max-width:760px;color:#666a76}
.legal-copy{margin-top:55px;border-top:1px solid #11131b}.legal-copy section{padding:25px 0;border-bottom:1px solid rgba(17,19,27,.14)}.legal-copy h2{margin:0 0 8px;font-size:20px}.legal-copy p{margin:0;color:#666a76;font-size:13px;line-height:1.9}


/* ===== V2 typography fix for large Arabic headings ===== */
html[lang="ar"] .intro h2,
html[lang="ar"] .section-head h2,
html[lang="ar"] .packages-heading h2,
html[lang="ar"] .work-heading h2,
html[lang="ar"] .testimonials h2,
html[lang="ar"] .method h2,
html[lang="ar"] .contact h2 {
  letter-spacing: 0 !important;
  line-height: 1.34 !important;
}

html[lang="ar"] .intro h2 {
  font-size: clamp(42px, 4.7vw, 70px) !important;
  max-width: 980px;
}

html[lang="ar"] .intro h2 br {
  display: block;
  content: "";
  margin-top: .08em;
}

@media(max-width:760px){
  html[lang="ar"] .intro h2 {
    font-size: 39px !important;
    line-height: 1.38 !important;
  }
}

/* Demo portfolio / testimonial presentation */
.concept-note {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  font-size:8px;
  color:#949bad;
  letter-spacing:.04em;
}
.concept-note:before{content:"CONCEPT";font-family:var(--en);font-weight:800;color:var(--red);letter-spacing:.12em}

.concept-work-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:12px;
}
.concept-card{
  border:1px solid var(--line);
  background:#151923;
  overflow:hidden;
}
.concept-visual{
  aspect-ratio:1/1;
  position:relative;
  overflow:hidden;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.concept-card:nth-child(1) .concept-visual{
  background:linear-gradient(145deg,#c89a62,#5a2f1c);
}
.concept-card:nth-child(2) .concept-visual{
  background:linear-gradient(145deg,#f0ece5,#cbbdc9);
  color:#191a1f;
}
.concept-card:nth-child(3) .concept-visual{
  background:linear-gradient(145deg,#1a1e2b,#2f65ff);
}
.concept-brand{
  font-family:var(--en);
  font-size:10px;
  letter-spacing:.14em;
  font-weight:800;
}
.concept-visual h4{
  font-size:34px;
  line-height:1.05;
  margin:0;
  max-width:85%;
}
.concept-shape{
  position:absolute;
  border-radius:50%;
  opacity:.8;
}
.concept-card:nth-child(1) .concept-shape{
  width:220px;height:220px;
  background:#f7d7aa;
  right:-70px;bottom:-70px;
}
.concept-card:nth-child(2) .concept-shape{
  width:180px;height:180px;
  background:#ff5b63;
  left:-60px;bottom:-60px;
}
.concept-card:nth-child(3) .concept-shape{
  width:210px;height:210px;
  border:2px solid rgba(255,255,255,.35);
  right:-50px;top:-50px;
}
.concept-meta{
  padding:18px;
}
.concept-meta span{
  font-family:var(--en);
  font-size:7px;
  letter-spacing:.12em;
  color:#71798c;
}
.concept-meta h3{
  margin:7px 0 5px;
  font-size:18px;
}
.concept-meta p{
  margin:0;
  color:#969daf;
  font-size:10px;
  line-height:1.7;
}

.verified-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.verified-review-slot{
  border:1px solid var(--light-line);
  background:#fff;
  padding:28px;
  min-height:250px;
  display:flex;
  flex-direction:column;
}
.verified-review-slot .stars{
  color:#ff5b63;
  letter-spacing:.14em;
  font-size:11px;
}
.verified-review-slot blockquote{
  margin:26px 0 30px;
  font-size:15px;
  line-height:1.9;
  color:#282a31;
}
.verified-review-slot footer{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:15px;
}
.verified-review-slot footer strong{
  display:block;
  font-size:11px;
}
.verified-review-slot footer span{
  display:block;
  font-size:8px;
  color:#7a7d86;
  margin-top:4px;
}
.review-number{
  font-family:var(--en);
  font-size:7px;
  letter-spacing:.1em;
  color:#2f65ff;
  border:1px solid rgba(47,101,255,.2);
  padding:5px 7px;
  border-radius:999px;
}

@media(max-width:900px){
  .concept-work-grid,
  .verified-review-grid{
    grid-template-columns:1fr;
  }
}

.intro-main-title span{display:block}
html[lang="ar"] .intro-main-title span + span{margin-top:.16em}


/* Clean verified review placeholders — no fictional quotes */
.verified-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.verified-review-slot{
  border:1px solid var(--light-line);
  background:#fff;
  padding:28px;
  min-height:220px;
  display:flex;
  flex-direction:column;
}
.verified-review-slot .review-number{
  font-family:var(--en);
  color:var(--blue);
  font-size:9px;
  letter-spacing:.12em;
}
.verified-review-slot h3{
  margin:58px 0 10px;
  font-size:20px;
}
.verified-review-slot p{
  margin:0;
  color:#737680;
  font-size:12px;
  line-height:1.8;
}
@media(max-width:900px){
  .verified-review-grid{grid-template-columns:1fr}
}


/* ===== V5 portfolio + trust section ===== */
.sector-work-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.sector-card{
  background:#151923;
  border:1px solid var(--line);
  overflow:hidden;
}
.sector-art{
  min-height:430px;
  position:relative;
  overflow:hidden;
  padding:25px;
}
.sector-art>*{position:relative;z-index:2}
.sector-id{
  font-family:var(--en);
  font-size:7px;
  letter-spacing:.14em;
  opacity:.72;
}
.sector-logo{
  margin-top:38px;
  font-family:var(--en);
  font-weight:800;
  font-size:12px;
  letter-spacing:.16em;
}
.sector-art h3{
  position:absolute;
  left:25px;
  right:25px;
  bottom:28px;
  margin:0;
  font-family:var(--en);
  font-size:36px;
  line-height:1;
  letter-spacing:-.04em;
}
html[dir="rtl"] .sector-art h3{direction:ltr;text-align:left}
.sector-card.coffee .sector-art{
  background:linear-gradient(145deg,#d4b083,#6e3f27);
  color:#1a120d;
}
.coffee-cup{
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  background:#24160f;
  right:28px;top:130px;
  box-shadow:0 0 0 18px rgba(255,244,222,.15);
}
.coffee-cup:after{
  content:"";
  position:absolute;
  width:36px;height:55px;
  border:13px solid #24160f;
  border-left:0;
  border-radius:0 36px 36px 0;
  right:-39px;top:46px;
}
.coffee-orbit{
  position:absolute;
  width:280px;height:280px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
  right:-105px;top:40px;
}
.sector-card.clinic .sector-art{
  background:#f0edf3;
  color:#171923;
}
.clinic-cross{
  position:absolute;
  font-family:var(--en);
  font-size:150px;
  line-height:1;
  color:#ff5b63;
  right:25px;top:95px;
  font-weight:300;
}
.clinic-circle{
  position:absolute;
  width:260px;height:260px;
  border-radius:50%;
  border:1px solid rgba(47,101,255,.32);
  right:-80px;top:50px;
}
.sector-card.auto .sector-art{
  background:linear-gradient(145deg,#141722,#2f65ff);
  color:#fff;
}
.auto-road{
  position:absolute;
  width:520px;height:170px;
  border-top:3px solid rgba(255,255,255,.55);
  border-radius:50%;
  transform:rotate(-12deg);
  left:-90px;top:180px;
}
.auto-light{
  position:absolute;
  width:190px;height:190px;
  border-radius:50%;
  background:rgba(255,91,99,.88);
  right:-70px;top:70px;
  filter:blur(2px);
}
.sector-info{
  padding:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}
.sector-info span{
  font-family:var(--en);
  font-size:7px;
  letter-spacing:.13em;
  color:#777f92;
}
.sector-info h4{
  margin:6px 0 0;
  font-size:17px;
}
.sector-info p{
  margin:0;
  color:#969dae;
  font-size:9px;
  line-height:1.8;
}
.brand-showcase{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:12px;
  margin-top:12px;
}
.brand-showcase article{
  background:#151923;
  border:1px solid var(--line);
  overflow:hidden;
}
.brand-showcase img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.brand-showcase article:first-child img{aspect-ratio:1280/487}
.brand-showcase article:first-child{grid-column:1/-1}
.brand-showcase article div{padding:16px}
.brand-showcase span{font-family:var(--en);font-size:7px;letter-spacing:.12em;color:#737b8d}
.brand-showcase h3{font-size:18px;margin:5px 0}
.brand-showcase p{font-size:9px;color:#949bad;margin:0}

.proof-section{
  background:var(--light);
  color:var(--ink);
}
.proof-heading{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:60px;
  margin-bottom:44px;
}
.proof-heading h2{
  margin:0;
  font-size:clamp(44px,5vw,72px);
  line-height:1.1;
  letter-spacing:-.04em;
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--ink);
}
.proof-grid article{
  min-height:270px;
  padding:24px 22px 24px 0;
  border-inline-start:1px solid var(--light-line);
}
.proof-grid article:first-child{border-inline-start:0}
.proof-grid span{
  font-family:var(--en);
  font-size:8px;
  color:var(--blue);
}
.proof-grid h3{
  margin:65px 0 10px;
  font-size:21px;
}
.proof-grid p{
  margin:0;
  font-size:11px;
  line-height:1.85;
  color:#666a76;
}
.review-callout{
  margin-top:48px;
  background:var(--bg);
  color:#fff;
  padding:28px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
}
.review-callout span{
  font-family:var(--en);
  font-size:7px;
  letter-spacing:.14em;
  color:#7d8598;
}
.review-callout h3{
  margin:8px 0 0;
  font-size:18px;
  font-weight:600;
}
.review-callout a{
  background:var(--blue);
  padding:13px 16px;
  font-size:10px;
  white-space:nowrap;
}

@media(max-width:900px){
  .sector-work-grid,
  .proof-grid{grid-template-columns:1fr 1fr}
  .sector-card:last-child{grid-column:1/-1}
  .proof-heading{grid-template-columns:1fr;gap:26px}
}
@media(max-width:650px){
  .sector-work-grid,
  .proof-grid,
  .brand-showcase{grid-template-columns:1fr}
  .sector-card:last-child{grid-column:auto}
  .brand-showcase article:first-child{grid-column:auto}
  .proof-grid article{
    min-height:190px;
    border-inline-start:0;
    border-bottom:1px solid var(--light-line);
    padding-inline:0;
  }
  .proof-grid h3{margin-top:30px}
  .review-callout{align-items:flex-start;flex-direction:column}
}


/* ===== V6 realistic portfolio + review presentation ===== */
.sector-info{
  position:relative;
}
.concept-disclosure{
  position:absolute;
  left:18px;
  bottom:12px;
  font-family:var(--en);
  font-size:6px;
  letter-spacing:.08em;
  color:#5f6677;
  opacity:.8;
}
html[dir="rtl"] .concept-disclosure{left:auto;right:18px}

.testimonials-realistic{
  background:var(--light);
  color:var(--ink);
}
.realistic-heading{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:60px;
  margin-bottom:45px;
}
.realistic-heading h2{
  margin:10px 0 0;
  font-size:clamp(44px,5vw,72px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.realistic-heading p{
  max-width:650px;
  margin:18px 0 0;
  color:#666a76;
  font-size:13px;
  line-height:1.8;
}
.realistic-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.realistic-review{
  background:#fff;
  border:1px solid var(--light-line);
  padding:26px;
  min-height:330px;
  display:flex;
  flex-direction:column;
}
.review-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}
.review-stars{
  color:#ff5b63;
  letter-spacing:.1em;
  font-size:10px;
}
.review-sector{
  font-family:var(--en);
  font-size:7px;
  letter-spacing:.12em;
  color:#858892;
}
.realistic-review blockquote{
  margin:42px 0 34px;
  font-size:15px;
  line-height:1.95;
  color:#24262d;
}
.realistic-review footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
}
.review-avatar{
  width:42px;height:42px;
  border-radius:50%;
  background:var(--blue);
  color:#fff;
  display:grid;place-items:center;
  font-family:var(--en);
  font-weight:800;
  font-size:13px;
}
.realistic-review footer strong{
  display:block;
  font-size:10px;
}
.realistic-review footer span{
  display:block;
  font-size:8px;
  color:#777a84;
  margin-top:2px;
}
.sample-disclosure{
  display:block;
  margin-top:16px;
  font-size:7px;
  color:#aaaeb7;
  line-height:1.5;
}
@media(max-width:900px){
  .realistic-heading{grid-template-columns:1fr;gap:26px}
  .realistic-review-grid{grid-template-columns:1fr}
}

.sample-disclosure,.concept-disclosure{display:none!important}