:root{
    --cream:#FBF1E2;
    --paper:#FFFDF8;
    --butter:#F6E1BA;
    --ink:#3A2A1E;
    --ink-soft:#7A6652;
    --poppy:#D1453A;
    --poppy-deep:#A52E28;
    --marigold:#E3A53B;
    --navy:#243357;
    --navy-deep:#182540;
    --line:rgba(58,42,30,0.12);
    --teal:#0E9E96;
    --teal-deep:#0B7871;
    --grass:#3FAE4A;
    --grass-deep:#2E8A37;
    --sunny:#F6C445;
    --sunny-deep:#A8750A;
    --pink:#E8508A;
    --pink-deep:#C13468;
    --sky:#2F8FD1;
    --sky-deep:#1F6FA8;
  }
  *{box-sizing:border-box;}
  html,body{direction:rtl;}
  html{scroll-padding-top:90px;}
  section[id]{scroll-margin-top:90px;}
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'Heebo','Segoe UI',sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  h1,h2,h3{font-family:'Secular One','Heebo',sans-serif;font-weight:400;line-height:1.25;text-wrap:balance;margin:0;}
  p{margin:0;}
  .en{font-family:'Fredoka','Heebo',sans-serif;font-weight:700;}
  a{color:inherit;}
  .wrap{max-width:1080px;margin:0 auto;padding-inline:20px;}
  section{padding-block:44px;}
  @media (max-width:640px){ section{padding-block:32px;} }

  /* ---------- section doodles ---------- */
  .why,.details,.flip,.reviews,.contact,.story{position:relative;}
  .sec-deco{position:absolute;pointer-events:none;z-index:0;}
  .sec-deco svg{display:block;width:190px;height:40px;}
  @media (max-width:640px){ .sec-deco{display:none;} }
  .why-deco{position:absolute;inset:0;overflow:visible;}
  .why-deco span{position:absolute;display:block;}
  .details-deco{bottom:0;left:0;right:0;height:110px;overflow:visible;}
  .details-deco span{position:absolute;bottom:0;display:block;}
  .details-deco svg{display:block;width:auto;height:auto;}
  .flip-deco{bottom:4px;left:18px;}
  .flip-deco svg{width:280px;height:65px;}
  .flip-deco-big{top:0;bottom:0;right:0;width:28%;max-width:420px;overflow:hidden;}
  .flip-deco-big svg{width:100%;height:100%;display:block;}
  @media (max-width:1000px){ .flip-deco-big{display:none;} }
  .reviews-deco{bottom:10px;right:16px;}
  .reviews-deco svg{width:470px;height:151px;}
  .reviews-deco-big{top:0;bottom:0;left:0;width:26%;max-width:380px;overflow:hidden;}
  .reviews-deco-big svg{width:100%;height:100%;display:block;}
  @media (max-width:1000px){ .reviews-deco-big{display:none;} }
  .faq-deco{top:0;left:0;right:0;bottom:0;}
  .faq-deco .deco-q{position:absolute;font-family:Georgia,serif;line-height:1;}
  .faq-deco .deco-dot{position:absolute;width:7px;height:7px;border-radius:50%;opacity:0.5;}
  .contact-deco{bottom:22px;left:28px;z-index:1;}
  .contact-deco svg{width:285px;height:60px;}
  .story-deco{bottom:12px;right:calc(20px + 5%);}
  .story-deco svg{width:270px;height:189px;}
  .story-deco-left{top:6px;left:16px;}
  .story-deco-left svg{width:300px;height:85px;}
  @media (max-width:860px){ .story-deco-left{display:none;} }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    padding-block:44px 48px;
    background:
      radial-gradient(1100px 520px at 12% -10%, rgba(227,165,59,0.42), transparent 60%),
      radial-gradient(950px 520px at 100% -5%, rgba(209,69,58,0.28), transparent 55%),
      radial-gradient(800px 460px at 50% 115%, rgba(14,158,150,0.20), transparent 62%),
      linear-gradient(180deg, var(--butter) 0%, var(--cream) 55%);
    overflow:hidden;
  }
  .hero-grid{
    position:relative;z-index:2;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:44px;
    align-items:center;
  }
  @media (max-width:860px){ .hero-grid{grid-template-columns:1fr; gap:32px;} }
  .hero-deco{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
  .hero-deco > svg{position:absolute;left:24px;bottom:4px;width:460px;height:88px;max-width:55%;}
  .hero-deco-item{transition:opacity .6s ease;}
  @media (max-width:860px){ .hero-deco{display:none;} }
  @media (max-width:480px){ .hero-deco{display:none;} }
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--paper);
    border:1px solid var(--line);
    color:var(--poppy-deep);
    font-weight:700;
    font-size:0.92rem;
    padding:8px 18px;
    border-radius:999px;
    box-shadow:0 2px 0 rgba(58,42,30,0.05);
  }
  .hero h1{
    font-size:clamp(2.3rem,5.6vw,3.6rem);
    margin-top:18px;
    color:var(--navy-deep);
  }
  .hero p.lead{
    margin-top:18px;
    font-size:1.15rem;
    color:var(--ink-soft);
    max-width:46ch;
  }
  .hero p.lead b{color:var(--poppy-deep);font-weight:700;}
  .hero-ctas{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    border:none;cursor:pointer;
    font-family:'Heebo',sans-serif;font-weight:700;font-size:1rem;
    padding:14px 26px;border-radius:14px;
    transition:transform .15s ease, box-shadow .15s ease;
    text-decoration:none;
  }
  .btn:focus-visible{outline:3px solid var(--marigold); outline-offset:2px;}
  .btn:active{transform:translateY(1px);}
  .btn-primary{
    background:var(--poppy); color:#fff;
    box-shadow:0 8px 0 var(--poppy-deep), 0 14px 24px rgba(209,69,58,0.28);
  }
  .btn-primary:hover{transform:translateY(-2px);}
  .btn-ghost{
    background:transparent;color:var(--navy-deep);
    border:2px solid var(--navy-deep);
    padding:12px 24px;
  }
  .btn-ghost:hover{background:var(--navy-deep);color:#fff;}
  .hero-badges{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap;}
  .badge{
    font-size:0.9rem;font-weight:700;
    padding:8px 16px;border-radius:999px;
  }
  .hero-rotator{position:relative;overflow:hidden;min-height:260px;}
  .hero-slide{display:none;}
  .hero-slide.active{display:block;}
  .hero-slide[data-slide="0"].active .eyebrow,
  .hero-slide[data-slide="0"].active .hero-title{animation:heroFadeUp .75s ease both;}
  .hero-slide[data-slide="0"].active p.lead,
  .hero-slide[data-slide="0"].active .hero-ctas{animation:heroFadeUp .75s ease both;animation-delay:.55s;}
  .hero-slide[data-slide="0"].active .hero-badges{animation:heroFadeUp .75s ease both;animation-delay:.95s;}
  .hero-slide[data-slide="1"].active .eyebrow,
  .hero-slide[data-slide="1"].active .hero-title{animation:heroFadeRight .75s ease both;}
  .hero-slide[data-slide="1"].active p.lead,
  .hero-slide[data-slide="1"].active .hero-ctas{animation:heroFadeRight .75s ease both;animation-delay:.55s;}
  .hero-slide[data-slide="2"].active .eyebrow,
  .hero-slide[data-slide="2"].active .hero-title{animation:heroFadeLeft .75s ease both;}
  .hero-slide[data-slide="2"].active p.lead,
  .hero-slide[data-slide="2"].active .hero-ctas{animation:heroFadeLeft .75s ease both;animation-delay:.55s;}
  @keyframes heroFadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
  @keyframes heroFadeRight{from{opacity:0;transform:translateX(32px);}to{opacity:1;transform:translateX(0);}}
  @keyframes heroFadeLeft{from{opacity:0;transform:translateX(-32px);}to{opacity:1;transform:translateX(0);}}

  .hero-art .frame img{transition:opacity .5s ease, transform .5s ease;}
  .badge-red{background:#F6D9D6;color:var(--poppy-deep);}
  .badge-gold{background:#F7E4BC;color:#8A5A12;}
  .badge-navy{background:#DCE2EE;color:var(--navy-deep);}
  .hero-art{position:relative;}
  .hero-art .frame{
    border-radius:22px;overflow:hidden;
    box-shadow:0 22px 48px rgba(36,51,87,0.28), 0 2px 0 rgba(255,255,255,0.4) inset;
    transform:rotate(1.4deg);
    border:6px solid var(--paper);
    aspect-ratio:1/1;
  }
  .hero-art-img{width:100%;height:100%;object-fit:cover;object-position:center top;}
  .hero-art .sticker{
    position:absolute;
    background:var(--paper);
    border-radius:16px;
    box-shadow:0 10px 22px rgba(36,51,87,0.18);
    padding:10px 16px;
    font-family:'Secular One',sans-serif;
    font-size:0.95rem;
    color:var(--poppy-deep);
    opacity:0;pointer-events:none;
    transition:opacity .35s ease;
  }
  .hero-art.show-stickers .sticker{opacity:1;}
  .sticker-1{top:-16px;right:-14px;transform:rotate(-6deg);}
  .sticker-2{bottom:-14px;left:-10px;transform:rotate(5deg);font-size:0.8rem;color:var(--navy-deep);}
  @media (max-width:860px){ .hero-art .frame{transform:none;} }

  /* variety: this slide mirrors to the opposite side; same square frame as the
     other slides, but cropped from the top so the image's own caption stays visible */
  /* the text column keeps the same width as on the other slides (columns swap with the
     art), so the rotator locks to the same height and the hero never grows on this slide */
  .hero-grid.mirror{grid-template-columns:0.95fr 1.05fr;}
  .hero-grid.mirror .hero-art{order:-1;}
  .hero-art.natural-frame .hero-art-img{object-position:center 85%;}
  /* on mobile the grid stacks into one column - keep the text above the image
     on every slide (including the mirrored one) instead of reordering it on top */
  @media (max-width:860px){ .hero-art{order:0;} .hero-grid.mirror .hero-art{order:0;} .hero-grid.mirror{gap:32px;grid-template-columns:1fr;} }

  .hero .hero-title{
    display:block;margin-top:22px;white-space:nowrap;
    font-family:'Fredoka','Heebo',sans-serif;font-weight:700;letter-spacing:-0.01em;
    font-size:clamp(1.9rem,4.4vw,3.5rem);line-height:1.15;color:var(--navy-deep);
  }
  /* ---------- promo banner: sticky bottom bar with WhatsApp + waitlist buttons (all widths) ---------- */
  .promo-banner{
    position:fixed;left:0;right:0;bottom:0;z-index:55;
    background:var(--navy-deep);color:#fff;text-align:center;
    font-family:'Heebo',sans-serif;
    box-shadow:0 -6px 18px rgba(24,37,64,0.18);
    /* desktop: one row - WhatsApp (right) · text · waitlist (left) */
    display:flex;align-items:center;justify-content:space-between;gap:28px;
    padding:10px 24px calc(10px + env(safe-area-inset-bottom));
    font-weight:700;font-size:1.05rem;
  }
  .promo-banner b{color:var(--sunny);}
  .promo-text{margin:0;order:1;}
  .promo-actions{display:contents;}
  .promo-btn{
    display:flex;align-items:center;justify-content:center;gap:6px;
    min-height:44px;border-radius:999px;padding:8px 22px;
    font-weight:700;font-size:0.95rem;line-height:1.15;text-decoration:none;color:#fff;
    white-space:nowrap;
  }
  .promo-wa{order:0;}
  .promo-buy{order:2;}
  .promo-btn svg{width:20px;height:20px;flex:none;}
  .wa-short{display:none;}
  .promo-ext{display:none;}
  @media (min-width:1200px){ .promo-ext{display:inline;} }
  @media (min-width:761px) and (max-width:960px){ html .promo-banner{font-size:0.98rem;gap:12px;padding-inline:12px;} html .promo-btn{padding:10px 16px;font-size:0.95rem;} } /* longer bar sentences only where they fit on one line */
  @media (max-width:389px){ .wa-long{display:none;} .wa-short{display:inline;} } /* one line on small phones */
  /* WhatsApp: green outline + green label on navy (all widths) - recognisable without shouting over the red CTA */
  .promo-wa{background:rgba(37,211,102,0.10);color:#25D366;border:2px solid #25D366;}
  .promo-wa svg{color:#25D366;}
  .promo-buy{background:var(--poppy);}
  .promo-wa:hover,.promo-wa:active{background:rgba(37,211,102,0.20);}
  /* rotating bar sentences (script.js) */
  .promo-line{display:none;}
  .promo-line.active{display:inline;animation:promoIn .45s ease;}
  @keyframes promoIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
  @media (prefers-reduced-motion:reduce){ .promo-line.active{animation:none;} }
  .promo-buy:hover,.promo-buy:active{background:var(--poppy-deep);}
  @media (max-width:760px){
    /* phone: text on top, the two buttons side by side under it */
    .promo-banner{display:block;padding:10px 12px calc(10px + env(safe-area-inset-bottom));font-size:0.8rem;line-height:1.35;font-weight:600;}
    .promo-actions{display:flex;gap:8px;margin-top:8px;}
    .promo-btn{flex:1 1 0;min-width:0;padding:8px 6px;gap:5px;font-size:0.88rem;white-space:normal;}
    .promo-btn svg{width:18px;height:18px;}
  }

  /* ---------- section heads ---------- */
  .section-head{max-width:640px;margin-inline:auto;text-align:center;margin-bottom:28px;}
  .section-head h2{font-size:clamp(1.7rem,3.6vw,2.4rem);color:var(--navy-deep);}
  .section-head p{margin-top:14px;color:var(--ink-soft);font-size:1.05rem;}
  .kicker{
    display:block;font-family:'Heebo',sans-serif;font-weight:800;
    font-size:1.25rem;letter-spacing:0.03em;color:var(--poppy-deep);
    margin-bottom:6px;
  }

  /* ---------- why cards ---------- */
  .why{background:var(--navy-deep);}
  .why .section-head h2{color:#fff;}
  .why .section-head p{color:#C9C2B4;}
  .why .kicker{color:var(--marigold);}
  .why .wrap{max-width:1260px;}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media (max-width:860px){ .why-grid{grid-template-columns:1fr;} }
  .why-card{
    background:rgba(255,255,255,0.06);
    border-radius:20px;
    padding:28px 24px;
    border:1px solid rgba(255,255,255,0.14);
    position:relative;
  }
  .why-card .num{
    position:absolute;top:-16px;right:22px;
    width:40px;height:40px;border-radius:50%;
    background:#F8DCD6;color:var(--poppy-deep);
    border:2px solid var(--paper);
    display:flex;align-items:center;justify-content:center;
    font-family:'Secular One',sans-serif;font-size:1.1rem;
    box-shadow:0 4px 10px rgba(209,69,58,0.12);
  }
  .why-card:nth-child(2) .num{background:#CDEFEC;color:var(--teal-deep);box-shadow:0 4px 10px rgba(14,158,150,0.18);}
  .why-card:nth-child(3) .num{background:#FBEBB8;color:var(--sunny-deep);box-shadow:0 4px 10px rgba(246,196,69,0.22);}
  .why-card:nth-child(2) h3,.why-card:nth-child(3) h3{color:#fff;}
  .why-card h3{font-size:1.2rem;margin-top:10px;color:#fff;}
  .why-card p{margin-top:10px;color:#C9C2B4;font-size:0.97rem;}
  .why-card .sample{
    margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;
  }
  .chip{
    font-size:0.98rem;background:var(--paper);border:1px solid var(--line);
    border-radius:10px;padding:7px 13px;color:var(--ink);white-space:nowrap;
  }
  .chip b{color:var(--poppy-deep);}

  /* ---------- flipbook ---------- */
  .flip{
    position:relative;padding-block:16px;
    background:
      radial-gradient(900px 420px at 90% -10%, rgba(63,174,74,0.12), transparent 60%),
      radial-gradient(800px 420px at 5% 110%, rgba(246,196,69,0.12), transparent 60%),
      var(--paper);
  }
  .flip .section-head{margin-bottom:10px;}
  .flip .section-head h2{font-size:clamp(1.25rem,2.4vw,1.6rem);color:var(--navy-deep);}
  .flip .section-head p{font-size:0.92rem;margin-top:8px;color:var(--ink-soft);}
  .flip .kicker{font-size:1rem;}
  .flip .flip-hint{margin-top:10px;font-size:0.82rem;}
  .flip-spread{
    position:relative;z-index:1;
    width:calc(100% + 40px);margin-inline:-20px;
    border-radius:20px;overflow:hidden;
    box-shadow:0 18px 36px rgba(36,51,87,0.22);
    border:1px solid var(--line);
  }
  .flip-spread img{width:100%;height:auto;display:block;}
  .flip-caption-single{
    max-width:900px;margin:14px auto 0;text-align:center;
    color:var(--ink-soft);font-size:0.95rem;line-height:1.6;
  }
  .flip-hint{text-align:center;color:var(--ink-soft);font-size:0.9rem;margin-top:10px;}
  .flip-nav{
    position:absolute;top:50%;transform:translateY(-50%);
    width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;
    background:var(--paper);box-shadow:0 6px 16px rgba(36,51,87,0.18);
    font-size:1.3rem;line-height:1;color:var(--navy-deep);
    display:none;align-items:center;justify-content:center;z-index:2;
  }
  .flip-nav:hover{background:var(--navy-deep);color:#fff;}
  .flip-prev{right:10px;}
  .flip-next{left:10px;}
  /* only the arrow that leads somewhere: no "back" on the first page, no "next" on the last */
  .flip-spread:not(.flip-page-2) .flip-prev,
  .flip-spread.flip-page-2 .flip-next{display:none;}
  @media (max-width:860px){
    /* show one page at a time on mobile (the full spread is too small to read
       otherwise) - the image is rendered at double width so each half fills
       the frame, and a pair of arrows slides between the two halves */
    .flip-spread img{width:200%;max-width:200%;transition:transform .35s ease;transform:translateX(0);}
    .flip-spread.flip-page-2 img{transform:translateX(50%);}
    .flip-nav{display:flex;}
  }

  /* ---------- story ---------- */
  .story{background:var(--navy-deep);color:#F3ECE1;}
  .story-grid{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start;max-width:960px;}
  @media (max-width:640px){ .story-grid{grid-template-columns:1fr;justify-items:center;text-align:center;} }
  .story h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.4rem);}
  .story p{margin-top:14px;color:#D9D2C4;font-size:1.1rem;max-width:56ch;}
  .story .sig{margin-top:14px;font-family:'Secular One',sans-serif;color:var(--marigold);font-size:1.3rem;}
  section.story{padding-block:95px;}
  .story .kicker{font-size:1.25rem;}
  .story-photos{display:flex;flex-direction:column;gap:16px;flex:none;margin-inline-end:-24px;}
  @media (max-width:999px){ .story-photos{margin-inline-end:0;} }
  .story-photo{
    width:340px;height:350px;border-radius:20px;overflow:hidden;flex:none;
    border:6px solid var(--paper);
    box-shadow:0 18px 36px rgba(0,0,0,0.4);
  }
  .story-photo img{width:100%;height:100%;object-fit:cover;}
  .story-photo.family{height:340px;border-width:5px;}
  .story-caption{
    text-align:center;color:#C9C2B4;font-size:0.82rem;margin-top:-6px;
  }
  .story-badge{
    background:rgba(255,255,255,0.07);
    border:1px solid rgba(255,255,255,0.14);
    border-radius:20px;padding:22px;
  }
  .story-badge ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
  .story-badge li{display:flex;gap:12px;align-items:flex-start;}
  .story-badge .ico{
    width:34px;height:34px;border-radius:50%;background:var(--marigold);
    color:var(--navy-deep);display:flex;align-items:center;justify-content:center;
    font-weight:800;flex:none;
  }
  .story-badge span{color:#E7E1D4;font-size:0.95rem;}

  /* ---------- details ---------- */
  .details{
    background:
      radial-gradient(800px 420px at 8% -10%, rgba(232,80,138,0.07), transparent 60%),
      radial-gradient(800px 420px at 95% 110%, rgba(47,143,209,0.08), transparent 60%),
      var(--paper);
  }
  .details-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:860px;margin-inline:auto;
  }
  @media (max-width:560px){ .details-grid{grid-template-columns:1fr;} }
  .details-note{text-align:center;margin-top:24px;color:var(--ink-soft);font-size:1.02rem;}
  .detail{
    --tone:var(--cream);--deep:var(--poppy-deep);
    position:relative;text-align:center;background:var(--tone);border-radius:24px;
    padding:28px 16px 24px;border:1px solid var(--line);
    box-shadow:0 10px 24px rgba(36,51,87,0.10);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .detail:nth-child(1){--tone:#FDF1D2;--deep:var(--sunny-deep);}
  .detail:nth-child(2){--tone:#E3F1FA;--deep:var(--sky-deep);}
  .detail:nth-child(3){--tone:#FCE7EF;--deep:var(--pink-deep);}
  .detail:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(36,51,87,0.16);}
  .detail .ico{
    width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:var(--paper);
    display:flex;align-items:center;justify-content:center;font-size:1.5rem;
    box-shadow:0 4px 10px rgba(36,51,87,0.08);
  }
  .detail .big{font-family:'Secular One',sans-serif;font-size:2.6rem;line-height:1.1;color:var(--deep);}
  .detail .lbl{margin-top:6px;color:var(--ink);font-weight:600;font-size:0.95rem;}

  /* ---------- faq ---------- */
  .faq{
    position:relative;
  }
  .faq .section-head h2{color:#fff;}
  .faq .section-head p{color:#C9C2B4;}
  .faq .kicker{color:var(--marigold);}
  .faq-list{max-width:760px;margin:0 auto;display:grid;gap:12px;}
  .faq-item{
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:16px;overflow:hidden;
  }
  .faq-q{
    width:100%;text-align:right;background:none;border:none;cursor:pointer;
    padding:18px 20px;font-family:'Heebo',sans-serif;font-weight:700;font-size:1.02rem;
    color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;
  }
  .faq-q .plus{
    flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.12);
    display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--marigold);
    transition:transform .2s;
  }
  .faq-item[open] .plus{transform:rotate(45deg);}
  .faq-a{padding:0 20px 20px;color:#C9C2B4;font-size:0.97rem;max-width:62ch;}
  .faq-a a{color:var(--sunny);font-weight:700;}

  /* ---------- reviews ---------- */
  .reviews{
    background:
      radial-gradient(900px 420px at 92% -10%, rgba(232,80,138,0.10), transparent 60%),
      radial-gradient(800px 420px at 5% 110%, rgba(47,143,209,0.10), transparent 60%),
      var(--paper);
    color:var(--ink);
  }
  .reviews .section-head h2{color:var(--navy-deep);}
  .reviews .section-head p{color:var(--ink-soft);}
  .review-feat{
    max-width:720px;margin:0 auto 20px;background:var(--cream);
    border:1px solid var(--line);border-radius:20px;padding:20px 26px;
    position:relative;z-index:1;box-shadow:0 10px 24px rgba(36,51,87,0.06);
  }
  .review-feat .quote-mark{font-family:'Secular One',sans-serif;font-size:3rem;color:var(--poppy-deep);line-height:0.5;position:absolute;top:-14px;right:24px;}
  .review-feat p{font-size:1.08rem;color:var(--ink);line-height:1.75;}
  .review-feat .by{margin-top:16px;color:var(--poppy-deep);font-weight:700;font-size:0.92rem;}
  .review-list{max-width:640px;margin:0 auto;position:relative;z-index:1;padding:0 46px;}
  .review-track{overflow:hidden;border-radius:16px;}
  .review-track-inner{display:flex;transition:transform .45s ease;}
  .review-card{
    flex:0 0 100%;box-sizing:border-box;
    background:var(--cream);border:1px solid var(--line);
    border-radius:16px;padding:18px 20px;
  }
  .review-card .stars{color:var(--marigold);letter-spacing:2px;font-size:0.95rem;}
  .review-card p{margin-top:6px;color:var(--ink);font-size:0.96rem;}
  .review-card .who{margin-top:8px;color:var(--ink-soft);font-size:0.85rem;}
  .review-nav{
    position:absolute;top:50%;transform:translateY(-50%);
    width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;
    background:var(--paper);box-shadow:0 6px 16px rgba(36,51,87,0.18);
    font-size:1.3rem;line-height:1;color:var(--navy-deep);
    display:flex;align-items:center;justify-content:center;
  }
  .review-nav:hover{background:var(--navy-deep);color:#fff;}
  .review-prev{right:0;}
  .review-next{left:0;}
  .review-dots{display:flex;justify-content:center;gap:7px;margin-top:14px;}
  .review-dots button{
    width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;
    background:var(--line);
  }
  .review-dots button.active{background:var(--poppy);}
  @media (max-width:480px){ .review-list{padding:0 40px;} .review-nav{width:30px;height:30px;font-size:1.1rem;} }
  .review-form{
    max-width:720px;margin:14px auto 0;background:#fff;
    position:relative;z-index:1;
    border:1px solid var(--line);border-radius:18px;padding:14px 20px;
    box-shadow:0 10px 24px rgba(36,51,87,0.06);
  }
  .review-form h3{font-size:1rem;color:var(--navy-deep);}
  .rv-backdrop{display:none;}
  .reviews .field label{color:var(--ink-soft);}
  .reviews .field input,.reviews .field textarea,.reviews .field select{
    background:#fff;border:1.5px solid rgba(24,37,64,0.35);color:var(--ink);
  }
  .reviews .field input::placeholder,.reviews .field textarea::placeholder{color:var(--ink-soft);}
  .reviews .review-status{color:var(--poppy-deep);}
  .review-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  @media (max-width:560px){ .review-form .row{grid-template-columns:1fr;} }
  .review-form .field{margin-top:8px;}
  .review-form .field textarea{min-height:56px;}
  .review-form .cta-submit, .review-form #rv-submit{margin-top:10px !important;padding-block:10px;}
  .field{display:flex;flex-direction:column;gap:6px;margin-top:12px;}
  .field label{font-size:0.85rem;color:#C9C2B4;}
  .field input,.field textarea,.field select{
    background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);
    border-radius:10px;padding:11px 13px;color:#fff;font-family:'Heebo',sans-serif;font-size:0.95rem;
  }
  .field textarea{resize:vertical;min-height:80px;}
  .field input::placeholder,.field textarea::placeholder{color:#8F8878;}
  .review-status{margin-top:12px;font-size:0.88rem;color:var(--marigold);min-height:1.2em;}

  /* ---------- cta ---------- */
  .cta{background:var(--navy-deep);}
  .cta-box{
    max-width:760px;margin:0 auto;background:var(--paper);border-radius:26px;
    padding:40px 34px;border:1px solid var(--line);
    box-shadow:0 18px 40px rgba(36,51,87,0.12);
    text-align:center;
  }
  .cta-box h2{font-size:clamp(1.6rem,3.4vw,2.1rem);color:var(--navy-deep);}
  .cta-box p.sub{margin-top:12px;color:var(--ink-soft);}
  .cta-form{max-width:460px;margin:26px auto 0;text-align:right;}
  .contact .cta-box{padding:28px 30px;}
  .contact .cta-box p.sub{margin-top:8px;}
  .contact .cta-form{margin-top:18px;}
  .contact .field{margin-top:9px;}
  .contact .field textarea{min-height:60px;}
  .contact .cta-submit{margin-top:12px;}
  .cta-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  @media (max-width:520px){ .cta-form .row{grid-template-columns:1fr;} }
  .cta-form .field input,.cta-form .field textarea{
    background:#fff;border:1.5px solid rgba(24,37,64,0.45);border-radius:10px;
    padding:12px 14px;font-family:'Heebo',sans-serif;font-size:0.97rem;color:var(--ink);
  }
  .cta-form .field input:focus,.cta-form .field textarea:focus{
    outline:none;border-color:var(--navy-deep);box-shadow:0 0 0 3px rgba(24,37,64,0.12);
  }
  .cta-form .field label{color:var(--ink-soft);font-size:0.85rem;}
  .cta-submit{width:100%;justify-content:center;margin-top:18px;}
  .cta-status{margin-top:14px;font-size:0.9rem;color:var(--poppy-deep);min-height:1.2em;}
  .trust-row{display:flex;gap:16px;justify-content:center;margin-top:20px;flex-wrap:wrap;color:var(--ink-soft);font-size:0.85rem;}


  /* ---------- top nav ---------- */
  .topnav{
    position:sticky;top:0;z-index:50;
    background:rgba(255,253,248,0.94);
    backdrop-filter:blur(8px);
    box-shadow:0 2px 10px rgba(36,51,87,0.08);
  }
  .topnav-inner{
    position:relative;
    display:flex;align-items:center;justify-content:space-between;
    gap:32px;padding-block:4px;flex-wrap:wrap;
  }
  .topnav .wrap{max-width:none;}
  .nav-toggle{display:none;}
  .topnav-brand{
    font-family:'Gveret Levin',cursive;font-weight:400;font-size:2.2rem;color:var(--navy-deep);
    text-decoration:none;white-space:nowrap;
    display:inline-flex;align-items:center;gap:10px;
  }
  .topnav-brand img{height:40px;width:auto;display:block;}
  .topnav-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
  .topnav-links a:not(.topnav-cta):not(:last-of-type)::after{
    content:'';display:inline-block;width:1px;height:14px;background:var(--line);
    margin-inline-start:14px;vertical-align:middle;
  }
  .topnav-links a{
    text-decoration:none;color:var(--ink-soft);font-weight:600;font-size:0.92rem;
    white-space:nowrap;position:relative;
  }
  .topnav-links a:hover{color:var(--poppy-deep);}
  .topnav-links a.topnav-cta{
    background:var(--poppy);color:#fff;padding:9px 18px;border-radius:999px;font-weight:700;
    margin-inline-start:6px;
  }
  .topnav-links a.topnav-cta:hover{background:var(--poppy-deep);color:#fff;}
  @media (min-width:901px){ /* RTL convention: name on the right, links beside it, CTA at the far left */
    .topnav-brand{order:-1;}
    .topnav-links{flex:1;}
    .topnav-links a.topnav-cta{margin-inline-start:auto;}
    .topnav-links a:not(.topnav-cta):not(:last-of-type):nth-last-child(2)::after{display:none;}
  }
  @media (max-width:900px){ /* hamburger below 900: the desktop links wrap under ~885px */
    .topnav-inner{gap:10px;}
    .topnav-brand{font-size:1.7rem;order:-1;gap:8px;}
    .topnav-brand img{height:32px;} /* RTL: name on the right, menu toggle on the left */
    .nav-toggle{
      display:flex;flex-direction:column;justify-content:center;align-items:stretch;
      gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0;
    }
    .nav-toggle span{display:block;height:2.5px;width:100%;background:var(--navy-deep);border-radius:2px;transition:transform .2s ease, opacity .2s ease;}
    .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
    .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
    .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
    /* dropdown card under the hamburger (left side in RTL), only as wide as its links */
    .topnav-links{
      display:none;position:absolute;top:calc(100% + 6px);left:12px;right:auto;z-index:60;
      width:max-content;min-width:200px;max-width:calc(100vw - 24px);
      flex-direction:column;align-items:stretch;gap:0;
      background:var(--paper);border:1px solid var(--line);border-radius:16px;
      box-shadow:0 14px 28px rgba(36,51,87,0.16);
      padding:6px 18px 14px;font-size:0.95rem;
    }
    .topnav-links.open{display:flex;}
    .topnav-links a{padding:12px 0;border-bottom:1px solid var(--line);}
    .topnav-links a:nth-last-child(2){border-bottom:none;}
    .topnav-links a:not(.topnav-cta):not(:last-of-type)::after{display:none;}
    .topnav-links a.topnav-cta{
      margin:14px 0 4px;text-align:center;border-bottom:none;padding:10px 14px;
    }
  }

  /* ---------- cta modal ---------- */
  .modal-overlay{
    position:fixed;inset:0;z-index:100;
    background:rgba(24,37,64,0.6);
    display:none;align-items:center;justify-content:center;
    padding:20px;
  }
  .modal-overlay.open{display:flex;}
  .modal-box{
    max-width:500px;width:100%;max-height:88vh;overflow-y:auto;
    position:relative;animation:modalIn .25s ease;
    padding:28px 24px;
  }
  .modal-box .kicker{font-size:1rem;}
  .modal-box h2{font-size:1.25rem;}
  .modal-box p.sub{margin-top:8px;font-size:0.92rem;}
  .modal-box .cta-form{margin:16px auto 0;}
  .modal-box .field{margin-top:8px;}
  .modal-box .field input,.modal-box .field textarea{padding:9px 11px;font-size:0.9rem;}
  .modal-box .field textarea{min-height:60px;}
  .modal-box .cta-submit{margin-top:10px;padding:11px 20px;font-size:0.92rem;}
  .modal-box .trust-row{margin-top:12px;gap:10px;font-size:0.76rem;}
  .modal-box{
    background:var(--navy-deep);
  }
  .modal-box h2{color:#fff;}
  .modal-box p.sub{color:#D9D2C4;}
  .modal-box .field label{color:#C9C2B4;}
  .modal-box .field input,.modal-box .field textarea{
    background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:#fff;
  }
  .modal-box .field input::placeholder,.modal-box .field textarea::placeholder{color:#8F8878;}
  .modal-box .trust-row{color:#C9C2B4;}
  @keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
  .modal-close{
    position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;
    border:none;background:var(--cream);color:var(--navy-deep);font-size:1.3rem;line-height:1;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    box-shadow:0 4px 10px rgba(36,51,87,0.15);
  }
  .modal-close:hover{background:var(--butter);}

  /* ---------- whatsapp fab ---------- */
  .whatsapp-fab{
    position:fixed;bottom:22px;left:22px;z-index:60;
    display:flex;align-items:center;gap:9px;
    background:#25D366;color:#fff;
    padding:14px;border-radius:999px;
    box-shadow:0 10px 24px rgba(37,211,102,0.4);
    font-family:'Heebo',sans-serif;font-weight:700;font-size:0.95rem;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .whatsapp-fab:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(37,211,102,0.5);}
  .whatsapp-fab svg{width:22px;height:22px;flex:none;}
  .whatsapp-fab span{display:none;}
  .back-to-top{
    position:fixed;bottom:22px;right:22px;z-index:60;
    width:46px;height:46px;border-radius:50%;
    background:var(--navy-deep);color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px rgba(24,37,64,0.3);
    text-decoration:none;opacity:0;pointer-events:none;
    transform:translateY(10px);
    transition:opacity .25s ease, transform .25s ease;
  }
  .back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0);}
  .back-to-top svg{width:20px;height:20px;}

  footer{padding-block:30px;text-align:center;color:var(--ink-soft);font-size:0.85rem;background:var(--cream);}
  .contact{overflow:hidden;}
  .contact .wrap{position:relative;z-index:1;}
  .footer-wave{display:block;width:100%;height:330px;position:absolute;left:0;right:0;bottom:-2px;z-index:0;}
  @media (max-width:640px){ .footer-wave{height:190px;} }
  footer b{color:var(--navy-deep);}

  [hidden]{display:none!important;}
  .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

  /* ---------- accessibility widget ---------- */
  .a11y-fab{
    position:fixed;bottom:90px;left:22px;z-index:61;
    width:48px;height:48px;border-radius:14px;border:none;cursor:pointer;
    background:var(--sky-deep,#2E7CB8);color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px rgba(24,37,64,0.3);
    transition:transform .15s ease;
  }
  .a11y-fab:hover{transform:translateY(-2px);}
  .a11y-fab svg{width:30px;height:30px;}
  .a11y-panel{
    position:fixed;bottom:148px;left:22px;z-index:61;
    width:min(280px, calc(100vw - 44px));
    background:var(--paper);color:var(--ink);border-radius:16px;
    box-shadow:0 20px 50px rgba(24,37,64,0.3);
    padding:14px;font-family:'Heebo',sans-serif;
  }
  .a11y-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
  .a11y-panel-head h2{font-size:1.05rem;margin:0;color:var(--navy-deep);}
  .a11y-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--ink-soft);padding:2px 6px;}
  .a11y-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.08);margin-bottom:6px;}
  .a11y-btns{display:flex;gap:6px;}
  .a11y-btns button{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,0.15);background:#fff;cursor:pointer;font-weight:700;}
  .a11y-toggle-btn{display:block;width:100%;text-align:right;padding:10px 12px;margin-bottom:6px;border-radius:10px;border:1px solid rgba(0,0,0,0.15);background:#fff;cursor:pointer;font-family:inherit;font-size:0.92rem;}
  .a11y-toggle-btn[aria-pressed="true"]{background:var(--sky-deep,#2E7CB8);color:#fff;border-color:transparent;}
  .a11y-reset{display:block;width:100%;text-align:center;padding:9px 12px;margin-top:4px;border-radius:10px;border:none;background:var(--cream);cursor:pointer;font-family:inherit;font-size:0.88rem;color:var(--ink-soft);}
  .a11y-statement-link{display:block;text-align:center;margin-top:10px;font-size:0.85rem;color:var(--sky-deep,#2E7CB8);}

  html.a11y-underline a{text-decoration:underline!important;}
  html.a11y-no-motion *,html.a11y-no-motion *::before,html.a11y-no-motion *::after{
    animation:none!important;transition:none!important;
  }
  html.a11y-contrast body{background:#000!important;color:#fff!important;}
  html.a11y-contrast *{background-color:#000!important;color:#fff!important;border-color:#fff!important;}
  html.a11y-contrast img,html.a11y-contrast svg{filter:grayscale(1) contrast(1.3);}
  html.a11y-contrast a,html.a11y-contrast button{color:#ffe14d!important;}
  html.a11y-contrast .a11y-toggle-btn[aria-pressed="true"]{background:#ffe14d!important;color:#000!important;}

  /* bottom bar (see .promo-banner): keep page + floating buttons clear of it.
     Placed last so it wins over the base .whatsapp-fab/.back-to-top/.a11y-* rules. */
  body{padding-bottom:var(--promo-h,130px);}
  .whatsapp-fab{display:none;}
  .back-to-top{bottom:calc(var(--promo-h,130px) + 14px);right:16px;}
  .a11y-fab{bottom:calc(var(--promo-h,130px) + 14px);left:16px;}
  .a11y-panel{bottom:calc(var(--promo-h,130px) + 72px);left:16px;}
  /* Netlify's free-plan "Powered by Netlify" badge (injected iframe, bottom-right) covered the bar's buttons.
     It stays visible; we only lift it to sit just above the bar, and raise the back-to-top button above it. */
  #nl-badge-frame{bottom:var(--promo-h,130px)!important;}
  body:has(#nl-badge-frame) .back-to-top{bottom:calc(var(--promo-h,130px) + 66px);}

  /* ---------- cookie consent (analytics.js) - fashion-store style: plain white strip, small centered text, X in the corner ---------- */
  .cookie-banner{
    position:fixed;z-index:70;left:0;right:0;bottom:0;
    background:#fff;color:var(--ink);
    border-top:1px solid var(--line);
    padding:12px 40px;text-align:center;
    font-size:0.78rem;line-height:1.4;
  }
  .cookie-banner[hidden]{display:none;}
  .cookie-text{margin:0 auto;max-width:640px;}
  .cookie-accept{
    background:none;border:none;padding:2px 4px;cursor:pointer;
    font:inherit;font-weight:700;color:var(--navy-deep);text-decoration:underline;
  }
  .cookie-close{
    position:absolute;top:4px;left:6px;width:32px;height:32px;
    background:none;border:none;cursor:pointer;
    font-size:1.3rem;line-height:1;color:var(--ink);
  }
  @media (min-width:761px){
    /* desktop: same white look, as a small card in the bottom-right corner */
    .cookie-banner{
      left:auto;right:16px;bottom:calc(var(--promo-h,130px) + 14px);width:340px;
      border:1px solid var(--line);border-radius:12px;
      box-shadow:0 8px 24px rgba(24,37,64,0.12);
      padding:14px 16px 14px 40px;text-align:start;
    }
  }
  .footer-legal{margin-top:10px;}
  .footer-legal-link{color:var(--ink-soft);}
  .cookie-policy-link{color:var(--navy-deep);}
  .cookie-settings-link{
    background:none;border:none;padding:4px;cursor:pointer;
    font:inherit;color:var(--ink-soft);text-decoration:underline;
  }
  @media (max-width:760px){
    /* sit just above the sticky bottom bar */
    .cookie-banner{bottom:var(--promo-h,130px);}
  }


  /* ---------- mobile-only copy & layout (phone version of the page) ----------
     .only-mob / .only-desk: shorter phone text lives next to the desktop text in index.html;
     desktop shows .only-desk, phones (<=760px) show .only-mob. */
  .only-mob{display:none !important;}
  .mob-cta{text-align:center;margin-top:22px;}
  @media (max-width:760px){
    .only-desk{display:none !important;}
    .only-mob{display:revert !important;}
    div.only-mob{display:block !important;}

    /* hero: book cover first, smaller, so cover + title + CTA fit in the first screen */
    .hero{padding-block:20px 36px;}
    .hero-grid{gap:18px;}
    /* text + CTA first (the sale), then the cover; only the book slide on phones (script.js stops the rotation) */
    .hero-art,.hero-grid.mirror .hero-art{order:1;width:64%;max-width:250px;margin-inline:auto;}
    /* the sign-up button lives in the bottom bar on phones - no second one in the hero */
    .hero-ctas,.hero-badges{display:none;}
    /* rotating on phones too: the rotator is locked to the tallest slide (script.js) and short
       slides sit centred in it, so the cover below never moves and nothing gets cut */
    .hero-rotator{min-height:0;display:flex;flex-direction:column;justify-content:center;}
    .hero-grid,.hero-grid.mirror{gap:14px;}
    .hero-slide[data-slide="1"] .hero-title{font-size:1.25rem !important;line-height:1.5 !important;}
    .hero-slide[data-slide="2"] .hero-title{font-size:2rem !important;}
    .hero .eyebrow{font-size:0.82rem;padding:6px 14px;}
    .hero .hero-title{margin-top:14px;}
    .hero p.lead{margin-top:12px;font-size:1.05rem;}
    .hero-ctas{margin-top:20px;}
    .hero-badges{margin-top:18px;}

    /* why: long chips used to force the cards wider than a 320px screen */
    .chip{white-space:normal;}

    /* reviews: the "tell us" form opens only on tap */
    /* phones: the review form opens as a small popup over a dimmed page */
    .review-form:not(.open){display:none;}
    .review-form.open{
      position:fixed;left:16px;right:16px;top:50%;transform:translateY(-50%);z-index:110;
      margin:0;max-height:calc(100vh - 40px);overflow:auto;padding:18px 18px 16px;
      box-shadow:0 20px 50px rgba(24,37,64,0.35);
    }
    .review-form h3{font-size:1.1rem;padding-inline-end:36px;}
    .rv-close{
      position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;
      border:none;background:var(--cream);color:var(--navy-deep);font-size:1.4rem;line-height:1;cursor:pointer;
    }
    .rv-backdrop.open{display:block;position:fixed;inset:0;z-index:105;background:rgba(24,37,64,0.55);}

    /* contact: optional fields hidden (WhatsApp is in the bottom bar) */
    .contact .opt-field{display:none;}
    /* waitlist modal: name + contact only on phones (the optional note field is hidden) */
    .modal-box .opt-field{display:none;}
    .contact .cta-form .row{grid-template-columns:1fr;}

    /* details: three small cards in one row instead of a full screen of cards */
    .details-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
    .detail{padding:16px 6px 14px;border-radius:16px;}
    .detail .big{font-size:1.8rem;}
    .detail .lbl{font-size:0.8rem;line-height:1.3;}
    .details-note{margin-top:16px;font-size:0.92rem;}


    /* objection answer on phones: the "no English needed" card comes first */
    .why-card:nth-child(2){order:-1;}

  }
  @media (max-width:640px){
    /* story: family photo above the text, smaller and centred */
    .story-photos{order:-1;margin-inline-end:0;align-items:center;}
    .story-photo.family{width:min(240px,70vw);height:auto;aspect-ratio:1/1;}
    section.story{padding-block:32px;}
    .story-grid{gap:18px;}
  }

  /* ---------- desktop bottom bar: one centred group (text + main CTA + WhatsApp), not pinned to the edges.
     Gold CTA on navy instead of red - the site's accent-on-dark pairing. ---------- */
  @media (min-width:761px){
    .promo-banner{justify-content:center;gap:22px;padding-block:14px calc(14px + env(safe-area-inset-bottom));font-size:1.2rem;}
    .promo-actions{display:flex;gap:10px;order:2;}
    .promo-text{order:1;}
    .promo-btn{min-height:50px;padding:10px 28px;font-size:1.05rem;}
    .promo-btn svg{width:22px;height:22px;}
    .promo-buy{order:0;}
    .promo-wa{order:1;}
  }
  /* longer bar sentence only where it fits on one line next to the buttons; phones keep the 5-word line */

/* no sideways scrolling anywhere (phone or desktop): decorations and the double-width flip image
   must never let the page pan left/right. "clip" (not "hidden") on body keeps the sticky top bar working. */
html{overflow-x:hidden;}
body{overflow-x:clip;}

/* phones: slightly smaller type overall (sizes are rem-based, so headings scale too) */
@media (max-width:430px){ html{font-size:14.5px;} body{font-size:14.5px;} }
@media (max-width:360px){ html{font-size:13.5px;} body{font-size:13.5px;} }

/* phones: tighter sections and smaller headings */
@media (max-width:760px){
  section{padding-block:26px;}
  .section-head{margin-bottom:18px;}
  .section-head h2{font-size:1.45rem;line-height:1.3;}
  .kicker,.story .kicker,.flip .kicker{font-size:0.95rem;}
  .why-grid{gap:20px;}
  .why-card{padding:22px 18px 18px;}
  /* contact: a compact card */
  .contact .cta-box{padding:20px 16px;border-radius:20px;}
  .cta-box h2,.contact .cta-box h2{font-size:1.3rem;line-height:1.3;}
  .contact .cta-box p.sub{font-size:0.9rem;}
  .contact .cta-form{margin-top:12px;}
  .contact .field{margin-top:6px;}
  .contact .field textarea{min-height:64px;}
  .review-feat{padding:20px 18px;}
  .review-feat p{font-size:0.98rem;line-height:1.65;}
  /* form fields: slimmer boxes. 16px text on purpose - smaller makes iPhone zoom in when a field is tapped */
  .field label{font-size:0.8rem;}
  .field input,.field textarea,.field select,
  .modal-box .field input,.modal-box .field textarea,.reviews .field input,.reviews .field textarea,.reviews .field select,
  .cta-form .field input,.cta-form .field textarea{padding:6px 10px;font-size:16px;border-radius:9px;}
  .field textarea,.contact .field textarea,.review-form .field textarea{min-height:56px;}
  .contact .cta-submit,.modal-box .cta-submit,#rv-submit{padding-block:9px;font-size:0.95rem;}
  /* "השיטה": the heading moved into the bottom-bar rotation on phones - kicker + short intro only */
  .why .why-title{display:none;}
  /* FAQ: smaller questions and answers */
  .faq-list{gap:8px;}
  .faq-q{padding:12px 14px;font-size:0.92rem;gap:10px;}
  .faq-q .plus{width:22px;height:22px;font-size:0.85rem;}
  .faq-a{padding:0 14px 14px;font-size:0.88rem;}
}

/* phones: waitlist popup fits a small screen and the close button never covers the title */
@media (max-width:760px){
  .modal-overlay{padding:12px;}
  .modal-box{padding:46px 18px 18px;max-height:calc(100vh - 24px);}
  .modal-close{top:10px;left:10px;}
  .modal-box h2{font-size:1.15rem;}
  .modal-box p.sub{font-size:0.88rem;}
  .modal-box .trust-row{margin-top:10px;}
}