:root{
  --h8-navy:#071b2b;
  --h8-navy-2:#0b3147;
  --h8-blue:#0f6fff;
  --h8-blue-2:#35a7ff;
  --h8-teal:#0ca889;
  --h8-green:#18c56e;
  --h8-gold:#f4c35d;
  --h8-ink:#102b3a;
  --h8-muted:#61727c;
  --h8-line:#dbe6ec;
  --h8-soft:#f5f9fc;
  --h8-white:#fff;
  --h8-shadow:0 20px 60px rgba(7,27,43,.12);
  --h8-shadow-sm:0 12px 30px rgba(7,27,43,.08);
}
.home-v8{overflow:hidden;background:#fff;color:var(--h8-ink);font-family:"Noto Sans Hebrew","Open Sans",sans-serif}
.home-v8 *{box-sizing:border-box}
.home-v8 h1,.home-v8 h2,.home-v8 h3,.home-v8 p{margin-top:0}
.home-v8 .wrap{width:min(1200px,calc(100% - 36px));margin-inline:auto}
.home-v8 .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;letter-spacing:.02em;color:var(--h8-blue)}
.home-v8 .eyebrow::before{content:"";width:24px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--h8-gold),var(--h8-blue))}
.home-v8 .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}
.home-v8 .section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:8px 0 0;color:var(--h8-navy)}
.home-v8 .section-head p{max-width:560px;margin:0;color:var(--h8-muted);font-size:16px;line-height:1.85}
.home-v8 .h8-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:14px;font-weight:900;border:1px solid transparent;transition:.2s ease;cursor:pointer;font-family:inherit}
.home-v8 .h8-btn:hover{transform:translateY(-2px)}
.home-v8 .h8-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}
.home-v8 .h8-btn-primary{background:linear-gradient(135deg,#139bff,#0f6fff);color:#fff;box-shadow:0 12px 26px rgba(15,111,255,.25)}
.home-v8 .h8-btn-wa{background:linear-gradient(135deg,#20cd73,#11a85a);color:#fff;box-shadow:0 12px 26px rgba(18,178,96,.22)}
.home-v8 .h8-btn-ghost{background:#fff;color:var(--h8-navy);border-color:#cbdbe3}

/* HERO */
.h8-hero{position:relative;padding:56px 0 42px;background:
 radial-gradient(circle at 82% 12%,rgba(41,148,255,.18),transparent 26%),
 radial-gradient(circle at 10% 90%,rgba(12,168,137,.16),transparent 26%),
 linear-gradient(135deg,#071b2b 0%,#0a2e43 58%,#0b3852 100%);color:#fff}
.h8-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}
.h8-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}
.h8-hero-copy{padding-block:18px}
.h8-hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#b9f1e7;font-size:13px;font-weight:800;margin-bottom:16px}
.h8-hero-kicker i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 6px rgba(52,211,153,.12)}
.h8-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.02;margin:0 0 16px;color:#fff;letter-spacing:-.03em}
.h8-hero h1 span{display:block;background:linear-gradient(90deg,#67c9ff,#35f0d1);-webkit-background-clip:text;background-clip:text;color:transparent}
.h8-hero-lead{font-size:18px;line-height:1.9;color:#d6e6ee;max-width:640px;margin-bottom:22px}
.h8-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.h8-hero-actions .h8-btn{min-width:170px}
.h8-trust-row{display:flex;gap:10px;flex-wrap:wrap}
.h8-trust-item{display:inline-flex;align-items:center;gap:8px;color:#d5e7ee;font-size:13px;font-weight:800}
.h8-trust-item span{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}
.h8-trust-item svg{width:15px;height:15px;stroke:#7eead9;fill:none;stroke-width:2}
.h8-hero-visual{position:relative;min-height:540px}
.h8-photo-frame{position:absolute;inset:0;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12);background:#0f2b3e}
.h8-photo-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,43,.05),rgba(7,27,43,.02) 55%,rgba(7,27,43,.28));pointer-events:none}
.h8-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.h8-float-card{position:absolute;z-index:3;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.94);color:var(--h8-navy);box-shadow:0 14px 35px rgba(7,27,43,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6)}
.h8-float-card b{display:block;font-size:14px}.h8-float-card small{display:block;color:#6d7e87;font-size:11px;margin-top:2px}
.h8-float-card svg{width:20px;height:20px;stroke:var(--h8-blue);fill:none;stroke-width:2;margin-bottom:5px}
.h8-card-a{top:26px;right:-18px}.h8-card-b{bottom:32px;left:-22px}.h8-card-c{bottom:120px;right:-12px}
.h8-hero-strip{position:relative;z-index:3;margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.h8-hero-strip div{padding:16px 18px;border-inline-start:1px solid rgba(255,255,255,.1)}
.h8-hero-strip div:first-child{border-inline-start:0}.h8-hero-strip b{display:block;color:#fff;font-size:17px}.h8-hero-strip small{color:#bcd2dc;font-size:12px}

/* BRANDS */
.h8-brands{background:#fff;border-bottom:1px solid #eaf0f4;padding:18px 0}
.h8-brands-row{display:flex;align-items:center;gap:11px;overflow:auto;scrollbar-width:none}
.h8-brands-row::-webkit-scrollbar{display:none}.h8-brands-title{flex:0 0 auto;padding-inline-end:14px;border-inline-end:1px solid #dde8ed;color:var(--h8-navy);font-weight:900;white-space:nowrap}
.h8-brand-chip{flex:0 0 auto;min-width:100px;height:52px;border:1px solid #e0e9ee;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:900;color:#334f5c;box-shadow:0 5px 18px rgba(7,27,43,.04)}
.h8-brand-chip i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f7fa;color:#0c6bdc;font-style:normal;font-size:11px}

/* SERVICES */
.h8-services{padding:78px 0 72px;background:#fff}
.h8-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h8-service{position:relative;min-height:245px;padding:24px;border:1px solid #dfe9ee;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 8px 24px rgba(7,27,43,.05);transition:.22s ease;overflow:hidden}
.h8-service::after{content:"";position:absolute;inset:auto -30px -55px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#e9f5ff 0,#f5fbff 60%,transparent 61%)}
.h8-service:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(7,27,43,.1);border-color:#bfd8e7}
.h8-service-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f3ff,#e9fffb);margin-bottom:20px;position:relative;z-index:2}
.h8-service-icon svg{width:27px;height:27px;stroke:#0d6ef4;fill:none;stroke-width:2}
.h8-service h3{font-size:21px;color:var(--h8-navy);margin-bottom:8px}.h8-service p{color:var(--h8-muted);line-height:1.75;margin-bottom:15px;font-size:14px}.h8-service b{color:#0f6fff;font-size:13px;position:relative;z-index:2}

/* SMART LEAD FORM */
.h8-lead-section{padding:78px 0;background:linear-gradient(180deg,#f6faff,#eef6fa)}
.h8-lead-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}
.h8-form-card{background:#fff;border:1px solid #dbe7ed;border-radius:26px;padding:28px;box-shadow:var(--h8-shadow-sm)}
.h8-form-card h2{font-size:34px;line-height:1.15;color:var(--h8-navy);margin:8px 0 7px}.h8-form-card>p{color:var(--h8-muted);margin-bottom:18px}
.h8-issue-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:17px 0 20px}
.h8-issue-options button{min-height:76px;border:1px solid #dce7ec;background:#fff;border-radius:14px;padding:10px 8px;font-family:inherit;color:#294857;font-weight:800;cursor:pointer;transition:.15s ease}
.h8-issue-options button svg{display:block;width:22px;height:22px;margin:0 auto 6px;stroke:#0f6fff;fill:none;stroke-width:2}.h8-issue-options button.active{background:linear-gradient(135deg,#0b2f47,#0f6fff);color:#fff;border-color:#0f6fff;box-shadow:0 10px 24px rgba(15,111,255,.18)}.h8-issue-options button.active svg{stroke:#fff}
.h8-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.h8-form-grid label{font-size:12px;font-weight:900;color:#405a67}.h8-form-grid input,.h8-form-grid textarea{width:100%;border:1px solid #cddde5;border-radius:12px;padding:12px 13px;margin-top:6px;font:inherit;color:#173746;background:#fff;outline:0}.h8-form-grid input:focus,.h8-form-grid textarea:focus{border-color:#4b9df5;box-shadow:0 0 0 3px rgba(15,111,255,.1)}.h8-form-grid textarea{min-height:96px;resize:vertical}.h8-form-grid .full{grid-column:1/-1}.h8-form-note{min-height:20px;color:#bd3d34;font-size:12px;font-weight:800;margin:9px 0}.h8-send{width:100%;border:0;min-height:54px;border-radius:14px;background:linear-gradient(135deg,#20cd73,#0ea85a);color:#fff;font:900 15px inherit;cursor:pointer;box-shadow:0 12px 28px rgba(18,178,96,.2)}
.h8-area-card{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#071b2b,#0b3852);color:#fff;padding:30px;box-shadow:var(--h8-shadow-sm)}
.h8-area-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 18%,rgba(53,167,255,.22),transparent 26%),radial-gradient(circle at 90% 80%,rgba(12,168,137,.2),transparent 28%);pointer-events:none}.h8-area-card>*{position:relative;z-index:2}.h8-area-card .eyebrow{color:#8ce8da}.h8-area-card h2{font-size:38px;color:#fff;margin:8px 0 8px}.h8-area-card>p{color:#c7dbe5;line-height:1.8}.h8-route{margin-top:26px;display:grid;gap:0}.h8-route-row{display:grid;grid-template-columns:34px 1fr;gap:13px;min-height:62px;position:relative}.h8-route-row:not(:last-child)::before{content:"";position:absolute;right:16px;top:31px;bottom:-31px;width:2px;background:linear-gradient(#4ba3ff,#48d6c3)}.h8-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0e6ee9;font-size:12px;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.14)}.h8-route-row b{display:block;color:#fff;font-size:15px}.h8-route-row small{color:#a9c4d1}
.h8-area-bottom{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.h8-area-bottom a{display:inline-flex;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-weight:800;font-size:13px;background:rgba(255,255,255,.05)}

/* WHY */
.h8-why{padding:76px 0;background:#071b2b;color:#fff}
.h8-why .section-head h2{color:#fff}.h8-why .section-head p{color:#b9ced8}.h8-why .eyebrow{color:#65e7d2}
.h8-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.h8-why-card{padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.045)}.h8-why-card strong{display:block;font-size:29px;color:#fff;margin-bottom:6px}.h8-why-card span{font-size:12px;color:#73e8d4;font-weight:900}.h8-why-card p{color:#bcd0da;font-size:13px;line-height:1.8;margin:8px 0 0}

/* ARTICLES */
.h8-guides{padding:78px 0;background:#fff}.h8-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.h8-guide{border:1px solid #dfe9ee;border-radius:20px;padding:22px;background:#fff;box-shadow:0 8px 24px rgba(7,27,43,.045);transition:.2s}.h8-guide:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(7,27,43,.08)}.h8-guide small{display:inline-block;color:#0f6fff;font-weight:900;margin-bottom:10px}.h8-guide h3{font-size:19px;line-height:1.45;color:var(--h8-navy);margin-bottom:9px}.h8-guide p{color:var(--h8-muted);font-size:13px;line-height:1.75}.h8-guide b{color:#0f6fff;font-size:13px}

/* FINAL CTA */
.h8-final{padding:34px 0 56px;background:#fff}.h8-final-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(135deg,#0b2d43,#071b2b);padding:32px;display:flex;justify-content:space-between;gap:24px;align-items:center;color:#fff;box-shadow:var(--h8-shadow)}.h8-final-card::after{content:"";position:absolute;left:-80px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(42,152,255,.24),transparent 68%)}.h8-final-card h2{color:#fff;font-size:32px;margin:5px 0}.h8-final-card p{color:#bdd0da;margin:0}.h8-final-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}

/* Header polish only on home */
body:has(.home-v8) .topbar{background:#061724;color:#d6e3e9}
body:has(.home-v8) .header{box-shadow:0 6px 20px rgba(7,27,43,.05)}
body:has(.home-v8) .brand strong{color:#071b2b}
body:has(.home-v8) .brand strong span{color:#0f6fff}
body:has(.home-v8) .btn-wa{background:#ecfbf5;color:#087b5e;border-color:#bfead9}

@media (max-width:1050px){
 .h8-hero-grid,.h8-lead-grid{grid-template-columns:1fr}.h8-hero-copy{order:1}.h8-hero-visual{order:2;min-height:460px}.h8-services-grid{grid-template-columns:repeat(2,1fr)}.h8-why-grid{grid-template-columns:repeat(2,1fr)}.h8-guide-grid{grid-template-columns:1fr 1fr}.h8-card-a{right:12px}.h8-card-b{left:12px}.h8-card-c{right:12px}.h8-issue-options{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:760px){
 .home-v8 .wrap{width:min(100% - 24px,1200px)}.home-v8 .section-head{display:block}.home-v8 .section-head p{margin-top:10px}.h8-hero{padding:36px 0 28px}.h8-hero-grid{gap:26px}.h8-hero h1{font-size:46px}.h8-hero-lead{font-size:16px}.h8-hero-actions .h8-btn{flex:1 1 150px}.h8-hero-visual{min-height:390px}.h8-photo-frame{border-radius:22px}.h8-float-card{padding:10px 12px}.h8-card-a{top:14px;right:10px}.h8-card-b{bottom:14px;left:10px}.h8-card-c{display:none}.h8-hero-strip{grid-template-columns:1fr 1fr}.h8-hero-strip div:nth-child(3){border-top:1px solid rgba(255,255,255,.1)}.h8-hero-strip div:nth-child(4){border-top:1px solid rgba(255,255,255,.1)}.h8-services{padding:54px 0}.h8-services-grid{grid-template-columns:1fr}.h8-service{min-height:0}.h8-lead-section{padding:54px 0}.h8-form-card,.h8-area-card{padding:20px}.h8-issue-options{grid-template-columns:repeat(2,1fr)}.h8-issue-options button:last-child{grid-column:1/-1}.h8-form-grid{grid-template-columns:1fr}.h8-form-grid .full{grid-column:auto}.h8-why{padding:54px 0}.h8-why-grid{grid-template-columns:1fr}.h8-guides{padding:54px 0}.h8-guide-grid{grid-template-columns:1fr}.h8-final-card{display:block;padding:24px}.h8-final-actions{margin-top:18px}.h8-final-actions .h8-btn{width:100%}
}
@media (max-width:480px){
 .h8-hero h1{font-size:40px}.h8-hero-visual{min-height:330px}.h8-float-card small{display:none}.h8-hero-strip{grid-template-columns:1fr 1fr}.h8-brand-chip{min-width:88px}.h8-form-card h2,.h8-area-card h2{font-size:30px}.h8-section{padding-inline:0}
}
@media (prefers-reduced-motion:reduce){.home-v8 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
