/* =========================================================
   GetYours design system, v02 (calm, institutional look)
   Six brand colors only; any extra tone is a mix of two of them.
   Rounded corners on UI (approved by Gilad, 2026-10-31); the logo keeps its sharp chevrons.
   ========================================================= */
:root{
  --navy:#0B1B3A; --blue:#0A84FF; --sky:#1EABF1; --aqua:#00C8DC; --mint:#00F59B; --white:#FFFFFF;
  --royal:color-mix(in srgb,var(--blue) 72%,var(--navy));
  --royal-dark:color-mix(in srgb,var(--blue) 45%,var(--navy));
  --grad-x:linear-gradient(90deg,var(--blue),var(--aqua) 55%,var(--mint));
  --grad-x-rtl:linear-gradient(270deg,var(--blue),var(--aqua) 55%,var(--mint));
  --ink:var(--navy);
  --ink-soft:color-mix(in srgb,var(--navy) 72%,var(--white));
  --ink-faint:color-mix(in srgb,var(--navy) 46%,var(--white));
  --page:color-mix(in srgb,var(--navy) 4%,var(--white));
  --rule:color-mix(in srgb,var(--navy) 10%,var(--white));
  --rule-strong:color-mix(in srgb,var(--navy) 20%,var(--white));
  --tint:color-mix(in srgb,var(--sky) 10%,var(--white));
  --navy-line:color-mix(in srgb,var(--white) 14%,var(--navy));
  --on-navy:color-mix(in srgb,var(--white) 80%,var(--navy));
  --glass:color-mix(in srgb,var(--white) 78%,transparent);
  --shadow-sm:0 2px 10px color-mix(in srgb,var(--navy) 6%,transparent);
  --shadow:0 12px 36px -8px color-mix(in srgb,var(--navy) 16%,transparent);
  --shadow-lg:0 28px 64px -16px color-mix(in srgb,var(--navy) 26%,transparent);
  --shadow-blue:0 14px 30px -10px color-mix(in srgb,var(--royal) 55%,transparent);
  --r-xs:8px; --r-sm:12px; --r:20px; --r-lg:28px; --r-xl:44px;
  --spring:cubic-bezier(.34,1.56,.64,1);
  --out:cubic-bezier(.16,1,.3,1);
  --font:'Heebo',Arial,sans-serif;
  --wrap:1240px;
  --gutter:max(20px,env(safe-area-inset-left,0px));
  --header:80px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;line-height:1.14;text-wrap:balance;letter-spacing:-.015em}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
::selection{background:color-mix(in srgb,var(--mint) 45%,var(--white));color:var(--navy)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:var(--r-xs)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:200;background:var(--navy);color:var(--white);padding:12px 18px;font-weight:700;text-decoration:none;border-radius:var(--r-sm);transition:top .2s}
.skip:focus{top:12px}
.grad-text{background:var(--grad-x);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl{color:var(--royal)}

/* Type */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--royal)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--aqua)}
.pill{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:var(--white);border:1px solid var(--rule);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;color:var(--navy);box-shadow:var(--shadow-sm)}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 25%,transparent)}
.pill.on-dark{background:color-mix(in srgb,var(--white) 10%,transparent);border-color:var(--navy-line);color:var(--white);box-shadow:none}
.section{padding-block:clamp(72px,9vw,120px);position:relative}
.section-head{max-width:760px;margin-bottom:clamp(36px,5vw,56px);display:flex;flex-direction:column;gap:14px}
.section-head h2{font-size:clamp(30px,4vw,46px)}
.section-head p:not(.eyebrow){font-size:clamp(18px,1.6vw,20px);color:var(--ink-soft);max-width:56ch}

/* ---------- Buttons ---------- */
.btn{--mx:0px;--my:0px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 26px;font-size:18px;font-weight:700;text-decoration:none;border:0;border-radius:var(--r-sm);cursor:pointer;isolation:isolate;overflow:hidden;transform:translate3d(var(--mx),var(--my),0);transition:transform .5s var(--spring),box-shadow .3s,background-color .3s,color .3s;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none;transition:transform .45s var(--spring)}
.btn:hover svg{transform:translateX(-5px)}
.btn:active{transform:translate3d(var(--mx),var(--my),0) scale(.97);transition-duration:.12s}
.btn-primary{background:var(--royal);color:var(--white);box-shadow:var(--shadow-blue)}
.btn-primary::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(160px circle at var(--bx,50%) var(--by,50%),color-mix(in srgb,var(--aqua) 45%,transparent),transparent 70%);opacity:0;transition:opacity .3s}
.btn-primary:hover{background:var(--royal-dark);box-shadow:0 18px 36px -10px color-mix(in srgb,var(--royal) 70%,transparent)}
.btn-primary:hover::before{opacity:1}
.btn-outline{background:var(--white);color:var(--royal);box-shadow:inset 0 0 0 1.5px var(--royal)}
.btn-outline:hover{background:var(--tint)}
.btn-light{background:var(--white);color:var(--navy)}
.btn-light:hover{background:var(--tint)}
.btn-ghost-light{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--white) 55%,transparent)}
.btn-ghost-light:hover{background:color-mix(in srgb,var(--white) 12%,transparent)}
.btn-sm{min-height:44px;padding:0 18px;font-size:16px;gap:8px;border-radius:var(--r-xs)}
.btn-sm svg{width:18px;height:18px}
.btn-sm:hover svg{transform:none}
.btn-lg{min-height:60px;padding:0 32px;font-size:19px}

/* ---------- Scroll progress ---------- */
.progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:120;pointer-events:none}
.progress span{display:block;height:100%;background:var(--grad-x-rtl);transform:scaleX(var(--p,0));transform-origin:right;will-change:transform}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:100;height:var(--header);background:color-mix(in srgb,var(--white) 92%,transparent);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);transition:box-shadow .3s,transform .45s var(--out)}
.site-header.scrolled{box-shadow:0 1px 0 var(--rule),0 8px 24px -12px color-mix(in srgb,var(--navy) 18%,transparent)}
.site-header.hide{transform:translateY(-100%)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;direction:ltr;flex:none}
.brand svg{width:36px;height:36px}
.brand .word{font-weight:800;font-size:26px;letter-spacing:-.8px;line-height:1}
.nav{position:relative;display:flex;align-items:center;gap:4px;background:var(--page);border-radius:999px;padding:5px}
.nav a{position:relative;z-index:1;text-decoration:none;font-weight:500;font-size:16px;color:var(--ink-soft);padding:9px 16px;border-radius:999px;transition:color .25s}
.nav a:hover,.nav a.active{color:var(--royal)}
.nav a.active{font-weight:700}
.nav-ind{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:var(--white);box-shadow:var(--shadow-sm);opacity:0;transition:left .5s var(--spring),width .5s var(--spring),opacity .3s}
.header-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:46px;height:46px;border:1px solid var(--rule-strong);border-radius:var(--r-sm);background:var(--white);cursor:pointer;position:relative}
.menu-btn span{position:absolute;inset-inline:13px;height:2.5px;border-radius:2px;background:var(--navy);transition:transform .4s var(--spring),top .3s}
.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:26px}
.menu-btn[aria-expanded="true"] span:first-child{top:21.5px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{top:21.5px;transform:rotate(-45deg)}

.mobile-menu{position:fixed;inset:var(--header) 0 0 0;z-index:99;background:var(--white);padding:24px var(--gutter) calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .45s var(--out)}
.mobile-menu.open{opacity:1;transform:none}
.mobile-menu nav{display:flex;flex-direction:column;margin-bottom:12px}
.mobile-menu nav a{font-size:26px;font-weight:800;text-decoration:none;padding:16px 4px;border-bottom:1px solid var(--rule);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .5s var(--spring)}
.mobile-menu.open nav a{opacity:1;transform:none}
.mobile-menu.open nav a:nth-child(2){transition-delay:.05s}.mobile-menu.open nav a:nth-child(3){transition-delay:.1s}.mobile-menu.open nav a:nth-child(4){transition-delay:.15s}
.mobile-menu .btn{width:100%}
.mm-note{color:var(--ink-soft);font-size:15px;text-align:center;margin-top:auto}

/* ---------- Hero ---------- */
.hero{position:relative;padding-block:clamp(32px,5vw,64px) clamp(96px,10vw,140px);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(55% 70% at 15% 30%,color-mix(in srgb,var(--sky) 14%,transparent),transparent 70%),
  radial-gradient(35% 45% at 5% 95%,color-mix(in srgb,var(--mint) 10%,transparent),transparent 70%)}
.hero-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,5vw,72px);align-items:center;width:100%}
.hero-copy{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2}
.hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.04;letter-spacing:-.03em}
.split .line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.split .line>span{display:inline-block;transform:translateY(105%);transition:transform 1s var(--out)}
.split.in .line>span{transform:none}
.split.in .line:nth-child(2)>span{transition-delay:.1s}
.hero .lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink-soft);max-width:36em}
.hero .lead b{color:var(--navy);font-weight:700;display:block;margin-bottom:4px}

/* Quick form */
.lead-form.quick{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:10px;max-width:640px;border:1px solid var(--rule)}
.quick-title{font-weight:800;font-size:18px}
.quick-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:start}
.quick-row .btn{min-height:54px}
.lead-form.quick .consent{font-size:15px}
.lead-form.quick .consent input{width:22px;height:22px}

.trust{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15.5px;font-weight:500;color:var(--ink-soft)}
.trust li{display:flex;align-items:center;gap:8px;position:relative}
.tick,.cross{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%}
.tick{background:color-mix(in srgb,var(--mint) 30%,var(--white));color:var(--navy)}
.cross{background:var(--page);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--rule)}
.tick svg,.cross svg{width:13px;height:13px}
.tip{width:28px;height:28px;display:grid;place-items:center;border:0;background:none;padding:0;cursor:help;color:var(--ink-faint);margin-inline-start:-4px;border-radius:50%}
.tip svg{width:18px;height:18px}
.tip:hover,.tip:focus-visible{color:var(--royal)}
.tip-box{position:absolute;bottom:calc(100% + 10px);inset-inline-start:0;width:280px;background:var(--navy);color:var(--white);font-size:14.5px;line-height:1.5;padding:12px 14px;border-radius:var(--r-sm);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .3s var(--spring);z-index:5;box-shadow:var(--shadow)}
.tip:hover+.tip-box,.tip:focus-visible+.tip-box{opacity:1;transform:none}

/* 3D stage */
.hero-stage{position:relative;perspective:1400px;width:100%;max-width:520px;justify-self:center;aspect-ratio:1/1.1}
.stage-inner{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .9s var(--out);will-change:transform}
.layer{position:absolute;transform:translateZ(calc(var(--z,0) * 1px)) translate3d(calc(var(--px,0) * 1px),calc(var(--py,0) * 1px),0)}
.slab{inset:8% 0 0 6%;border-radius:var(--r-xl) var(--r-xl) var(--r-xl) 120px;background:linear-gradient(160deg,color-mix(in srgb,var(--sky) 22%,var(--white)),color-mix(in srgb,var(--aqua) 16%,var(--white)));overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 60%,transparent)}
.slab-chev{position:absolute;width:90%;inset-inline-end:-20%;bottom:-22%;opacity:.28}
.figure{width:60%;bottom:0;inset-inline-start:18%;filter:drop-shadow(0 24px 28px color-mix(in srgb,var(--navy) 22%,transparent))}
.glass-card{background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid color-mix(in srgb,var(--white) 70%,transparent);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.glass-card .k{font-size:13px;font-weight:800;color:var(--royal);display:flex;align-items:center;gap:8px}
.glass-card .k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint)}
.glass-card .h{font-size:17px;font-weight:800;line-height:1.3}
.glass-card .p{font-size:14.5px;color:var(--ink-soft)}
.know{top:2%;inset-inline-end:-4%;width:min(250px,50%)}
.route{bottom:7%;inset-inline-start:-4%;width:min(230px,48%)}
.mini-steps{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.mini-steps li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink-faint);transition:color .4s}
.mini-steps i{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--rule-strong);transition:background-color .4s,border-color .4s}
.mini-steps li.on{color:var(--navy);font-weight:700}
.mini-steps li.on i{background:var(--royal);border-color:var(--royal)}
.mini-steps li.on:last-child i{background:var(--mint);border-color:var(--mint)}
.mini-bar{height:5px;border-radius:5px;background:var(--rule);margin-top:8px;overflow:hidden}
.mini-bar span{display:block;height:100%;border-radius:5px;background:var(--grad-x-rtl);transform:scaleX(var(--mp,0));transform-origin:right;transition:transform .9s var(--out)}

/* ---------- Services tiles ---------- */
.services{position:relative;z-index:3;margin-top:calc(-1 * clamp(64px,7vw,96px))}
.tiles-panel{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:clamp(24px,3vw,36px) clamp(20px,3vw,40px)}
.tiles-title{font-size:20px;margin-bottom:18px;color:var(--navy)}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 10px 16px;border-radius:var(--r);transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .5s var(--out),background-color .3s}
.tile:hover{background:var(--page)}
.tile-ic{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--royal);margin-bottom:6px;transition:transform .5s var(--spring),background-color .3s}
.tile:hover .tile-ic{transform:translateY(-4px) scale(1.06);background:color-mix(in srgb,var(--sky) 18%,var(--white))}
.tile-ic svg{width:36px;height:36px}
.tile b{font-size:17px;line-height:1.3}
.tile span:last-child{font-size:15px;color:var(--ink-soft);line-height:1.45}

/* ---------- Myth ---------- */
.myth{background:var(--navy);color:var(--white);border-radius:var(--r-xl);padding:clamp(40px,6vw,80px) clamp(24px,5vw,72px);position:relative;overflow:hidden;isolation:isolate}
.myth .chev-bg,.final .chev-bg{position:absolute;pointer-events:none;will-change:transform;z-index:-1}
.myth .chev-bg{width:clamp(300px,40vw,560px);inset-inline-end:-8%;top:-20%;opacity:.14}
.myth-q{display:flex;flex-direction:column;gap:20px;max-width:880px}
.myth-q .q{font-size:clamp(20px,2.2vw,26px);font-weight:500;color:var(--on-navy)}
.strike{position:relative;text-decoration:none;white-space:nowrap}
.strike::after{content:"";position:absolute;inset-inline:-4px;top:52%;height:3px;border-radius:3px;background:var(--mint);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--out) .45s}
.in .strike::after{transform:scaleX(1)}
.myth-q .a{font-size:clamp(30px,4.2vw,52px);line-height:1.12}
.myth-q .a .no{color:var(--mint)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,5vw,56px)}
.fact{background:color-mix(in srgb,var(--white) 6%,var(--navy));border:1px solid var(--navy-line);border-radius:var(--r);padding:28px 26px 30px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.fact::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--lx,50%) var(--ly,0%),color-mix(in srgb,var(--aqua) 16%,transparent),transparent 70%);opacity:0;transition:opacity .4s}
.fact:hover::before{opacity:1}
.fact .n{font-size:15px;font-weight:800;color:var(--aqua);position:relative}
.fact p{font-size:17.5px;line-height:1.6;color:var(--on-navy);position:relative}
.fact p b{color:var(--white);font-weight:700}

/* ---------- Journey ---------- */
.journey-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,88px);align-items:start}
.journey-rail{align-self:stretch}
.rail-sticky{position:sticky;top:calc(var(--header) + 40px);display:flex;flex-direction:column;gap:20px;background:var(--white);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow)}
.rail-count{display:flex;align-items:baseline;gap:10px;direction:ltr;justify-content:flex-end}
.rail-num{font-size:clamp(80px,9vw,128px);font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--royal);font-variant-numeric:tabular-nums}
.rail-of{font-size:22px;font-weight:700;color:var(--ink-faint)}
.rail-track{height:8px;border-radius:8px;background:var(--page);position:relative;overflow:hidden}
.rail-fill{position:absolute;inset:0;border-radius:8px;background:var(--grad-x-rtl);transform:scaleX(var(--jp,0));transform-origin:right;will-change:transform}
.rail-label{font-size:21px;font-weight:800;min-height:1.5em}
.rail-cta{align-self:stretch}
.steps{display:flex;flex-direction:column;gap:18px;position:relative;isolation:isolate}
.step{--lx:50%;--ly:50%;position:relative;background:var(--white);border:1px solid var(--rule);border-radius:var(--r-lg);padding:clamp(26px,3vw,36px);display:grid;grid-template-columns:auto 1fr;column-gap:22px;row-gap:10px;align-items:start;transform:perspective(1200px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .6s var(--out),border-color .4s,box-shadow .4s;overflow:hidden}
.step>*:not(.step-num){grid-column:2}
.step.active{border-color:color-mix(in srgb,var(--royal) 35%,var(--white));box-shadow:var(--shadow)}
.step::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--lx) var(--ly),color-mix(in srgb,var(--sky) 9%,transparent),transparent 65%);opacity:0;transition:opacity .4s}
.step:hover::after{opacity:1}
.step-num{grid-row:1 / span 3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;background:var(--tint);color:var(--royal);transition:background-color .4s,color .4s,transform .5s var(--spring)}
.step.active .step-num{background:var(--royal);color:var(--white);transform:scale(1.06)}
.step h3{font-size:clamp(21px,2vw,25px)}
.step p{color:var(--ink-soft);font-size:17.5px;max-width:54ch}
.step-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.step-list li{font-size:14.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--page);color:var(--navy)}

/* ---------- Mid band ---------- */
.band{padding-block:0 clamp(24px,3vw,40px)}
.band-inner{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;background:linear-gradient(110deg,var(--royal),var(--royal-dark));color:var(--white);border-radius:var(--r-lg);padding:clamp(28px,4vw,44px) clamp(24px,4vw,52px);position:relative;overflow:hidden;isolation:isolate}
.band-inner::after{content:"";position:absolute;bottom:-60%;left:-10%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 35%,transparent),transparent 65%);z-index:-1}
.band h2{font-size:clamp(24px,2.8vw,34px)}
.band p{color:color-mix(in srgb,var(--white) 85%,var(--blue));margin-top:6px;font-size:18px}
.band-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Fit ---------- */
.fit-grid{display:grid;grid-template-columns:1fr 1fr .78fr;gap:20px;align-items:stretch}
.fit-col{background:var(--white);border-radius:var(--r-lg);padding:clamp(26px,3vw,38px);display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow-sm)}
.fit-col h3{font-size:clamp(21px,2vw,25px)}
.fit-col ul{display:flex;flex-direction:column;gap:18px}
.fit-col li{display:flex;gap:14px;align-items:flex-start;font-size:17.5px;line-height:1.5}
.fit-col li .tick,.fit-col li .cross{margin-top:2px}
.fit-col.yes{box-shadow:var(--shadow);border:1.5px solid color-mix(in srgb,var(--mint) 45%,var(--white))}
.fit-col.no{background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong)}
.fit-col.no li{color:var(--ink-soft)}
.fit-figure{margin:0;position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(160deg,color-mix(in srgb,var(--sky) 20%,var(--white)),color-mix(in srgb,var(--aqua) 14%,var(--white)));border-radius:var(--r-lg) var(--r-lg) 90px var(--r-lg);overflow:hidden;min-height:340px}
.fit-figure img{width:82%;position:relative}
.fit-figure .chev{position:absolute;width:150%;top:-16%;inset-inline-end:-46%;opacity:.22}

/* ---------- Promise ---------- */
.promise{padding-top:0}
.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.promise-col{background:var(--white);border-radius:var(--r-lg);padding:clamp(26px,4vw,48px);display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-sm)}
.promise-col.no{background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong)}
.promise-col h3{font-size:clamp(24px,2.6vw,32px);display:flex;align-items:center;gap:14px}
.promise-col h3 .tick,.promise-col h3 .cross{width:38px;height:38px}
.promise-col h3 svg{width:18px;height:18px}
.promise-col dl{margin:0;display:flex;flex-direction:column}
.promise-col dl>div{padding:16px 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px 24px}
.promise-col dt{font-weight:700;font-size:17.5px}
.promise-col dd{margin:0;color:var(--ink-soft);font-size:16.5px}

/* ---------- FAQ ---------- */
.faq{padding-top:0}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,6vw,88px);align-items:start}
.faq-grid .section-head{position:sticky;top:calc(var(--header) + 40px)}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-list details{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow-sm);border:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.faq-list details[open]{border-color:color-mix(in srgb,var(--royal) 25%,var(--white));box-shadow:var(--shadow)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;font-size:clamp(17px,1.6vw,19px);font-weight:700;border-radius:var(--r);transition:color .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--royal)}
.faq-list .ic{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--page);transition:transform .5s var(--spring),background-color .3s}
.faq-list .ic svg{width:15px;height:15px;transform:rotate(180deg);color:var(--navy);transition:color .3s}
.faq-list details[open] .ic{transform:rotate(180deg);background:var(--royal)}
.faq-list details[open] .ic svg{color:var(--white)}
.faq-list .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--out)}
.faq-list details.opening .ans,.faq-list details[open]:not(.closing) .ans{grid-template-rows:1fr}
.faq-list .ans>div{overflow:hidden}
.faq-list .ans p{padding:0 24px 22px;color:var(--ink-soft);font-size:17.5px;max-width:62ch}

/* ---------- Final (form) ---------- */
.final-wrap{padding-top:0}
.final{background:var(--navy);color:var(--white);border-radius:var(--r-xl);padding:clamp(32px,5vw,72px);display:grid;grid-template-columns:1fr minmax(0,500px);gap:clamp(28px,5vw,72px);align-items:center;position:relative;overflow:hidden;isolation:isolate}
.final .chev-bg{width:clamp(360px,46vw,680px);inset-inline-start:-14%;bottom:-46%;opacity:.14}
.final-copy{display:flex;flex-direction:column;gap:18px}
.final h2{font-size:clamp(32px,4.2vw,52px)}
.final .grad-text{background:linear-gradient(270deg,var(--aqua),var(--mint));-webkit-background-clip:text;background-clip:text}
.final-copy>p:not(.pill){color:var(--on-navy);font-size:19px}
.final-copy img{width:min(220px,50%);margin-top:6px}
.lead-form.full{background:var(--white);color:var(--navy);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;gap:18px}
.form-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.form-head h3{font-size:23px}
.form-head span{font-size:15px;color:var(--ink-soft);font-weight:500;white-space:nowrap}
.field{display:flex;flex-direction:column;gap:8px;position:relative}
.field label{font-weight:700;font-size:16px}
.field input{font:inherit;font-size:18px;color:var(--navy);height:54px;padding:0 16px;border:1.5px solid var(--rule-strong);background:var(--white);border-radius:var(--r-sm);width:100%;transition:border-color .2s,box-shadow .3s,background-color .2s;appearance:none;-webkit-appearance:none}
.field input[dir="ltr"]{text-align:right}
.field input::placeholder{color:var(--ink-faint)}
.field input:hover{border-color:var(--ink-faint)}
.field input:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 16%,transparent)}
.field.valid input{border-color:color-mix(in srgb,var(--mint) 70%,var(--navy))}
.field.invalid input{border-color:var(--navy);background:var(--page);animation:nudge .4s var(--spring)}
@keyframes nudge{30%{transform:translateX(-5px)}60%{transform:translateX(4px)}}
.error{font-size:15px;font-weight:500;color:var(--navy);display:flex;gap:6px;align-items:center}
.error:empty{display:none}
.error:not(:empty)::before{content:"!";width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--white);font-size:12px;font-weight:800}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--ink-soft);cursor:pointer;line-height:1.5}
.consent input{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:none;border:1.5px solid var(--rule-strong);border-radius:6px;margin:0;display:grid;place-items:center;cursor:pointer;background:var(--white);transition:background-color .2s,border-color .2s}
.consent input:checked{background:var(--royal);border-color:var(--royal)}
.consent input:checked::after{content:"";width:6px;height:11px;border:solid var(--white);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.consent a{color:var(--royal);font-weight:700}
.submit .spinner{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--white) 30%,transparent);border-top-color:var(--mint);animation:spin .8s linear infinite;opacity:0}
.submit.loading .label,.submit.loading svg{opacity:0}
.submit.loading .spinner{opacity:1}
.submit.loading{pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.lead-form.full .submit{width:100%}
.form-status{font-size:15.5px;font-weight:500;text-align:center}
.form-status:empty{display:none}
.form-foot{font-size:15px;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start;justify-content:center;text-align:center}
.form-foot svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--royal)}
.wa-inline{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;text-decoration:none;color:var(--royal);padding:4px 0}
.wa-inline svg{width:22px;height:22px}

/* ---------- Footer ---------- */
.site-footer{background:var(--white);color:var(--ink-soft);padding-block:48px 36px;font-size:15px;border-top:1px solid var(--rule)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.site-footer .tag{margin-top:10px}
.footer-links{display:flex;gap:8px 26px;flex-wrap:wrap}
.footer-links a{text-decoration:none;padding:6px 0;font-weight:500}
.footer-links a:hover{color:var(--royal)}
.legal{padding-top:24px;display:flex;flex-direction:column;gap:12px;line-height:1.7;max-width:96ch}
.legal b{color:var(--navy)}
.biz{display:flex;flex-wrap:wrap;gap:6px 24px}

/* ---------- Floating WhatsApp + mobile bar ---------- */
/* Floating WhatsApp: fixed bottom-left, always on screen. Uses WhatsApp's own green (Gilad's request, 2026-11-01), the one exception to the six brand colors. */
.wa{--wa-green:#25D366;--wa-dark:#128C7E;position:fixed;bottom:20px;left:20px;z-index:90;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--wa-green);color:#FFFFFF;box-shadow:0 10px 26px -6px rgba(0,0,0,.35);--mx:0px;--my:0px;transform:translate3d(var(--mx),var(--my),0);transition:transform .5s var(--spring),background-color .3s;animation:wa-in .7s var(--spring) .8s both}
.wa::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa-green);z-index:-1;animation:wa-pulse 2.6s var(--out) 1.6s infinite}
.wa:hover{background:var(--wa-dark)}
.wa svg{width:34px;height:34px}
.wa-tip{position:absolute;left:calc(100% + 12px);top:50%;translate:0 -50%;white-space:nowrap;background:var(--navy);color:var(--white);font-size:15px;font-weight:700;padding:9px 14px;border-radius:var(--r-sm);box-shadow:var(--shadow);opacity:0;transform:translateX(-8px);pointer-events:none;transition:opacity .25s,transform .35s var(--spring)}
.wa:hover .wa-tip,.wa:focus-visible .wa-tip{opacity:1;transform:none}
@keyframes wa-in{from{opacity:0;transform:translate3d(0,24px,0) scale(.6)}}
@keyframes wa-pulse{0%{opacity:.55;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.55)}}
.mobile-bar{display:none}

/* ---------- Reveal ---------- */
[data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s var(--out),transform 1s var(--out)}
[data-reveal].in{opacity:1;transform:none}
[data-delay="1"]{transition-delay:.08s}[data-delay="2"]{transition-delay:.16s}[data-delay="3"]{transition-delay:.26s}[data-delay="4"]{transition-delay:.36s}[data-delay="5"]{transition-delay:.46s}
.no-js [data-reveal]{opacity:1;transform:none}
.no-js .split .line>span{transform:none}

/* ---------- Custom cursor (fine pointer only) ---------- */
.cursor{display:none}
.has-cursor .cursor{display:block;position:fixed;inset:0;pointer-events:none;z-index:150}
.has-cursor,.has-cursor a,.has-cursor button,.has-cursor summary,.has-cursor label{cursor:none}
.has-cursor input,.has-cursor textarea{cursor:text}
.cursor-trail{position:absolute;inset:0;width:100%;height:100%}
.cursor-dot,.cursor-ring{position:absolute;top:0;left:0;will-change:transform;border-radius:50%}
.cursor-dot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--royal);transition:opacity .2s,background-color .2s}
.cursor-ring{width:40px;height:40px;margin:-20px 0 0 -20px;border:1.5px solid color-mix(in srgb,var(--royal) 50%,transparent);display:grid;place-items:center;transition:width .45s var(--spring),height .45s var(--spring),margin .45s var(--spring),background-color .3s,border-color .3s,opacity .3s}
.cursor-ring em{font-style:normal;font-size:12px;font-weight:800;color:var(--navy);white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .2s,transform .4s var(--spring)}
.cursor.is-link .cursor-ring{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:transparent;background:color-mix(in srgb,var(--aqua) 22%,transparent)}
.cursor.is-link .cursor-dot{opacity:0}
.cursor.is-label .cursor-ring{width:88px;height:88px;margin:-44px 0 0 -44px;background:var(--mint);border-color:var(--mint)}
.cursor.is-label .cursor-ring em{opacity:1;transform:none}
.cursor.is-text .cursor-ring{opacity:0}
.cursor.is-text .cursor-dot{width:3px;height:26px;margin:-13px 0 0 -1.5px;border-radius:2px;background:var(--royal)}
.cursor.on-dark .cursor-dot{background:var(--mint)}
.cursor.on-dark .cursor-ring{border-color:color-mix(in srgb,var(--white) 50%,transparent)}
.cursor.hidden .cursor-dot,.cursor.hidden .cursor-ring{opacity:0}

@media (prefers-reduced-motion:reduce){
  .wa::before{animation:none;opacity:0}
  html{scroll-behavior:auto}
  [data-reveal]{opacity:1;transform:none;transition:none}
  .split .line>span{transform:none;transition:none}
  *,*::before,*::after{transition-duration:.01s!important;animation-duration:.01s!important}
}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .nav{display:none}
  .menu-btn{display:block}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .fit-grid{grid-template-columns:1fr 1fr}
  .fit-figure{display:none}
}
@media (max-width:900px){
  :root{--header:68px}
  .hero-grid{grid-template-columns:1fr}
  .hero-stage{max-width:420px;width:90%;margin-top:4px}
  .journey-grid,.faq-grid{grid-template-columns:1fr}
  .journey-rail{display:none}
  .faq-grid .section-head{position:static}
  .facts{grid-template-columns:1fr}
  .promise-grid{grid-template-columns:1fr}
  .final{grid-template-columns:1fr}
  .final-copy img{display:none}
  .header-actions .btn-outline{display:none}
}
@media (max-width:640px){
  body{font-size:17.5px;padding-bottom:84px}
  .section{padding-block:56px}
  .header-actions .btn{display:none}
  .brand .word{font-size:23px}
  .brand svg{width:30px;height:30px}
  .hero{padding-top:24px;padding-bottom:84px}
  .hero h1{font-size:clamp(38px,11vw,48px)}
  .hero-copy{gap:18px}
  .pill{font-size:14.5px;padding:7px 12px}
  .quick-row{grid-template-columns:1fr}
  .quick-row .btn{width:100%}
  .lead-form.quick{padding:16px}
  .trust{flex-direction:column;gap:10px}
  .tip-box{width:min(280px,calc(100vw - 48px))}
  .hero-stage{width:100%;max-width:360px;aspect-ratio:1/1}
  .slab{inset:6% 0 0 18%}
  .figure{width:50%;inset-inline-start:6%}
  .know{top:12%;inset-inline-end:0;width:54%;padding:12px 12px 14px}
  .route{display:none}
  .glass-card .h{font-size:15px}
  .glass-card .p{font-size:14px}
  .tiles{grid-template-columns:repeat(2,1fr);gap:4px}
  .tile{padding:14px 6px}
  .tile-ic{width:58px;height:58px}
  .tile-ic svg{width:30px;height:30px}
  .tile b{font-size:17px}
  .tile span:last-child{font-size:15px}
  .section-head h2{font-size:clamp(27px,7.6vw,34px)}
  .myth{border-radius:var(--r-lg);padding:36px 22px}
  .strike{white-space:normal;text-decoration:line-through 3px var(--mint)}
  .strike::after{display:none}
  .myth-q .a{font-size:clamp(28px,8vw,36px)}
  .step{grid-template-columns:1fr;padding:24px 20px}
  .step>*:not(.step-num){grid-column:1}
  .step-num{grid-row:auto;width:44px;height:44px;font-size:19px}
  .band-inner{padding:28px 22px}
  .band-actions,.band-actions .btn{width:100%}
  .fit-grid{grid-template-columns:1fr}
  .promise-col dl>div{grid-template-columns:1fr;gap:4px}
  .final{border-radius:var(--r-lg);padding:32px 18px 18px}
  .lead-form.full{padding:22px 18px}
  .form-head{flex-direction:column;gap:2px}
  .wa{bottom:calc(14px + env(safe-area-inset-bottom,0px));left:14px;width:58px;height:58px;transition:transform .5s var(--spring),bottom .45s var(--spring),background-color .3s,color .3s}
  body:has(.mobile-bar.show) .wa{bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  .wa svg{width:30px;height:30px}
  .wa-tip{display:none}
  .mobile-bar{display:flex;gap:8px;position:fixed;inset:auto 0 0 0;z-index:95;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--white) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--rule);transform:translateY(110%);transition:transform .5s var(--spring)}
  .mobile-bar.show{transform:none}
  .mobile-bar .btn-primary{flex:1;min-height:52px}
  .mobile-bar .mb-wa{width:52px;min-height:52px;padding:0;flex:none}
  .mobile-bar .mb-wa svg{width:24px;height:24px}
}