/* InsurMe — light luxury theme. RTL, mobile-first. */
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/heebo-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/heebo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* cream sampled from the reference image: stats band ≈ #F2EDE7, CTA band ≈ #EBE1D8 */
  --cream:#F2EDE7; --cream-2:#EBE1D8; --white:#FFFFFF;
  --navy:#0E1A33; --navy-2:#1B2945; --text:#0E1A33; --muted:#545D70; --soft:#636A7C; /* darkened for WCAG AA (was #8A90A0) */
  --gold:#B8924A; --gold-2:#D4B475; --gold-3:#7D5F24; /* darkened for WCAG AA text contrast (was #9C7A35) */
  --line:rgba(184,146,74,.35); --hair:rgba(14,26,51,.08);
  --grad-gold:linear-gradient(135deg,#E3C98F 0%,#C2A05A 50%,#9C7A35 100%);
  --shadow:0 24px 60px -28px rgba(14,26,51,.22); --shadow-s:0 10px 30px -18px rgba(14,26,51,.25);
  --r:20px; --max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--white);color:var(--text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
svg[dir="ltr"]{direction:ltr}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;top:-60px;right:16px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:200;font-weight:700}
.skip:focus{top:12px}
.container{width:min(100% - 40px,var(--max));margin-inline:auto}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
.ph{background:#FFF1C2;outline:1px dashed #C98A00;color:#7A5200;border-radius:4px;padding:0 4px;font-weight:600}
.dark .ph{background:rgba(255,196,0,.16);color:#FFD54A;outline-color:#FFC400}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:600;font-size:16px;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 12px 28px -14px rgba(14,26,51,.6)}
.btn-navy:hover{transform:translateY(-2px);background:var(--navy-2)}
.btn-gold{background:var(--grad-gold);color:var(--navy);box-shadow:0 12px 28px -14px rgba(156,122,53,.8)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-line{border-color:rgba(14,26,51,.18);background:rgba(255,255,255,.7);color:var(--navy);backdrop-filter:blur(6px)}
.btn-line:hover{border-color:var(--gold)}

/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .3s,box-shadow .3s}
.site-header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hair)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.logo img{height:36px;width:auto}
.nav-links{display:none;list-style:none;margin:0;padding:0;gap:34px;font-size:17px;font-weight:500}
.nav-links a{position:relative;padding:6px 0}
.nav-links a::after{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:var(--gold);transition:width .25s}
.nav-links a:hover::after{width:100%}
.nav-cta{display:none;min-height:44px;padding:0 22px;font-size:15px}
.burger{width:46px;height:46px;border-radius:50%;border:1px solid var(--hair);background:rgba(255,255,255,.8);display:grid;place-items:center;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--navy);position:relative;transition:.25s}
.burger span::before,.burger span::after{content:"";position:absolute;right:0;width:18px;height:2px;background:var(--navy);transition:.25s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.drawer{position:fixed;inset:76px 0 0 0;background:rgba(255,255,255,.98);padding:20px 20px 40px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:.25s;z-index:99}
.drawer.open{opacity:1;visibility:visible}
.drawer a{padding:16px 4px;border-bottom:1px solid var(--hair);font-size:20px;font-weight:500}
.drawer .btn{margin-top:22px;border:0}

/* hero */
.hero{position:relative;min-height:92svh;display:flex;align-items:center;overflow:hidden;background:var(--cream) center/cover no-repeat}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(242,237,231,.97) 0%,rgba(242,237,231,.88) 38%,rgba(242,237,231,.35) 70%,rgba(242,237,231,.1) 100%),linear-gradient(0deg,rgba(255,255,255,.55),transparent 35%)}
.hero-inner{position:relative;z-index:1;padding:120px 0 120px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.16em;color:var(--gold-3);font-weight:600}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(42px,8vw,74px);line-height:1.05;margin:18px 0 18px;font-weight:800;letter-spacing:-.015em;color:var(--navy)}
.gold-text{background:linear-gradient(135deg,#8C6C2D 0%,#86672A 55%,#7D5F24 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:clamp(18px,2.2vw,21px);color:var(--navy-2);margin:0 0 32px;max-width:480px;font-weight:400}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}

/* stats (floating over hero bottom) */
.stats{position:relative;z-index:2;margin-top:-56px;margin-bottom:-56px;background:linear-gradient(180deg,transparent 0 56px,var(--cream) 56px)}
.stats+.section{padding-top:144px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--hair)}
.stat{padding:24px 12px;text-align:center;position:relative}
.stat:nth-child(n+3){border-top:1px solid var(--hair)}
.stat:nth-child(even){border-right:1px solid var(--hair)}
.stat b{display:block;font-size:clamp(26px,4.2vw,36px);font-weight:800;line-height:1.1}
.stat>span{display:block;font-size:14px;color:var(--muted);margin-top:4px}

/* sections */
section{scroll-margin-top:80px}
.section{padding:88px 0}
.bg-cream{background:var(--cream)}
.head{text-align:center;max-width:640px;margin:0 auto 44px}
.head h2{font-size:clamp(30px,4.6vw,44px);line-height:1.15;margin:12px 0 10px;font-weight:800}
.head p{color:var(--muted);margin:0;font-size:18px}
.head .eyebrow{justify-content:center}
.head .eyebrow::after{content:"";width:30px;height:1px;background:var(--gold)}

/* services tiles */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tile{position:relative;padding:26px 20px;border-radius:var(--r);background:#fff;border:1px solid transparent;box-shadow:var(--shadow-s);transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column;gap:6px}
.tile:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:var(--shadow)}
.tile .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--gold-3);margin-bottom:10px;transition:background .3s,color .3s}
.tile:hover .ic{background:var(--navy);color:var(--gold-2)}
.tile .ic svg{width:26px;height:26px}
.tile h3{font-size:18.5px;margin:0;font-weight:700;line-height:1.3}
.tile p{margin:0;color:var(--muted);font-size:15px}
.tile::after{content:"";position:absolute;bottom:0;right:24px;left:24px;height:2px;background:var(--grad-gold);transform:scaleX(0);transition:transform .35s;border-radius:2px}
.tile:hover::after{transform:scaleX(1)}

/* calculator */
.calc-wrap{max-width:980px;margin:0 auto;background:#fff;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--hair);overflow:hidden}
.tabs{display:flex;gap:6px;padding:8px;margin:22px auto 0;background:var(--cream);border-radius:999px;width:max-content;max-width:calc(100% - 32px)}
.tab{border:0;background:transparent;padding:10px 20px;border-radius:999px;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer}
.tab[aria-selected="true"]{background:#fff;color:var(--navy);box-shadow:var(--shadow-s)}
.calc-body{display:grid;gap:0}
.calc-in{padding:24px 22px}
.calc-out{padding:26px 22px;background:linear-gradient(160deg,#FBF8F4,var(--cream));border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:12px}
.fields{display:grid;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14px;color:var(--muted);font-weight:500}
.inp{position:relative}
.inp input,.inp select{width:100%;height:52px;border-radius:14px;border:1px solid rgba(14,26,51,.12);background:#FBFAF8;padding:0 14px 0 52px;font-size:17px;font-weight:500;transition:border-color .2s,box-shadow .2s}
.inp select{padding:0 14px;appearance:auto}
.inp input:focus,.inp select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(184,146,74,.2);background:#fff}
.inp .unit{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--soft);font-size:14px;pointer-events:none}
.adv-toggle{margin-top:14px;background:none;border:0;color:var(--gold-3);font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 0}
.adv-toggle svg{width:16px;height:16px;transition:transform .25s}
.adv-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.adv{display:grid;gap:14px;margin-top:10px}
.adv[hidden]{display:none}
.out-k{font-size:15px;color:var(--muted)}
.big{font-size:clamp(44px,7vw,62px);font-weight:800;line-height:1;color:var(--navy)}
.big small{font-size:.42em;color:var(--gold-3);font-weight:700}
#projChart{width:100%;height:110px}
.mini{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--muted);border-top:1px solid var(--hair);padding-top:12px}
.mini b{color:var(--navy);font-size:16px;white-space:nowrap}
.assume{font-size:12.5px;color:var(--soft);margin:0;line-height:1.5}
.panel-hidden{display:none!important}

/* why */
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
.pillar{text-align:center}
.pillar .ic{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold-3);background:#fff}
.pillar .ic svg{width:28px;height:28px}
.pillar h3{margin:0 0 4px;font-size:18px}
.pillar p{margin:0;color:var(--muted);font-size:15px}

/* team */
.team-grid{display:grid;gap:18px;max-width:900px;margin:0 auto}
.member{display:flex;gap:18px;align-items:center;padding:16px;border-radius:var(--r);background:#fff;border:1px solid var(--hair);box-shadow:var(--shadow-s)}
.member img{width:96px;height:116px;object-fit:cover;border-radius:14px;flex:none;background:var(--cream)}
.member h3{margin:0;font-size:20px}
.member .role{color:var(--gold-3);font-size:14px;font-weight:600;margin:2px 0 6px}
.member p{margin:0;color:var(--muted);font-size:15px}

/* CTA + form */
.cta{background:var(--cream-2);position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;left:-140px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(212,180,117,.45),transparent 70%)}
.cta-grid{position:relative;display:grid;gap:30px;align-items:center}
.cta h2{font-size:clamp(30px,4.4vw,42px);line-height:1.15;margin:12px 0 10px;font-weight:800}
.cta p.sub{margin:0 0 22px;color:var(--muted);font-size:18px}
.quick{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.quick a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(14,26,51,.08);font-size:15px;font-weight:500}
.quick a:hover{border-color:var(--gold)}
.quick svg{width:18px;height:18px;color:var(--gold-3)}
.form{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.form .inp input{padding-left:14px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin-top:4px}
.check input{width:18px;height:18px;accent-color:var(--navy);margin-top:2px;flex:none}
.check a{text-decoration:underline}
.form-notice{font-size:12.5px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.form-notice a{text-decoration:underline}
.form .btn{width:100%;margin-top:14px}
.field .error{font-size:12.5px;color:#B42318}
.inp input[aria-invalid="true"]{border-color:#E5484D}
.form-msg{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;font-size:15px}
.form-msg.ok{display:block;background:#ECF8F0;color:#11643A}
.form-msg.err{display:block;background:#FDECEC;color:#9B1C1C}

/* footer — the single dark band */
.site-footer{background:var(--navy);color:#AEB6C6;padding:52px 0 24px;font-size:15px}
.foot-top{display:flex;flex-wrap:wrap;gap:22px 40px;justify-content:space-between;align-items:flex-start}
.foot-brand img{height:34px;width:auto;margin-bottom:12px}
.foot-brand p{margin:0;font-size:14.5px}
.foot-contact{display:grid;gap:8px}
.foot-contact a:hover,.foot-links a:hover{color:var(--gold-2)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.social{display:flex;gap:10px;margin-top:14px}
.social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,180,117,.35);color:var(--gold-2)}
.social svg{width:18px;height:18px}
.legal{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;line-height:1.7;color:#7E879A;display:grid;gap:6px}
.legal p{margin:0}

/* whatsapp */
.wa{position:fixed;bottom:16px;left:16px;z-index:90;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 12px 30px -8px rgba(37,211,102,.55);transition:transform .2s}
.wa:hover{transform:scale(1.07)}
.wa svg{width:30px;height:30px}

/* reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* legal pages */
.doc{padding:120px 0 70px;background:var(--white)}
.doc .container{max-width:820px}
.doc h1{font-size:clamp(32px,5vw,44px);margin:10px 0 14px}
.doc h2{font-size:21px;margin:30px 0 8px;color:var(--navy)}
.doc p,.doc li{color:var(--navy-2)}
.doc .note{border:1px dashed #C98A00;border-radius:12px;padding:12px 16px;background:#FFF8E1;color:#7A5200;font-size:15px}
.doc-header{background:rgba(255,255,255,.95);box-shadow:0 1px 0 var(--hair)}

/* breakpoints */
@media (min-width:700px){
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .stat:nth-child(n+3){border-top:0}
  .stat+.stat{border-right:1px solid var(--hair)}
  .tiles{grid-template-columns:repeat(3,1fr);gap:18px}
  .tile{padding:30px 26px}
  .pillars{grid-template-columns:repeat(4,1fr)}
  .team-grid{grid-template-columns:1fr 1fr}
  .member img{width:110px;height:132px}
  .fields.two{grid-template-columns:1fr 1fr}
  .adv{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .calc-body{grid-template-columns:1.1fr 1fr}
  .calc-in{padding:30px 34px 34px}
  .calc-out{padding:34px;border-top:0;border-right:1px solid var(--hair)}
  .cta-grid{grid-template-columns:1fr 1fr;gap:56px}
  .form{padding:30px}
}
@media (min-width:1080px){
  .nav-links{display:flex}.nav-cta{display:inline-flex}.burger{display:none}
  .section{padding:110px 0}
}
@media (max-width:699px){
  .hero{min-height:88svh;align-items:flex-end}
  .hero::after{background:linear-gradient(0deg,rgba(242,237,231,.97) 0%,rgba(242,237,231,.88) 42%,rgba(242,237,231,.25) 66%,rgba(242,237,231,0) 100%)}
  .hero h1{font-size:35px}
  .hero-inner{padding-top:240px}
  .hero video,.hero .poster{object-position:60% 30%}
  .hero-inner{padding:110px 0 92px}
  .hero-actions .btn{flex:1 1 100%}
  .wa{width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
.mini[hidden]{display:none}

/* restored fee hook */
.hook-grid{display:grid;gap:30px;align-items:center}
.hook h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:12px 0 12px;font-weight:800}
.hook p.sub{color:var(--muted);font-size:18px;margin:0 0 24px}
.hook-card{background:linear-gradient(160deg,#fff,var(--cream));border:1px solid var(--hair);border-radius:24px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.bars{display:grid;gap:12px;margin-top:6px}
.bar-row{display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:center;font-size:14px;color:var(--muted)}
.bar-row b{color:var(--navy);font-size:15px}
.bar{height:12px;border-radius:99px;background:rgba(14,26,51,.06);overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:var(--grad-gold);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.bar i.alt{background:#9AA3B5}
@media (min-width:900px){.hook-grid{grid-template-columns:1fr 1fr;gap:64px}.hook-card{padding:34px}}
@media (max-width:699px){.tiles .tile:last-child:nth-child(odd){grid-column:1/-1}.bar-row{grid-template-columns:88px 1fr auto;font-size:13px}}
.tile .ph{font-size:12px;display:inline-block;margin-top:4px}

@media (max-width:699px){.logo img{height:30px}}

/* PROFIT group line + logo slot (28px) */
.profit{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13.5px;color:#C9CFDB}
.profit-logo{display:block;flex:none}
.profit-logo img{height:30px;width:auto}

/* why: step numbers */
.pillar .step-n{display:block;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--gold-3);font-variant-numeric:tabular-nums}
@media (min-width:900px){
  #why .head{max-width:none}
}

.about-more{text-align:center;margin:26px 0 0}
.about-more a{color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold-3);padding-bottom:2px}
.about-more a:hover{color:var(--gold-3)}
.about-cta{text-align:center;margin:36px 0 0}

/* services tiles: centered on all breakpoints; 1 column below 700px; keep text clear of the WhatsApp float */
.tile{align-items:center;text-align:center}
.tile .ic{margin-inline:auto}
@media (max-width:699px){
  .tiles{grid-template-columns:1fr}
  .tile{padding:24px 58px}
  .tile h3,.tile p{max-width:280px;margin-inline:auto}
  .site-footer{padding-bottom:88px}
}

/* hero video pause control (WCAG 2.2.2) */
.vid-toggle{position:absolute;z-index:2;left:16px;top:96px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(14,26,51,.25);background:rgba(255,255,255,.85);color:var(--navy);display:grid;place-items:center;cursor:pointer;padding:0}
.vid-toggle[hidden]{display:none}
.vid-toggle svg{width:20px;height:20px}
.vid-toggle .i-play{display:none}
.vid-toggle.is-paused .i-play{display:block}
.vid-toggle.is-paused .i-pause{display:none}
@media (max-width:699px){.vid-toggle{top:84px}}

/* office map: square column at the visual left (end side in RTL) of the footer row, index only */
.foot-map{flex:0 0 280px;width:280px}
.foot-map iframe{display:block;width:100%;aspect-ratio:1/1;height:auto;border:1px solid rgba(212,180,117,.25);border-radius:16px;background:var(--navy-2)}
/* click-to-load map placeholder (privacy: no Google request until the user asks) */
.map-ph{position:relative;width:100%;aspect-ratio:1/1;border:1px solid rgba(212,180,117,.3);border-radius:16px;overflow:hidden;
  background:radial-gradient(circle at 50% 42%,rgba(212,180,117,.16),transparent 58%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 28px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 28px),var(--navy-2)}
.map-ph-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}
.map-ph-pin{width:44px;height:44px;color:var(--gold-2)}
.map-ph-addr{margin:0;color:#fff;font-weight:600;font-size:16px}
.map-ph-btn{min-height:44px;padding:10px 22px;border-radius:999px;border:1px solid var(--gold-2);background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.map-ph-btn:hover,.map-ph-btn:focus-visible{background:var(--gold-2);color:var(--navy)}
.map-ph.loaded{aspect-ratio:auto;border:0;background:none}
.map-note{margin:6px 0 0;font-size:12.5px;color:#AEB6C6}
.foot-map-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;font-size:13.5px}
.foot-map-links a{color:var(--gold-2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.foot-map-links a:hover{color:#fff}
/* mobile: below the columns, right-aligned, max 280px, so it stays clear of the floating buttons on the left */
@media (max-width:699px){.foot-map{flex:0 0 100%;width:100%;max-width:min(280px,calc(100% - 64px))}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.legal .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px}
@media (min-width:1100px){.site-footer .foot-top{flex-wrap:nowrap}.foot-links{display:grid;grid-template-columns:repeat(2,auto);gap:8px 28px;align-content:start}}

/* a11y pass 26.10: focus indicators ≥3:1 on light and dark backgrounds */
:focus-visible{outline-color:var(--gold-3)}
.site-footer :focus-visible,.skip:focus-visible{outline-color:var(--gold-2)}
.inp input:focus,.inp select:focus{box-shadow:0 0 0 3px var(--gold-3)}
.inp input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px #B42318}
/* reflow at 320px and with the a11y text-size option: let grid/flex children shrink and buttons wrap */
.hook-grid>*,.calc-body>*,.cta-grid>*,.fields>*,.field,.inp{min-width:0}
.inp input,.inp select{min-width:0}
@media (max-width:699px){
  .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}
  .tabs{width:auto;flex-wrap:wrap;justify-content:center}
  .bar-row{grid-template-columns:minmax(0,88px) minmax(0,1fr) auto}
  .big{overflow-wrap:anywhere}
}
/* live region for the form message stays in the accessibility tree; empty = visually collapsed */
.form-msg{display:block}
.form-msg:empty{padding:0;margin:0}
.team-grid>*,.member>div{min-width:0}
@media (max-width:359px){.member{flex-direction:column;text-align:center}}
html.a11y-z2 .member,html.a11y-z3 .member{flex-wrap:wrap}

/* ===== service pages (inner template, same .doc layout) ===== */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;font-size:14px;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-inline-end:6px;color:var(--gold-3)}
.crumbs a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold-3);text-underline-offset:3px}
.svc-lead{font-size:clamp(18px,2.2vw,20px);line-height:1.6;color:var(--navy);margin:0 0 6px}
.svc ul{padding-inline-start:22px;margin:8px 0}
.svc li{margin:6px 0}
.svc li::marker{color:var(--gold-3)}
.svc h3{font-size:17px;margin:20px 0 4px;color:var(--navy)}
.svc p a,.svc li a,.svc-note a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold-3);text-underline-offset:3px}
.svc p a:hover,.svc li a:hover{color:var(--gold-3)}
.svc-faq{margin-top:10px}
.svc-note{margin:30px 0 0;padding-top:14px;border-top:1px solid var(--hair);font-size:14px;color:var(--muted)}
.svc-cta{margin:36px 0 0;padding:30px 22px;border-radius:24px;background:var(--cream);border:1px solid var(--hair);text-align:center}
.svc-cta h2{margin:0 0 6px}
.svc-cta p{margin:0 0 18px}
.svc-cta-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.svc-related{margin-top:30px}
.svc-related h2{font-size:18px}
.svc-related ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.svc-related li{margin:0}
.svc-related a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:600}
.svc-related a:hover{border-color:var(--gold)}
@media (max-width:699px){.svc-cta-btns .btn{flex:1 1 100%}}
/* inner footer: services row */
.doc-foot-svc{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.doc-foot-svc a{color:#C9CFDB}
.doc-foot-svc a:hover,.doc-foot-svc a[aria-current="page"]{color:var(--gold-2)}
/* home footer: services column (single column on wide screens) */
@media (min-width:1100px){.foot-svc{grid-template-columns:auto}}
.foot-links a,.foot-contact a{white-space:nowrap}
@media (min-width:1100px) and (max-width:1299px){.site-footer .foot-top{gap:22px 26px}.foot-links{gap:8px 20px}}
/* service pages, mobile: keep running text clear of the floating a11y / WhatsApp buttons (left edge) */
@media (max-width:699px){
  /* all inner pages (services, about, legal, accessibility): text blocks keep a gutter on the visual left; RTL text is right-aligned so only line length changes */
  .doc>.container>*:not(.svc-cta):not(.crumbs){padding-left:56px}
  .svc-cta{padding-inline:58px}
  /* footers (home + inner): same gutter; extra bottom space so the last line is never under the buttons */
  .site-footer .container{padding-left:54px}
  .site-footer{padding-bottom:88px}
  .foot-map{max-width:280px}
}

/* home stats card, mobile: the left column sits right above the floating buttons on the first screen */
@media (max-width:699px){.stat:nth-child(even){padding-left:48px}}
/* a11y menu text size (zoom) on wide screens: let the footer row wrap so the map never spills off-screen */
html.a11y-z1 .site-footer .foot-top,html.a11y-z2 .site-footer .foot-top,html.a11y-z3 .site-footer .foot-top{flex-wrap:wrap}

/* fix6: "how we work" steps without numbers: larger icons in a soft round badge (navy strokes + gold accent) */
.pillar .ic{width:88px;height:88px;margin:0 auto 16px;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#FFFFFF 0%,#FBF6EC 55%,#F3E8D2 100%);color:var(--navy);box-shadow:0 10px 24px -16px rgba(156,122,53,.7)}
.pillar .ic svg{width:48px;height:48px}
.pillar .ic svg .acc{stroke:var(--gold-3)}
.pillar h3{font-size:19px}

/* fix6: retirement estimate shown as a range, slightly smaller type so it fits one line on phones */
.big.big-range{font-size:clamp(34px,5.2vw,52px)}
@media (max-width:699px){.big.big-range{font-size:clamp(28px,8.6vw,36px)}}

/* fix6: mobile header logo a bit larger and legible over the hero video */
@media (max-width:699px){
  .logo img{height:34px}
  .site-header:not(.scrolled) .logo img{filter:drop-shadow(0 0 6px rgba(255,255,255,.85)) drop-shadow(0 1px 1px rgba(255,255,255,.9))}
}
/* fix6: the scrolled header's backdrop-filter makes it the containing block of the fixed drawer (drawer collapsed to 0 height
   on inner pages and on the home page after scrolling). Give the drawer an explicit height so it works in both cases. */
.drawer{bottom:auto;height:calc(100vh - 76px);height:calc(100dvh - 76px);overflow-y:auto}

/* fix7: founders stat (three roles) - smaller type, wraps to two lines */
.stat b.stat-roles{font-size:clamp(17px,1.9vw,22px);line-height:1.3;font-weight:800;min-height:2.6em;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.stat-roles .nw{white-space:nowrap}
@media (max-width:699px){.stat b.stat-roles{font-size:16px}}

/* fix8: outside professionals (about + service pages) - same look as the home team cards, marked "בשיתוף" */
.collab-sec{margin-top:40px}
.collab-sec h2{margin-bottom:16px}
.collab-sec .team-grid{grid-template-columns:1fr}
.member.collab{align-items:flex-start}
.member.collab picture{flex:none;display:block}
.member.collab img{width:96px;height:116px;object-fit:cover;border-radius:14px;display:block;background:var(--cream)}
@media (min-width:700px){.member.collab img{width:110px;height:132px}}
.member.collab h3,.member.collab .collab-name{margin:0;font-size:20px;font-weight:700;color:var(--navy);line-height:1.3}
.member.collab .role{color:var(--gold-3);font-size:14px;font-weight:600;margin:2px 0 6px}
.member.collab p:not(.collab-name):not(.role){margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.collab-tag{display:inline-block;margin:0 0 6px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:var(--cream);color:var(--navy-2);font-size:12.5px;font-weight:600}
.collab-compact{margin:18px 0 8px}
@media (max-width:359px){.member.collab{align-items:center}}
/* featured collaborator card (Adir): longer multi-paragraph bio */
.member.collab-featured{padding:20px}
.member.collab p:not(.collab-name):not(.role)+p{margin-top:8px}
@media (min-width:700px){.member.collab-featured{gap:24px;padding:24px 26px}.member.collab-featured img{width:140px;height:168px}}
@media (max-width:699px){.member.collab-featured{flex-direction:column;align-items:flex-start}.member.collab-featured img{width:120px;height:144px}}

/* contact: two gold lines like other eyebrows; text aligned to top of form */
.cta .eyebrow::after{content:"";width:30px;height:1px;background:var(--gold)}
@media (min-width:900px){.cta-grid{align-items:start}.cta-grid>.reveal:first-child{padding-top:28px}}
.foot-contact .num{text-align:right}

/* fix19: services split - core label + secondary "for high-net-worth" chips */
.svc-label{text-align:center;margin:-18px 0 22px}
.svc-label .eyebrow{justify-content:center;font-size:12.5px}
.svc-label .eyebrow::after{content:"";width:30px;height:1px;background:var(--gold)}
.svc-more{margin-top:56px;padding-top:40px;border-top:1px solid var(--line);text-align:center}
.svc-more h3{font-size:clamp(20px,2.4vw,24px);line-height:1.3;margin:0 0 22px;font-weight:700;color:var(--navy)}
.chips{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1080px}
.chip{display:flex;align-items:center;gap:12px;text-align:right;background:rgba(255,255,255,.72);border:1px solid var(--hair);border-radius:14px;padding:12px 14px;min-height:64px}
.chip-ic{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--gold-3);box-shadow:inset 0 0 0 1px var(--line)}
.chip-ic svg{width:20px;height:20px}
.chip-t{display:flex;flex-direction:column;line-height:1.3}
.chip-t b{font-size:15px;font-weight:600;color:var(--navy)}
.chip-t small{font-size:12.5px;color:var(--muted);margin-top:2px}
.svc-more-note{margin:18px auto 0;max-width:640px;font-size:13px;line-height:1.5;color:var(--muted)}
@media (max-width:1079px){.chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:699px){
  .svc-label{margin:-22px 0 16px}
  .svc-more{margin-top:40px;padding-top:30px}
  .svc-more h3{margin-bottom:16px}
  .chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .chips li:last-child{grid-column:1/-1}.chips li:last-child .chip{justify-content:center}
  .chip{gap:10px;padding:10px 12px;min-height:58px}
  .chip-ic{flex-basis:32px;width:32px;height:32px}
  .chip-ic svg{width:17px;height:17px}
  .chip-t b{font-size:14px}
  .chip-t small{font-size:12px}
}
@media (min-width:700px) and (max-width:1079px){.chips{display:flex;flex-wrap:wrap;justify-content:center}.chips li{flex:0 1 calc((100% - 24px)/3)}}
@media (max-width:359px){.chips{grid-template-columns:1fr}.chips li:last-child .chip{justify-content:flex-start}}

/* fix20: chips are links */
.chips li{display:flex}
.chip{width:100%;color:inherit;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.chip-ic{transition:background .25s,color .25s}
.chip:hover,.chip:focus-visible{background:#fff;border-color:var(--line);box-shadow:var(--shadow-s);transform:translateY(-2px)}
.chip:hover .chip-ic,.chip:focus-visible .chip-ic{background:var(--navy);color:var(--gold-2)}
.chip:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:14px}
@media (prefers-reduced-motion:reduce){.chip,.chip-ic{transition:none}.chip:hover,.chip:focus-visible{transform:none}}

/* fix21: 404 page */
.nf .container{min-height:52vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:40px;padding-bottom:60px}
.nf .svc-cta-btns{margin-top:22px}

/* fix21: mobile hero framed on the coffee cup (video/poster in the top half, text below) */
@media (max-width:699px){
  .hero{min-height:100svh}
  .hero video,.hero .poster{inset:0 0 auto 0;height:50%;object-position:22% 50%}
  .hero::after{background:linear-gradient(0deg,rgba(242,237,231,1) 0%,rgba(242,237,231,1) 50%,rgba(242,237,231,.8) 53%,rgba(242,237,231,0) 60%)}
}

/* fix23: digital business cards (/<name>-card/) */
.dc-body{background:var(--cream);min-height:100svh}
.dc{max-width:460px;margin:0 auto;padding:22px 18px 28px;text-align:center}
.dc-logo{display:inline-block;margin:4px auto 18px}
.dc-logo img{display:block;height:30px;width:auto}
.dc-card{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:26px 18px 22px;border-top:3px solid var(--gold)}
.dc-photo{width:148px;height:148px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:3px solid var(--gold-2);box-shadow:var(--shadow-s);display:block;margin:0 auto 14px;background:var(--cream)}
.dc h1{font-size:28px;line-height:1.2;margin:0 0 6px;color:var(--navy)}
.dc-role{margin:0 0 4px;color:var(--gold-3);font-weight:600;font-size:16px;line-height:1.45}
.dc-org{margin:0 0 18px;color:var(--muted);font-size:14px}
.dc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dc-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:8px 10px;border-radius:16px;background:var(--cream);color:var(--navy);font-weight:600;font-size:15px;line-height:1.25;text-decoration:none;border:1px solid var(--hair);transition:background .2s,transform .15s}
.dc-btn svg{width:20px;height:20px;flex:none;color:var(--gold-3)}
.dc-btn:hover,.dc-btn:focus-visible{background:var(--cream-2)}
.dc-btn:active{transform:scale(.98)}
.dc-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.dc-main,.dc-wide{grid-column:1/-1}
.dc-main{background:var(--navy);color:#fff;min-height:60px;font-size:17px;border:0}
.dc-main svg{color:var(--gold-2)}
.dc-wa{background:#157A40;color:#fff;border:0}
.dc-wa svg{color:#fff}
.dc-meta{margin:16px 0 0;font-size:14px;color:var(--muted)}
.dc-meta a{color:var(--navy)}
.dc-lic{margin:6px 0 0;font-size:13px;color:var(--muted)}
.dc-foot{margin:18px 0 0;font-size:13px;color:var(--muted)}
.dc-foot a{color:var(--muted)}
@media (max-width:340px){.dc-actions{grid-template-columns:1fr}}
.dc-save{background:var(--grad-gold);color:var(--navy);border:0}
.dc-save svg{color:var(--navy)}
.dc-role .nw{white-space:nowrap}
/* a11y audit 2026-11-02: focus rings in dark gold (>=3:1), legibility scrim behind desktop nav over the hero video */
.chip:focus-visible,.dc-btn:focus-visible{outline-color:var(--gold-3)}
@media (min-width:1080px){.site-header:not(.scrolled)::before{content:"";position:absolute;inset:0 0 -14px 0;background:linear-gradient(180deg,rgba(242,237,231,.82) 0%,rgba(242,237,231,.6) 70%,rgba(242,237,231,0) 100%);pointer-events:none;z-index:-1}}
main:focus{outline:none}
a,button,input,select,textarea,summary,[tabindex]{scroll-margin-top:96px;scroll-margin-bottom:96px}
.hero .eyebrow{color:#6F5420}
/* mobile: the floating WhatsApp + accessibility buttons sit bottom-left (x 16–68px). Keep the lower part of the
   lead form (consents, notice, submit, status message) out of that column so it is never covered while scrolling,
   and give keyboard focus room above the buttons (WCAG 2.4.11-style). */
@media (max-width:699px){
  html{scroll-padding-bottom:150px}
  .form{--fab-gutter:max(0px,calc(80px - var(--form-left,44px)))}
  .form .check,.form .form-notice,.form .form-msg{margin-left:var(--fab-gutter)}
  .form .btn{width:calc(100% - var(--fab-gutter));margin-left:var(--fab-gutter)}
}
/* footer "הגדרות עוגיות": a real <button> styled like the neighbouring footer links */
.ck-link{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;line-height:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.ck-link:hover{color:var(--gold-2)}
.ck-link:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;border-radius:2px}
