@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:500 700;font-display:swap;src:url(assets/fonts/FrankRuhlLibre-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:'Frank Ruhl Libre';font-style:normal;font-weight:500 700;font-display:swap;src:url(assets/fonts/FrankRuhlLibre-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/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 700;font-display:swap;src:url(assets/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+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{--green:#1F3D2B;--green2:#2a4d38;--cream:#F6F2EA;--cream2:#EFE8DB;--gold:#C49A5A;--gold-d:#9a7438;--ink:#1F3D2B;--text:#33443a;--radius:22px;
--serif:'Frank Ruhl Libre',Georgia,serif;--sans:'Heebo','Assistant',Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--green);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-weight:400;color:var(--text);background:var(--cream);font-size:18px;line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:700;line-height:1.3;margin:0}
p{margin:0 0 .9em}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 22px}
.narrow{max-width:720px}
.center{text-align:center}
.gold{color:var(--gold)}
.skip{position:absolute;right:-9999px;top:8px;background:#fff;color:var(--green);padding:8px 14px;border-radius:10px;z-index:99}
.skip:focus{right:8px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 30px;border-radius:999px;font-family:var(--sans);font-weight:700;font-size:1.1rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 8px 22px rgba(31,61,43,.18)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,61,43,.24)}
.btn-gold{background:var(--gold);color:var(--green)}
.btn-gold:hover{background:#cfa86a}
.btn-green{background:var(--green);color:var(--cream)}
.btn-green:hover{background:var(--green2)}
.wa-ic{width:24px;height:24px;flex:none}

/* hero */
.hero{background:var(--green);color:var(--cream);text-align:center;padding:18px 0 64px;border-radius:0 0 36px 36px}
.hero-in{display:flex;flex-direction:column;align-items:center}
.logo-box{width:152px;height:152px;overflow:hidden;margin:0 auto 34px;display:flex;align-items:center;justify-content:center}
.logo{width:229px;max-width:none;height:229px;flex:none}
.hero h1{color:var(--cream);font-size:clamp(2rem,8.4vw,3.6rem);font-weight:700;letter-spacing:-.005em;max-width:15em}
.hero h1 .gold{display:inline-block;margin-top:.15em}
.hero-sub{font-size:clamp(1.15rem,4.6vw,1.45rem);margin:22px 0 30px;color:#f1eadc;font-weight:300}
.hero-note{margin:12px 0 0;font-size:.95rem;color:#d9cdb4;letter-spacing:.01em}

/* sections */
.sec{padding:72px 0}
.sec h2{font-size:clamp(1.8rem,6.6vw,2.6rem);text-align:center;margin-bottom:34px}
.recog-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.recog-list li{background:#fff;border-radius:var(--radius);padding:18px 46px 18px 20px;position:relative;box-shadow:0 2px 10px rgba(31,61,43,.05)}
.recog-list li::before{content:"";position:absolute;right:22px;top:29px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.recog-list strong{display:block;color:var(--ink);font-weight:700;font-size:1.08rem;margin-bottom:2px}
.recog-list span{color:var(--text)}
.core{text-align:center;margin-top:44px;padding:34px 22px;border-radius:var(--radius);background:var(--cream2)}
.core-pre{margin:0 0 6px;font-size:1.05rem}
.core-line{text-wrap:balance;font-family:var(--serif);font-size:clamp(1.45rem,5.6vw,2rem);line-height:1.4;color:var(--ink);font-weight:700;margin:0 0 14px}
.core-post{margin:0;color:var(--gold-d);font-weight:500}

/* proof */
.proof{background:#fff}
.vids{display:grid;gap:22px;max-width:560px;margin:0 auto}
.vid-card{margin:0}
.vid-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#1F3D2B;overflow:hidden;box-shadow:0 8px 24px rgba(31,61,43,.14)}
.vid-frame video{width:100%;height:100%;object-fit:cover;display:block;background:#1F3D2B}
.vid-card figcaption{margin:12px 4px 0;font-family:var(--serif);font-size:1.08rem;line-height:1.5;color:var(--ink);text-align:center;font-weight:500}
.ph-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}
.play{width:64px;height:64px;border-radius:50%;background:rgba(246,242,234,.14);border:2px solid var(--gold);position:relative;margin-bottom:6px}
.play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--gold)}
.msgs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -22px;padding:6px 22px 18px;scroll-padding-inline:22px;align-items:flex-start}
.msgs::-webkit-scrollbar{display:none}
.msgs:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:12px}
.msg{flex:0 0 calc(100% - 34px);margin:0;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#EFEAE2;box-shadow:0 6px 18px rgba(31,61,43,.12)}
.msg img{display:block;width:100%;height:auto}
.msgs-hint{margin:2px 0 6px;text-align:center;font-size:.88rem;color:var(--gold-d);font-weight:500}

/* how */
.steps{list-style:none;margin:0 0 40px;padding:0;display:grid;gap:18px;counter-reset:s}
.steps li{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:var(--radius);padding:22px 20px;box-shadow:0 2px 10px rgba(31,61,43,.05)}
.num{flex:none;width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--gold);font-family:var(--serif);font-weight:700;font-size:1.45rem;display:flex;align-items:center;justify-content:center;line-height:1}
.steps h3{font-size:1.35rem;margin:4px 0 6px}
.steps p{margin:0}
.small-note{margin:12px 0 0;font-size:.95rem;color:#6d7a70}

/* story */
.story{background:var(--cream2)}
.story-in{display:grid;gap:34px;align-items:center}
.photo-slot{margin:0 auto;width:min(230px,64vw);aspect-ratio:4/5;border-radius:180px 180px var(--radius) var(--radius);background:#e3d9c6;border:2px dashed #c9b48e;position:relative;overflow:hidden}
.photo-slot img{width:100%;height:100%;object-fit:cover}
.photo-slot .ph-label{color:var(--ink);font-weight:500}
.photo-slot .ph-note{color:#8a8270;font-size:.88rem}
.story h2{text-align:right;font-size:clamp(1.6rem,6vw,2.3rem);margin-bottom:22px}
.pull{font-family:var(--serif);font-size:1.4rem;color:var(--ink);font-weight:700;border-right:4px solid var(--gold);padding-right:16px;margin:24px 0}
.muted{color:#5d6b61;font-size:1rem}
.sig{font-family:var(--serif);color:var(--gold-d);font-size:1.25rem;margin:18px 0 0}

/* faq */
.faq-list{display:grid;gap:12px}
details{background:#fff;border-radius:18px;padding:0 22px;box-shadow:0 2px 10px rgba(31,61,43,.05)}
summary{cursor:pointer;list-style:none;padding:20px 0 20px 34px;font-weight:500;color:var(--ink);font-size:1.08rem;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;left:0;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:26px;height:26px;border-radius:50%;background:var(--cream);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{margin:0;padding:0 0 20px;color:var(--text)}

/* closing */
.closing{background:var(--green);color:var(--cream);padding:76px 0 84px;border-radius:36px 36px 0 0}
.closing h2{color:var(--cream);font-size:clamp(1.9rem,7vw,2.8rem);margin-bottom:32px}
.group-link{display:inline-block;margin-top:26px;color:#e8dcc4;font-size:1rem;text-decoration:underline;text-decoration-color:rgba(196,154,90,.6);text-underline-offset:5px}
.group-link:hover{color:var(--gold)}
.foot{background:var(--green);color:#a9b3a5;text-align:center;font-size:.9rem;padding:0 0 96px}
.foot p{margin:0;border-top:1px solid rgba(246,242,234,.12);padding-top:22px;max-width:680px;margin-inline:auto}

/* floating whatsapp */
.wa-float{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:50;transition:transform .15s ease}
.wa-float:hover{transform:scale(1.06)}
.wa-float .wa-ic{width:32px;height:32px}

@media (min-width:760px){
  body{font-size:19px}
  .hero{padding:26px 0 96px}
  .logo-box{width:180px;height:180px;margin-bottom:42px}
  .logo{width:271px;height:271px}
  .sec{padding:100px 0}
  .vids{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:24px}
  .msgs{margin:0 auto;padding:6px 4px 18px;max-width:1100px;gap:22px;scroll-padding-inline:4px}
  .msg{flex:0 0 calc((100% - 52px)/3)}
  .msgs-hint{display:none}
  .hero h1,.closing h2{text-wrap:balance}
  .story-in{grid-template-columns:340px 1fr;gap:64px}
  .photo-slot{width:340px}
  .recog-list{grid-template-columns:1fr 1fr}
  .recog .narrow{max-width:900px}
  .core{max-width:720px;margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.wa-float{transition:none}}

/* typed quotes */
.tq-h{font-size:clamp(1.5rem,6vw,1.9rem);line-height:1.3;text-align:center;color:var(--green);margin:46px 0 22px;font-weight:700}
.tq{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -22px;padding:6px 22px 18px;scroll-padding-inline:22px;align-items:stretch}
.tq::-webkit-scrollbar{display:none}
.tq:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:12px}
.tq-card{position:relative;margin:0;flex:0 0 85%;scroll-snap-align:start;background:#fff;border:1px solid rgba(196,154,90,.35);border-radius:18px;padding:30px 22px 20px;box-shadow:0 6px 18px rgba(31,61,43,.08)}
.tq-card::before{content:"\201D";position:absolute;top:2px;right:16px;font-family:'Frank Ruhl Libre',serif;font-size:3.2rem;line-height:1;color:var(--gold)}
.tq-card p{margin:0;font-size:1.06rem;line-height:1.65;color:var(--green)}
@media (min-width:760px){.tq{gap:22px;max-width:1100px;margin:0 auto;padding:6px 4px 18px;scroll-padding-inline:4px}.tq-card{flex:0 0 calc((100% - 52px)/3)}.tq-h{margin-top:20px}}
.steps p+p{margin-top:10px}

/* legal pages + accessibility fixes (Oct 2026) */
:root{--gold-d:#86622c}
.small-note{color:#5d6b61}
.photo-slot .ph-note{color:#6b6453}
.wa-float{background:#1DA851}
.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}
a:focus-visible,summary:focus-visible,button:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.closing a:focus-visible,.foot a:focus-visible,.legal-top a:focus-visible{outline-color:#F6F2EA}
.foot .foot-disc{border-top:1px solid rgba(246,242,234,.12);padding:22px 0 0;margin:0 auto 14px;max-width:680px;font-size:.82rem;line-height:1.6;color:#b9c2b5;padding-inline:22px}
.foot-links{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 14px;font-size:.92rem}
.foot-links a{color:#e8dcc4;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(196,154,90,.6);padding:6px 4px}
.foot-links a:hover{color:var(--gold)}
.foot .foot-disc + .foot-links + p{border-top:0;padding-top:0}
.legal-top{background:var(--green);padding:14px 0;border-radius:0 0 28px 28px}
.legal-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.legal-top a{color:var(--cream);text-decoration:none;font-family:var(--serif);font-weight:700;font-size:1.15rem}
.legal-top a.back{font-family:var(--sans);font-weight:500;font-size:.95rem;color:#e8dcc4;text-decoration:underline;text-underline-offset:4px}
.legal{padding:44px 0 64px}
.legal h1{font-size:clamp(1.8rem,6.4vw,2.4rem);margin:0 0 8px}
.legal .updated{color:#5d6b61;font-size:.95rem;margin:0 0 28px}
.legal h2{font-size:1.3rem;margin:30px 0 10px;text-align:right}
.legal ul{margin:0 0 .9em;padding:0 22px 0 0}
.legal li{margin:0 0 6px}
.legal a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal .box{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 2px 10px rgba(31,61,43,.05);margin:12px 0 18px}
.legal .ph{background:#fff3cd;padding:0 4px;border-radius:4px}
.quotes-note{margin-top:40px}
@media (min-width:760px){.quotes-note{margin-top:56px}}

/* swipe carousels (Oct 2026) */
.car-nav{display:none}
.car-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold);background:#fff;color:var(--green);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .15s ease,opacity .15s ease}
.car-btn:hover:not(:disabled){background:var(--cream2)}
.car-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.car-btn:disabled{opacity:.35;cursor:default}
@media (min-width:760px){.car-nav:not([hidden]){display:flex;justify-content:center;gap:14px;margin:4px 0 0}.car-nav.is-static{display:none}.tq-h{margin-top:46px}}
@media (prefers-reduced-motion:reduce){.car-btn{transition:none}.msgs,.tq{scroll-behavior:auto}}

/* mobile polish (Oct 13 2026): smaller WhatsApp button in its own gutter, shorter photo frame, quote cards sized to content */
@media (max-width:759px){
  .wa-float{width:46px;height:46px;left:10px;bottom:calc(12px + env(safe-area-inset-bottom))}
  .wa-float .wa-ic{width:26px;height:26px}
  .msg,.tq-card{flex-basis:calc(100% - 42px)}
  .photo-slot{width:min(210px,58vw);aspect-ratio:1/1}
  .photo-slot img{object-position:50% 20%}
  .tq{align-items:flex-start}
}

/* Dusty rose accent (about 10%): softening touch beside green, gold and cream */
:root{--rose:#D8A7A0;--rose-tint:#F5E6E2;--rose-soft:rgba(216,167,160,.5)}
.sec h2::after{content:"";display:block;width:46px;height:3px;border-radius:3px;background:var(--rose);margin:14px auto 0}
.sec h2{margin-bottom:24px}
.story h2::after{margin:12px 0 0 auto}
.story h2{margin-bottom:16px}
.recog-list li::before{background:var(--rose);box-shadow:0 0 0 4px rgba(216,167,160,.22)}
.core{background:var(--rose-tint)}
.tq-card{border-color:var(--rose-soft)}
.tq-card::before{color:var(--rose)}
.car-btn:hover:not(:disabled){background:var(--rose-tint)}
.num{box-shadow:0 0 0 5px var(--rose-tint)}
.story{background:var(--rose-tint)}
.pull{border-right-color:var(--rose)}
.photo-slot{border-color:var(--rose);background:#F1E0DB}
summary::after{background:var(--rose-tint);color:var(--green)}

/* Rose in the text (below the hero): a few key words and sub-headings */
:root{--rose-text:#A8675F}
.rose{color:var(--rose-text)}
.core-pre{color:var(--rose-text);font-weight:500}
.tq-h{color:var(--rose-text)}
.sig{color:var(--rose-text)}
/* v7: gentle dusty rose touch at the top */
.hero-sub{color:#E8ADA4;font-weight:400}
.hero-sub::before{content:"";display:block;width:56px;height:2px;border-radius:2px;background:var(--rose);margin:0 auto 20px}
