.elementor-3353 .elementor-element.elementor-element-6d3fa45e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-5b110d36{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-5b110d36:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-5b110d36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;background-image:url("https://rova-hameyasdim.co.il/wp-content/uploads/2026/04/image-1776589356044-scaled.webp");background-repeat:no-repeat;background-size:cover;}.elementor-3353 .elementor-element.elementor-element-4016f00c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-4016f00c:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-4016f00c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;}.elementor-3353 .elementor-element.elementor-element-bda7d32{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-bda7d32:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-bda7d32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;}.elementor-3353 .elementor-element.elementor-element-1a87566c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-1a87566c:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-1a87566c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161618;}.elementor-3353 .elementor-element.elementor-element-14f5cba2{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-14f5cba2:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-14f5cba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;}.elementor-3353 .elementor-element.elementor-element-5f3630be{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-5f3630be:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-5f3630be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161618;}.elementor-3353 .elementor-element.elementor-element-4f4d604a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-4f4d604a:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-4f4d604a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;}.elementor-3353 .elementor-element.elementor-element-6c6964cb{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-6c6964cb:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-6c6964cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161618;}.elementor-3353 .elementor-element.elementor-element-23f80c63{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-23f80c63:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-23f80c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;}.elementor-3353 .elementor-element.elementor-element-3d2c42ec{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-3d2c42ec:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-3d2c42ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161618;}.elementor-3353 .elementor-element.elementor-element-425fc311{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-425fc311:not(.elementor-motion-effects-element-type-background), .elementor-3353 .elementor-element.elementor-element-425fc311 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E10;}.elementor-3353 .elementor-element.elementor-element-35b0bc66{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3353 .elementor-element.elementor-element-60d5d416{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */@font-face{
  font-family:"Almoni DL";
  src:url("fonts/almoni-dl-aaa-black.otf") format("opentype");
  font-weight:900; font-display:swap;
}
:root{
  --ink-900:#0E0E10; --ink-800:#161618; --ink-700:#1F1F22; --ink-600:#2A2A2E;
  --cream-50:#F5EFE6; --cream-100:#EDE4D3;
  --gold-300:#D9B97A; --gold-400:#C8A05A; --gold-500:#B0863F; --gold-600:#8C6826;
  --fg-1:#F5EFE6;
  --fg-2:rgba(245,239,230,0.72);
  --fg-3:rgba(245,239,230,0.48);
  --fg-rule:rgba(245,239,230,0.18);
  --on-cream-1:#1A1A1C;
  --on-cream-2:rgba(26,26,28,0.72);
  --on-cream-rule:rgba(26,26,28,0.14);
  --font-display:"Almoni DL","Heebo","Arial Hebrew",sans-serif;
  --font-text:"Heebo","Arial Hebrew",sans-serif;
  --max-w:1240px;
  --ease:cubic-bezier(0.16,1,0.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{direction:rtl; scroll-behavior:smooth}
body{
  margin:0; background:var(--ink-900); color:var(--fg-1);
  font-family:var(--font-text); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
  padding-bottom:72px;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
em{font-style:normal; color:var(--gold-400)}

.wrap{max-width:var(--max-w); margin:0 auto; padding:0 32px}

/* ---------- Eyebrow ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:13px; font-weight:500; letter-spacing:0.08em;
  color:var(--gold-400); text-transform:uppercase;
}
.eyebrow::before{content:""; width:24px; height:1px; background:var(--gold-400)}
.eyebrow.center{justify-content:center}
.eyebrow.dark{color:var(--gold-500)}
.eyebrow.dark::before{background:var(--gold-500)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:54px; padding:0 32px;
  font-family:var(--font-text); font-size:15px; font-weight:600; letter-spacing:0.02em;
  border:1px solid var(--gold-400); background:transparent; color:var(--cream-50);
  cursor:pointer; transition:background .25s var(--ease), color .25s var(--ease), transform .12s var(--ease);
  border-radius:0;
}
.btn:hover{background:var(--gold-400); color:var(--ink-900)}
.btn:active{transform:translateY(1px)}
.btn--solid{background:var(--gold-400); color:var(--ink-900)}
.btn--solid:hover{background:var(--gold-300)}
.btn--lg{height:64px; padding:0 40px; font-size:17px}

/* ---------- Header ---------- */
header.site{
  position:fixed; top:0; right:0; left:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 40px; height:80px;
  background:rgba(14,14,16,0.55);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--fg-rule);
  transition:background .25s var(--ease);
}
header.site.scrolled{background:rgba(14,14,16,0.95)}
header.site .logo{height:32px}
header.site nav{display:flex; gap:32px}
header.site nav a{font-size:14px; color:var(--cream-50); transition:color .15s ease}
header.site nav a:hover{color:var(--gold-400)}
header.site .right{display:flex; gap:12px; align-items:center}
.pill{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--gold-400); border-radius:999px;
  height:40px; padding:0 18px; font-size:14px; direction:ltr;
  letter-spacing:0.04em; transition:background .25s var(--ease), color .25s var(--ease);
}
.pill svg{color:var(--gold-400)}
.pill:hover{background:var(--gold-400); color:var(--ink-900)}
.pill:hover svg{color:var(--ink-900)}

/* ---------- Hero ---------- */
.hero{
  position:relative; min-height:100vh; padding:120px 0 80px;
  display:flex; align-items:center; overflow:hidden;
}
.hero__bg{
  position:absolute; inset:0; z-index:0;
  background-image:url("assets/render-rova.png");
  background-size:cover; background-position:center;
  filter:saturate(0.95);
}
.hero__bg::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(14,14,16,0.65) 0%, rgba(14,14,16,0.35) 35%, rgba(14,14,16,0.92) 100%),
    linear-gradient(270deg, rgba(14,14,16,0) 0%, rgba(14,14,16,0.55) 100%);
}
.hero__inner{position:relative; z-index:1; width:100%}
.hero__grid{
  display:grid; grid-template-columns:1.15fr 0.85fr; gap:80px; align-items:end;
}
.hero__head{max-width:640px}
.hero h1{
  font-family:var(--font-display); font-weight:900;
  font-size:clamp(56px,7vw,108px); line-height:0.92; letter-spacing:-0.02em;
  margin:24px 0 20px; color:var(--cream-50);
}
.hero h1 .accent{display:block; color:var(--gold-400); margin-top:6px}
.hero .lede{
  font-size:19px; line-height:1.6; color:var(--fg-1); max-width:540px;
  margin:0 0 36px;
}
.hero .lede strong{color:var(--gold-300); font-weight:700}
.hero .cta-row{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:28px}
.hero .meta-row{
  display:flex; gap:24px; flex-wrap:wrap;
  font-size:13px; color:var(--fg-3); letter-spacing:0.04em;
}
.hero .meta-row .dot{
  width:6px; height:6px; background:var(--gold-400); border-radius:50%;
  display:inline-block; margin-left:8px; vertical-align:middle;
  animation:ping 2s ease-in-out infinite;
}
@keyframes ping{0%,100%{opacity:1}50%{opacity:.35}}

/* Hero — quick form card on right */
.hero__card{
  background:rgba(22,22,24,0.78);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--fg-rule);
  padding:36px 32px;
  max-width:420px; margin-right:auto;
}
.hero__card .badge{
  display:inline-block;
  font-size:12px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--gold-400); border:1px solid var(--gold-400);
  padding:6px 12px; margin-bottom:20px;
}
.hero__card h3{
  font-family:var(--font-display); font-weight:900;
  font-size:32px; line-height:1; letter-spacing:-0.01em; margin:0 0 8px;
}
.hero__card .price{
  font-family:var(--font-display); font-weight:900;
  font-size:56px; line-height:1; color:var(--gold-400); letter-spacing:-0.02em;
  margin:18px 0 4px;
}
.hero__card .price-sub{font-size:13px; color:var(--fg-2); margin-bottom:22px}
.hero__card .punch{
  font-size:14px; line-height:1.5; color:var(--cream-50);
  border-top:1px solid var(--fg-rule);
  padding-top:18px; margin-bottom:22px;
}
.hero__card .punch b{color:var(--gold-300)}
/* form styling is owned by the Elementor form template — no overrides here */
.hero__card .btn{height:50px; width:100%; margin-top:6px}
.hero__card .legal-mini{font-size:11px; color:var(--fg-3); margin-top:10px; line-height:1.5}

/* ---------- Stat strip ---------- */
.stripe{
  display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--fg-rule);
  border-bottom:1px solid var(--fg-rule);
  background:var(--ink-900);
}
.stripe .cell{
  padding:36px 24px; text-align:center;
  border-left:1px solid var(--fg-rule);
}
.stripe .cell:last-child{border-left:0}
.stripe .num{
  font-family:var(--font-display); font-weight:900;
  font-size:clamp(36px,4.2vw,56px); line-height:1; color:var(--gold-400);
  letter-spacing:-0.02em; margin-bottom:10px;
}
.stripe .lbl{
  font-size:12px; letter-spacing:0.1em; color:var(--fg-2); text-transform:uppercase;
}

/* ---------- Section base ---------- */
section.block{padding:120px 0}
section.block.alt{background:var(--ink-800)}
section.block.cream{background:var(--cream-50); color:var(--on-cream-1)}
section.block.cream .eyebrow{color:var(--gold-500)}
section.block.cream .eyebrow::before{background:var(--gold-500)}
.section-head{text-align:center; max-width:760px; margin:0 auto 64px}
.section-head h2{
  font-family:var(--font-display); font-weight:900;
  font-size:clamp(40px,5.2vw,72px); line-height:0.95; letter-spacing:-0.015em;
  margin:18px 0 18px;
}
.section-head p{font-size:18px; line-height:1.65; color:var(--fg-2); margin:0}
section.block.cream .section-head p{color:var(--on-cream-2)}

/* ---------- Model breakdown (the big "lo hufkad") ---------- */
.model{
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  border-top:1px solid var(--fg-rule);
  border-bottom:1px solid var(--fg-rule);
}
.model__step{
  padding:48px 36px; border-left:1px solid var(--fg-rule);
  position:relative;
}
.model__step:last-child{border-left:0}
.model__step .step-n{
  font-family:var(--font-display); font-weight:900;
  font-size:18px; color:var(--gold-400);
  letter-spacing:0.04em; margin-bottom:20px;
  display:flex; align-items:center; gap:12px;
}
.model__step .step-n::after{content:""; flex:1; height:1px; background:var(--fg-rule)}
.model__step h4{
  font-family:var(--font-display); font-weight:900;
  font-size:32px; line-height:1.05; letter-spacing:-0.01em; margin:0 0 14px;
}
.model__step .amt{
  font-family:var(--font-display); font-weight:900;
  font-size:42px; color:var(--gold-400); line-height:1; margin:18px 0 14px;
  letter-spacing:-0.02em;
}
.model__step p{color:var(--fg-2); font-size:15px; line-height:1.65; margin:0}
.model__step .when{
  display:inline-block; margin-top:18px; font-size:12px;
  letter-spacing:0.08em; text-transform:uppercase; color:var(--cream-50);
  padding:6px 12px; border:1px solid var(--fg-rule);
}
.model__step.featured{background:rgba(200,160,90,0.06)}
.model__step.featured .when{border-color:var(--gold-400); color:var(--gold-400)}

/* ---------- Why grid ---------- */
.why{
  display:grid; grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--fg-rule);
  border-right:1px solid var(--fg-rule);
}
.why__card{
  padding:40px 32px; border-bottom:1px solid var(--fg-rule);
  border-left:1px solid var(--fg-rule);
  display:flex; flex-direction:column; gap:16px; min-height:240px;
  transition:background .25s var(--ease);
}
.why__card:hover{background:rgba(200,160,90,0.04)}
.why__card .ico{width:32px; height:32px; color:var(--gold-400)}
.why__card h4{
  font-family:var(--font-display); font-weight:900;
  font-size:24px; line-height:1.1; margin:4px 0 0; letter-spacing:-0.01em;
}
.why__card p{font-size:15px; color:var(--fg-2); line-height:1.6; margin:0}

/* ---------- Math compare ---------- */
.compare{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  border:1px solid var(--fg-rule);
}
.compare__col{padding:48px 40px; position:relative}
.compare__col + .compare__col{border-right:1px solid var(--fg-rule)}
.compare__col .tag{
  font-size:12px; letter-spacing:0.12em; text-transform:uppercase;
  color:var(--fg-2); margin-bottom:18px;
}
.compare__col h3{
  font-family:var(--font-display); font-weight:900;
  font-size:32px; line-height:1; letter-spacing:-0.01em; margin:0 0 24px;
}
.compare__col ul{list-style:none; padding:0; margin:0}
.compare__col li{
  display:flex; gap:12px; padding:14px 0;
  border-bottom:1px solid var(--fg-rule);
  font-size:15px; color:var(--fg-2);
}
.compare__col li:last-child{border-bottom:0}
.compare__col li::before{
  content:"✕"; color:var(--fg-3); font-weight:700; flex-shrink:0;
}
.compare__col.win{background:rgba(200,160,90,0.05)}
.compare__col.win .tag{color:var(--gold-400)}
.compare__col.win h3{color:var(--gold-400)}
.compare__col.win li{color:var(--cream-50)}
.compare__col.win li::before{content:"✓"; color:var(--gold-400)}

/* ---------- Project split ---------- */
.split{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center}
.split__media{
  position:relative; aspect-ratio:1.05/1;
  border:1px solid var(--fg-rule); overflow:hidden;
  background:#222;
}
.split__media img{width:100%; height:100%; object-fit:cover}
.split__media .caption{
  position:absolute; bottom:18px; right:22px;
  font-size:12px; color:var(--cream-50); letter-spacing:0.05em;
  background:rgba(14,14,16,0.65); padding:6px 12px; border:1px solid var(--gold-400);
}
.split h2{
  font-family:var(--font-display); font-weight:900;
  font-size:clamp(36px,4.4vw,60px); line-height:1; letter-spacing:-0.015em;
  margin:18px 0 22px;
}
.split p{color:var(--fg-2); font-size:17px; line-height:1.7; margin:0 0 28px; max-width:520px}
.bullets{list-style:none; padding:0; margin:0}
.bullets li{
  display:flex; gap:14px; padding:14px 0;
  border-bottom:1px solid var(--fg-rule);
  font-size:15px; line-height:1.5; color:var(--cream-50);
}
.bullets li:last-child{border-bottom:0}
.bullets li svg{width:22px; height:22px; color:var(--gold-400); flex-shrink:0; margin-top:1px}

/* ---------- Developer block ---------- */
.dev{
  display:grid; grid-template-columns:1fr 1.4fr; gap:80px; align-items:center;
}
.dev__num{
  font-family:var(--font-display); font-weight:900;
  font-size:clamp(140px,17vw,240px);
  line-height:0.85; color:var(--gold-400); letter-spacing:-0.03em;
}
.dev__num small{
  display:block; font-size:0.16em; color:var(--cream-50);
  letter-spacing:0.04em; margin-top:14px; line-height:1.4;
}
.dev__copy h3{
  font-family:var(--font-display); font-weight:900;
  font-size:48px; line-height:1; margin:14px 0 22px; letter-spacing:-0.01em;
}
.dev__copy p{font-size:17px; line-height:1.7; color:var(--fg-2); margin:0 0 22px}
.dev__projects{
  display:flex; gap:12px; flex-wrap:wrap; margin-top:22px;
}
.dev__projects span{
  font-size:12px; letter-spacing:0.06em;
  padding:8px 14px; border:1px solid var(--fg-rule); color:var(--fg-2);
}

/* ---------- Testimonials ---------- */
.tests{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.test{
  border:1px solid var(--fg-rule); padding:36px 32px;
  display:flex; flex-direction:column; gap:24px;
  background:var(--ink-900);
}
.test .quote{
  font-size:16px; line-height:1.7; color:var(--cream-50);
  font-family:var(--font-display); font-weight:900; letter-spacing:-0.005em;
}
.test .quote::before{
  content:"״"; color:var(--gold-400); font-family:var(--font-display);
  font-size:42px; line-height:0; vertical-align:-12px; margin-left:6px;
}
.test .author{
  display:flex; align-items:center; gap:14px;
  border-top:1px solid var(--fg-rule); padding-top:20px; margin-top:auto;
}
.test .avatar{
  width:44px; height:44px; border-radius:50%;
  background:var(--gold-400); color:var(--ink-900);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:900; font-size:18px;
}
.test .name{font-size:14px; font-weight:700; color:var(--cream-50)}
.test .role{font-size:12px; color:var(--fg-3)}

/* ---------- FAQ ---------- */
.faq{max-width:880px; margin:0 auto; border-top:1px solid var(--fg-rule)}
.faq details{border-bottom:1px solid var(--fg-rule); padding:0}
.faq summary{
  list-style:none; cursor:pointer;
  padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:24px;
  font-family:var(--font-display); font-weight:900;
  font-size:22px; line-height:1.2; letter-spacing:-0.005em;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+"; font-family:var(--font-display); font-weight:900;
  font-size:32px; color:var(--gold-400); transition:transform .25s var(--ease);
}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{
  margin:0 0 24px; font-size:16px; line-height:1.7; color:var(--fg-2);
  max-width:760px;
}

/* ---------- Form section ---------- */
.form-section{padding:120px 0; background:var(--ink-800)}
.form-shell{
  display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start;
  max-width:1100px; margin:0 auto;
}
.form-shell h2{
  font-family:var(--font-display); font-weight:900;
  font-size:clamp(44px,5.5vw,80px); line-height:0.95; letter-spacing:-0.015em;
  margin:18px 0 24px;
}
.form-shell .lede{color:var(--fg-2); font-size:17px; line-height:1.7; margin-bottom:28px; max-width:460px}
.form-shell .lede strong{color:var(--cream-50); font-weight:700}
.form-shell .promise{
  border:1px solid var(--gold-400); padding:18px 22px;
  font-size:14px; line-height:1.6; color:var(--cream-50);
  background:rgba(200,160,90,0.05); max-width:460px;
}
.form-shell .promise b{color:var(--gold-400)}
/* ---------- Footer ---------- */
footer.site{padding:64px 0 32px; border-top:1px solid var(--fg-rule); background:var(--ink-900)}
footer.site .row{display:flex; justify-content:space-between; align-items:flex-start; gap:32px; flex-wrap:wrap}
footer.site .links{display:flex; gap:24px}
footer.site .links a{font-size:13px; color:var(--fg-2)}
footer.site .links a:hover{color:var(--gold-400)}
footer.site .stamp{
  display:inline-block; padding:8px 14px; border:1px solid var(--gold-400);
  color:var(--gold-400); font-size:12px; letter-spacing:0.04em; margin-top:18px;
}
footer.site .legal{
  font-size:11px; line-height:1.7; color:var(--fg-3);
  max-width:880px; margin-top:28px; text-align:justify;
}

/* ---------- Sticky bottom CTA ---------- */
.sticky{
  position:fixed; bottom:0; left:0; right:0; z-index:60;
  display:flex; align-items:center; justify-content:center; gap:14px;
  padding:14px 20px;
  background:linear-gradient(180deg, rgba(14,14,16,0.92), rgba(14,14,16,0.98));
  border-top:1px solid var(--gold-400);
  font-size:14px; letter-spacing:0.02em;
}
.sticky b{color:var(--gold-400); font-weight:700}
.sticky .ldot{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--gold-400); margin-left:6px;
  box-shadow:0 0 0 0 rgba(200,160,90,0.7); animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(200,160,90,0.55)}
  70%{box-shadow:0 0 0 12px rgba(200,160,90,0)}
  100%{box-shadow:0 0 0 0 rgba(200,160,90,0)}
}
.sticky .btn{height:38px; padding:0 18px; font-size:13px}

/* ---------- Reveal ---------- */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .8s var(--ease), transform .8s var(--ease)}
.reveal.on{opacity:1; transform:none}

/* ---------- Toast ---------- */
.toast{
  position:fixed; bottom:80px; left:50%; transform:translateX(-50%) translateY(20px);
  background:var(--ink-700); color:var(--cream-50);
  border:1px solid var(--gold-400); padding:14px 22px;
  font-size:14px; opacity:0; pointer-events:none; z-index:100;
  transition:opacity .25s ease, transform .25s ease;
}
.toast.on{opacity:1; transform:translateX(-50%) translateY(0)}

/* === Inlined SVG logos (replaces <img> originals) === */
header.site svg.logo { height: 32px; width: auto; display: block; }
footer.site svg.logo-footer { height: 36px; width: auto; display: block; }

/* === Section backgrounds — explicit, never rely on body bleed-through ===
   Without these, a white-themed parent wrapper (typical on frontend) shows
   through any section that hasn't declared its own bg. Preview hides this
   bug because the editor uses a different stylesheet stack. */
section.block            { background: var(--ink-900); }     /* base dark */
section.block.alt        { background: var(--ink-800); }     /* slightly lighter dark */
section.block.cream      { background: var(--cream-50); color: var(--on-cream-1); }
.stripe                  { background: var(--ink-900); }     /* re-asserted for safety */
.form-section            { background: var(--ink-800); }     /* re-asserted for safety */
header.site, footer.site { /* already have own bg above */ }

/* === Heading color defense ===
   Original design relied on `body { color: ... }` cascade, but most WordPress
   themes apply explicit colors to h1-h6 that outweigh body inheritance.
   Set color on every heading inside our dark-context sections. */
.hero h1,
.hero__card h3,
.section-head h2,
.model__step h4,
.why__card h4,
.compare__col h3,
.split h2,
.dev__copy h3,
.form-shell h2,
.faq summary,
.test .name             { color: var(--cream-50); }
section.block.cream h1,
section.block.cream h2,
section.block.cream h3,
section.block.cream h4,
section.block.cream h5,
section.block.cream h6  { color: var(--on-cream-1); }
/* Re-state gold-accent overrides AFTER the cream defense so they win */
.compare__col.win h3    { color: var(--gold-400); }

/* === Form consent/acceptance label — fine-print sizing ===
   Wrap long acceptance text inside an Elementor form field with
   <span class="consent-label">...</span>, or add `consent-label` to
   the field's Advanced → CSS Classes. */
.consent-label,
.elementor-field-group.consent-label label,
.elementor-field-group.consent-label .elementor-field-option {
  font-size: 12px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* === Hero — force 100vh through the Elementor wrapper chain ===
   The container has min-height:100vh; these rules push that height
   down to the inner <section class="hero"> so the bg image fills correctly. */
#page-hero,
#page-hero > .e-con-inner,
#page-hero .elementor-widget-html,
#page-hero .elementor-widget-html > .elementor-widget-container { min-height: 100vh; }
#page-hero .elementor-widget-html,
#page-hero .elementor-widget-html > .elementor-widget-container { display: flex; flex-direction: column; }
#page-hero section.hero { flex: 1; }


/* ╔═══════════════════════════════════════════════════════════════════╗
   ║  RESPONSIVE — TWO BREAKPOINTS, FOUR CONCERNS                      ║
   ║                                                                   ║
   ║  Two breakpoints:                                                 ║
   ║    • Tablet  ≤ 1024px : multi-col grids stack to 1–2 cols         ║
   ║    • Mobile  ≤ 640px  : single column, smaller type, less padding ║
   ║                                                                   ║
   ║  Four concerns inside each breakpoint:                            ║
   ║    1. LAYOUT   — grid/flex column counts                          ║
   ║    2. SIZES    — typography font-sizes                            ║
   ║    3. SPACING  — section padding, internal padding                ║
   ║    4. HIDE     — uncomment any line to hide that element on this  ║
   ║                  breakpoint. All elements listed for quick scan.  ║
   ╚═══════════════════════════════════════════════════════════════════╝ */


/* ════════════════════ TABLET — max-width: 1024px ════════════════════ */
@media (max-width: 1024px) {

  /* === 1. LAYOUT === */
  .hero__grid                          { grid-template-columns: 1fr; gap: 48px; }
  .hero__card                          { margin-right: 0; max-width: 520px; }
  .model                               { grid-template-columns: 1fr; }
  .model__step                         { border-left: 0; border-bottom: 1px solid var(--fg-rule); }
  .model__step:last-child              { border-bottom: 0; }
  .compare                             { grid-template-columns: 1fr; }
  .compare__col + .compare__col        { border-right: 0; border-top: 1px solid var(--fg-rule); }
  .why                                 { grid-template-columns: repeat(2, 1fr); }
  .split, .dev, .form-shell            { grid-template-columns: 1fr; gap: 36px; }
  .tests                               { grid-template-columns: 1fr; }
  .stripe                              { grid-template-columns: repeat(2, 1fr); }
  .stripe .cell:nth-child(2)           { border-left: 0; }
  .stripe .cell:nth-child(-n+2)        { border-bottom: 1px solid var(--fg-rule); }

  /* === 2. SIZES === */
  .hero h1                             { font-size: 72px; }
  .dev__num                            { font-size: 160px; }

  /* === 3. SPACING === */
  /* (keep desktop padding by default — uncomment to reduce) */
  /* section.block, .form-section     { padding: 100px 0; } */

  /* === 4. HIDE — uncomment to hide on tablet === */
  /* header.site nav                  { display: none; } */
  /* .meta-row                        { display: none; } */
  /* .why__card:nth-child(n+5)        { display: none; } */
}


/* ════════════════════ MOBILE — max-width: 640px ════════════════════ */
@media (max-width: 640px) {

  /* === 1. LAYOUT === */
  .stripe                              { grid-template-columns: 1fr; }
  .stripe .cell                        { border-left: 0; border-bottom: 1px solid var(--fg-rule); }
  .stripe .cell:last-child             { border-bottom: 0; }
  .why                                 { grid-template-columns: 1fr; }
  .hero .cta-row                       { flex-direction: column; }
  .hero .cta-row .btn                  { width: 100%; }
  .sticky                              { flex-wrap: wrap; padding: 10px 14px; font-size: 12px; }

  /* === 2. SIZES — typography === */
  .hero h1                             { font-size: 44px; }
  .hero .lede                          { font-size: 16px; }
  .stripe .num                         { font-size: 32px; }
  .stripe .lbl                         { font-size: 11px; }
  .section-head h2                     { font-size: 36px; }
  .model__step h4                      { font-size: 24px; }
  .model__step .amt                    { font-size: 30px; }
  .compare h3                          { font-size: 24px; }
  .why__card h4                        { font-size: 20px; }
  .split h2                            { font-size: 36px; }
  .dev__num                            { font-size: 96px; }
  .dev__copy h3                        { font-size: 28px; }
  .form-shell h2                       { font-size: 36px; }
  .test .quote                         { font-size: 15px; }
  .hero__card .ttl                     { font-size: 26px; }
  .hero__card .price                   { font-size: 44px; }

  /* === 3. SPACING === */
  header.site                          { padding: 14px 20px; }
  .wrap                                { padding: 0 20px; }
  section.block, .form-section         { padding: 60px 0; }
  .hero                                { padding: 100px 0 60px; }
  .hero__card                          { padding: 28px 22px; }
  .model__step                         { padding: 36px 24px; }
  .compare__col                        { padding: 32px 24px; }
  .why__card                           { padding: 32px 24px; min-height: auto; }

  /* === 4. HIDE — uncomment any line to hide that element on mobile === */
  header.site nav                      { display: none; }     /* desktop nav links (always hidden on mobile) */
  /* header.site .right .pill          { display: none; } */  /* phone pill in header */
  /* .hero__card                       { display: none; } */  /* hero form card */
  /* .meta-row                         { display: none; } */  /* small dots strip below CTAs */
  /* .stripe                           { display: none; } */  /* 4-cell stat band under hero */
  /* .compare                          { display: none; } */  /* compare 2-col table */
  /* .compare__col:not(.win)           { display: none; } */  /* compare LOSS column only */
  /* .why                              { display: none; } */  /* why-now 6-card grid */
  /* .why__card:nth-child(n+5)         { display: none; } */  /* why cards #5 and #6 only */
  /* .split__media                     { display: none; } */  /* project image */
  /* .dev__num                         { display: none; } */  /* big "50" */
  /* .dev__projects                    { display: none; } */  /* developer tag pills */
  /* .tests                            { display: none; } */  /* testimonials grid */
  /* .test:nth-child(n+2)              { display: none; } */  /* keep only 1st testimonial */
  /* .faq                              { display: none; } */  /* FAQ section */
  /* footer.site .legal                { display: none; } */  /* footer fine-print */
  /* footer.site .stamp                { display: none; } */  /* footer "not-for-sale" stamp */
  /* .sticky                           { display: none; } */  /* bottom sticky CTA bar */
}/* End custom CSS */