:root{
 --navy:#082f52;--navy2:#0d527e;--blue:#1680b7;--ink:#0a3454;--orange:#f58220;
 --red:#b4151b;--green:#55c997;--bg:#f5f8fb;--line:#d9e4ec;--muted:#5b7487;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--ink);background:var(--bg);direction:rtl;line-height:1.5}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 16px #001b2d12}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo img{height:78px;width:auto;display:block}
.menu{display:flex;gap:20px;font-weight:700;font-size:14px;align-items:center;white-space:nowrap}
.menu a:hover{color:var(--orange)}
.wa,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;font-weight:800}
.wa{background:var(--green);color:#fff}.btn{background:var(--navy);color:#fff}
.hero{min-height:470px;color:#fff;text-align:center;display:grid;place-items:center;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(6,43,75,.96),rgba(9,62,100,.93)),
radial-gradient(circle at 18% 18%,#1b78a5 0,transparent 27%),
linear-gradient(135deg,#0d4f79,#062c4e)}
.hero:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 12% 40%,#69c5ff35 0 2px,transparent 3px),
radial-gradient(circle at 84% 24%,#69c5ff35 0 2px,transparent 3px);
background-size:80px 80px,110px 110px;opacity:.55}
.hero .inner{position:relative;z-index:2;max-width:970px;padding:52px 0}
.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.08;margin:0 0 16px;font-weight:900}
.hero h1 span{color:var(--orange)}.hero p{font-size:20px;max-width:810px;margin:0 auto 22px}
.benefits{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin:23px 0;font-weight:800}
.benefits span:before{content:"✓";color:var(--orange);margin-left:7px}
.section{padding:46px 0}.section.white{background:#fff}.title{text-align:center;font-size:32px;margin:0 0 10px;white-space:nowrap}
.subtitle{text-align:center;max-width:800px;margin:0 auto 24px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:0 7px 20px #00243e08}
.card h3{margin:0 0 6px;font-size:20px}.card p{margin:0;color:#49687c}.icon{font-size:30px;margin-bottom:8px}
.services-grid{grid-template-columns:repeat(4,1fr)}
.pain{grid-template-columns:repeat(6,1fr)}.pain .card{text-align:center;padding:17px 10px}
.process{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.step{text-align:center;padding:13px 7px}.step p{font-size:13px}
.num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#fff;color:var(--navy);font-weight:900;border:3px solid var(--orange)}
.band{background:#fff;border:1px solid var(--line);padding:17px;border-radius:13px;text-align:center;font-size:19px;font-weight:800;margin-top:20px}
.subhero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:32px 0}
.subhero h1{font-size:40px;margin:0 0 5px;white-space:nowrap}.subhero p{font-size:18px;margin:0;max-width:850px}
.about-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}
.portrait{width:100%;max-width:330px;border-radius:20px;display:block;margin:auto;box-shadow:0 14px 30px #001a2c3d}
.factstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.fact{background:#eef6fb;border-radius:12px;padding:15px;text-align:center;font-weight:800}
.checks{list-style:none;padding:0;margin:0}.checks li{margin:8px 0}.checks li:before{content:"✓";color:var(--green);font-weight:900;margin-left:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.logo-wall{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.pill{padding:8px 12px;background:#eef5fa;border:1px solid #d2e2ed;border-radius:999px;font-weight:800}
.cta{padding:30px 0;background:linear-gradient(135deg,#082f52,#0e5c88);color:#fff;text-align:center}.cta h2{font-size:28px;margin:0 0 6px;white-space:nowrap}
footer{background:#062c4a;color:#dbe9f2;padding:20px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.foot img{height:50px;background:#fff;border-radius:8px}
.small{font-size:13px;color:#6b8394}
@media(max-width:900px){
 .menu{display:none}.grid,.services-grid,.pain,.steps,.about-wrap,.split,.factstrip{grid-template-columns:1fr}
 .pain,.steps{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto}.hero .inner{padding:44px 0}.hero p{font-size:18px}
 .logo img{height:56px}.wa{font-size:13px;padding:10px 12px}.title,.subhero h1,.cta h2{white-space:normal}
}

.tech-lines{margin-top:14px;border-top:1px solid var(--line)}
.tech-line{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.tech-line strong{min-width:115px;color:var(--navy);font-size:16px}
.tech-line span{color:#49687c}

.hamburger{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.hamburger span{display:block;width:27px;height:3px;background:var(--navy);margin:5px 0;border-radius:3px;transition:.25s}
.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:900px){
  .nav{position:relative}
  .hamburger{display:block;order:2}
  .logo{order:1}
  .nav>.wa{display:none}
  .menu{
    display:none;
    position:absolute;
    top:78px;
    right:0;
    left:0;
    background:#fff;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px 0 12px;
    border-top:1px solid var(--line);
    box-shadow:0 14px 28px #001b2d20;
  }
  .menu.open{display:flex}
  .menu a{
    padding:14px 22px;
    border-bottom:1px solid #edf2f5;
    text-align:right;
    font-size:16px;
  }
  .menu a:last-child{border-bottom:0}
}

/* Bilingual language switch */
.lang-switch{display:flex;align-items:center;gap:4px;direction:ltr;white-space:nowrap}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:13px;font-weight:900}
.lang-switch a:first-child{border-radius:8px 0 0 8px}
.lang-switch a:last-child{border-radius:0 8px 8px 0}
.lang-switch a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
html[dir="ltr"] body{direction:ltr}
html[dir="ltr"] .menu,html[dir="ltr"] .subhero,html[dir="ltr"] .card,html[dir="ltr"] .tech-line{text-align:left}
html[dir="ltr"] .checks{padding-left:0}
html[dir="ltr"] .checks li:before{margin-left:0;margin-right:8px}
html[dir="ltr"] .tech-line strong{min-width:130px}
@media(max-width:900px){
  .lang-switch{order:3}
  .nav{gap:8px}
  .lang-switch a{padding:6px 7px;font-size:12px}
  html[dir="ltr"] .menu a{text-align:left}
}

.cio-specialties{margin:22px auto 0;max-width:1050px;padding:15px 24px;border-radius:10px;background:#ff8514;color:#fff;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;font-size:18px;font-weight:800;box-shadow:0 8px 20px #001b2d18}
.cio-specialties b{font-size:20px;color:#fff;font-weight:900}
@media(max-width:900px){.cio-specialties{padding:12px 14px;gap:9px;font-size:14px;line-height:1.5}.cio-specialties b{font-size:15px}}

/* V2.0 visual refresh — shared desktop/mobile language */
:root{--navy:#073b66;--navy2:#086b9d;--blue:#1b8fc4;--orange:#ff8a1f;--green:#35c98a;--bg:#f6fafc;--line:#dce9f0;--muted:#58758a}
body{background:linear-gradient(180deg,#f8fbfd,#f3f8fb)}
header{border-bottom:1px solid #edf3f6}.nav{height:86px}.logo img{height:82px}
.wa{background:linear-gradient(135deg,#25c97c,#58d8a6);box-shadow:0 8px 20px #25c97c28;transition:.2s}.wa:hover{transform:translateY(-1px)}
.hero{background:linear-gradient(120deg,rgba(5,49,83,.97),rgba(8,103,151,.91)),radial-gradient(circle at 15% 20%,#49bde6 0,transparent 28%);min-height:455px}
.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ff8a1f18;left:-150px;bottom:-250px}
.card{border:1px solid #e1edf3;box-shadow:0 10px 28px #073b660d;transition:.22s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #073b6618}.icon{background:#edf8fc;width:52px;height:52px;display:grid;place-items:center;border-radius:14px}
.process .step:nth-child(2n) .num{background:var(--orange);color:#fff;border-color:#fff}.process .step:nth-child(3n) .num{background:#35c98a;color:#fff;border-color:#fff}
.subhero{background:linear-gradient(120deg,var(--navy),#0878aa);position:relative;overflow:hidden}.subhero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ff8a1f20;left:-100px;top:-140px}
.about-wrap{grid-template-columns:1fr;max-width:900px}.about-wrap>div{font-size:17px}.portrait{max-width:520px;order:2;margin-top:20px}.factstrip{display:none}
.cta{background:linear-gradient(120deg,#073b66,#0878aa)}
.faq{background:#fff}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:#f9fcfe}.faq-list summary{font-weight:900;cursor:pointer;color:var(--navy)}.faq-list p{margin:10px 0 0;color:#49687c}
.page-cta{margin-top:28px;text-align:center;padding:24px;border-radius:18px;background:linear-gradient(120deg,#edf8fc,#fff4e8);border:1px solid #dcebf2}.page-cta h2{margin:0 0 8px}.page-cta p{margin:0 0 14px;color:var(--muted)}
@media(max-width:900px){
 .nav{height:72px;direction:ltr}.hamburger{order:3}.logo{order:1}.lang-switch{order:2;margin-inline-start:auto}.logo img{height:60px}.menu{top:71px;direction:rtl}
 .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.services-grid .card{padding:15px 12px}.services-grid .card h3{font-size:16px}.services-grid .card p{font-size:13px}.services-grid .icon{width:42px;height:42px;font-size:23px}
 .section{padding:34px 0}.hero h1{font-size:clamp(34px,10vw,48px)}.hero .inner{padding:40px 0}.benefits{gap:10px 18px}.portrait{max-width:100%;border-radius:18px}
 .page-cta{padding:20px 14px}.foot{justify-content:center;text-align:center}.foot img{height:58px}
 html[dir="ltr"] .menu{direction:ltr}
}

/* V4 — approved white/orange visual refresh. Content remains unchanged. */
:root{--navy:#073b66;--navy2:#0a4f7d;--blue:#1680b7;--orange:#ff6b0b;--orange2:#ff9a43;--green:#25c97c;--bg:#fff;--line:#e7edf2;--muted:#60788b}
body{background:#fff;color:var(--ink)}
header{background:#fff;box-shadow:0 2px 18px #0b31500d;border-bottom:1px solid #edf1f4}
.menu a:hover{color:var(--orange)}
.hero{color:var(--navy);background:#fff;min-height:430px;border-bottom:1px solid #f1f3f5}
.hero:before{background:radial-gradient(circle at 12% 25%,#ff6b0b12 0 2px,transparent 3px),radial-gradient(circle at 84% 30%,#073b660d 0 2px,transparent 3px);background-size:72px 72px,96px 96px;opacity:.65}
.hero:after{width:430px;height:430px;background:linear-gradient(145deg,#ff6b0b18,#ff9a4305);left:-190px;bottom:-310px;border:2px solid #ff6b0b10}
.hero h1{color:var(--navy)}.hero h1 span{color:var(--orange)}.hero p{color:#3e5c70}
.benefits span:before{color:var(--orange)}
.section,.section.white{background:#fff}.title{color:var(--navy)}
.card{background:#fff;border:1px solid #e7edf2;box-shadow:0 10px 26px #073b660c}.card:hover{box-shadow:0 15px 34px #073b6617}
.icon{background:#fff4eb;color:var(--orange)}
.process{background:#fff;color:var(--navy);border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}
.process .num,.num{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;border:0;box-shadow:0 7px 16px #ff6b0b24}
.process .step:nth-child(2n) .num,.process .step:nth-child(3n) .num{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;border:0}
.band{background:#fff8f2;border-color:#ffe1cc;color:var(--navy)}
.subhero{background:linear-gradient(120deg,#fff,#fff8f2);color:var(--navy);border-bottom:1px solid #f0e6df}.subhero:after{background:#ff6b0b12}
.cta{background:linear-gradient(110deg,#ff5f00,#ff861e);color:#fff}.cta .wa{background:#fff;color:#e85b00;box-shadow:none}
.page-cta{background:linear-gradient(120deg,#fff8f2,#fff);border-color:#ffe0ca}
.faq-list details{background:#fff;border-color:#e7edf2}
footer{background:#fff7f1;color:var(--navy);border-top:1px solid #ffe4d2}
.foot img{background:#fff}
.cio-specialties{background:linear-gradient(100deg,#ff5f00,#ff8b24);box-shadow:0 10px 24px #ff6b0b22}
.wa{background:linear-gradient(135deg,#20b86e,#3fd58f)}
.lang-switch a.active{background:var(--orange);border-color:var(--orange);color:#fff}
.hamburger span{background:var(--navy)}
@media(max-width:900px){
 .nav{direction:ltr;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
 .hamburger{display:block;order:0;grid-column:1;grid-row:1;justify-self:start}
 .lang-switch{order:0;grid-column:2;grid-row:1;justify-self:center;margin:0}
 .logo{order:0;grid-column:3;grid-row:1;justify-self:end}
 .menu{top:71px;right:0;left:0;direction:rtl}
 html[dir="ltr"] .nav{direction:rtl}
 html[dir="ltr"] .hamburger{grid-column:3;justify-self:end}
 html[dir="ltr"] .logo{grid-column:1;justify-self:start}
 html[dir="ltr"] .lang-switch{grid-column:2}
 html[dir="ltr"] .menu{direction:ltr}
 .hero{min-height:auto}.hero .inner{padding:36px 0}
 .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V5 — mobile hierarchy + final review fixes */
@media(max-width:900px){
  /* Hebrew: hamburger right, logo left, language control between them. */
  html[dir="rtl"] .nav{direction:rtl;display:grid;grid-template-columns:auto 1fr auto;align-items:center}
  html[dir="rtl"] .hamburger{grid-column:3;grid-row:1;justify-self:end}
  html[dir="rtl"] .logo{grid-column:1;grid-row:1;justify-self:start}
  html[dir="rtl"] .lang-switch{grid-column:2;grid-row:1;justify-self:center}
  /* English mirrors Hebrew. */
  html[dir="ltr"] .nav{direction:ltr;display:grid;grid-template-columns:auto 1fr auto;align-items:center}
  html[dir="ltr"] .hamburger{grid-column:1;grid-row:1;justify-self:start}
  html[dir="ltr"] .logo{grid-column:3;grid-row:1;justify-self:end}
  html[dir="ltr"] .lang-switch{grid-column:2;grid-row:1;justify-self:center}
  .hamburger{z-index:3}
  .logo img{max-width:190px;width:auto;height:58px}
  .menu{top:71px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V6 — definitive responsive header placement. Content and About image unchanged. */
@media(max-width:900px){
  html[dir="rtl"] .nav{direction:rtl;grid-template-columns:auto 1fr auto}
  html[dir="rtl"] .hamburger{grid-column:3!important;justify-self:end!important}
  html[dir="rtl"] .logo{grid-column:1!important;justify-self:start!important}
  html[dir="ltr"] .nav{direction:ltr;grid-template-columns:auto 1fr auto}
  html[dir="ltr"] .hamburger{grid-column:1!important;justify-self:start!important}
  html[dir="ltr"] .logo{grid-column:3!important;justify-self:end!important}
}

/* V7 — mobile header correction only; V6 logo is unchanged. */
@media(max-width:900px){
  html[dir="rtl"] .nav{direction:ltr!important;display:grid!important;grid-template-columns:auto 1fr auto!important}
  html[dir="rtl"] .hamburger{grid-column:3!important;grid-row:1!important;justify-self:end!important}
  html[dir="rtl"] .logo{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  html[dir="rtl"] .lang-switch{grid-column:2!important;grid-row:1!important;justify-self:center!important}
  html[dir="ltr"] .nav{direction:ltr!important;display:grid!important;grid-template-columns:auto 1fr auto!important}
  html[dir="ltr"] .hamburger{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  html[dir="ltr"] .logo{grid-column:3!important;grid-row:1!important;justify-self:end!important}
  html[dir="ltr"] .lang-switch{grid-column:2!important;grid-row:1!important;justify-self:center!important}
}