/* ============================================================
   כפיר בולוטין - עמוד נחיתה
   גרסה 4 - שנהב חם / דיו עמוק / פליז
   ============================================================ */

:root{
  --ink:        #14181F;
  --ink-2:      #414A55;
  --ink-3:      #79828C;

  --bg:         #F7F4EE;
  --bg-2:       #F1EDE4;
  --surface:    #FFFFFF;
  --line:       #E2DACC;
  --line-soft:  #EDE7DC;

  --brass:      #9A7B45;
  --brass-2:    #7C6236;
  --brass-lite: #C4A470;
  --brass-soft: #F0E7D6;

  --dark:       #14181F;

  /* טקסט על רקע כהה - גוונים בהירים יותר לקריאות */
  --on-dark:    #E7EBEF;
  --on-dark-2:  #BFC7D0;

  --f-display: clamp(2.3rem, 4.8vw, 3.95rem);
  --f-h1:      clamp(1.75rem, 3vw, 2.7rem);
  --f-lede:    clamp(1.08rem, 1.35vw, 1.3rem);
  --f-xl:      clamp(1.05rem, 1.15vw, 1.18rem);
  --f-body:    1.0625rem;   /* 17px */
  --f-sm:      1rem;        /* 16px - הוגדל לקריאות */
  --f-xs:      0.875rem;    /* 14px - הוגדל לקריאות */

  --pad-sec:   clamp(2.8rem, 4.8vw, 4.8rem);
  --wrap:      1180px;
  --r:         3px;
}

/* Rav Messer embedded form: scoped visual integration only. */
#diagnosis .diag__form [class*="RMFORM_2215"],
#diagnosis .diag__form [id="content"],
#diagnosis .diag__form [id="100003"],
#diagnosis .diag__form [id="100002"],
#diagnosis .diag__form [id="100023"],
#diagnosis .diag__form .bodyarea_multyelements,
#diagnosis .diag__form .inner_bodyarea_multyelements,
#diagnosis .diag__form .multyelements,
#diagnosis .diag__form .inner_multyelements,
#diagnosis .diag__form .multyinner,
#diagnosis .diag__form .formBody,
#diagnosis .diag__form form,
#diagnosis .diag__form .multyfields,
#diagnosis .diag__form .inner_multyfields,
#diagnosis .diag__form .multyfield,
#diagnosis .diag__form .field,
#diagnosis .diag__form .confirmation,
#diagnosis .diag__form .submitbuttonbox,
#diagnosis .diag__form .submitButtonContainer_wrapper,
#diagnosis .diag__form .clear{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-inline:0 !important;
}

#diagnosis .diag__form [id="100019"]{
  display:none !important;
}

#diagnosis .diag__form .ravxx_backgroundSpace,
#diagnosis .diag__form .ravxx_backgroundSpaceInner,
#diagnosis .diag__form .backgroundSpace{
  width:100% !important;
  max-width:100% !important;
}

#diagnosis .diag__form .multyfield + .multyfield{
  margin-top:.95rem !important;
}

#diagnosis .diag__form .field .label{
  display:block !important;
  color:var(--brass-lite) !important;
  font-weight:600 !important;
  font-size:var(--f-sm) !important;
  line-height:1.35 !important;
  margin-bottom:.4rem !important;
  text-align:right !important;
}

#diagnosis .diag__form [id="100023"] input:not([type="hidden"]):not([type="checkbox"]),
#diagnosis .diag__form [id="100023"] select,
#diagnosis .diag__form [id="100023"] textarea{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:50px !important;
  border:1px solid rgba(196,164,112,.42) !important;
  border-radius:var(--r) !important;
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  font-family:"Rubik","Assistant","Heebo",-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:var(--f-body) !important;
  line-height:1.4 !important;
  padding:.78rem .9rem !important;
  text-align:right !important;
  direction:rtl !important;
  box-shadow:none !important;
}

#diagnosis .diag__form [id="100023"] input[type="hidden"]{
  display:none !important;
}

#diagnosis .diag__form [id="100023"] input:not([type="hidden"]):not([type="checkbox"])::placeholder,
#diagnosis .diag__form [id="100023"] textarea::placeholder{
  color:rgba(231,235,239,.58) !important;
}

#diagnosis .diag__form [id="100023"] input:not([type="hidden"]):not([type="checkbox"]):hover,
#diagnosis .diag__form [id="100023"] select:hover,
#diagnosis .diag__form [id="100023"] textarea:hover{
  border-color:rgba(196,164,112,.7) !important;
}

#diagnosis .diag__form [id="100023"] input:not([type="hidden"]):not([type="checkbox"]):focus,
#diagnosis .diag__form [id="100023"] select:focus,
#diagnosis .diag__form [id="100023"] textarea:focus{
  outline:2px solid rgba(196,164,112,.62) !important;
  outline-offset:2px !important;
  border-color:var(--brass-lite) !important;
  background:rgba(255,255,255,.1) !important;
}

#diagnosis .diag__form .confirmation{
  display:flex !important;
  align-items:flex-start !important;
  gap:.65rem !important;
  margin-top:1.1rem !important;
  color:var(--on-dark) !important;
  line-height:1.5 !important;
  text-align:right !important;
}

#diagnosis .diag__form .confirmation input[type="checkbox"]{
  flex:0 0 auto !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  margin:.18rem 0 0 !important;
  accent-color:var(--brass) !important;
  cursor:pointer !important;
}

#diagnosis .diag__form .confirmation_text{
  flex:1 1 auto !important;
  min-width:0 !important;
  color:var(--on-dark) !important;
  font-size:var(--f-sm) !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  margin:0 !important;
  cursor:pointer !important;
}

#diagnosis .diag__form .confirmation_text a{
  color:var(--brass-lite) !important;
  text-decoration:underline !important;
}

#diagnosis .diag__form .submitbuttonbox{
  margin-top:1.25rem !important;
}

#diagnosis .diag__form .submitButtonContainer_wrapper{
  position:relative !important;
}

#diagnosis .diag__form .submitButtonContainer,
#diagnosis .diag__form .submitButtonContainer_wrapper > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:var(--r) !important;
  background:var(--brass) !important;
  color:#fff !important;
  text-decoration:none !important;
}

#diagnosis .diag__form .submitButtonContainer_wrapper.ravxx_hover{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#diagnosis .diag__form .submitButtonContainer_wrapper:not(.ravxx_hover) > a.submitButtonContainer{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  transform:none !important;
}

#diagnosis .diag__form button,
#diagnosis .diag__form input[type="button"]:not([type="hidden"]),
#diagnosis .diag__form input[type="submit"]:not([type="hidden"]){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  min-height:48px !important;
  border:0 !important;
  border-radius:var(--r) !important;
  background:var(--brass) !important;
  color:#fff !important;
  font-family:"Rubik","Assistant","Heebo",-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  padding:.9rem 1.85rem !important;
  cursor:pointer !important;
  white-space:normal !important;
  text-align:center !important;
  transition:background .18s ease, transform .18s ease !important;
}

#diagnosis .diag__form .submitButtonContainer:hover,
#diagnosis .diag__form button:hover,
#diagnosis .diag__form input[type="button"]:hover,
#diagnosis .diag__form input[type="submit"]:hover{
  background:var(--brass-2) !important;
  transform:translateY(-1px) !important;
}

#diagnosis .diag__form .submitButtonContainer_wrapper:not(.ravxx_hover) > a.submitButtonContainer:hover{
  background:transparent !important;
  transform:none !important;
}

#diagnosis .diag__form .submitButtonContainer_wrapper:not(.ravxx_hover) > a.submitButtonContainer:hover > button[type="submit"]{
  background:var(--brass-2) !important;
  transform:translateY(-1px) !important;
}

#diagnosis .diag__form .submitButtonContainer_wrapper:not(.ravxx_hover) > a.submitButtonContainer > button.textPart.submitButton:focus,
#diagnosis .diag__form .submitButtonContainer_wrapper:not(.ravxx_hover) > a.submitButtonContainer > button.textPart.submitButton:focus-visible{
  outline:2px solid var(--brass-lite) !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 4px rgba(196,164,112,.24) !important;
}

#diagnosis .diag__form button:focus-visible,
#diagnosis .diag__form button:focus,
#diagnosis .diag__form input[type="button"]:focus-visible,
#diagnosis .diag__form input[type="button"]:focus,
#diagnosis .diag__form input[type="submit"]:focus-visible,
#diagnosis .diag__form input[type="submit"]:focus,
#diagnosis .diag__form input[type="checkbox"]:focus-visible{
  outline:2px solid var(--brass-lite) !important;
  outline-offset:3px !important;
}

#diagnosis .diag__form button:disabled,
#diagnosis .diag__form input[type="button"]:disabled,
#diagnosis .diag__form input[type="submit"]:disabled{
  opacity:.62 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

#diagnosis .diag__form [aria-invalid="true"],
#diagnosis .diag__form .error input,
#diagnosis .diag__form .has-error input,
#diagnosis .diag__form [id="100023"] input.validation_error:not([type="hidden"]):not([type="checkbox"]),
#diagnosis .diag__form input:not([type="hidden"]):not([type="checkbox"]):invalid{
  border-color:#E9B8A9 !important;
}

#diagnosis .diag__form .validation_error_block.autoImportenize{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:.35rem 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#FFD8CE !important;
  direction:rtl !important;
  overflow:visible !important;
  text-align:right !important;
}

#diagnosis .diag__form .error,
#diagnosis .diag__form .errors,
#diagnosis .diag__form .errorMessage,
#diagnosis .diag__form .validation_error,
#diagnosis .diag__form .validation-message{
  max-width:100% !important;
  color:#FFD8CE !important;
  background:transparent !important;
  font-size:var(--f-sm) !important;
  line-height:1.45 !important;
  text-align:right !important;
}

#diagnosis .diag__form .validation_error_block.autoImportenize > label.validation_error.autoImportenize{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#FFD8CE !important;
  direction:rtl !important;
  font-size:var(--f-sm) !important;
  font-weight:600 !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
  text-align:right !important;
  white-space:normal !important;
}

@media (max-width:720px){
  #diagnosis .diag__form{
    padding:1.15rem !important;
  }
  #diagnosis .diag__form button,
  #diagnosis .diag__form input[type="button"]:not([type="hidden"]),
  #diagnosis .diag__form input[type="submit"]:not([type="hidden"]),
  #diagnosis .diag__form .submitButtonContainer,
  #diagnosis .diag__form .submitButtonContainer_wrapper > a{
    width:100% !important;
    padding-inline:1rem !important;
  }
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

html,body{ overflow-x:hidden; }

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Rubik","Assistant","Heebo",-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:var(--f-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,p,ul,ol,figure,blockquote{ margin:0; }
ul,ol{ padding:0; list-style:none; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; }
img{ max-width:100%; height:auto; display:block; }

.skip-link{
  position:absolute;
  inset-block-start:.75rem;
  inset-inline-start:.75rem;
  z-index:100;
  background:var(--dark);
  color:#fff;
  padding:.65rem .95rem;
  border-radius:var(--r);
  transform:translateY(-160%);
}
.skip-link:focus{ transform:none; }

.wrap{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:clamp(1.15rem,4vw,2.5rem);
}
:focus-visible{ outline:2px solid var(--brass); outline-offset:3px; }

/* ---------------- typography ---------------- */
.h-display{
  font-size:var(--f-display);
  font-weight:800;
  line-height:1.09;
  letter-spacing:-0.018em;
}
.h1{
  font-size:var(--f-h1);
  font-weight:700;
  line-height:1.16;
  letter-spacing:-0.012em;
}
.h1--onDark{ color:#fff; }
.mark{ color:var(--brass); }
.gold{ color:var(--brass-lite); }

.lede{
  font-size:var(--f-lede);
  color:var(--ink-2);
  line-height:1.52;
  max-width:46ch;
}
.body-xl{
  font-size:var(--f-xl);
  color:var(--ink-2);
  line-height:1.66;
  max-width:52ch;
}
.body-xl + .body-xl{ margin-top:1rem; }
.body-xl--strong{ color:var(--ink); font-weight:500; }

/* הדגשת מילות עוגן בפסקאות - נקודות אחיזה לעין */
.hl{
  color:var(--ink);
  font-weight:600;
}

.rule{ height:1px; background:var(--line); margin:1.2rem 0; }

/* ---------------- buttons ---------------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--brass);
  color:#fff;
  font-weight:600;
  padding:.88rem 1.8rem;
  border-radius:var(--r);
  letter-spacing:-0.005em;
  transition:background .18s ease, transform .18s ease;
}
.btn:hover{ background:var(--brass-2); transform:translateY(-1px); }
.btn--sm{ padding:.55rem 1.1rem; font-size:var(--f-sm); }
.btn--lg{ padding:1rem 2.2rem; font-size:calc(var(--f-body) + .05rem); }

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:sticky; top:0; z-index:60;
  background:rgba(247,244,238,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav__inner{ display:flex; align-items:center; gap:2rem; height:64px; }
.brand{ display:flex; align-items:center; gap:.75rem; }
.brand__name{ font-weight:700; font-size:1.05rem; letter-spacing:-0.01em; }
.brand__rule{ width:18px; height:1px; background:var(--brass); }
.brand__role{ font-size:var(--f-xs); color:var(--ink-3); }
.nav__links{
  display:flex; gap:1.7rem;
  margin-inline-start:auto;
  font-size:var(--f-sm); color:var(--ink-2);
}
.nav__links a{ transition:color .18s ease; }
.nav__links a:hover{ color:var(--brass); }

/* ============================================================
   HERO
   ============================================================ */
.hero{
  padding-top:clamp(2.6rem,4.6vw,4.4rem);
  padding-bottom:clamp(2.6rem,4.6vw,4.4rem);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(154,123,69,.08) 0%, rgba(154,123,69,0) 58%),
    var(--bg);
}
.hero__grid{
  display:grid;
  grid-template-columns:1.55fr .95fr;
  gap:clamp(1.8rem,4vw,4rem);
  align-items:start;
}
.hero__main .lede{ margin-top:1.4rem; }

.hero__excludes{ margin-top:1.5rem; display:grid; gap:.45rem; }
.hero__excludes li{
  position:relative;
  padding-inline-start:1.5rem;
  color:var(--ink-2);
}
.hero__excludes li::before{
  content:"";
  position:absolute; inset-inline-start:0; top:.8em;
  width:9px; height:1px; background:var(--brass);
}
.hero__cta{ margin-top:1.9rem; }

/* ---- proof panel ---- */
.proof{
  background:var(--surface);
  border:1px solid var(--line);
  border-top:3px solid var(--brass);
  border-radius:var(--r);
  padding:1.6rem 1.5rem;
  box-shadow:0 18px 40px -30px rgba(20,24,31,.35);
}
.proof__title{
  font-size:var(--f-xs);
  font-weight:600;
  letter-spacing:.09em;
  color:var(--ink-3);
  padding-bottom:1rem;
  border-bottom:1px solid var(--line-soft);
  margin-bottom:1.2rem;
}

/* מספר מימין, טקסט לשמאלו - באותה שורה */
.proof__row{
  display:flex;
  flex-direction:row;
  align-items:baseline;
  justify-content:flex-start;
  gap:.85rem;
}
.proof__num{
  font-size:clamp(2.4rem,3.6vw,3.1rem);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.03em;
  color:var(--brass);
  display:inline-flex; align-items:baseline; gap:.08em;
  direction:ltr;
  flex:none;
}
.proof__x{ font-size:.62em; font-weight:600; color:var(--brass-lite); }
.proof__label{
  font-size:var(--f-sm);
  font-weight:600;
  color:var(--ink);
  line-height:1.35;
}

.proof__quote{
  margin-top:.85rem;
  padding-inline-start:.85rem;
  border-inline-start:2px solid var(--line);
}
.proof__quote p{
  font-size:var(--f-sm);
  line-height:1.55;
  color:var(--ink-2);
}
.proof__quote cite{
  display:block;
  margin-top:.4rem;
  font-style:normal;
  font-size:var(--f-xs);
  font-weight:600;
  color:var(--ink-3);
}

/* ============================================================
   STUCK
   ============================================================ */
.stuck{ padding-block:var(--pad-sec); }
.stuck__grid{
  display:block;
}
.stuck__head{ margin-bottom:clamp(1.4rem,2.8vw,2.1rem); }
.stuck__grid .body-xl{ max-width:none; }
.stuck__col .body-xl + .body-xl{ margin-top:1.1rem; }

/* פסקה רציפה, ממורכזת, בצבע אחיד */
.triad{
  margin-block:clamp(2.2rem,3.8vw,3.2rem);
  background:var(--dark);
  border-radius:var(--r);
  padding:clamp(1.9rem,3.4vw,2.8rem) clamp(1.3rem,3vw,2.6rem);
  position:relative;
  overflow:hidden;
  text-align:center;
}
.triad::before{
  content:"";
  position:absolute; inset-inline-start:0; top:0; bottom:0;
  width:3px;
  background:var(--brass);
}
.triad p{
  font-size:clamp(1.3rem,2.5vw,2rem);
  font-weight:700;
  line-height:1.36;
  letter-spacing:-0.015em;
  color:#fff;
}
.triad__result{
  display:inline-block;
  margin-top:.9rem;
  color:var(--brass-lite);
}

.stuck__after .body-xl{ max-width:58ch; }
.checks{ margin-top:1.25rem; display:grid; gap:.45rem; }
.checks li{
  position:relative;
  padding-inline-start:1.6rem;
  font-size:var(--f-xl);
  color:var(--ink-2);
}
.checks li::before{
  content:"";
  position:absolute; inset-inline-start:0; top:.78em;
  width:10px; height:1px; background:var(--ink-3);
}
.closing-line{
  margin-top:1.6rem;
  font-size:clamp(1.12rem,1.7vw,1.4rem);
  font-weight:600;
  color:var(--ink);
  letter-spacing:-0.01em;
}
/* "שיפור המרות נמדד..." בגודל של שורת הסיום */
.stuck-lead{
  font-size:clamp(1.12rem,1.7vw,1.4rem);
  line-height:1.5;
  max-width:56ch;
}

/* ============================================================
   JOURNEY (dark)
   ============================================================ */
.journey{
  background:var(--dark);
  color:#fff;
  padding-block:var(--pad-sec);
}
.journey__grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:clamp(1.6rem,4vw,4rem);
  align-items:start;
}
.journey__note{
  margin-top:1.2rem;
  color:var(--on-dark-2);
  font-size:var(--f-xl);
  line-height:1.62;
  max-width:44ch;
}
.journey__cap{
  font-size:var(--f-xs);
  font-weight:600;
  letter-spacing:.09em;
  color:var(--brass-lite);
  padding-bottom:.85rem;
  border-bottom:1px solid rgba(196,164,112,.3);
  margin-bottom:.3rem;
}
.chain li{
  padding:.72rem 0;
  padding-inline-start:1.7rem;
  border-bottom:1px solid rgba(255,255,255,.09);
  font-size:var(--f-xl);
  color:var(--on-dark);
  position:relative;
}
.chain li::before{
  content:"";
  position:absolute;
  inset-inline-start:0; top:1.3em;
  width:10px; height:1px;
  background:rgba(255,255,255,.4);
}

/* ============================================================
   AI
   ============================================================ */
.ai{
  padding-block:clamp(2.2rem,3.6vw,3.4rem);
  background:var(--bg-2);
  border-bottom:1px solid var(--line);
}
.ai__grid{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:clamp(1.4rem,3.5vw,3.5rem);
  align-items:center;
}
.ai__head{ position:relative; padding-inline-start:1.4rem; }
.ai__head::before{
  content:"";
  position:absolute; inset-inline-start:0; top:.35em; bottom:.25em;
  width:2px; background:var(--brass);
}

/* ============================================================
   PHASES
   ============================================================ */
.phases{ padding-block:var(--pad-sec); }
.phases__head{ margin-bottom:clamp(1.5rem,2.8vw,2.4rem); }
.steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(1.4rem,2.8vw,2.8rem);
}
.step{
  padding-top:1.2rem;
  border-top:2px solid var(--line);
}
.step__num{
  display:block;
  font-size:clamp(1.8rem,2.8vw,2.3rem);
  font-weight:800;
  line-height:1;
  letter-spacing:-0.03em;
  color:var(--brass);
  margin-bottom:.8rem;
  direction:ltr; text-align:right;
}
.step__text{
  font-size:var(--f-xl);
  color:var(--ink-2);
  line-height:1.6;
}
.phases__cta{
  margin-top:clamp(2rem,3.5vw,3rem);
  padding-top:clamp(1.6rem,2.6vw,2.2rem);
  border-top:1px solid var(--line);
  text-align:center;
}
.phases__ctaText{
  font-size:clamp(1.12rem,1.7vw,1.4rem);
  font-weight:600;
  letter-spacing:-0.01em;
  margin-bottom:1.2rem;
}

/* ============================================================
   RESULTS (dark)
   ============================================================ */
.results{
  background:var(--dark);
  color:#fff;
  padding-block:var(--pad-sec);
}
.results__head{ margin-bottom:clamp(1.7rem,3vw,2.6rem); }

.case__head{ margin-bottom:1.6rem; }
.case__title{
  font-size:clamp(1.4rem,2.2vw,1.95rem);
  font-weight:700;
  letter-spacing:-0.012em;
  color:#fff;
  display:flex; align-items:center;
  flex-wrap:nowrap; gap:.85rem;
}
.case__name{ white-space:nowrap; flex:none; }
.case__metric-break{ display:none; }
.case__metric{
  font-size:var(--f-body);
  font-weight:600;
  color:var(--dark);
  background:var(--brass-lite);
  padding:.34rem .9rem;
  border-radius:100px;
  letter-spacing:0;
  line-height:1.35;
  white-space:nowrap;
  min-width:0;
}
.case__sub{
  margin-top:.75rem;
  font-size:var(--f-sm);
  color:var(--on-dark-2);
  display:flex; flex-wrap:wrap; gap:.45rem;
}
.case__sub .sep{ color:rgba(255,255,255,.35); }
/* תחום החברה - לבן ומודגש כמו שם החברה */
.case__field{
  color:#fff;
  font-weight:700;
}
/* תקציר המטרה - נשאר אפור, ליצירת הבדלה */
.case__mission{
  color:var(--on-dark-2);
  font-weight:400;
}

.case__grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:clamp(1.6rem,3.5vw,3.2rem);
  align-items:start;
}
.case__block + .case__block{ margin-top:1.35rem; }
.case__label{
  font-size:var(--f-xs);
  font-weight:700;
  letter-spacing:.1em;
  color:var(--brass-lite);
  margin-bottom:.35rem;
}
.case__body p{ color:var(--on-dark); line-height:1.66; max-width:60ch; }
/* המספר בתוך פסקת התוצאה - מודגש בזהב */
.metric-hl{ color:var(--brass-lite); font-weight:700; }

/* testimonial screenshot */
.shot{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r);
  padding:.65rem;
}
.shot img{ border-radius:2px; width:100%; }
.shot__cap{
  margin-top:.85rem;
  text-align:center;
  font-size:var(--f-sm);
  font-weight:600;
  color:var(--on-dark-2);
}

.case-divider{
  height:1px;
  background:rgba(255,255,255,.14);
  margin-block:clamp(2.2rem,4vw,3.4rem);
}

.video__frame{
  position:relative;
  aspect-ratio:16/9;
  width:100%;
  border:1px solid rgba(196,164,112,.45);
  border-radius:var(--r);
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.video__player{
  display:block;
  width:100%;
  height:100%;
  background:#000;
  border:0;
}
.video__cap{
  margin-top:.75rem;
  font-size:var(--f-sm);
  color:var(--on-dark-2);
  text-align:center;
}

.results__cta{
  margin-top:clamp(2rem,3.5vw,3rem);
  padding-top:clamp(1.6rem,2.6vw,2.2rem);
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
}

/* ============================================================
   FIT
   ============================================================ */
.fit{ padding-block:var(--pad-sec); }
.fit__grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(1.6rem,3.5vw,3.5rem);
  align-items:start;
}
.fit__head{ margin-bottom:1.1rem; }
.nots li{
  position:relative;
  padding-inline-start:1.6rem;
  padding-block:.65rem;
  border-bottom:1px solid var(--line-soft);
  color:var(--ink-2);
  font-size:var(--f-sm);
  line-height:1.58;
}
.nots li::before{
  content:"";
  position:absolute;
  inset-inline-start:0; top:1.2em;
  width:10px; height:1px;
  background:var(--ink-3);
}

/* ============================================================
   ABOUT
   ============================================================ */
.about{
  padding-block:var(--pad-sec);
  background:var(--bg-2);
  border-block:1px solid var(--line);
}
.about__grid{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:clamp(1.6rem,3.5vw,3.5rem);
  align-items:center;
}
.about__ph{
  aspect-ratio:4/5;
  border:1px dashed var(--brass);
  border-radius:var(--r);
  background:var(--surface);
  display:flex; align-items:center; justify-content:center;
  text-align:center;
  font-size:var(--f-sm);
  letter-spacing:.05em;
  color:var(--brass);
  line-height:1.7;
}
.about__img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--surface);
}
.about__role{
  margin-top:.5rem; margin-bottom:1.1rem;
  font-size:var(--f-sm);
  font-weight:600;
  color:var(--brass);
}

/* ============================================================
   FAQ
   ============================================================ */
.faq{ padding-block:var(--pad-sec); }
.faq__head{ margin-bottom:clamp(1.2rem,2.4vw,1.9rem); }
.acc{ border-top:1px solid var(--line); max-width:900px; }
.acc__item{ border-bottom:1px solid var(--line); }
.acc__q{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  background:none; border:0; cursor:pointer;
  text-align:start;
  padding:1.1rem 0;
  font-size:var(--f-xl);
  font-weight:600;
  letter-spacing:-0.008em;
  transition:color .18s ease;
}
.acc__q:hover{ color:var(--brass); }
.acc__ico{ position:relative; width:16px; height:16px; flex:none; }
.acc__ico::before,.acc__ico::after{
  content:"";
  position:absolute; inset:0; margin:auto;
  background:var(--brass);
}
.acc__ico::before{ width:16px; height:1.5px; }
.acc__ico::after{
  width:1.5px; height:16px;
  transition:transform .22s ease, opacity .22s ease;
}
.acc__q[aria-expanded="true"] .acc__ico::after{ transform:scaleY(0); opacity:0; }
.acc__q[aria-expanded="true"]{ color:var(--brass); }
.acc__a{ padding:0 0 1.3rem; }
.acc__a p{
  color:var(--ink-2);
  line-height:1.68;
  max-width:66ch;
  border-inline-start:2px solid var(--line);
  padding-inline-start:1.05rem;
}

/* ============================================================
   DIAGNOSIS (dark)
   ============================================================ */
.diag{
  background:var(--dark);
  color:#fff;
  padding-block:var(--pad-sec);
}
.diag__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(1.6rem,4vw,4rem);
  align-items:start;
}
.diag__hook{
  margin-top:1.1rem;
  font-size:clamp(1.15rem,1.7vw,1.42rem);
  font-weight:700;
  color:#fff;
  line-height:1.44;
  letter-spacing:-0.012em;
  max-width:42ch;
}
.diag__list li{
  position:relative;
  padding-inline-start:1.7rem;
  padding-block:.85rem;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:var(--f-xl);
  color:var(--on-dark);
  line-height:1.52;
}
.diag__list li::before{
  content:"";
  position:absolute; inset-inline-start:0; top:1.35em;
  width:10px; height:1px; background:rgba(255,255,255,.4);
}
.diag__form{
  margin-top:1.6rem;
  padding:clamp(1.2rem,2.4vw,1.8rem);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-top:3px solid var(--brass);
  border-radius:var(--r);
}
.diag__form,
.diag__form *{
  box-sizing:border-box;
}
.diag__form .RDUI_9705825_1785048241,
.diag__form #content,
.diag__form .bodyarea_multyelements,
.diag__form .inner_bodyarea_multyelements,
.diag__form .multyelements,
.diag__form .inner_multyelements,
.diag__form .multyserial,
.diag__form .multyform,
.diag__form .formBody,
.diag__form .multyfields,
.diag__form .inner_multyfields,
.diag__form .multyfield,
.diag__form .field,
.diag__form .confirmation,
.diag__form .submitbuttonbox,
.diag__form .submitButtonContainer_wrapper,
.diag__form .clear,
.diag__form form{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-inline:0 !important;
}
.diag__form .uniqueid_100019{
  display:none !important;
}
.diag__form .ravxx_backgroundSpace,
.diag__form .ravxx_backgroundSpaceInner,
.diag__form .backgroundSpace{
  width:100% !important;
  max-width:100% !important;
}
.diag__form .multyfield + .multyfield{
  margin-top:.95rem;
}
.diag__form .field .label{
  display:block;
  color:var(--brass-lite) !important;
  font-weight:600;
  font-size:var(--f-sm);
  line-height:1.35;
  margin-bottom:.4rem;
  text-align:right;
}
.diag__form input:not([type="hidden"]):not([type="checkbox"]),
.diag__form select,
.diag__form textarea{
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:50px;
  border:1px solid rgba(196,164,112,.42) !important;
  border-radius:var(--r);
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  font:inherit;
  font-size:var(--f-body) !important;
  line-height:1.4;
  padding:.78rem .9rem !important;
  text-align:right;
  direction:rtl;
  box-shadow:none !important;
}
.diag__form input[type="hidden"]{
  display:none !important;
}
.diag__form input:not([type="hidden"]):not([type="checkbox"])::placeholder,
.diag__form textarea::placeholder{
  color:rgba(231,235,239,.58);
}
.diag__form input:not([type="hidden"]):not([type="checkbox"]):hover,
.diag__form select:hover,
.diag__form textarea:hover{
  border-color:rgba(196,164,112,.7) !important;
}
.diag__form input:not([type="hidden"]):not([type="checkbox"]):focus,
.diag__form select:focus,
.diag__form textarea:focus{
  outline:2px solid rgba(196,164,112,.62);
  outline-offset:2px;
  border-color:var(--brass-lite) !important;
  background:rgba(255,255,255,.1) !important;
}
.diag__form iframe,
.diag__form table,
.diag__form form{
  max-width:100%;
}
.diag__form .confirmation{
  display:flex !important;
  align-items:flex-start;
  gap:.65rem;
  margin-top:1.1rem;
  color:var(--on-dark) !important;
  line-height:1.5;
  text-align:right;
}
.diag__form .confirmation input[type="checkbox"]{
  flex:0 0 auto;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  margin:.18rem 0 0 !important;
  accent-color:var(--brass);
  cursor:pointer;
}
.diag__form .confirmation_text{
  flex:1 1 auto;
  min-width:0;
  color:var(--on-dark) !important;
  font-size:var(--f-sm);
  font-weight:500;
  line-height:1.5;
  margin:0 !important;
  cursor:pointer;
}
.diag__form .confirmation_text a{
  color:var(--brass-lite);
  text-decoration:underline;
}
.diag__form .submitbuttonbox{
  margin-top:1.25rem !important;
}
.diag__form .submitButtonContainer_wrapper{
  position:relative !important;
}
.diag__form .submitButtonContainer,
.diag__form .submitButtonContainer_wrapper > a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  text-decoration:none !important;
}
.diag__form button,
.diag__form input[type="button"]:not([type="hidden"]),
.diag__form input[type="submit"]:not([type="hidden"]){
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  max-width:100% !important;
  min-height:48px;
  border:0 !important;
  border-radius:var(--r);
  background:var(--brass) !important;
  color:#fff !important;
  font:inherit !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  padding:.9rem 1.85rem !important;
  cursor:pointer;
  white-space:normal;
  text-align:center;
  transition:background .18s ease, transform .18s ease;
}
.diag__form button:hover,
.diag__form input[type="button"]:hover,
.diag__form input[type="submit"]:hover{
  background:var(--brass-2) !important;
  transform:translateY(-1px);
}
.diag__form button:focus-visible,
.diag__form input[type="button"]:focus-visible,
.diag__form input[type="submit"]:focus-visible,
.diag__form input[type="checkbox"]:focus-visible{
  outline:2px solid var(--brass-lite);
  outline-offset:3px;
}
.diag__form button:disabled,
.diag__form input[type="button"]:disabled,
.diag__form input[type="submit"]:disabled{
  opacity:.62;
  cursor:not-allowed;
  transform:none;
}
.diag__form [aria-invalid="true"],
.diag__form .error input,
.diag__form .has-error input,
.diag__form input:not([type="hidden"]):not([type="checkbox"]):invalid{
  border-color:#E9B8A9 !important;
}
.diag__form .error,
.diag__form .errors,
.diag__form .errorMessage,
.diag__form .validation_error,
.diag__form .validation-message{
  max-width:100% !important;
  color:#FFD8CE !important;
  font-size:var(--f-sm);
  line-height:1.45;
  text-align:right;
}

@media (max-width:720px){
  .diag__form{
    padding:1.15rem;
  }
  .diag__form button,
  .diag__form input[type="button"]:not([type="hidden"]),
  .diag__form input[type="submit"]:not([type="hidden"]){
    width:100% !important;
    padding-inline:1rem !important;
  }
}

/* ============================================================
   CLOSE
   ============================================================ */
.close{
  padding-block:clamp(3.6rem,6vw,6rem);
  background:
    radial-gradient(80% 130% at 50% 0%, rgba(154,123,69,.10) 0%, rgba(154,123,69,0) 62%),
    var(--bg);
  text-align:center;
  border-top:1px solid var(--line);
}
.close__summary{
  max-width:56ch;
  margin:0 auto 1.8rem;
  padding-bottom:1.6rem;
  border-bottom:1px solid var(--line);
  font-size:var(--f-xl);
  line-height:1.65;
  color:var(--ink-2);
}
.h-close{
  font-size:clamp(1.7rem,3.4vw,2.8rem);
  font-weight:800;
  line-height:1.22;
  letter-spacing:-0.016em;
  margin-bottom:2.2rem;
  max-width:20ch;
  margin-inline:auto;
}
.close .btn{
  padding:1.2rem 3rem;
  font-size:calc(var(--f-body) + .18rem);
  box-shadow:0 18px 38px -16px rgba(154,123,69,.5);
}

/* ============================================================
   FOOT
   ============================================================ */
.foot{
  background:var(--bg);
  border-top:1px solid var(--line);
  padding-block:1.4rem;
}
.foot__inner{
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  font-size:var(--f-xs); color:var(--ink-3);
}

/* ============================================================
   REVEAL
   ============================================================ */
.reveal{ opacity:0; transform:translateY(14px); }
.reveal.is-in{
  opacity:1; transform:none;
  transition:opacity .55s ease, transform .55s ease;
}
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.is-in{ opacity:1; transform:none; transition:none; }
  .btn:hover{ transform:none; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* --- דסקטופ בלבד: הצילום מיושר לגובה עמודת הטקסט --- */
@media (min-width:1001px){
  /* איפה ההכנסות נתקעות - כותרת בצד, טקסט בצד (דסקטופ בלבד) */
  .stuck__grid{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:clamp(1.4rem,3.5vw,3.5rem);
    align-items:start;
  }
  .stuck__head{
    margin-bottom:0;
    position:relative;
    padding-inline-start:1.4rem;
  }
  .stuck__head::before{
    content:"";
    position:absolute; inset-inline-start:0; top:.35em; bottom:.25em;
    width:2px; background:var(--brass);
  }
  .stuck__grid .body-xl{ max-width:52ch; }

  .case1{
    display:grid;
    grid-template-columns:1fr .82fr;
    gap:clamp(1.8rem,4vw,3.6rem);
    align-items:start;
  }
  .case__grid--solo{ grid-template-columns:1fr; }

  /* הצילום מונחה־רוחב כדי להישאר קריא, לא כבול לגובה הטקסט */
  .case__aside--tall > .shot{
    padding:.6rem;
    background:rgba(255,255,255,.05);
  }
  .case__aside--tall > .shot img{
    width:100%;
    height:auto;
    display:block;
  }

  .case__aside:not(.case__aside--tall){ position:relative; }
}

@media (max-width:1150px){
  .case__title{ font-size:clamp(1.3rem,2vw,1.7rem); }
  .case__metric{ font-size:var(--f-sm); }
}

@media (max-width:1000px){
  .case__aside{ margin-top:1.8rem; }
  .hero__grid,
  .journey__grid,
  .ai__grid,
  .case__grid,
  .fit__grid,
  .about__grid,
  .diag__grid{ grid-template-columns:1fr; }

  .steps{ grid-template-columns:1fr; gap:1.4rem; }
  .about__photo{ max-width:290px; }
  .case__aside{ max-width:420px; }
}

@media (max-width:720px){
  /* אף טקסט קריאה לא יורד מ־15px במובייל */
  :root{ --pad-sec:2.6rem; --f-sm:1.0625rem; --f-xs:0.9375rem; }

  /* קריאות נדיבה יותר במובייל */
  body{ font-size:1.0625rem; line-height:1.7; }
  .body-xl{ font-size:1.075rem; line-height:1.75; }
  .case__body p{ font-size:1.075rem; line-height:1.72; }
  .chain li{ font-size:1.075rem; }
  .diag__list li{ font-size:1.075rem; }
  .checks li{ font-size:1.075rem; }
  .journey__note{ font-size:1.075rem; }
  .acc__q{ line-height:1.4; }
  .acc__a p{ font-size:1.05rem; line-height:1.75; }
  /* תוויות הקייס, תקצירים, רשימות, כיתובים */
  .case__label{ font-size:1rem; }
  .case__mission{ font-size:1.05rem; }
  .nots li{ font-size:1.05rem; }
  .proof__quote p{ font-size:1.05rem; line-height:1.6; }
  .shot__cap,.video__cap{ font-size:1rem; }
  .journey__cap,.result__cap,.list__cap{ font-size:.9375rem; }

  .nav__links{ display:none; }
  .nav__inner{ height:58px; gap:.8rem; }
  .brand__rule,.brand__role{ display:none; }
  .brand{ margin-inline-end:auto; }

  .hero__cta .btn{ width:100%; }
  .close .btn{ width:100%; }
  .results__cta .btn{ width:100%; }
  .phases__cta .btn{ width:100%; }

  .proof{ padding:1.35rem 1.15rem; }
  .proof__num{ font-size:2.5rem; }

  .triad{ padding:1.6rem 1.2rem; }
  .triad__result{ margin-top:.75rem; }
  .close__summary{ font-size:1.075rem; }

  /* --- מובייל בלבד: שם + תחום בשורה אחת, ואז תוצאה, ואז תקציר, הכל ממורכז --- */
  .case__head{
    display:flex;
    flex-flow:row wrap;
    align-items:baseline;
    justify-content:center;
    text-align:center;
    gap:.35rem .5rem;
  }
  .case__title{ display:contents; }
  .case__sub{ display:contents; }
  .case__name{ order:1; font-size:1.1rem; line-height:1.35; font-weight:700; }
  .case__field{ order:2; font-size:1.1rem; font-weight:700; line-height:1.35; }
  .case__field::before{ content:"- "; color:var(--on-dark-2); font-weight:400; }
  .case__metric-break{ display:block; flex-basis:100%; height:0; order:3; }
  .case__metric{
    order:4;
    flex:0 0 auto;
    white-space:normal;
    font-size:1.05rem;
    margin:.55rem auto 0;
  }
  .case__mission{
    order:5;
    flex-basis:100%;
    margin-top:.35rem;
    text-align:center;
    font-size:1rem;
  }
  .case__sub .sep{ display:none; }
  .case__aside{ max-width:none; }
  .shot{ max-width:400px; margin-inline:auto; }
  .case__aside--tall > .shot{
    width:100%;
    max-width:none;
    padding:.5rem;
  }
  .case__aside--tall > .shot img{
    width:100%;
    max-width:100%;
    height:auto;
  }

  .about__photo{ max-width:none; }
  .about__ph,.about__img{ aspect-ratio:3/2; }

  .acc__q{ font-size:var(--f-body); padding:1rem 0; gap:1rem; }
}

@media (max-width:767px){
  .case__aside--tall > .shot{
    width:100%;
    max-width:none;
    margin-inline:0;
    padding:.5rem;
  }
  .case__aside--tall > .shot img{
    display:block;
    width:100%;
    max-width:none;
    height:auto;
  }
}

/* ============================================================
   COOKIE CONSENT
   ============================================================ */
.cookie-settings-link{
  appearance:none;
  border:0;
  background:none;
  color:var(--ink-3);
  cursor:pointer;
  font:inherit;
  padding:0;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-settings-link:hover,
.cookie-settings-link:focus-visible{ color:var(--brass); }
.cookie-settings-link:focus-visible{
  outline:2px solid var(--brass-lite);
  outline-offset:4px;
}
.cookie-consent,
.cookie-consent *{ box-sizing:border-box; }
.cookie-consent .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.cookie-banner{
  position:fixed;
  inset:auto 1rem 1rem 1rem;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  max-width:980px;
  margin-inline:auto;
  padding:1rem;
  border:1px solid rgba(196,164,112,.5);
  border-top:3px solid var(--brass);
  border-radius:var(--r);
  background:rgba(20,24,31,.98);
  color:var(--on-dark);
  box-shadow:0 22px 60px -28px rgba(0,0,0,.62);
  direction:rtl;
}
.cookie-banner[hidden],
.cookie-modal[hidden]{ display:none !important; }
.cookie-banner p{
  margin:0;
  color:var(--on-dark);
  font-size:var(--f-sm);
  line-height:1.55;
}
.cookie-banner a{
  color:var(--brass-lite);
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-banner__actions{
  display:flex;
  align-items:center;
  gap:.6rem;
  flex:0 0 auto;
}
.cookie-btn,
.cookie-link-btn{
  appearance:none;
  border-radius:var(--r);
  cursor:pointer;
  font-family:"Rubik","Assistant","Heebo",-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:var(--f-sm);
  font-weight:700;
  line-height:1.25;
}
.cookie-btn{
  min-height:42px;
  border:1px solid rgba(196,164,112,.42);
  padding:.65rem 1rem;
}
.cookie-btn--primary{
  background:var(--brass);
  border-color:var(--brass);
  color:#fff;
}
.cookie-btn--primary:hover{ background:var(--brass-2); }
.cookie-btn--ghost{
  background:rgba(255,255,255,.05);
  color:var(--on-dark);
}
.cookie-btn--ghost:hover{ border-color:var(--brass-lite); }
.cookie-link-btn{
  border:0;
  background:none;
  color:var(--brass-lite);
  padding:.55rem .25rem;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-btn:focus-visible,
.cookie-link-btn:focus-visible,
.cookie-modal__close:focus-visible,
.cookie-switch input:focus-visible + span{
  outline:2px solid var(--brass-lite);
  outline-offset:3px;
}
.cookie-modal{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  padding:1rem;
  background:rgba(20,24,31,.62);
  direction:rtl;
}
.cookie-modal__panel{
  position:relative;
  width:min(520px,100%);
  max-height:min(760px,calc(100vh - 2rem));
  overflow:auto;
  border:1px solid rgba(196,164,112,.5);
  border-top:3px solid var(--brass);
  border-radius:var(--r);
  background:var(--dark);
  color:var(--on-dark);
  box-shadow:0 28px 70px -30px rgba(0,0,0,.72);
  padding:1.35rem;
}
.cookie-modal__close{
  position:absolute;
  inset-block-start:.7rem;
  inset-inline-start:.7rem;
  width:34px;
  height:34px;
  border:1px solid rgba(196,164,112,.38);
  border-radius:50%;
  background:rgba(255,255,255,.05);
  color:var(--on-dark);
  cursor:pointer;
  font-size:1.35rem;
  line-height:1;
}
.cookie-modal h2{
  margin:0 0 1.1rem;
  color:#fff;
  font-size:1.35rem;
}
.cookie-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 0;
  border-top:1px solid rgba(255,255,255,.12);
}
.cookie-option strong{
  display:block;
  color:var(--brass-lite);
  margin-bottom:.35rem;
}
.cookie-option p{
  margin:0;
  color:var(--on-dark-2);
  font-size:var(--f-sm);
  line-height:1.55;
}
.cookie-switch{
  flex:0 0 auto;
  cursor:pointer;
}
.cookie-switch input{
  position:absolute;
  opacity:0;
}
.cookie-switch > span:last-child{
  position:relative;
  display:block;
  width:54px;
  height:30px;
  border:1px solid rgba(196,164,112,.48);
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.cookie-switch > span:last-child::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-start:4px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--on-dark);
  transition:transform .18s ease, background .18s ease;
}
.cookie-switch input:checked + span{ background:var(--brass); }
.cookie-switch input:checked + span::after{
  transform:translateX(-24px);
  background:#fff;
}
.cookie-switch--disabled{
  cursor:not-allowed;
  opacity:.78;
}
.cookie-modal__save{
  width:100%;
  margin-top:1rem;
}

@media (max-width:720px){
  .cookie-banner{
    align-items:stretch;
    flex-direction:column;
    inset:auto .75rem .75rem .75rem;
    padding:.95rem;
  }
  .cookie-banner__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.55rem;
  }
  .cookie-link-btn{ grid-column:1 / -1; }
  .cookie-option{ align-items:flex-start; }
}

@media (max-width:767px){
  .cookie-banner{
    inset:auto 12px 12px 12px;
    max-width:none;
    gap:.45rem;
    padding:.65rem .7rem .6rem;
    border-top-width:2px;
  }
  .cookie-banner p{
    font-size:.9rem;
    line-height:1.35;
  }
  .cookie-banner__actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:.45rem;
  }
  .cookie-btn{
    min-height:34px;
    padding:.42rem .6rem;
    font-size:.9rem;
  }
  .cookie-link-btn{
    grid-column:1 / -1;
    justify-self:center;
    min-height:28px;
    padding:.1rem .25rem 0;
    font-size:.85rem;
  }
}

@media (max-width:360px){
  .cookie-banner__actions{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .cookie-btn{
    padding:.4rem .45rem;
    font-size:.86rem;
  }
}