:root{--ink:#101827;--muted:#667085;--blue:#1f66ff;--blue2:#eaf1ff;--paper:#fff;--soft:#f7f9fc;--line:#e6eaf0;--deep:#0b1220;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Heebo,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.shell{width:min(calc(100% - 42px),var(--shell));margin:auto}.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid #edf0f4}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:25px;letter-spacing:-.05em;color:var(--ink);text-decoration:none;direction:ltr;unicode-bidi:isolate}.logo span,.kicker{color:var(--blue)}.navlinks{display:flex;gap:42px}.navlinks a,.footNav a{font-size:14px;font-weight:600;color:#344054;text-decoration:none}.navlinks a:hover,.footNav a:hover{color:var(--blue)}.navright{display:flex;align-items:center;gap:10px}.lang{width:44px;height:44px;border:1px solid var(--line);background:white;border-radius:50%;font-weight:700}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:14px 20px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:inherit}.pill-dark{background:#131b2b;color:white}.pill-blue{background:linear-gradient(135deg,#1f66ff,#315cff);color:#fff;box-shadow:0 9px 24px rgba(31,102,255,.2)}.pill-light{background:#fff;border:1px solid #dce2ea;color:var(--ink)}.navcta{padding:12px 18px}.menuBtn{display:none}.mobileMenu{display:none}.hero{min-height:650px;display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:center;padding:64px 0 48px;overflow:visible}.kicker{font-size:11px;letter-spacing:.22em;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(48px,5.7vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:610px}.heroText>p{font-size:18px;line-height:1.55;color:var(--muted);max-width:590px;margin:0 0 28px}.heroActions{display:flex;gap:12px;flex-wrap:wrap}.microproof{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;color:#5f6b7a;font-size:12px}.microproof span{display:flex;align-items:center;gap:8px}.microproof span:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e8f0ff;color:#4b78ff;font-weight:800}.heroVisual{position:relative;min-height:520px}.heroAura{position:absolute;border-radius:999px;filter:blur(2px);opacity:.55}.aura1{width:440px;height:440px;background:#eef4ff;left:10%;top:1%}.aura2{width:330px;height:330px;background:#f7f3eb;right:-2%;bottom:5%}.laptop{position:absolute;left:0;right:5%;top:28px;z-index:2}.screen{height:410px;background:#fff;border:11px solid #18202d;border-radius:22px 22px 10px 10px;display:grid;grid-template-columns:115px 1fr;overflow:hidden;box-shadow:0 26px 60px rgba(17,33,58,.18)}.dashSide{background:#f6f8fb;padding:22px 11px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #e8ecf2}.dashSide>b{font-size:25px;margin:0 0 10px 8px}.dashSide>b span{color:var(--blue)}.dashSide a{font-size:10px;color:#657083;padding:8px;border-radius:7px;display:flex;gap:7px;align-items:center}.dashSide a.active{background:#eaf1ff;color:var(--blue);font-weight:700}.dashMain{padding:24px;background:white}.dashTitle small{font-size:10px;color:#667085}.dashTitle h3{font-size:22px;margin:3px 0 2px;letter-spacing:-.03em}.dashTitle p{font-size:9px;color:#98a2b3;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.metrics>div{border:1px solid #e5eaf0;border-radius:10px;padding:12px}.metrics small{display:block;font-size:8px;color:#667085}.metrics strong{font-size:20px;display:block;margin:6px 0}.metrics em{font-style:normal;font-size:8px;color:#0aa66e}.metrics .on{color:#0aa66e}.dashLower{display:grid;grid-template-columns:1.45fr .85fr;gap:10px;margin-top:10px}.chartPanel,.flowPanel{border:1px solid #e5eaf0;border-radius:10px;padding:12px;height:185px}.panelHead{display:flex;justify-content:space-between;font-size:9px}.panelHead span{color:#98a2b3}.chartBars{height:135px;display:flex;align-items:flex-end;gap:6px;padding-top:17px}.chartBars i{display:block;flex:1;background:linear-gradient(#77a7ff,#2d6cff);border-radius:4px 4px 1px 1px}.chartBars i:nth-child(1){height:22%}.chartBars i:nth-child(2){height:32%}.chartBars i:nth-child(3){height:45%}.chartBars i:nth-child(4){height:40%}.chartBars i:nth-child(5){height:53%}.chartBars i:nth-child(6){height:59%}.chartBars i:nth-child(7){height:66%}.chartBars i:nth-child(8){height:55%}.chartBars i:nth-child(9){height:63%}.chartBars i:nth-child(10){height:70%}.chartBars i:nth-child(11){height:79%}.chartBars i:nth-child(12){height:91%}.flowPanel>b{font-size:10px}.flowPanel>div{display:flex;gap:8px;margin-top:11px}.flowPanel span{width:22px;height:22px;border-radius:50%;background:#eef3ff;color:#2b67ff;display:grid;place-items:center;font-size:7px}.flowPanel p{font-size:8px;margin:0;font-weight:600}.flowPanel small{display:block;color:#98a2b3;font-size:7px;margin-top:2px;font-weight:400}.laptopBase{height:18px;background:linear-gradient(#cbd2dc,#eef1f5);border-radius:0 0 50% 50%;margin:-1px -35px 0;box-shadow:0 8px 14px rgba(52,64,84,.17)}.phone{position:absolute;right:-2%;top:112px;z-index:4;width:154px;height:325px;background:white;border:8px solid #17202d;border-radius:27px;box-shadow:0 22px 45px rgba(16,24,40,.2);padding:22px 10px 10px;text-align:center}.notch{position:absolute;top:0;left:38px;width:65px;height:14px;background:#17202d;border-radius:0 0 10px 10px}.phone>small{font-size:7px}.phone h4{font-size:13px;margin:15px 0 10px}.month{font-size:8px;color:#667085;margin-bottom:9px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:7px}.calendar b{font-size:6px;color:#98a2b3}.calendar span,.times span{padding:4px 1px;border-radius:5px;background:#f7f9fc}.sel{background:#2f66ff!important;color:#fff}.times{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:7px;margin-top:12px}.phone button{border:0;background:#2f66ff;color:white;width:100%;border-radius:7px;padding:9px;margin-top:14px;font-size:9px;font-weight:700}.floatCard{position:absolute;z-index:6;background:rgba(255,255,255,.97);border:1px solid #e4e9f1;border-radius:13px;box-shadow:0 16px 40px rgba(30,41,59,.12);padding:11px 13px;display:flex;align-items:center;gap:10px}.floatCard>span{width:31px;height:31px;border-radius:9px;background:#edf3ff;color:#2f66ff;display:grid;place-items:center;font-weight:800}.floatCard b{font-size:9px;display:block}.floatCard small{font-size:8px;color:#667085;display:block;margin-top:2px}.floatCard i{width:7px;height:7px;border-radius:50%;background:#0bb673}.aiCard{right:-2%;top:8px}.aiCard em{font-size:8px;color:#667085;font-style:normal}.servicesStrip{padding:44px 0 28px}.sectionIntro{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:end;margin-bottom:28px}.sectionIntro h2,.workHeader h2,.contactText h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.045em;line-height:1.04;margin:0}.sectionIntro p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.serviceGridCompact{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.serviceCard{border:1px solid var(--line);border-radius:15px;padding:18px;min-height:170px;position:relative;background:white;transition:.25s}.serviceCard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.07)}.serviceCard .icon{width:43px;height:43px;border-radius:12px;background:#eef3ff;color:#2f66ff;display:grid;place-items:center;font-weight:800;margin-bottom:14px}.serviceCard h3{font-size:15px;margin:0 0 8px}.serviceCard p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 24px}.serviceCard a{position:absolute;left:18px;bottom:15px;text-decoration:none;color:#111827;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.workSection{padding:22px 0 76px}.workHeader{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.projectCard{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.projectImage{height:185px;background:#111;overflow:hidden;position:relative}.projectImage img{width:100%;height:100%;object-fit:cover}.conceptRestaurant{background:radial-gradient(circle at 70% 45%,#7c4a1d,#261b15 45%,#0c1015);padding:24px;color:white}.conceptFitness{background:radial-gradient(circle at 75% 40%,#334155,#161b22 48%,#090c11);padding:24px;color:white}.projectImage span{display:inline-block;font-size:8px;border:1px solid rgba(255,255,255,.4);padding:5px 8px;border-radius:999px}.projectImage strong{display:block;font-size:35px;margin-top:38px;letter-spacing:-.04em}.projectImage small{color:#d0d5dd}.projectMeta{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.projectMeta h3{font-size:14px;margin:0 0 4px}.projectMeta p{font-size:11px;color:var(--muted);margin:0}.projectMeta>span{font-size:22px}.processSection{background:#f7f9fc;border-block:1px solid #eef1f5;padding:76px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:190px}.steps article span{font-size:10px;color:#2f66ff;font-weight:800}.steps article h3{font-size:20px;margin:40px 0 10px}.steps article p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.contactSection{padding:84px 0;background:white}.contactGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contactText p{color:var(--muted);font-size:16px;line-height:1.6}.form{background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full,.form .full{grid-column:1/-1}.field label{font-size:11px;font-weight:700}.field input,.field textarea{width:100%;border:1px solid #dce2ea;background:white;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.field input:focus,.field textarea:focus{border-color:#7aa1ff}.formMsg{font-size:11px;color:#55705d;min-height:16px}footer{border-top:1px solid var(--line)}.footerGrid{padding:38px 0 45px;display:grid;grid-template-columns:1fr auto auto;gap:36px;align-items:end}.footerGrid p{color:var(--muted);font-size:12px;margin:5px 0}.footNav{display:flex;gap:18px}.copyright{font-size:11px;color:#98a2b3}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.delay1{transition-delay:.08s}.delay2{transition-delay:.16s}[dir="rtl"] .serviceCard a{left:auto;right:18px}[dir="rtl"] .dashSide{border-right:0;border-left:1px solid #e8ecf2}
@media(max-width:1000px){.navlinks{display:none}.menuBtn{display:inline-flex;width:42px;height:42px;border:1px solid var(--line);background:white;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menuBtn span{width:15px;height:1.5px;background:var(--ink)}.mobileMenu.open{display:grid;padding:8px 21px 18px;border-top:1px solid var(--line)}.mobileMenu a{padding:11px 0;text-decoration:none;color:var(--ink);font-weight:700}.hero{grid-template-columns:1fr;padding-top:48px}.heroText{max-width:750px}.heroVisual{min-height:560px;max-width:800px;width:100%;margin:auto}.sectionIntro,.contactGrid{grid-template-columns:1fr;gap:18px}.serviceGridCompact{grid-template-columns:1fr 1fr}.projectGrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footerGrid{grid-template-columns:1fr}.footNav{margin-top:10px}}
@media(max-width:650px){.shell{width:min(calc(100% - 26px),var(--shell))}.nav{height:68px}.navcta{display:none}.hero{padding:42px 0 24px;gap:18px}.hero h1{font-size:48px}.heroText>p{font-size:16px}.microproof{gap:12px}.heroVisual{min-height:410px;transform:scale(.95);transform-origin:top center}.laptop{right:0;top:30px}.screen{height:310px;grid-template-columns:75px 1fr;border-width:7px}.dashSide{padding:14px 7px}.dashSide a{padding:6px;font-size:0}.dashSide a span{display:none}.dashMain{padding:14px}.dashTitle h3{font-size:17px}.dashTitle p{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(3),.metrics>div:nth-child(4){display:none}.dashLower{grid-template-columns:1fr}.flowPanel{display:none}.chartPanel{height:122px}.chartBars{height:85px}.phone{width:118px;height:250px;right:-5%;top:102px;border-width:6px;padding:19px 7px 7px}.phone h4{font-size:10px}.calendar{font-size:5.5px}.times{font-size:5.5px}.floatCard{transform:scale(.82)}.aiCard{right:-5%;top:0}.servicesStrip{padding-top:8px}.serviceGridCompact,.projectGrid,.steps{grid-template-columns:1fr}.workSection{padding-top:10px}.projectImage{height:170px}.processSection{padding:60px 0}.contactSection{padding:64px 0}.form{grid-template-columns:1fr}.field.full,.form .full{grid-column:auto}}

.faqSection{padding:76px 0;border-top:1px solid #eef1f5;background:#fff}.faqGrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}.faqTitle h2{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.05em;line-height:1;margin:0}.faqList{border-top:1px solid var(--line)}.faqList details{border-bottom:1px solid var(--line);padding:0}.faqList summary{list-style:none;cursor:pointer;font-size:16px;font-weight:700;padding:23px 42px 23px 4px;position:relative}.faqList summary::-webkit-details-marker{display:none}.faqList summary:before{content:"+";position:absolute;right:4px;top:18px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:500}.faqList details[open] summary:before{content:"−"}.faqList p{margin:-4px 0 22px;padding:0 42px 0 4px;color:var(--muted);font-size:13px;line-height:1.7;max-width:780px}[dir="rtl"] .faqList summary{padding:23px 4px 23px 42px}[dir="rtl"] .faqList summary:before{right:auto;left:4px}[dir="rtl"] .faqList p{padding:0 4px 0 42px}

@media(max-width:800px){.faqGrid{grid-template-columns:1fr;gap:26px}.faqSection{padding:58px 0}.faqTitle h2{font-size:42px}}


/* INTELEOX brand wordmark */
.logoImageLink{display:inline-flex;align-items:center;direction:ltr;line-height:1;text-decoration:none}
.logoImageLink img{display:block;width:170px;height:auto;max-height:42px;object-fit:contain}
footer .logoImageLink img{width:180px}
@media (max-width:760px){.logoImageLink img{width:145px;max-height:36px}footer .logoImageLink img{width:155px}}

/* Expanded portfolio / solution examples */
.workHeaderExpanded{gap:48px}
.workLead{max-width:590px;color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.projectFilters{display:flex;gap:9px;flex-wrap:wrap;margin:-2px 0 22px}
.projectFilters span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-size:11px;color:#667085}
.projectFilters span.active{background:#eef3ff;color:#2458dd;border-color:#dbe6ff;font-weight:800}
.projectGridExpanded{grid-template-columns:repeat(3,1fr)}
.projectLink{display:block;text-decoration:none;color:inherit;transition:.25s ease}
.projectLink:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(16,24,40,.08)}
.conceptAutomation{background:linear-gradient(135deg,#07101f,#0d1c35 52%,#12304d);padding:24px;color:#fff}
.conceptService{background:linear-gradient(135deg,#f7fafc,#dfeaf6);padding:24px;color:#111827}
.conceptService span{border-color:#b8c6d8;color:#516074}
.conceptService small{color:#667085}
.projectCta{min-height:264px;padding:30px;background:radial-gradient(circle at 90% 5%,#183a76,#0b1424 45%,#07101d);color:#fff;display:flex;align-items:center}
.projectCta>div{max-width:360px}
.projectCtaBrand{font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:.03em;direction:ltr;display:inline-block}
.projectCtaBrand span{color:#2f66ff}
.projectCta h3{font-size:27px;line-height:1.05;margin:35px 0 11px;letter-spacing:-.04em}
.projectCta p{font-size:13px;line-height:1.65;color:#c9d2e3;margin:0 0 22px}
.projectCta b{font-size:13px}
@media(max-width:1000px){.workHeaderExpanded{align-items:start}.projectGridExpanded{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.workHeaderExpanded{display:grid;gap:12px}.workLead{font-size:13px}.projectGridExpanded{grid-template-columns:1fr}.projectCta{min-height:230px}}

/* === Portfolio redesign v4 === */
.portfolioTop{
  display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:start;margin-bottom:22px
}
.portfolioIntro h2{font-size:44px;line-height:1;letter-spacing:-.045em;margin:10px 0 13px}
.portfolioIntro>p{max-width:650px;color:#68758a;line-height:1.55;font-size:14px;margin:0}
.portfolioBenefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.benefitItem{display:flex;gap:12px;align-items:flex-start;padding:12px 10px}
.benefitIcon{
  width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#2264ff;
  display:grid;place-items:center;font-weight:800;font-size:21px;flex:0 0 auto
}
.benefitItem b{display:block;font-size:12px;margin:2px 0 5px}
.benefitItem small{display:block;color:#7b8799;font-size:10px;line-height:1.45}
.projectFilters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0 26px}
.projectFilters span{
  border:1px solid #e1e7ef;border-radius:999px;padding:9px 17px;background:#fff;
  color:#657086;font-size:11px;box-shadow:0 2px 8px rgba(15,23,42,.02)
}
.projectFilters .active{background:#2467ff;border-color:#2467ff;color:#fff;font-weight:800}
.portfolioGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.portfolioCard{
  background:#fff;border:1px solid #e3e8ef;border-radius:16px;overflow:hidden;
  color:inherit;text-decoration:none;transition:.25s ease;box-shadow:0 7px 24px rgba(15,23,42,.03)
}
.portfolioCard:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,23,42,.09)}
.portfolioBrowser{height:235px;position:relative;overflow:hidden;background:#0c1117}
.browserDots{height:22px;display:flex;gap:5px;align-items:center;padding:0 10px;background:#eef1f4}
.browserDots i{display:block;width:6px;height:6px;border-radius:50%}
.browserDots i:nth-child(1){background:#ff5f57}.browserDots i:nth-child(2){background:#febc2e}.browserDots i:nth-child(3){background:#28c840}
.portfolioBrowser>img{width:100%;height:calc(100% - 22px);object-fit:cover;display:block}
.portfolioCardBody{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:13px 15px 15px}
.portfolioCopy{min-width:0}
.portfolioCopy h3{font-size:15px;margin:0 0 5px}
.portfolioCopy p{font-size:11px;color:#6d798b;line-height:1.4;margin:0 0 10px;max-width:330px}
.projectTags{display:flex;gap:6px;flex-wrap:wrap}
.projectTags span{background:#f0f4f9;border-radius:7px;padding:6px 9px;font-size:9px;color:#5a677b}
.viewProject{
  white-space:nowrap;border:1px solid #2a68ff;border-radius:999px;padding:9px 13px;
  color:#1d56dd;font-size:10px;font-weight:700;align-self:flex-start;margin-top:2px
}
.thumbContent{height:calc(100% - 22px);position:relative;color:#fff}
.biteThumb .thumbContent{background:radial-gradient(circle at 70% 54%,#7b3e13 0,#3c210f 35%,#100b08 73%)}
.coreThumb .thumbContent{background:radial-gradient(circle at 75% 50%,#2f435c 0,#19222e 38%,#090c10 74%)}
.miniNav{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:8px}
.miniNav strong{font-size:19px}.miniNav span{opacity:.82}
.thumbHero{height:calc(100% - 44px);display:flex;align-items:center;padding:0 28px}
.thumbHero h4{font-size:28px;line-height:.95;letter-spacing:-.035em;margin:0 0 10px}
.thumbHero p{font-size:9px;line-height:1.45;max-width:210px;color:#d4d7dc;margin:0 0 14px}
.thumbHero b{display:inline-block;font-size:8px;border-radius:6px;padding:8px 11px;background:#d8aa65;color:#111}
.coreThumb .thumbHero b{background:#2171ff;color:#fff}
.flowThumb{background:#07101e;color:#fff}
.flowLayout{height:calc(100% - 22px);display:grid;grid-template-columns:130px 1fr}
.flowLayout aside{background:#0c1728;padding:18px 14px;display:flex;flex-direction:column;gap:13px;font-size:8px;color:#8799b4}
.flowLayout aside strong{font-size:15px;color:#fff;margin-bottom:10px}.flowLayout aside span:first-of-type{background:#1f61ff;color:#fff;padding:8px;border-radius:7px}
.flowLayout main{padding:18px}.flowLayout h4{font-size:15px;margin:0 0 18px}
.metricRow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.metricRow b{background:#0f1d31;padding:13px;border-radius:8px;font-size:17px}
.metricRow small{display:block;font-size:7px;color:#8392a8;font-weight:400;margin-top:5px}
.flowBars{height:70px;display:flex;gap:7px;align-items:end;margin-top:18px}
.flowBars i{width:17px;border-radius:4px 4px 0 0;background:linear-gradient(#1e72ff,#183c7a)}
.flowBars i:nth-child(1){height:30%}.flowBars i:nth-child(2){height:55%}.flowBars i:nth-child(3){height:40%}.flowBars i:nth-child(4){height:75%}.flowBars i:nth-child(5){height:62%}
.cleanThumb{background:#edf4fb}
.cleanHero{height:calc(100% - 22px);padding:20px 28px;background:linear-gradient(110deg,#f6f9fd 0 54%,#dce9f4 54% 100%)}
.cleanHero strong{font-size:17px;color:#1a61d6}
.cleanHero h4{font-size:27px;line-height:.95;margin:38px 0 10px;letter-spacing:-.04em}
.cleanHero p{font-size:9px;max-width:210px;color:#5e6b7e;line-height:1.4}
.cleanHero b{display:inline-block;background:#2467ff;color:#fff;border-radius:6px;padding:8px 11px;font-size:8px}
.portfolioCta{
  min-height:336px;border-radius:16px;padding:34px;background:
  radial-gradient(circle at 90% 12%,rgba(44,103,255,.32),transparent 34%),
  linear-gradient(140deg,#08101d,#0b1728 55%,#07101b);
  color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:center
}
.portfolioCtaBrand{font-size:22px;font-weight:800;letter-spacing:.04em;direction:ltr;align-self:flex-start}
.portfolioCtaBrand span{color:#2a68ff}.portfolioCta>small{color:#3f7cff;font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:22px}
.portfolioCta h3{font-size:34px;line-height:.98;max-width:390px;letter-spacing:-.04em;margin:9px 0 13px}
.portfolioCta p{font-size:12px;color:#c5cfdd;line-height:1.55;max-width:390px;margin:0 0 20px}
.portfolioCta b{align-self:flex-start;background:#2568ff;padding:11px 17px;border-radius:999px;font-size:11px}
@media(max-width:1020px){
  .portfolioTop{grid-template-columns:1fr}.portfolioBenefits{max-width:720px}
  .portfolioGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .portfolioBenefits{grid-template-columns:1fr}.projectFilters{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}
  .projectFilters span{white-space:nowrap}.portfolioGrid{grid-template-columns:1fr}
  .portfolioBrowser{height:230px}.portfolioCardBody{flex-direction:column}.viewProject{align-self:stretch;text-align:center}
}

/* Brand labels inside portfolio concepts */
.flowUser{display:flex;justify-content:flex-end;margin-bottom:10px}.flowUser div{display:flex;flex-direction:column;align-items:flex-end}.flowUser b{font-size:9px;color:#fff}.flowUser small{font-size:7px;color:#8091aa}.flowLayout aside strong span{color:#2a68ff}.cleanHero strong{font-weight:800}


/* v12 interactions and clarity tweaks */
.projectFilters{align-items:center}
.projectFilters button{border:1px solid #e1e7ef;border-radius:999px;padding:9px 17px;background:#fff;color:#657086;font-size:11px;box-shadow:0 2px 8px rgba(15,23,42,.02);font-family:inherit;cursor:pointer;transition:.2s ease}
.projectFilters button:hover{border-color:#cfd9ea;color:#2458dd}
.projectFilters button.active{background:#2467ff;border-color:#2467ff;color:#fff;font-weight:800}
.portfolioGrid{align-items:start}
.portfolioCard{display:flex;flex-direction:column}
.portfolioCard.hidden{display:none!important}
.portfolioBrowser{height:270px;cursor:zoom-in}
.portfolioBrowser>img{width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top center;display:block;image-rendering:auto;transform:translateZ(0)}
.portfolioCopy h3,.portfolioCopy p,.projectTags{max-width:100%}
.footerGrid{padding:32px 0 38px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.footerGrid>div:first-child{max-width:360px}
.footNav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.copyright{font-size:12px;color:#98a2b3;direction:ltr;white-space:nowrap}
.imageLightbox{position:fixed;inset:0;background:rgba(10,16,27,.82);display:flex;align-items:center;justify-content:center;padding:28px;z-index:200;opacity:0;pointer-events:none;transition:.25s ease}
.imageLightbox.open{opacity:1;pointer-events:auto}
.imageLightbox img{max-width:min(1280px,94vw);max-height:88vh;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.35);background:#fff;display:block}
.lightboxClose{position:absolute;top:18px;inset-inline-end:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
.zoomHint{position:absolute;bottom:10px;inset-inline-end:10px;background:rgba(8,15,28,.62);color:#fff;font-size:11px;padding:7px 10px;border-radius:999px;backdrop-filter:blur(8px);pointer-events:none}
@media(max-width:1000px){.footerGrid{align-items:flex-start}}
@media(max-width:680px){.portfolioBrowser{height:236px}.footerGrid{flex-direction:column;align-items:flex-start}.footNav{justify-content:flex-start}}


/* v13 polish fixes */
body.he{font-family:Heebo,Inter,Arial,sans-serif}
body.he h1,body.he h2,body.he h3,body.he h4,body.he .pill,body.he .miniBtn,body.he .viewProject,body.he .navlinks a,body.he .footNav a,body.he .projectTags span,body.he .copyright,body.he p,body.he .heroText>p,body.he .portfolioCopy p{letter-spacing:0;word-spacing:0.02em}
.pill,.lang,.navcta,.viewProject,.projectFilters button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.1}
.viewProject{min-width:122px}
.projectFilters{display:none!important}
.portfolioGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolioCard{transform:none!important}
.portfolioCard:hover{transform:none!important;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.portfolioBrowser{height:248px;cursor:zoom-in;background:#f3f6fa}
.portfolioBrowser>img{width:100%;height:calc(100% - 22px);object-fit:cover;object-position:center top;display:block;filter:none;image-rendering:auto;transform:none}
.zoomHint{bottom:12px}
.portfolioCardBody{align-items:center}
.portfolioCopy h3{font-size:16px;line-height:1.2}
.portfolioCopy p{font-size:12px;line-height:1.55}
.projectTags span{font-size:10px;padding:6px 10px}
body.he .portfolioCopy p, body.he .benefitItem small, body.he .sectionIntro p{font-size:15px;line-height:1.65}
.logoImageLink img{display:block;width:174px;max-width:100%;height:auto;object-fit:contain}
body.he .logoImageLink{direction:ltr;unicode-bidi:isolate}
.footerGrid{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px}
.footerGrid>div:first-child p{margin:10px 0 0;color:#7b8796;font-size:13px;line-height:1.5}
.footNav{gap:22px}
.copyright{direction:ltr;unicode-bidi:isolate;text-align:end;justify-self:end}
@media(max-width:980px){.footerGrid{grid-template-columns:1fr}.copyright{justify-self:start;text-align:start}}
@media(max-width:860px){.portfolioGrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.portfolioGrid{grid-template-columns:1fr}.portfolioBrowser{height:232px}.logoImageLink img{width:154px}}


/* v14: fixed visual direction, cleaner portfolio and hero */
.hero{
  grid-template-columns:1.08fr .92fr;
  grid-template-areas:"visual text";
  direction:ltr;
  min-height:690px;
  gap:64px;
  padding:78px 0 62px;
}
.heroVisual{grid-area:visual;direction:ltr;min-height:540px}
.heroText{grid-area:text;max-width:620px;justify-self:end}
body.he .heroText{direction:rtl;text-align:right}
body:not(.he) .heroText{direction:ltr;text-align:left}
.hero h1{font-size:clamp(52px,5vw,72px);line-height:.98;max-width:610px}
.heroText>p{font-size:17px;line-height:1.72;max-width:560px}
.heroActions{margin-top:4px}
.microproof{margin-top:24px;gap:18px}
.heroVisual:before{content:"";position:absolute;inset:6% 2% 7% 2%;border:1px solid #e8edf4;border-radius:34px;background:linear-gradient(145deg,#fbfdff,#f6f9fd);z-index:0;box-shadow:0 30px 80px rgba(32,56,96,.06)}
.laptop{left:2%;right:7%;top:52px}
.phone{right:0;top:132px}
.aiCard{right:1%;top:22px}

/* Keep footer layout identical in both languages */
.footerGrid{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;direction:ltr!important;padding:34px 0 38px!important}
.footerLogo{direction:ltr!important;unicode-bidi:isolate!important}
.copyright{direction:ltr!important;unicode-bidi:isolate!important;text-align:right!important;margin-left:auto!important;justify-self:auto!important}

/* Outer project cards: no zoom behavior, stay inside frame */
.portfolioBrowser{cursor:default!important;height:252px!important;background:#f2f5f9!important}
.portfolioBrowser>img{width:100%!important;height:calc(100% - 22px)!important;object-fit:cover!important;object-position:center top!important;transform:none!important;filter:none!important}
.zoomHint{display:none!important}
.portfolioCard:hover{transform:none!important}

/* Cleaner project card balance */
.portfolioCardBody{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:18px!important;padding:16px 16px 17px!important}
.portfolioCopy h3{font-size:17px!important;margin-bottom:7px!important}
.portfolioCopy p{font-size:12.5px!important;line-height:1.58!important;min-height:40px!important}
.viewProject{align-self:start!important;margin-top:0!important;min-width:118px!important;height:38px!important}

@media(max-width:1020px){
  .hero{grid-template-columns:1fr;grid-template-areas:"visual" "text";gap:26px;padding-top:42px}
  .heroText{justify-self:stretch;max-width:none}
  .heroVisual{min-height:500px}
}
@media(max-width:680px){
  .hero{padding-top:28px;min-height:auto}
  .heroVisual{min-height:390px}
  .hero h1{font-size:48px}
  .footerGrid{flex-direction:row!important;align-items:center!important}
  .copyright{font-size:11px!important}
  .portfolioCardBody{grid-template-columns:1fr!important}
  .viewProject{width:100%!important}
}


/* v15 home hero showcase */
.hero{grid-template-columns:.88fr 1.12fr;gap:52px}
.heroShowcase{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible}
.heroShowcase img{width:115%;max-width:none;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 28px 42px rgba(31,53,86,.12));transform:translateX(-3%)}
html[dir="ltr"] .heroShowcase img{transform:translateX(-3%)}
html[dir="rtl"] .heroShowcase img{transform:translateX(-3%)}
@media(max-width:1020px){.hero{grid-template-columns:1fr;gap:30px}.heroShowcase{order:-1}.heroShowcase img{width:100%;transform:none!important}}

/* v16 homepage visual polish */
.heroShowcase{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible}
.heroShowcase:before{content:"";position:absolute;inset:8% 8% 10%;background:radial-gradient(circle,#eef4ff 0,#f8fbff 58%,transparent 74%);filter:blur(10px);z-index:0}
.heroShowcase img{position:relative;z-index:1;width:108%;max-width:none;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 26px 42px rgba(28,46,80,.10));transform:none!important;border-radius:22px}
@media(max-width:1020px){.heroShowcase img{width:100%}.heroShowcase:before{inset:4%}}


/* v19 requested adjustments */
.heroShowcase img{width:118%!important}
.portfolioGrid{grid-auto-rows:1fr;align-items:stretch!important}
.portfolioCard,.portfolioCta{height:100%}
.portfolioCardBody{height:calc(100% - 252px)}
.aboutSection{padding:80px 0 26px;background:#fff}
.aboutGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:start}
.aboutText p{color:var(--muted);font-size:16px;line-height:1.75;max-width:620px;margin:0}
.aboutText h2{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px;max-width:620px}
.aboutCards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aboutCards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:190px;box-shadow:0 12px 28px rgba(15,23,42,.03)}
.aboutCards h3{font-size:18px;margin:0 0 10px}
.aboutCards p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.contactText h2{max-width:600px;text-wrap:balance}
body:not(.he) .contactText h2{font-size:clamp(36px,3vw,54px)}
.formMsg{font-size:13px;color:#475467;min-height:22px}
button[disabled]{cursor:not-allowed}
@media(max-width:1020px){
  .heroShowcase img{width:106%!important}
  .aboutGrid,.aboutCards{grid-template-columns:1fr}
}
@media(max-width:680px){
  .heroShowcase img{width:100%!important}
  .portfolioCardBody{height:auto}
}


/* v20 requested refinements */
.heroShowcaseArt{position:relative;width:118%;max-width:none;z-index:1}
.heroShowcaseArt>.heroShowcaseBase{width:100%!important;max-width:none!important;height:auto!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 26px 42px rgba(28,46,80,.10))!important;border-radius:22px!important;transform:none!important}
.heroFitnessOverlay{position:absolute;right:5.6%;top:43.2%;width:22.8%;height:29.1%;overflow:hidden;border-radius:10px;z-index:3;transform:perspective(900px) rotateY(-2.5deg) rotateZ(-.5deg);transform-origin:center;box-shadow:0 10px 20px rgba(9,18,34,.12)}
.heroFitnessOverlay img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;display:block!important;filter:none!important;border-radius:0!important;transform:none!important}
.contactText p{max-width:560px}
body:not(.he) .contactText p{max-width:520px}
@media(max-width:1020px){.heroShowcaseArt{width:106%}.heroFitnessOverlay{right:5.6%;top:43.2%;width:22.8%;height:29.1%}}
@media(max-width:680px){.heroShowcaseArt{width:100%}.heroFitnessOverlay{right:5.6%;top:43.2%;width:22.8%;height:29.1%}}


/* v21 final batch */
.heroShowcase img{width:118%!important}
.emailFallback{display:block;text-align:center;color:#667085;font-size:12px;text-decoration:none;margin-top:-2px}
.emailFallback:hover{color:#1f66ff}
.aboutText h2{max-width:650px}
@media(max-width:1020px){.heroShowcase img{width:106%!important}}
@media(max-width:680px){.heroShowcase img{width:100%!important}}


/* v22 final visual tuning */
.heroShowcase img{width:123%!important}
@media(max-width:1020px){.heroShowcase img{width:110%!important}}
@media(max-width:680px){.heroShowcase img{width:100%!important}}

/* v23 process number tweak */
.steps article span{font-size:14px!important;font-weight:800!important;}


/* v24 final refinements */
.heroShowcase img{width:128%!important}
@media(max-width:1020px){.heroShowcase img{width:114%!important}}
@media(max-width:680px){.heroShowcase img{width:100%!important}}
.formMsg a{color:#1f66ff;text-decoration:none;font-weight:700}
.formMsg a:hover{text-decoration:underline}

/* v27 Resend contact form */
.contactHoney{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.formMsg{min-height:22px;margin-top:2px;font-size:14px;font-weight:700;line-height:1.5}
.formMsg.success{color:#137a43}
.formMsg.error{color:#b42318}
.form button[disabled]{opacity:.7;cursor:wait}