.founders{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}
@media (max-width:800px){.founders{grid-template-columns:1fr}}
.founder-card{text-align:center}
.avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;background:var(--teal)}
.founder-card h3{margin-bottom:2px}
.founder-role{color:var(--teal);font-weight:700;font-size:13.5px;margin-bottom:10px}
.founder-card p{font-size:14.5px;color:var(--muted)}

.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
@media (max-width:900px){.method-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.method-steps{grid-template-columns:1fr}}
.method-steps li{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.method-steps .chain-n{margin:0 0 10px}

.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:start}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.contact-side-p{color:var(--muted);font-size:14.5px;margin-bottom:12px}

/* ---------- Zoho form, rendered natively ----------
   Native markup posting to Zoho, so it inherits the site's own field styling. No iframe:
   nothing to wait for, nothing cross-origin, and the whole thing is keyboard- and
   screen-reader-accessible with our own Hebrew error messages. */
.zf-form{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px 34px}
@media (max-width:560px){.zf-form{padding:26px 20px}}
.zf-form .btn{width:100%;justify-content:center;margin-top:6px}
.req{color:#c0272a;font-weight:800}

/* Scoped under .zf-form and typed on [type="checkbox"] deliberately. A bare
   `.form-consent input` ties on specificity with `.form-field input{width:100%}`, so the
   winner came down to source order - the checkbox stretched to the full 702px row and
   squeezed the label to 56px, one word per line. These selectors outrank it outright, so
   the rule no longer depends on where it sits in the file. */
.zf-form .form-consent{display:flex;align-items:flex-start;gap:11px;flex-wrap:nowrap}
.zf-form .form-consent input[type="checkbox"]{
  width:24px;height:24px;min-width:24px;flex:0 0 auto;
  margin:0;accent-color:var(--teal);cursor:pointer;
}
.zf-form .form-consent label{
  flex:1 1 auto;min-width:0;margin:0;
  font-weight:500;font-size:14.5px;line-height:1.6;cursor:pointer;
}
.zf-form .form-consent a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}

.field-error{margin-top:6px;font-size:13.5px;font-weight:700;color:#c0272a}
.form-field [aria-invalid="true"]{border-color:#c0272a;background:#fffafa}
.form-field [aria-invalid="true"]:focus{outline:2px solid #c0272a;outline-offset:1px}

/* honeypot: visually and audibly hidden, still fillable by a bot. Not display:none - some
   bots skip fields that are display:none. Uses the standard clip() visually-hidden pattern
   rather than left:-9999px, which pushed the document out sideways and produced a horizontal
   scrollbar on the page. */
.hp-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.form-field{margin-bottom:18px}
.form-field label{display:block;font-weight:700;font-size:14.5px;margin-bottom:6px}
.form-field input,.form-field select,.form-field textarea{
  width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font:15px var(--font);background:#fff;
  transition:border-color .16s ease,background-color .16s ease;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--teal)}
.form-field textarea{min-height:110px;resize:vertical}
.form-note{font-size:12.5px;color:var(--muted);margin-top:4px}
.form-success{display:none;background:#eef7f0;border:1px solid #bfe3c8;color:#1f5b2c;border-radius:var(--radius);padding:20px}
.form-success.show{display:block}
/* ---------- contact sidebar ----------
   Plain blocks separated by rules instead of a stack of bordered cards with a coloured bar
   on top of each. The bar-topped card repeated down a column is a stock template signature;
   a divided list reads as edited rather than generated. */
.contact-side{display:flex;flex-direction:column;gap:0}
.side-block{padding:28px 0;border-bottom:1px solid var(--line)}
.side-block:first-child{padding-top:0}
.side-block:last-child{border-bottom:0}
.side-block h2{font-size:19px;margin-bottom:10px}
.side-block-muted h2{color:var(--muted)}

/* WhatsApp: a real two-line button with the platform glyph, not a bare phone number. */
.btn-wa{
  display:flex;align-items:center;gap:12px;
  background:#25D366;color:#0b2e18;
  border-radius:var(--radius);padding:13px 16px;
  transition:filter .16s ease,transform .16s ease;
}
.btn-wa:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-wa:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.wa-ico{flex:0 0 auto;width:28px;height:28px;color:#0b2e18}
.wa-ico svg{width:100%;height:100%;display:block}
.wa-txt{display:flex;flex-direction:column;line-height:1.3}
.wa-txt strong{font-size:15px;font-weight:800}
.wa-txt small{font-size:12.5px;color:#0b2e18}

.side-mail{
  display:inline-flex;align-items:center;gap:9px;margin-top:14px;min-height:44px;
  font-size:14.5px;font-weight:700;color:var(--ink);
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line);
}
.side-mail:hover{color:var(--teal);text-decoration-color:var(--teal)}
.side-mail-ico{width:19px;height:19px;flex:0 0 auto;color:var(--teal)}
.side-mail-ico svg{width:100%;height:100%;display:block}

/* ---------- what happens in the meeting ----------
   Two plain columns divided by a rule, not two bordered cards. Same reasoning as the
   sidebar: fewer boxes, more editorial. */
.disc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:38px;border-top:1px solid var(--line)}
@media (max-width:820px){.disc-grid{grid-template-columns:1fr}}
.disc-col{padding:32px 0}
.disc-col:first-child{padding-inline-end:48px;border-inline-end:1px solid var(--line)}
.disc-col:last-child{padding-inline-start:48px}
@media (max-width:820px){
  .disc-col:first-child{padding-inline-end:0;border-inline-end:0;border-bottom:1px solid var(--line)}
  .disc-col:last-child{padding-inline-start:0}
}
.disc-col h3{font-size:19px;margin-bottom:18px}
.disc-list{display:flex;flex-direction:column;gap:14px}
.disc-list li{position:relative;padding-inline-start:26px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.disc-list li::before{
  content:"";position:absolute;inset-inline-start:2px;top:7px;width:12px;height:7px;
  border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg);
}
.disc-note{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:15.5px;color:var(--muted)}

/* ---------- thank-you page ---------- */
.ty-hero{text-align:center}
.ty-hero h1{max-width:none}
.ty-hero .lede{margin-inline:auto}
.ty-mark{width:74px;height:74px;margin:0 auto 22px;color:var(--gold)}
.ty-mark svg{width:100%;height:100%}
.ty-meanwhile{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.ty-meanwhile h3{margin-bottom:18px}
.ty-links{display:flex;flex-wrap:wrap;gap:12px}

.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}
@media (max-width:860px){.pricing-tiers{grid-template-columns:1fr}}
.tier{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff}
.tier h3{margin-bottom:8px}
.tier ul{margin:14px 0;font-size:14px;color:var(--muted)}
.tier li{list-style:none;padding-inline-start:16px;position:relative;margin-bottom:6px}
.tier li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--teal)}