:root{--navy:#092447;--text:#173554;--blue:#129ee9;--cyan:#24d4f2;--border:#dceaf4;--light:#f6fbff;--muted:#58718a;--shadow:0 12px 32px rgba(22,80,126,.085);font-family:Arial,"Noto Sans Hebrew","Noto Sans Arabic",system-ui,sans-serif;color:var(--navy);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.shell{width:min(1170px,calc(100% - 42px));margin-inline:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:flex;direction:ltr;gap:17px;align-items:center;white-space:nowrap}.brandword{font-size:35px;font-weight:850;letter-spacing:-2px;color:#092448}.brandword span{color:#12abf1}.specialist{border-inline-start:1px solid #94a8ba;padding-inline-start:17px;font-size:13px;font-weight:700;letter-spacing:3.2px;color:#12345b}.header-nav{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.header-nav a{font-weight:700;font-size:15px;transition:color .2s}.header-nav a:hover,.header-nav a[aria-current=page]{color:#058bd6}.lang{border:1px solid #d5e5f1;background:#fff;border-radius:12px;padding:7px 10px;color:#243e57;font-size:13px;cursor:pointer}.menu-toggle{display:none;border:1px solid #d9e9f4;background:#fff;color:#12345b;border-radius:10px;padding:10px;cursor:pointer}.hero{position:relative;isolation:isolate;text-align:center;padding:80px 0 110px}.hero:before,.hero:after{content:"";z-index:-1;position:absolute;pointer-events:none;opacity:.82;width:42vw;height:255px;top:70px;filter:blur(1px);background:linear-gradient(140deg,rgba(58,193,244,.22),rgba(218,244,255,.08));border-radius:60% 25% 65% 40%}.hero:before{left:-11vw;transform:rotate(15deg)}.hero:after{right:-12vw;transform:rotate(-17deg)}.eyebrow{display:inline-block;font-size:13px;color:#3789b5;font-weight:700;letter-spacing:.3px;margin-bottom:16px}.hero h1{font-size:clamp(32px,4.5vw,56px);line-height:1.28;font-weight:800;margin:0;letter-spacing:-1.8px}.hero .accent{display:block;color:var(--blue)}.hero p{margin:20px auto 30px;max-width:800px;color:#395978;font-size:clamp(16px,2vw,20px);line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 23px;font-size:15px;font-weight:700;border:1px solid #98b5cd;cursor:pointer;transition:transform .15s,box-shadow .15s;background:white;color:#134670}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(5,96,179,.12)}.btn-primary{border:0;background:linear-gradient(120deg,#21c8ef,#087dcc);color:white;box-shadow:0 6px 13px rgba(27,125,199,.17)}.btn-soft{background:#fff;border-color:#c8dfec;color:#0c639c}.cta{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}.section{padding:34px 0 82px}.section-h{font-size:clamp(26px,3vw,34px);text-align:center;margin:0 0 15px;font-weight:800}.section-desc{max-width:730px;text-align:center;margin:0 auto 34px;color:var(--muted);line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:19px;margin-top:46px}.service-card{position:relative;background:linear-gradient(160deg,#fff 25%,#f6fbff);border:1px solid #e7f2fa;border-radius:25px;padding:25px 17px 29px;min-height:227px;text-align:center;box-shadow:var(--shadow);display:flex;align-items:center;flex-direction:column;gap:16px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(33,96,149,.14)}.service-icon{width:104px;height:88px}.service-title{font-weight:800;line-height:1.45;font-size:18px;min-height:52px}.service-desc{font-size:12.5px;color:#608099;line-height:1.65}.colorline{position:absolute;bottom:19px;width:48px;height:4px;border-radius:10px;background:#17bdf5}.service-card:nth-child(2) .colorline{background:#24cdb9}.service-card:nth-child(3) .colorline{background:#28cdbf}.service-card:nth-child(4) .colorline{background:#7e63ee}.service-card:nth-child(5) .colorline{background:#0eabf0}.review-section{padding-top:50px;padding-bottom:90px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-card{background:linear-gradient(160deg,#fff,#fbfdff);border:1px solid #e6f0f8;border-radius:22px;padding:27px 25px;min-height:182px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.review-card:before{content:'“';display:block;font-family:Georgia,serif;font-size:44px;line-height:.55;color:#97d8f7}.review-card p{margin:4px 0 0;line-height:1.65;color:#284969;font-size:15px;flex:1}.review-foot{display:flex;justify-content:space-between;align-items:center;gap:6px}.review-person{color:#637d92;font-size:12px}.stars{color:#ffad00;letter-spacing:2px}.review-source{text-align:center;font-size:14px;color:#4a7598;margin-top:26px}.review-source a{font-weight:700;color:#086cb0;text-decoration:underline;text-underline-offset:3px}.contact-panel{background:linear-gradient(115deg,#f5fbff,#e5f6ff,#f9fdff);border:1px solid #deecf6;border-radius:38px;padding:35px 42px;margin:10px auto 65px}.contact-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.contact-panel h2{margin:0 0 9px;font-size:27px}.contact-panel p{margin:0;color:#57738c;max-width:580px;line-height:1.8}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.tel-btn{font-size:20px;direction:ltr;letter-spacing:.3px}.proof{display:flex;align-items:center;gap:13px;margin-top:24px;flex-wrap:wrap;color:#436683;font-size:13px}.proof strong{color:#0b4678}.proof-dot{color:#93c5e2}.subtle{font-size:12px;color:#718da1}.footer{border-top:1px solid #ebf3f8;color:#6e8599;font-size:12px;padding:28px 0 35px;display:flex;justify-content:space-between;gap:15px}.footer a{text-decoration:underline}.subhero{padding:69px 0 52px;text-align:center;background:radial-gradient(ellipse at top,#edf9ff 0,white 75%)}.subhero h1{font-size:clamp(32px,5vw,50px);margin:0 0 18px}.subhero p{max-width:690px;margin:0 auto;line-height:1.9;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:40px auto 70px}.article-card{background:#fbfdff;border:1px solid #e7f1f8;border-radius:23px;padding:28px 30px;box-shadow:var(--shadow)}.article-card h2{font-size:22px;margin:0 0 12px}.article-card p{line-height:1.9;margin:0;color:#47657f}.contact-form{margin-top:28px;padding:25px;border-radius:22px;border:1px solid #dbecf9;background:#fff;max-width:580px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:14px;font-weight:700}.field input,.field textarea{background:#fbfdff;border:1px solid #c5d8e8;border-radius:10px;padding:12px;color:#102e50;width:100%;outline-color:#0aa8e4}.field textarea{resize:vertical;min-height:90px}.check{display:flex;align-items:flex-start;gap:10px;color:#445e76;line-height:1.5;font-size:13px;margin-bottom:16px}.check input{margin-top:3px}.contact-form .btn{width:100%}.form-note{font-size:12px;color:#57758e;margin-top:10px;line-height:1.5}.floating-wa{position:fixed;bottom:22px;inset-inline-end:22px;z-index:40;width:57px;height:57px;border-radius:50%;background:#16b857;color:#fff;border:3px solid #fff;box-shadow:0 10px 22px #07452935;display:grid;place-items:center}.floating-wa svg{width:29px}.flag{font-weight:bold;letter-spacing:0;font-size:12px}.about-feature{padding-top:10px}.about-feature h2{font-size:25px;margin:0 0 15px}.about-feature p{color:#46657e;line-height:1.9}.review-small{margin-top:18px;text-align:center;font-size:14px}.review-small a{color:#087fbd;text-decoration:underline}.skip{position:absolute;top:-100px;inset-inline-start:0;background:#fff;padding:10px;z-index:100}.skip:focus{top:0}@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:230px}.header-nav{gap:18px}}@media(max-width:750px){.shell{width:min(100% - 28px,600px)}.header{height:72px;gap:10px}.brandword{font-size:29px}.specialist{font-size:10px;letter-spacing:1.6px;padding-inline-start:10px}.brand{gap:9px}.menu-toggle{display:block}.header-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:18px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:stretch}.header-nav.open{display:flex}.hero{padding:73px 0 70px}.hero h1{letter-spacing:-.8px}.hero:before,.hero:after{height:210px;top:100px}.service-grid{grid-template-columns:repeat(2,1fr);gap:14px}.service-card{padding:20px 10px 29px;min-height:203px;gap:7px;border-radius:20px}.service-title{font-size:16px}.service-desc{font-size:11px}.service-icon{width:83px;height:75px}.review-grid{grid-template-columns:1fr}.section{padding-bottom:63px}.contact-layout{display:block}.contact-panel{padding:26px 19px;border-radius:24px}.contact-buttons{justify-content:flex-start;margin-top:21px}.proof{gap:9px}.footer{flex-direction:column;align-items:center;text-align:center}.article-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.floating-wa{width:52px;height:52px}.contact-panel h2{font-size:24px}}
@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px 18px 31px}.hero h1{font-size:32px}.contact-buttons .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service-card{transition:none}}

/* VTech SVG service illustrations: crisp at every screen size; motion only on hover/focus. */
/* Prevent the decorative waves from causing horizontal scrolling in RTL. */
html,body{overflow-x:clip}
.hero{overflow:hidden}
/* Lift the services closer to the hero without crowding the page. */
.hero{padding-top:63px;padding-bottom:61px}
#services.section{padding-top:6px}
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.service-card{min-width:0}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.hero{padding-top:53px;padding-bottom:53px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.service-grid{grid-template-columns:1fr}}

.service-icon{width:128px;height:111px;display:grid;place-items:center;flex:0 0 auto;overflow:visible}
.service-icon .vt-svg{width:128px;height:108px;overflow:visible;display:block;filter:drop-shadow(0 3px 3px rgba(19,96,159,.075))}
.service-grid{margin-top:31px}
.vt-tool,.vt-signal,.vt-sync,.vt-xp-download,.vt-xp-progress,.vt-sound path{will-change:transform,opacity}
.vt-tool,.vt-sync{transform-box:fill-box;transform-origin:center}
.vt-sync{transform-box:fill-box;transform-origin:center}
/* The circular arrows are intentionally clockwise (positive angle in SVG screen space). */
.service-card:is(:hover,:focus-visible) .vt-sync{animation:vt-clockwise 3s linear infinite}
.service-card:is(:hover,:focus-visible) .vt-wrench{animation:vt-wrench-tap 1.35s ease-in-out infinite}
.service-card:is(:hover,:focus-visible) .vt-screwdriver{animation:vt-driver-tap 1.35s ease-in-out infinite}
.service-card:is(:hover,:focus-visible) .vt-wifi-one{animation:vt-wifi-pulse 1.65s ease-in-out infinite}
.service-card:is(:hover,:focus-visible) .vt-wifi-two{animation:vt-wifi-pulse 1.65s ease-in-out .2s infinite}
.service-card:is(:hover,:focus-visible) .vt-wifi-three{animation:vt-wifi-pulse 1.65s ease-in-out .4s infinite}
.vt-xp-progress{transform-origin:43px 84px;transform:scaleX(.26)}
.service-card:is(:hover,:focus-visible) .vt-xp-progress{animation:vt-progress 1.8s ease-in-out infinite}
.service-card:is(:hover,:focus-visible) .vt-xp-download{animation:vt-download 1.8s ease-in-out infinite}
.service-card:is(:hover,:focus-visible) .vt-sound-one{animation:vt-talk 1.3s ease-in-out infinite}
.service-card:is(:hover,:focus-visible) .vt-sound-two{animation:vt-talk 1.3s ease-in-out .15s infinite}
.service-card:is(:hover,:focus-visible) .vt-sound-three{animation:vt-talk 1.3s ease-in-out .3s infinite}
@keyframes vt-clockwise{to{transform:rotate(360deg)}}
@keyframes vt-wrench-tap{0%,100%{transform:rotate(0deg) translate(0,0)}45%{transform:rotate(-8deg) translate(-1px,3px)}65%{transform:rotate(4deg) translate(1px,0)}}
@keyframes vt-driver-tap{0%,100%{transform:translateY(0)}45%{transform:translateY(4px)}65%{transform:translateY(-2px)}}
@keyframes vt-wifi-pulse{0%,100%{opacity:1;transform:translateY(0)}55%{opacity:.24;transform:translateY(-3px)}}
@keyframes vt-progress{0%{transform:scaleX(.16)}75%{transform:scaleX(1)}100%{transform:scaleX(.16)}}
@keyframes vt-download{0%,100%{transform:translateY(-7px);opacity:0}20%{opacity:1}72%{transform:translateY(0px);opacity:1}90%{transform:translateY(3px);opacity:0}}
@keyframes vt-talk{0%,100%{opacity:.2;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1.05)}}
@media(max-width:650px){.service-icon{width:105px;height:95px}.service-icon .vt-svg{width:106px;height:92px}}
@media(prefers-reduced-motion:reduce){.service-card:is(:hover,:focus-visible) .vt-sync,.service-card:is(:hover,:focus-visible) .vt-tool,.service-card:is(:hover,:focus-visible) .vt-signal,.service-card:is(:hover,:focus-visible) .vt-xp-progress,.service-card:is(:hover,:focus-visible) .vt-xp-download,.service-card:is(:hover,:focus-visible) .vt-sound path{animation:none!important}}

/* REFERENCE-ACCURATE REPAIR ICON PATCH: only this SVG is changed. */
/* Tool groups have coordinates in the SAME SVG viewBox, so rotation never replaces an SVG transform. */
.vt-repair-premium .vt-repair-driver,
.vt-repair-premium .vt-repair-wrench{
  transform-box:view-box;
  transform-origin:72px 53px;
  will-change:transform;
}
.vt-repair-premium .vt-repair-spark{transform-box:view-box;transform-origin:111px 19px;opacity:.75}
.vt-repair-card:hover .vt-repair-premium .vt-repair-driver,
.vt-repair-card:focus-visible .vt-repair-premium .vt-repair-driver,
.vt-repair-card:focus-within .vt-repair-premium .vt-repair-driver{animation:vt-premium-driver 1.45s ease-in-out infinite}
.vt-repair-card:hover .vt-repair-premium .vt-repair-wrench,
.vt-repair-card:focus-visible .vt-repair-premium .vt-repair-wrench,
.vt-repair-card:focus-within .vt-repair-premium .vt-repair-wrench{animation:vt-premium-wrench 1.45s ease-in-out infinite}
.vt-repair-card:hover .vt-repair-premium .vt-repair-spark,
.vt-repair-card:focus-visible .vt-repair-premium .vt-repair-spark{animation:vt-premium-spark 1.45s ease-in-out infinite}
@keyframes vt-premium-driver{0%,100%{transform:rotate(0deg) translateY(0)}45%{transform:rotate(-3deg) translateY(1.3px)}70%{transform:rotate(1deg) translateY(-.5px)}}
@keyframes vt-premium-wrench{0%,100%{transform:rotate(0deg)}48%{transform:rotate(3deg)}73%{transform:rotate(-1deg)}}
@keyframes vt-premium-spark{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:1;transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.vt-repair-card:hover .vt-repair-premium .vt-repair-driver,.vt-repair-card:hover .vt-repair-premium .vt-repair-wrench,.vt-repair-card:hover .vt-repair-premium .vt-repair-spark{animation:none!important}}

/* Approved 2026 VTech illustrations: preserve approved artwork, animate isolated layers on hover only. */
.service-icon:has(.vt-layer-icon) { display:grid; place-items:center; overflow:visible; }
.vt-layer-icon { position:relative; display:block; width:142px; height:102px; overflow:visible; isolation:isolate; }
.vt-layer-icon img { position:absolute; inset:0; width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none; -webkit-user-drag:none; }
.vt-illustration-move { transform-origin:center center; transition:transform .2s ease,opacity .2s; }
.vt-layer-backup .vt-illustration-move{transform-origin:58.8% 43.3%;}
.service-card:is(:hover,:focus-visible) .vt-layer-repair .vt-illustration-move { animation:vtech-tools-gentle 1.7s ease-in-out infinite; }
.service-card:is(:hover,:focus-visible) .vt-layer-backup .vt-illustration-move { animation:vtech-backup-clockwise 3.2s linear infinite; }
.service-card:is(:hover,:focus-visible) .vt-layer-remote .vt-illustration-move { animation:vtech-voice-waves 1.45s ease-in-out infinite; }
@keyframes vtech-tools-gentle {0%,100%{transform:translate(0,0) rotate(0deg)}28%{transform:translate(0px,1px) rotate(-2deg)}58%{transform:translate(0,-1px) rotate(2deg)}80%{transform:translate(0px,1px) rotate(-1deg)}}
@keyframes vtech-backup-clockwise{to{transform:rotate(360deg)}}
@keyframes vtech-voice-waves{0%,100%{transform:translateX(0) scaleX(.98);opacity:1}55%{transform:translateX(6px) scaleX(1.05);opacity:.65}}
@media(max-width:750px){.vt-layer-icon{width:111px;height:90px}}
@media(prefers-reduced-motion:reduce){.service-card:is(:hover,:focus-visible) .vt-layer-icon .vt-illustration-move{animation:none!important}}

/* Selected VTech headline typography: Option A — Heebo 800.
   Blue V matches the existing VTech wordmark. Only Hebrew homepage headline is changed. */
.hero h1.vt-heebo-slogan { font-family:"Heebo",Arial,system-ui,sans-serif; font-weight:800; letter-spacing:-.6px; }
.vt-inline-brand { display:inline-block; direction:ltr; unicode-bidi:isolate; white-space:nowrap; font-family:Arial,system-ui,sans-serif; font-weight:800; color:var(--navy); letter-spacing:-1.2px; }
.vt-inline-v { color:var(--blue); }
/* Three parallel stress lines just outside the upper-right display edge. */
.vt-layer-repair .vt-repair-accents { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:3; pointer-events:none; transform-origin:85% 17%; }
.service-card:is(:hover,:focus-visible) .vt-layer-repair .vt-repair-accents { animation:vtech-repair-accent-pulse 1.7s ease-in-out infinite; }
@keyframes vtech-repair-accent-pulse { 0%,100%{transform:translate(0,0);opacity:1} 50%{transform:translate(4.2px,-3.0px);opacity:.93} }

/* Keep the approved transparent screwdriver and wrench animation untouched. */

/* Keep the animated tool pixels inside the laptop display (image is 650 x 465). */
.vt-layer-repair .vt-illustration-move { clip-path:inset(12% 24% 27% 15%); }
@media(prefers-reduced-motion:reduce){.service-card:is(:hover,:focus-visible) .vt-layer-repair .vt-repair-accents{animation:none!important}}

/* Compact disclosure near direct WhatsApp contact buttons. */
.vt-contact-email-note{font-size:11px!important;line-height:1.65;color:#66859b!important;margin:18px 0 0!important;max-width:900px!important}