

html{scroll-padding-top:0}
main section[id]{scroll-margin-top:var(--sp-6)}
.cs-page{background:#fff;color:var(--ink)}
.cs-page h1,.cs-page h2,.cs-page h3{text-wrap:balance}

.cs-lines{white-space:pre-line}
.cs-prose{font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body)}
.cs-prose p{margin:0 0 var(--sp-4)}
.cs-prose p:last-child{margin-bottom:0}
.cs-schedule{font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-body);margin:var(--sp-6) 0}

.cs-written{background:#fff;padding-top:64px}
.cs-written .ch-testi{margin-top:0;box-shadow:var(--sh-chip)}

.cs-extras{background:#fff;border-top:1px solid var(--panel)}
.cs-bonus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:64px;row-gap:var(--sp-6);align-items:center}
.cs-bonus--ai{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.cs-bonus--ai .cs-bonus-fig{grid-column:1;grid-row:1}
.cs-bonus--ai .cs-bonus-text{grid-column:2;grid-row:1}
.cs-bonus+.cs-bonus{margin-top:64px}
.cs-bonus-text{max-width:56ch}

.cs-bonus-head{margin-bottom:var(--sp-6)}
.cs-bonus-head h3{margin:0;font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-card);color:var(--dark)}

.cs-bonus-when{display:inline-block;margin-bottom:var(--sp-3);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-md);
   background:#D9FDD3;color:#075E54;box-shadow:var(--sh-chip);
   font-size:var(--fs-eyebrow);font-weight:var(--fw-body);line-height:var(--lh-body);white-space:nowrap}
.cs-bonus-fig{position:relative;background:var(--cream);border-radius:var(--r-card)}
.cs-bonus-fig img{display:block;width:100%;height:auto;border-radius:var(--r-card);mix-blend-mode:multiply}

.cs-bonus-ui{position:absolute;top:var(--sp-4);left:var(--sp-4);background:#fff;border:1px solid var(--panel);border-radius:var(--r-md);box-shadow:var(--sh-rest);padding:var(--sp-3) var(--sp-4)}
.cs-bonus-ui--tools{left:auto;right:var(--sp-4)}
.cs-bonus-ui-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.cs-bonus-ui-list li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-btn);font-weight:var(--fw-bold);line-height:var(--lh-body);color:var(--dark);white-space:nowrap}
.cs-bonus-check{flex:none;width:20px;height:20px}
.cs-bonus-check rect{fill:var(--blue)}
.cs-bonus-check path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cs-bonus-tool{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-bonus-tool-fill{fill:currentColor;stroke:none}
.cs-bonus-ui--tools li:last-child{color:var(--blue)}
.cs-bonus-ui--tools li:last-child::after{content:'';width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:var(--blue);margin-inline-start:var(--sp-1)}

.cs-extras.is-in .cs-bonus-ui{animation:cs-bonus-rise var(--dur-slow) var(--ease-out) .25s both}
.cs-extras.is-in .cs-bonus-ui li{animation:cs-bonus-on var(--dur-base) var(--ease-out) both}
.cs-extras.is-in .cs-bonus-ui li:nth-child(1){animation-delay:.55s}
.cs-extras.is-in .cs-bonus-ui li:nth-child(2){animation-delay:.7s}
.cs-extras.is-in .cs-bonus-ui li:nth-child(3){animation-delay:.85s}
@keyframes cs-bonus-rise{from{opacity:0;translate:0 var(--sp-2)}to{opacity:1;translate:0 0}}
@keyframes cs-bonus-on{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.cs-extras.is-in .cs-bonus-ui,.cs-extras.is-in .cs-bonus-ui li{animation:none}}
.cs-list{padding-inline-start:var(--sp-6);margin:var(--sp-6) 0}
.cs-list li{padding-inline-start:var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-body);line-height:var(--lh-body)}
.cs-list li::marker{color:var(--blue)}

.cs-proof{background:var(--cream)}
.cs-proof-grid{margin-block:0}
.cs-proof-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-proof-grid--three .ch-vid-card{grid-column:auto}

.cs-offer{position:relative;isolation:isolate;color:var(--tx-on-dark);
   background:
     radial-gradient(880px 620px at 30% 44%,rgba(25,92,255,.22),transparent 68%),
     radial-gradient(1100px 720px at 50% 0%,var(--dark-lift),transparent 60%),
     var(--dark)}
.cs-offer .u-h2,.cs-final .u-h2{color:#fff}

.cs-offer .u-lead--on-dark{color:#fff}

.cs-when{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;
   margin:0 0 var(--sp-6);padding:var(--sp-3) var(--sp-6);
   background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-pill);
   font-size:var(--fs-body);line-height:var(--lh-card);color:#fff;text-align:center}
.cs-when-cycle,.cs-when-until{display:inline-block;padding-inline:var(--sp-4)}
.cs-when-until{border-inline-start:1px solid rgba(255,255,255,.22)}
/* שני התאריכים במדרגה 23 ובספרות גרייקליף, המילים סביבם 18, ולכן השלט נקרא
   מיד כשני תאריכים. סמן ה-latin יושב בתוך הכלל כי אלה ספרות. אזהרה: לא
   לכתוב אותו בתוך הערה, הערות CSS לא מקננות והוא סוגר אותה מוקדם והורג את
   הכלל שאחריה. */
.cs-when-num{font-size:var(--fs-title);font-weight:var(--fw-bold);font-family:var(--font-label)/*latin*/}

.cs-when-until::after{content:'';display:inline-block;width:6px;height:6px;flex:none;
   margin-inline-start:var(--sp-2);border-radius:50%;background:var(--red);vertical-align:middle}

.cs-offer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr;
   column-gap:64px;row-gap:var(--sp-8);align-items:start}
.cs-offer-what{grid-column:1;grid-row:1}
.cs-guarantee{grid-column:1;grid-row:2;padding:var(--sp-8);background:rgba(255,255,255,.06);border-radius:var(--r-card)}
.cs-offer-card{grid-column:2;grid-row:1/3}
.cs-offer-what-h{margin:0 0 var(--sp-4);font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:var(--lh-card);color:#fff}
.cs-offer-list{list-style:none;margin:0;padding:0}
.cs-offer-list li{position:relative;margin:0;padding-inline-start:var(--sp-6);
   font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body);color:#fff}
.cs-offer-list li+li{margin-top:var(--sp-3)}
.cs-offer-list li b{font-weight:var(--fw-bold)}

.cs-offer-list li::before{content:'';position:absolute;inset-inline-start:0;
   top:calc(var(--lh-body)*.5em - var(--sp-2) - 2px);
   width:var(--sp-2);height:var(--sp-3);border-right:2px solid var(--blue-soft);border-bottom:2px solid var(--blue-soft);
   transform:rotate(45deg)}

.cs-guarantee-title{margin:0 0 var(--sp-3);font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:var(--lh-card);color:var(--yellow)}
.cs-guarantee .cs-prose{font-size:var(--fs-body);line-height:var(--lh-body);color:#fff}
.cs-guarantee .cs-prose p{margin:0}
.cs-guarantee .cs-prose p+p{margin-top:var(--sp-3)}
.cs-terms{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.12)}

.cs-terms[open]{display:flex;flex-direction:column}

.cs-terms[open] summary{order:1;align-self:flex-start;margin-top:var(--sp-2)}

.cs-terms summary{cursor:pointer;list-style:none;display:inline-block;
   padding-block:var(--sp-2);margin-block:calc(var(--sp-2) * -1);
   font-size:var(--fs-body);line-height:var(--lh-body);color:#fff;text-decoration:underline;text-underline-offset:var(--sp-1)}
.cs-terms summary::-webkit-details-marker{display:none}

.cs-terms summary::after{content:'';display:inline-block;width:var(--sp-2);height:var(--sp-2);margin-inline-start:var(--sp-2);
   border-right:2px solid currentColor;border-bottom:2px solid currentColor;vertical-align:middle;
   transform:translateY(-25%) rotate(45deg);transition:transform .25s var(--ease)}
.cs-terms[open] summary::after{transform:translateY(25%) rotate(225deg)}
.cs-conditions{margin:var(--sp-3) 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:#fff;text-align:start}
.cs-conditions p{margin:0}
.cs-conditions p+p{margin-top:var(--sp-3)}

.cs-offer-card{background:#fff;color:var(--ink);border-radius:var(--r-card);padding:40px;text-align:center;
   box-shadow:0 32px 80px rgba(25,92,255,.22),0 2px 0 rgba(255,255,255,.12)}
.cs-offer-full{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}
.cs-offer-price{margin:var(--sp-2) 0 0;font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-card);color:var(--ink)}
.cs-offer-price strong{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--blue);white-space:nowrap}
.cs-offer-vat{white-space:nowrap}

.cs-offer-fine{margin:var(--sp-2) 0 0;font-size:var(--fs-eyebrow);line-height:var(--lh-body);color:var(--ink);text-wrap:balance}

.cs-offer-save{display:inline-block;margin:var(--sp-6) 0 0;padding:var(--sp-2) var(--sp-4);
   background:var(--green);border-radius:var(--r-pill);
   font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-card);color:var(--dark)}
.cs-offer-form{margin-top:var(--sp-6);background:none}

.cs-offer-talk{margin:var(--sp-3) 0 0}

.cs-offer-talk .u-btn--ghost{border-color:currentColor;color:var(--tx-muted);font-weight:var(--fw-body)}
.cs-checkout .u-btn{font-size:var(--fs-body)}

.cs-offer-form input:focus-visible{box-shadow:var(--focus-ring)}
.cs-checkout .u-btn{white-space:normal;margin-top:var(--sp-2)}
.cs-preview-status{margin:var(--sp-4) 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--blue-soft)}

@keyframes cs-offer-rise{from{opacity:0;transform:translateY(var(--sp-4))}to{opacity:1;transform:none}}
.cs-offer.is-in .cs-offer-card{animation:cs-offer-rise .6s var(--ease-out) both}
@media(prefers-reduced-motion:reduce){.cs-offer.is-in .cs-offer-card{animation:none}}

.cs-final{position:relative;isolation:isolate;color:var(--tx-on-dark);
   background:
     radial-gradient(880px 620px at 30% 44%,rgba(25,92,255,.22),transparent 68%),
     radial-gradient(1100px 720px at 50% 0%,var(--dark-lift),transparent 60%),
     var(--dark)}
.cs-final .u-lead--on-dark{color:#fff}
.cs-final-cta{margin:0;text-align:center}

.cs-faq{background:#fff}

@media(max-width:1000px){
  .cs-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-8)}
  .cs-offer-card{padding:var(--sp-6)}

  .cs-when-sep{display:none}
  .cs-when-time{display:block}

  .cs-checkout .u-btn{padding-inline:var(--sp-4)}
}
@media(max-width:700px){

  .cs-offer-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:var(--sp-8)}
  .cs-offer-what,.cs-guarantee,.cs-offer-card{grid-column:auto;grid-row:auto}

  .cs-offer-card{order:-2;margin-inline:calc(-1*var(--sp-6));padding:var(--sp-6) 20px}
  .cs-guarantee{order:-1;padding:var(--sp-6)}
  .cs-offer-what{padding-top:var(--sp-8);border-top:1px solid rgba(255,255,255,.12)}

  .cs-offer-vat{display:block}

  .cs-when{display:block;border-radius:var(--r-card);padding:var(--sp-4) var(--sp-6)}
  .cs-when-cycle,.cs-when-until{display:block;padding-inline:0}
  .cs-when-until{margin-top:var(--sp-3);padding-top:var(--sp-3);
     border-inline-start:0;border-top:1px solid rgba(255,255,255,.22)}
  .cs-proof-grid--three{grid-template-columns:1fr}
  .cs-proof-grid--three .ch-vid-card{grid-column:1/-1}
}

@media(max-width:1000px){
  .cs-bonus,.cs-bonus--ai{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-8)}
  .cs-bonus-fig{padding-bottom:var(--sp-12)}
  .cs-bonus-ui,.cs-bonus-ui--tools{top:auto;right:auto;bottom:var(--sp-3);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - var(--sp-6));padding:var(--sp-2) var(--sp-3)}
  .cs-bonus-ui-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-3)}
  .cs-bonus-ui-list li{gap:var(--sp-2);font-size:var(--fs-eyebrow)}
  .cs-bonus-check{width:var(--sp-4);height:var(--sp-4)}
  .cs-bonus-tool{display:none}
}

@media(max-width:700px){
  .cs-bonus,.cs-bonus--ai{grid-template-columns:1fr}
  .cs-bonus--ai .cs-bonus-fig,.cs-bonus--ai .cs-bonus-text{grid-column:auto;grid-row:auto}
  .cs-bonus+.cs-bonus{margin-top:var(--sp-12)}
  .cs-bonus-fig{order:-1;margin-inline:calc(-1*var(--sp-6))}
  .cs-bonus-ui--tools li:last-child::after{display:none}
  .cs-bonus-text{max-width:none}
}

.cs-legal{background:var(--dark);color:var(--tx-on-dark-2);
   padding:var(--sp-8) 0;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.cs-legal p{margin:0;font-size:var(--fs-eyebrow);line-height:var(--lh-body)}
.cs-legal p+p{margin-top:var(--sp-2)}

.cs-legal a{color:#fff;text-decoration:none}
.cs-legal a:hover,.cs-legal a:focus-visible{text-decoration:underline;text-underline-offset:var(--sp-1)}

.cs-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-6) var(--sp-4)}
.cs-legal-links a{padding-block:var(--sp-3);margin-block:calc(var(--sp-3) * -1)}

main{--sp-sec:80px}
@media(max-width:900px){main{--sp-sec:56px}}
