:root{--navy:#071a33;--deep:#0b2d57;--blue:#0a5dbb;--accent:#1f8cff;--light:#f7f9fc;--ink:#0b1420;--muted:#64748b;--line:#dce6f2;--radius:14px;--shadow:0 12px 35px rgba(7,26,51,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.9;direction:rtl}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.25;letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.35}h3{font-size:1.25rem;line-height:1.5}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:88px 0}.section.soft{background:var(--light)}.eyebrow{display:block;color:var(--blue);font:700 .78rem/1.5 "Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.english{font-family:"Segoe UI",Arial,sans-serif;direction:ltr;display:inline-block}.lead{font-size:1.13rem;color:#334155;max-width:680px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--accent));color:#fff;font-weight:700;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,93,187,.24)}.button.secondary{background:#fff;color:var(--navy);border-color:#afc1d7}.button.ghost{background:transparent;border-color:#fff}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.split{display:flex;justify-content:space-between;align-items:center;gap:48px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card-icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:#eaf4ff;color:var(--accent);font-size:1.7rem;margin-bottom:18px}.card p{color:#526174}.card-link{color:var(--blue);font-weight:700}.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e7edf5}.header-inner{height:78px;display:flex;align-items:center;gap:26px}.brand img,.custom-logo{width:170px;max-height:58px;object-fit:contain}.site-nav{margin-inline:auto}.site-nav ul{list-style:none;display:flex;gap:28px;align-items:center;padding:0;margin:0}.fallback-menu{display:flex}.site-nav .menu:not(:empty)+.fallback-menu{display:none}.site-nav a{font-size:.92rem;font-weight:700}.site-nav a:hover{color:var(--blue)}.lang{font-size:.75rem;color:var(--muted)}.header-cta{min-height:42px;padding:7px 18px}.menu-toggle{display:none;border:0;background:transparent;font-size:1.7rem}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:8px;right:8px;z-index:99;background:#fff;padding:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.home-hero{min-height:650px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.98) 40%,rgba(247,249,252,.78)),radial-gradient(circle at 18% 38%,#cce6ff,transparent 33%)}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.home-hero h1 em{font-style:normal;color:var(--blue)}.data-visual,.data-orbit{position:relative;min-height:360px;border-radius:28px;background:linear-gradient(145deg,#06182f,#0a3a71);overflow:hidden;box-shadow:0 35px 70px rgba(7,26,51,.24)}.data-visual:before,.data-visual:after{content:"";position:absolute;inset:12%;border:1px solid rgba(31,140,255,.42);border-radius:50%;transform:rotate(-18deg)}.data-visual:after{inset:27% 8%;transform:rotate(28deg)}.metric{position:absolute;background:rgba(255,255,255,.95);padding:16px 20px;border-radius:12px;box-shadow:var(--shadow);font-weight:700;color:var(--deep)}.metric:nth-child(1){top:16%;right:10%}.metric:nth-child(2){top:42%;left:8%}.metric:nth-child(3){bottom:12%;right:24%}.dark{background:var(--navy);color:#fff}.dark .eyebrow{color:#65b2ff}.dark .card{background:#0b2547;border-color:#173d67;color:#fff}.dark .card p{color:#c5d3e3}.portfolio-card{overflow:hidden;padding:0}.portfolio-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.portfolio-card .card-body{padding:22px}.why .card{box-shadow:none;border-width:0 1px 0 0}.about-band{background:linear-gradient(90deg,#fff 52%,#dbe9f7)}.cta{padding:62px 0;color:#fff;background:linear-gradient(120deg,#06172d,#073b70);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:700px;height:240px;border:1px solid rgba(31,140,255,.35);border-radius:50%;left:-120px;bottom:-160px}.cta h2{margin-bottom:8px}.cta p{margin:0;color:#cbd8e7}.page-hero{padding:90px 0;background:linear-gradient(110deg,#fff 46%,#eaf4ff)}.page-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:8px}.data-orbit{min-height:300px;display:flex;align-items:center;justify-content:center;gap:10px}.data-orbit span{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px 0;border-bottom:1px solid var(--line)}.service-detail:nth-child(even) .service-media{order:2}.service-media{border-radius:18px;overflow:hidden;background:var(--navy);min-height:280px;display:grid;place-items:center}.service-media img{width:100%;height:100%;object-fit:cover}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none}.checks li:before{content:"✓";color:var(--accent);margin-left:8px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 40px}.filter{border:0;border-radius:999px;background:#edf2f8;padding:10px 22px;cursor:pointer}.filter.active{background:var(--navy);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card[hidden]{display:none}.project-card .meta{font-size:.78rem;color:var(--blue);font-weight:700}.project-card strong{display:block;color:var(--blue);margin-top:10px}.steps{counter-reset:steps}.step{position:relative;padding-top:55px}.step:before{counter-increment:steps;content:"0" counter(steps);position:absolute;top:0;right:0;color:var(--accent);font:700 1.4rem/1 "Segoe UI"}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{padding:0;overflow:hidden}.article-card img,.article-placeholder{width:100%;aspect-ratio:16/8.6;object-fit:cover;background:linear-gradient(135deg,#071a33,#0a5dbb);display:grid;place-items:center;color:#fff;font-size:2rem}.article-card .card-body{padding:24px}.article-card .category{font-size:.75rem;color:var(--blue);background:#eaf4ff;border-radius:20px;padding:5px 10px}.contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px}.contact-list{list-style:none;padding:0}.contact-list li{padding:15px 0;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd8e7;border-radius:9px;padding:13px 14px;font:inherit;background:#fff}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(31,140,255,.2);border-color:var(--accent)}.notice{padding:14px;border-radius:10px;margin-bottom:18px}.notice.success{background:#e8f8ef;color:#126132}.notice.error{background:#fff0f0;color:#9b1c1c}.content{max-width:780px;margin:auto}.content img{border-radius:14px}.site-footer{padding:28px 0;background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner nav{display:flex;gap:20px}.footer-inner p{margin:0;font-size:.8rem;color:var(--muted)}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:78px;right:20px;left:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.site-nav.is-open{display:block}.site-nav ul{display:grid;gap:8px}.site-nav a{display:block;padding:8px}.menu-toggle{display:block;margin-right:auto}.header-cta,.lang{display:none}.hero-grid,.service-detail,.contact-layout{grid-template-columns:1fr}.grid-4,.project-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.home-hero{padding:60px 0}.data-visual{min-height:300px}.service-detail:nth-child(even) .service-media{order:0}.footer-inner{flex-wrap:wrap}.footer-inner nav{order:3;width:100%;flex-wrap:wrap}}
@media(max-width:600px){body{font-size:15px}.container{width:min(100% - 28px,1180px)}.section{padding:64px 0}.page-hero{padding:62px 0}.grid-4,.project-grid,.article-grid,.form-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;gap:32px}.home-hero{min-height:auto}.data-visual,.data-orbit{min-height:240px}.data-orbit span{width:82px;height:82px;font-size:.78rem}.split{align-items:flex-start;flex-direction:column}.button-row .button,.cta .button{width:100%}.checks{grid-template-columns:1fr}.footer-inner{display:grid;text-align:center;justify-items:center}.footer-inner nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Image-led v2 direction based on the supplied design references */
.home-hero{min-height:700px;background-image:linear-gradient(90deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.78) 58%,#fff 78%),url('../images/hero-home-v2.webp');background-size:cover;background-position:center left;background-repeat:no-repeat}.home-hero .container{display:flex;justify-content:flex-start}.home-hero .hero-copy{width:min(560px,52%);padding:70px 0}.home-hero .lead{font-size:1.18rem;color:#263850}.home-hero h1{font-size:clamp(3rem,6.2vw,5.3rem)}
.page-hero{min-height:470px;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.page-hero .hero-grid{display:block}.page-hero .hero-grid>div:first-child{max-width:560px;position:relative;z-index:2}.page-hero .data-orbit{display:none}.page-template-page-services .page-hero{color:#fff;background-image:linear-gradient(90deg,rgba(7,26,51,.08) 24%,rgba(7,26,51,.92) 67%,#071a33 100%),url('../images/hero-services-v2.webp')}.page-template-page-services .page-hero .lead{color:#d6e3f2}.page-template-page-about .page-hero{background-image:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.76) 61%,#fff 80%),url('../images/hero-about-v2.webp')}.page-template-page-insights .page-hero{background-image:linear-gradient(90deg,#fff 5%,rgba(255,255,255,.88) 37%,rgba(255,255,255,0) 65%),url('../images/hero-insights-v2.webp')}.page-template-page-insights .page-hero .hero-grid>div:first-child{margin-right:auto;margin-left:0;text-align:right}.page-template-page-work .page-hero{color:#fff;background-image:linear-gradient(90deg,rgba(7,26,51,.24),rgba(7,26,51,.96) 72%),url('../images/dashboard-finance-v2.webp');background-position:left center}.page-template-page-work .page-hero .lead{color:#d6e3f2}.contact-brand{min-height:300px;display:flex;align-items:center;background-image:linear-gradient(rgba(7,26,51,.14),rgba(7,26,51,.14)),url('../images/contact-wave-v2.webp');background-size:cover;background-position:center}.portfolio-card img{transition:transform .45s ease,filter .45s ease}.portfolio-card:hover img{transform:scale(1.025);filter:saturate(1.08)}.project-card img{aspect-ratio:16/10}.dark .portfolio-card{box-shadow:0 22px 45px rgba(0,0,0,.22)}
@media(max-width:900px){.home-hero{min-height:650px;background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.92) 48%,#fff 100%),url('../images/hero-home-v2.webp');background-position:35% center}.home-hero .hero-copy{width:62%}.page-hero .hero-grid>div:first-child{max-width:62%}.page-template-page-insights .page-hero{background-position:62% center}}
@media(max-width:600px){.home-hero{min-height:660px;align-items:flex-end;background-image:linear-gradient(0deg,#fff 8%,rgba(255,255,255,.93) 48%,rgba(255,255,255,.12) 90%),url('../images/hero-home-v2.webp');background-position:35% center}.home-hero .hero-copy{width:100%;padding:260px 0 34px}.home-hero h1{font-size:3rem}.page-hero{min-height:620px;align-items:flex-end;background-position:center}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fff 7%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.08) 88%)}.page-hero .hero-grid>div:first-child{max-width:100%;padding:300px 0 30px}.page-template-page-services .page-hero:after,.page-template-page-work .page-hero:after{background:linear-gradient(0deg,#071a33 8%,rgba(7,26,51,.94) 52%,rgba(7,26,51,.08) 92%)}.page-template-page-insights .page-hero .hero-grid>div:first-child{margin:0}.contact-brand{min-height:260px}}

/* Clear current-page state in the main navigation */
.site-nav li{position:relative}.site-nav .current-menu-item>a,.site-nav .current_page_item>a,.site-nav .current-menu-ancestor>a{color:var(--navy)}.site-nav .current-menu-item>a:after,.site-nav .current_page_item>a:after,.site-nav .current-menu-ancestor>a:after{content:"";position:absolute;right:50%;bottom:-15px;width:24px;height:3px;border-radius:999px;background:var(--blue);transform:translateX(50%)}
.who-we-are{align-items:center}.who-visual{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(7,26,51,.16)}.who-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.page-template-page-contact .page-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.04) 30%,rgba(247,251,255,.78) 62%,#f7fbff 82%),url('../images/hero-contact-v2.webp');background-position:left center}.page-template-page-contact .page-hero .hero-grid>div:first-child{margin-right:0}
@media(max-width:900px){.site-nav .current-menu-item>a:after,.site-nav .current_page_item>a:after,.site-nav .current-menu-ancestor>a:after{right:0;bottom:2px;width:3px;height:24px;transform:none}.who-we-are{grid-template-columns:1fr}.who-visual{max-width:680px}.page-template-page-contact .page-hero{background-position:30% center}}
@media(max-width:600px){.page-template-page-contact .page-hero:after{background:linear-gradient(0deg,#f7fbff 8%,rgba(247,251,255,.94) 54%,rgba(247,251,255,.1) 92%)}.who-visual{border-radius:16px}}

.service-cards .card{display:flex;flex-direction:column;min-height:290px}.service-cards .card-icon{width:64px;height:64px;border-radius:16px;margin-bottom:24px}.service-cards .card-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-cards .card h3{margin-bottom:14px}.service-cards .card p{margin-bottom:0}


/* Live WordPress page IDs use the default template body class. */
.page-id-5 .page-hero{color:#fff;background-image:linear-gradient(90deg,rgba(7,26,51,.08) 24%,rgba(7,26,51,.92) 67%,#071a33 100%),url('../images/hero-services-v2.webp')}.page-id-5 .page-hero .lead{color:#d6e3f2}
.page-id-6 .page-hero{color:#fff;background-image:linear-gradient(90deg,rgba(7,26,51,.24),rgba(7,26,51,.96) 72%),url('../images/dashboard-finance-v2.webp');background-position:left center}.page-id-6 .page-hero .lead{color:#d6e3f2}
.page-id-7 .page-hero{background-image:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.76) 61%,#fff 80%),url('../images/hero-about-v2.webp')}
.page-id-8 .page-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.04) 30%,rgba(247,251,255,.78) 62%,#f7fbff 82%),url('../images/hero-contact-v2.webp');background-position:left center}.page-id-8 .page-hero .hero-grid>div:first-child{margin-right:0}
@media(max-width:900px){.page-id-8 .page-hero{background-position:30% center}}
@media(max-width:600px){.page-id-5 .page-hero:after,.page-id-6 .page-hero:after{background:linear-gradient(0deg,#071a33 8%,rgba(7,26,51,.94) 52%,rgba(7,26,51,.08) 92%)}.page-id-8 .page-hero:after{background:linear-gradient(0deg,#f7fbff 8%,rgba(247,251,255,.94) 54%,rgba(247,251,255,.1) 92%)}}
:root { --navy: #071a33; --deep: #0b2d57; --blue: #0a5dbb; --accent: #1f8cff; --light: #f7f9fc; --ink: #0b1420; --muted: #64748b; --line: #dce6f2; --radius: 14px; --shadow: 0 12px 35px rgba(7,26,51,.08); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(255, 255, 255); color: var(--ink); font-family: Tahoma, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.9; direction: rtl; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0px; }
h1 { font-size: clamp(2.6rem, 6vw, 5rem); line-height: 1.25; letter-spacing: -0.04em; }
h2 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.35; }
h3 { font-size: 1.25rem; line-height: 1.5; }
.container { width: min(1180px, 100% - 40px); margin-inline: auto; }
.section { padding: 88px 0px; }
.section.soft { background: var(--light); }
.eyebrow { display: block; color: var(--blue); font: 700 0.78rem / 1.5 "Segoe UI", sans-serif; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 12px; }
.english { font-family: "Segoe UI", Arial, sans-serif; direction: ltr; display: inline-block; }
.lead { font-size: 1.13rem; color: rgb(51, 65, 85); max-width: 680px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 24px; border-radius: 10px; background: linear-gradient(135deg,var(--blue),var(--accent)); color: rgb(255, 255, 255); font-weight: 700; border: 1px solid transparent; transition: 0.2s; }
.button:hover { transform: translateY(-2px); box-shadow: rgba(10, 93, 187, 0.24) 0px 10px 24px; }
.button.secondary { background: rgb(255, 255, 255); color: var(--navy); border-color: rgb(175, 193, 215); }
.button.ghost { background: transparent; border-color: rgb(255, 255, 255); }
.button-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.split { display: flex; justify-content: space-between; align-items: center; gap: 48px; }
.grid { display: grid; gap: 20px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow); }
.card-icon { width: 50px; height: 50px; border-radius: 12px; display: grid; place-items: center; background: rgb(234, 244, 255); color: var(--accent); font-size: 1.7rem; margin-bottom: 18px; }
.card p { color: rgb(82, 97, 116); }
.card-link { color: var(--blue); font-weight: 700; }
.site-header { height: 78px; position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); border-bottom: 1px solid rgb(231, 237, 245); }
.header-inner { height: 78px; display: flex; align-items: center; gap: 26px; }
.brand img, .custom-logo { width: 170px; max-height: 58px; object-fit: contain; }
.site-nav { margin-inline: auto; }
.site-nav ul { list-style: none; display: flex; gap: 28px; align-items: center; padding: 0px; margin: 0px; }
.fallback-menu { display: flex; }
.site-nav .menu:not(:empty) + .fallback-menu { display: none; }
.site-nav a { font-size: 0.92rem; font-weight: 700; }
.site-nav a:hover { color: var(--blue); }
.lang { font-size: 0.75rem; color: var(--muted); }
.header-cta { min-height: 42px; padding: 7px 18px; }
.menu-toggle { display: none; border: 0px; background: transparent; font-size: 1.7rem; }
.skip-link { position: absolute; top: -100px; }
.skip-link:focus { top: 8px; right: 8px; z-index: 99; background: rgb(255, 255, 255); padding: 10px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); }
.home-hero { min-height: 650px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 40%, rgba(247, 249, 252, 0.78)), radial-gradient(circle at 18% 38%, rgb(204, 230, 255), transparent 33%); }
.hero-grid { display: grid; grid-template-columns: 1fr 0.9fr; gap: 60px; align-items: center; }
.home-hero h1 em { font-style: normal; color: var(--blue); }
.data-visual, .data-orbit { position: relative; min-height: 360px; border-radius: 28px; background: linear-gradient(145deg, rgb(6, 24, 47), rgb(10, 58, 113)); overflow: hidden; box-shadow: rgba(7, 26, 51, 0.24) 0px 35px 70px; }
.data-visual::before, .data-visual::after { content: ""; position: absolute; inset: 12%; border: 1px solid rgba(31, 140, 255, 0.42); border-radius: 50%; transform: rotate(-18deg); }
.data-visual::after { inset: 27% 8%; transform: rotate(28deg); }
.metric { position: absolute; background: rgba(255, 255, 255, 0.95); padding: 16px 20px; border-radius: 12px; box-shadow: var(--shadow); font-weight: 700; color: var(--deep); }
.metric:nth-child(1) { top: 16%; right: 10%; }
.metric:nth-child(2) { top: 42%; left: 8%; }
.metric:nth-child(3) { bottom: 12%; right: 24%; }
.dark { background: var(--navy); color: rgb(255, 255, 255); }
.dark .eyebrow { color: rgb(101, 178, 255); }
.dark .card { background: rgb(11, 37, 71); border-color: rgb(23, 61, 103); color: rgb(255, 255, 255); }
.dark .card p { color: rgb(197, 211, 227); }
.portfolio-card { overflow: hidden; padding: 0px; }
.portfolio-card img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.portfolio-card .card-body { padding: 22px; }
.why .card { box-shadow: none; border-width: 0px 1px 0px 0px; }
.about-band { background: linear-gradient(90deg, rgb(255, 255, 255) 52%, rgb(219, 233, 247)); }
.cta { padding: 62px 0px; color: rgb(255, 255, 255); background: linear-gradient(120deg, rgb(6, 23, 45), rgb(7, 59, 112)); position: relative; overflow: hidden; }
.cta::after { content: ""; position: absolute; width: 700px; height: 240px; border: 1px solid rgba(31, 140, 255, 0.35); border-radius: 50%; left: -120px; bottom: -160px; }
.cta h2 { margin-bottom: 8px; }
.cta p { margin: 0px; color: rgb(203, 216, 231); }
.page-hero { padding: 90px 0px; background: linear-gradient(110deg, rgb(255, 255, 255) 46%, rgb(234, 244, 255)); }
.page-hero h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); margin-bottom: 8px; }
.data-orbit { min-height: 300px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.data-orbit span { width: 105px; height: 105px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); font-weight: 700; }
.service-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 70px 0px; border-bottom: 1px solid var(--line); }
.service-detail:nth-child(2n) .service-media { order: 2; }
.service-media { border-radius: 18px; overflow: hidden; background: var(--navy); min-height: 280px; display: grid; place-items: center; }
.service-media img { width: 100%; height: 100%; object-fit: cover; }
.checks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0px; list-style: none; }
.checks li::before { content: "✓"; color: var(--accent); margin-left: 8px; }
.filters { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0px 40px; }
.filter { border: 0px; border-radius: 999px; background: rgb(237, 242, 248); padding: 10px 22px; cursor: pointer; }
.filter.active { background: var(--navy); color: rgb(255, 255, 255); }
.project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.project-card[hidden] { display: none; }
.project-card .meta { font-size: 0.78rem; color: var(--blue); font-weight: 700; }
.project-card strong { display: block; color: var(--blue); margin-top: 10px; }
.steps { counter-reset: steps 0; }
.step { position: relative; padding-top: 55px; }
.step::before { counter-increment: steps 1; content: "0" counter(steps); position: absolute; top: 0px; right: 0px; color: var(--accent); font: 700 1.4rem / 1 "Segoe UI"; }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.article-card { padding: 0px; overflow: hidden; }
.article-card img, .article-placeholder { width: 100%; aspect-ratio: 16 / 8.6; object-fit: cover; background: linear-gradient(135deg, rgb(7, 26, 51), rgb(10, 93, 187)); display: grid; place-items: center; color: rgb(255, 255, 255); font-size: 2rem; }
.article-card .card-body { padding: 24px; }
.article-card .category { font-size: 0.75rem; color: var(--blue); background: rgb(234, 244, 255); border-radius: 20px; padding: 5px 10px; }
.contact-layout { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 24px; }
.contact-list { list-style: none; padding: 0px; }
.contact-list li { padding: 15px 0px; border-bottom: 1px solid var(--line); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field.full { grid-column: 1 / -1; }
.field label { display: block; font-weight: 700; margin-bottom: 6px; }
.field input, .field select, .field textarea { width: 100%; border: 1px solid rgb(203, 216, 231); border-radius: 9px; padding: 13px 14px; font: inherit; background: rgb(255, 255, 255); }
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: rgba(31, 140, 255, 0.2) solid 3px; border-color: var(--accent); }
.notice { padding: 14px; border-radius: 10px; margin-bottom: 18px; }
.notice.success { background: rgb(232, 248, 239); color: rgb(18, 97, 50); }
.notice.error { background: rgb(255, 240, 240); color: rgb(155, 28, 28); }
.content { max-width: 780px; margin: auto; }
.content img { border-radius: 14px; }
.site-footer { padding: 28px 0px; background: rgb(255, 255, 255); border-top: 1px solid var(--line); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-inner nav { display: flex; gap: 20px; }
.footer-inner p { margin: 0px; font-size: 0.8rem; color: var(--muted); }
@media (max-width: 900px) {
  .site-nav { display: none; position: absolute; top: 78px; right: 20px; left: 20px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; padding: 18px; box-shadow: var(--shadow); }
  .site-nav.is-open { display: block; }
  .site-nav ul { display: grid; gap: 8px; }
  .site-nav a { display: block; padding: 8px; }
  .menu-toggle { display: block; margin-right: auto; }
  .header-cta, .lang { display: none; }
  .hero-grid, .service-detail, .contact-layout { grid-template-columns: 1fr; }
  .grid-4, .project-grid, .article-grid { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: 1fr; }
  .home-hero { padding: 60px 0px; }
  .data-visual { min-height: 300px; }
  .service-detail:nth-child(2n) .service-media { order: 0; }
  .footer-inner { flex-wrap: wrap; }
  .footer-inner nav { order: 3; width: 100%; flex-wrap: wrap; }
}
@media (max-width: 600px) {
  body { font-size: 15px; }
  .container { width: min(100% - 28px, 1180px); }
  .section { padding: 64px 0px; }
  .page-hero { padding: 62px 0px; }
  .grid-4, .project-grid, .article-grid, .form-grid { grid-template-columns: 1fr; }
  .hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .home-hero { min-height: auto; }
  .data-visual, .data-orbit { min-height: 240px; }
  .data-orbit span { width: 82px; height: 82px; font-size: 0.78rem; }
  .split { align-items: flex-start; flex-direction: column; }
  .button-row .button, .cta .button { width: 100%; }
  .checks { grid-template-columns: 1fr; }
  .footer-inner { display: grid; text-align: center; justify-items: center; }
  .footer-inner nav { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}
.home-hero { min-height: 700px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.78) 58%, rgb(255, 255, 255) 78%), url("../images/hero-home-v2.webp"); background-size: cover; background-position: left center; background-repeat: no-repeat; }
.home-hero .container { display: flex; justify-content: flex-start; }
.home-hero .hero-copy { width: min(560px, 52%); padding: 70px 0px; }
.home-hero .lead { font-size: 1.18rem; color: rgb(38, 56, 80); }
.home-hero h1 { font-size: clamp(3rem, 6.2vw, 5.3rem); }
.page-hero { min-height: 470px; display: flex; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.page-hero .hero-grid { display: block; }
.page-hero .hero-grid > div:first-child { max-width: 560px; position: relative; z-index: 2; }
.page-hero .data-orbit { display: none; }
.page-template-page-services .page-hero { color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgba(7, 26, 51, 0.08) 24%, rgba(7, 26, 51, 0.92) 67%, rgb(7, 26, 51) 100%), url("../images/hero-services-v2.webp"); }
.page-template-page-services .page-hero .lead { color: rgb(214, 227, 242); }
.page-template-page-about .page-hero { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.76) 61%, rgb(255, 255, 255) 80%), url("../images/hero-about-v2.webp"); }
.page-template-page-insights .page-hero { background-image: linear-gradient(90deg, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0.88) 37%, rgba(255, 255, 255, 0) 65%), url("../images/hero-insights-v2.webp"); }
.page-template-page-insights .page-hero .hero-grid > div:first-child { margin-right: auto; margin-left: 0px; text-align: right; }
.page-template-page-work .page-hero { color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgba(7, 26, 51, 0.24), rgba(7, 26, 51, 0.96) 72%), url("../images/dashboard-finance-v2.webp"); background-position: left center; }
.page-template-page-work .page-hero .lead { color: rgb(214, 227, 242); }
.contact-brand { min-height: 300px; display: flex; align-items: center; background-image: linear-gradient(rgba(7, 26, 51, 0.14), rgba(7, 26, 51, 0.14)), url("../images/contact-wave-v2.webp"); background-size: cover; background-position: center center; }
.portfolio-card img { transition: transform 0.45s, filter 0.45s; }
.portfolio-card:hover img { transform: scale(1.025); filter: saturate(1.08); }
.project-card img { aspect-ratio: 16 / 10; }
.dark .portfolio-card { box-shadow: rgba(0, 0, 0, 0.22) 0px 22px 45px; }
@media (max-width: 900px) {
  .home-hero { min-height: 650px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.92) 48%, rgb(255, 255, 255) 100%), url("../images/hero-home-v2.webp"); background-position: 35% center; }
  .home-hero .hero-copy { width: 62%; }
  .page-hero .hero-grid > div:first-child { max-width: 62%; }
  .page-template-page-insights .page-hero { background-position: 62% center; }
}
@media (max-width: 600px) {
  .home-hero { min-height: 660px; align-items: flex-end; background-image: linear-gradient(0deg, rgb(255, 255, 255) 8%, rgba(255, 255, 255, 0.93) 48%, rgba(255, 255, 255, 0.12) 90%), url("../images/hero-home-v2.webp"); background-position: 35% center; }
  .home-hero .hero-copy { width: 100%; padding: 260px 0px 34px; }
  .home-hero h1 { font-size: 3rem; }
  .page-hero { min-height: 620px; align-items: flex-end; background-position: center center; }
  .page-hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgb(255, 255, 255) 7%, rgba(255, 255, 255, 0.94) 48%, rgba(255, 255, 255, 0.08) 88%); }
  .page-hero .hero-grid > div:first-child { max-width: 100%; padding: 300px 0px 30px; }
  .page-template-page-services .page-hero::after, .page-template-page-work .page-hero::after { background: linear-gradient(0deg, rgb(7, 26, 51) 8%, rgba(7, 26, 51, 0.94) 52%, rgba(7, 26, 51, 0.08) 92%); }
  .page-template-page-insights .page-hero .hero-grid > div:first-child { margin: 0px; }
  .contact-brand { min-height: 260px; }
}
.site-nav li { position: relative; }
.site-nav .current-menu-item > a, .site-nav .current_page_item > a, .site-nav .current-menu-ancestor > a { color: var(--navy); }
.site-nav .current-menu-item > a::after, .site-nav .current_page_item > a::after, .site-nav .current-menu-ancestor > a::after { content: ""; position: absolute; right: 50%; bottom: -15px; width: 24px; height: 3px; border-radius: 999px; background: var(--blue); transform: translateX(50%); }
.who-we-are { align-items: center; }
.who-visual { margin: 0px; border-radius: 24px; overflow: hidden; box-shadow: rgba(7, 26, 51, 0.16) 0px 24px 60px; }
.who-visual img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.page-template-page-contact .page-hero { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 30%, rgba(247, 251, 255, 0.78) 62%, rgb(247, 251, 255) 82%), url("../images/hero-contact-v2.webp"); background-position: left center; }
.page-template-page-contact .page-hero .hero-grid > div:first-child { margin-right: 0px; }
@media (max-width: 900px) {
  .site-nav .current-menu-item > a::after, .site-nav .current_page_item > a::after, .site-nav .current-menu-ancestor > a::after { right: 0px; bottom: 2px; width: 3px; height: 24px; transform: none; }
  .who-we-are { grid-template-columns: 1fr; }
  .who-visual { max-width: 680px; }
  .page-template-page-contact .page-hero { background-position: 30% center; }
}
@media (max-width: 600px) {
  .page-template-page-contact .page-hero::after { background: linear-gradient(0deg, rgb(247, 251, 255) 8%, rgba(247, 251, 255, 0.94) 54%, rgba(247, 251, 255, 0.1) 92%); }
  .who-visual { border-radius: 16px; }
}
.service-cards .card { display: flex; flex-direction: column; min-height: 290px; }
.service-cards .card-icon { width: 64px; height: 64px; border-radius: 16px; margin-bottom: 24px; }
.service-cards .card-icon svg { width: 40px; height: 40px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.service-cards .card h3 { margin-bottom: 14px; }
.service-cards .card p { margin-bottom: 0px; }
.page-id-5 .page-hero { color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgba(7, 26, 51, 0.08) 24%, rgba(7, 26, 51, 0.92) 67%, rgb(7, 26, 51) 100%), url("../images/hero-services-v2.webp"); }
.page-id-5 .page-hero .lead { color: rgb(214, 227, 242); }
.page-id-6 .page-hero { color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgba(7, 26, 51, 0.24), rgba(7, 26, 51, 0.96) 72%), url("../images/dashboard-finance-v2.webp"); background-position: left center; }
.page-id-6 .page-hero .lead { color: rgb(214, 227, 242); }
.page-id-7 .page-hero { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.76) 61%, rgb(255, 255, 255) 80%), url("../images/hero-about-v2.webp"); }
.page-id-8 .page-hero { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 30%, rgba(247, 251, 255, 0.78) 62%, rgb(247, 251, 255) 82%), url("../images/hero-contact-v2.webp"); background-position: left center; }
.page-id-8 .page-hero .hero-grid > div:first-child { margin-right: 0px; }
@media (max-width: 900px) {
  .page-id-8 .page-hero { background-position: 30% center; }
}
@media (max-width: 600px) {
  .page-id-5 .page-hero::after, .page-id-6 .page-hero::after { background: linear-gradient(0deg, rgb(7, 26, 51) 8%, rgba(7, 26, 51, 0.94) 52%, rgba(7, 26, 51, 0.08) 92%); }
  .page-id-8 .page-hero::after { background: linear-gradient(0deg, rgb(247, 251, 255) 8%, rgba(247, 251, 255, 0.94) 54%, rgba(247, 251, 255, 0.1) 92%); }
}
@media (max-width: 600px) {
  html { overflow-x: hidden; }
  body { overflow-x: hidden; font-size: 15px; line-height: 1.75; }
  body.menu-open { overflow: hidden; }
  .container { width: calc(100% - 32px); }
  h1 { font-size: clamp(2rem, 10vw, 2.65rem); line-height: 1.28; letter-spacing: -0.025em; }
  h2 { font-size: clamp(1.65rem, 7.6vw, 2.1rem); line-height: 1.38; letter-spacing: -0.02em; }
  h3 { font-size: 1.08rem; }
  .lead { font-size: 1rem; line-height: 1.9; }
  .eyebrow { font-size: 0.68rem; margin-bottom: 8px; letter-spacing: 0.12em; }
  .site-header, .header-inner { height: 64px; }
  .site-header { box-shadow: rgba(7, 26, 51, 0.07) 0px 2px 14px; }
  .brand img, .custom-logo { width: 132px; max-height: 46px; }
  .menu-toggle { width: 44px; height: 44px; padding: 0px; border-radius: 10px; display: grid; place-items: center; color: var(--navy); font-size: 1.45rem; line-height: 1; }
  .menu-toggle[aria-expanded="true"] { background: rgb(234, 244, 255); color: var(--blue); }
  .site-nav { top: 64px; right: 12px; left: 12px; max-height: calc(100dvh - 76px); overflow-y: auto; padding: 10px; border-radius: 0px 0px 16px 16px; box-shadow: rgba(7, 26, 51, 0.18) 0px 24px 50px; }
  .site-nav ul { gap: 2px; }
  .site-nav a { min-height: 46px; display: flex; align-items: center; padding: 10px 14px; border-radius: 9px; font-size: 1rem; }
  .site-nav a:hover, .site-nav .current-menu-item > a, .site-nav .current_page_item > a { background: rgb(238, 246, 255); color: var(--blue); }
  .section { padding: 48px 0px; }
  .section > .container > .eyebrow + h2 { margin-bottom: 22px; }
  .split { gap: 10px; margin-bottom: 22px; }
  .split h2 { margin-bottom: 0px; }
  .split .card-link { font-size: 0.9rem; }
  .grid { gap: 12px; }
  .card { padding: 20px; border-radius: 12px; box-shadow: rgba(7, 26, 51, 0.07) 0px 8px 24px; }
  .card p:last-child { margin-bottom: 0px; }
  .card-icon { width: 44px; height: 44px; margin-bottom: 14px; }
  .card-icon svg { width: 27px; height: 27px; }
  .home-hero { min-height: 590px; background-position: 34% center; }
  .home-hero .hero-copy { padding: 250px 0px 30px; }
  .home-hero h1 { font-size: clamp(2.35rem, 12vw, 3rem); margin-bottom: 4px; }
  .home-hero .lead { font-size: 0.98rem; margin-bottom: 0px; }
  .button-row { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 20px; }
  .button, .button-row .button, .cta .button { width: 100%; min-height: 46px; padding: 9px 18px; border-radius: 9px; }
  .service-cards .card { display: grid; grid-template-columns: 48px 1fr; column-gap: 14px; align-items: start; }
  .service-cards .card-icon { grid-row: 1 / span 2; margin: 0px; }
  .service-cards .card h3 { margin-bottom: 6px; }
  .service-cards .card p { grid-column: 2; }
  .portfolio-card .card-body { padding: 17px; }
  .portfolio-card img, .project-card img { aspect-ratio: 16 / 9; }
  .why .card { border: 1px solid var(--line); }
  .about-band { background: linear-gradient(rgb(255, 255, 255), rgb(238, 246, 255)); }
  .page-hero { min-height: 520px; }
  .page-hero .hero-grid > div:first-child { padding: 250px 0px 26px; }
  .page-hero h1 { font-size: clamp(2rem, 9.5vw, 2.55rem); line-height: 1.3; }
  .page-hero .english { font-size: 0.88rem; }
  .page-hero .lead { font-size: 0.96rem; line-height: 1.85; }
  .page-template-page-services .page-hero::after, .page-id-5 .page-hero::after, .page-template-page-work .page-hero::after, .page-id-6 .page-hero::after { background: linear-gradient(0deg, rgb(7, 26, 51) 5%, rgba(7, 26, 51, 0.94) 48%, rgba(7, 26, 51, 0.08) 90%); }
  .page-template-page-about .page-hero::after, .page-id-7 .page-hero::after, .page-template-page-contact .page-hero::after, .page-id-8 .page-hero::after { background: linear-gradient(0deg, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.04) 91%); }
  .service-detail { gap: 22px; padding: 42px 0px; }
  .service-media { min-height: 0px; aspect-ratio: 16 / 9; border-radius: 13px; }
  .service-detail h2 { margin-bottom: 10px; }
  .checks { gap: 6px; font-size: 0.9rem; }
  .checks li { padding: 3px 0px; }
  .filters { direction: rtl; display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; margin: 0px -16px 24px; padding: 0px 16px 8px; scroll-snap-type: x; scrollbar-width: none; }
  .filters::-webkit-scrollbar { display: none; }
  .filter { flex: 0 0 auto; min-height: 42px; padding: 8px 18px; scroll-snap-align: start; white-space: nowrap; }
  .project-grid { gap: 14px; }
  .project-card .card-body { padding: 18px; }
  .project-card .card-body p { font-size: 0.92rem; }
  .who-we-are { gap: 24px; }
  .who-visual { order: -1; border-radius: 14px; }
  .who-visual img { aspect-ratio: 4 / 3; }
  .steps .step { padding-top: 48px; }
  .contact-layout { gap: 14px; }
  .contact-layout > .card { padding: 20px; }
  .contact-list li { padding: 12px 0px; }
  .form-grid { gap: 14px; }
  .field input, .field select, .field textarea { min-height: 48px; padding: 12px; border-radius: 8px; font-size: 16px; }
  .field textarea { min-height: 130px; }
  .contact-brand { min-height: 210px; }
  .cta { padding: 42px 0px; text-align: center; }
  .cta .split { align-items: stretch; gap: 20px; margin-bottom: 0px; }
  .cta h2 { font-size: 1.7rem; }
  .cta p { font-size: 0.9rem; }
  .site-footer { padding: 24px 0 calc(24px + env(safe-area-inset-bottom)); }
  .footer-inner { gap: 14px; }
  .footer-inner nav { gap: 4px 14px; font-size: 0.82rem; }
  .footer-inner p { font-size: 0.72rem; }
}
@media (max-width: 370px) {
  .container { width: calc(100% - 24px); }
  .page-hero { min-height: 500px; }
  .home-hero { min-height: 570px; }
  .card { padding: 17px; }
  .service-cards .card { grid-template-columns: 44px 1fr; column-gap: 11px; }
}