/*! The recording player is a port of Watermelon UI's waveform-scrub component (MIT licence). */
:root{
  --cream:#FCF6EF;
  --sand:#F6F0E9;
  --sand2:#F1EAE2;
  --line:#E6DCD0;
  --line2:#D9CCBE;
  --ink:#071C16;
  --muted:#4C6359;
  --coral:#0B2E24;
  --coral-press:#08241C;
  --coral2:#0F3A2D;
  --coral3:#134536;
  --glow-a:#1F5F45;
  --orange:#2F855A;
  --glow-b:#48A274;
  --butter:#C6F6D5;
  --ring:#9AE6B4;
  --gold:#68D391;
  --peach:#A8DCC0;
  --rust:#0B2E24;
  --taupe:#24584A;
  --taupe-hi:#2E6558;
  --taupe-lo:#18443A;
  --dark:#0F241D;
  --dark-hi:#1C3A30;
  --dark-lo:#081611;
  --on-dark:#C9E4D7;
  --on-dark-muted:#B0D2C2;
  --white:#FFFFFF;
  --butter-line:rgba(198,246,213,.3);

  --ease:cubic-bezier(.16,1,.3,1);
  --dur:.7s;
  --gutter:16px;
  --corner:16px;
  --ease-out:cubic-bezier(.2,.7,.3,1);
  --glide:cubic-bezier(.16,1,.3,1);
  --glide-long:cubic-bezier(.33,1,.68,1);
  --snap:cubic-bezier(.16,1,.3,1);
  --radius:9px;

  --wrap:1392px;
  --pad:clamp(16px, 2.5vw, 36px);
  --sec:clamp(96px, 72.2px + 6.1vw, 160px);

  --display:"Geist","Heebo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono","Heebo",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --num:"Geist Mono","Heebo",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --hebrew:"Heebo","Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --handset:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 1.8h2.3l1.2 3-1.6 1.1a8.5 8.5 0 0 0 4.9 4.9l1.1-1.6 3 1.2v2.3a1.2 1.2 0 0 1-1.3 1.2A12 12 0 0 1 2 3.1a1.2 1.2 0 0 1 1.2-1.3z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@supports (transition-timing-function:linear(0, 1)){
  :root{
    --glide:linear(0, .023, .079, .153, .236, .321, .403, .48, .551, .615, .671, .721, .764, .801, .833, .86, .883, .903, .919, .933, .944, .954, .962, .969, .974, .979, .983, .986, .988, .99, .992, .994, .995, .996, .997, .997, .998, .998, .998, .999, 1);
    --snap:linear(0, .022, .079, .158, .249, .344, .438, .527, .609, .683, .748, .804, .852, .891, .923, .949, .969, .984, .995, 1.004, 1.009, 1.013, 1.014, 1.015, 1.015, 1.014, 1.013, 1.012, 1.01, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1);
  }
}

[lang="he"]{
  --display:"Geist","Heebo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Heebo","Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --num:"Geist Mono","Heebo",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --hebrew:"Heebo","Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; background:var(--cream); color-scheme:light; }
body{
  margin:0; background:var(--cream); color:var(--ink);
  font-family:var(--display);
  font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
[lang="he"] body{ font-family:var(--hebrew); font-size:17px; line-height:1.55; }
h1,h2,h3{ margin:0; font-weight:400; color:var(--ink); text-wrap:balance; overflow-wrap:break-word; }
h1{ font-size:clamp(52px, 7.6vw, 120px); line-height:.98; letter-spacing:-.045em; }
h2{ font-size:clamp(40px, 4.4vw, 64px); line-height:1.02; letter-spacing:-.04em; }
h3{ font-size:26px; line-height:1.1; letter-spacing:-.035em; }
[lang="he"] h1, [lang="he"] h2, [lang="he"] h3{ line-height:1.06; letter-spacing:-.025em; }
p{ margin:0; }
a{ color:inherit; }
img,svg{ max-inline-size:100%; }
button{ font:inherit; }
a, button, summary, input, label{ touch-action:manipulation; }

.wrap{ inline-size:100%; max-inline-size:var(--wrap); margin-inline:auto; padding-inline:var(--pad); }
.mono{ font-family:var(--num); font-variant-numeric:tabular-nums; }
.label{ font-family:var(--mono); font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
[lang="he"] .label{ font-size:.875rem; letter-spacing:0; }
[lang="he"] .rec__real, [lang="he"] .nav__lang > summary, [lang="he"] .tab, [lang="he"] .colhead b,
[lang="he"] .line__who, [lang="he"] .cb__row .sr-only, [lang="he"] .tiers__free{ letter-spacing:0; }
.section .label{ margin-block-end:20px; color:var(--muted); }

.glow{ position:absolute; border-radius:50%; pointer-events:none; }
.blob-b{ animation:blob-b 22s ease-in-out infinite; }
.ticker{ display:flex; inline-size:max-content; will-change:transform; }
[data-reveal] .rise{ opacity:0; translate:0 80px; transition:opacity .7s var(--glide), translate .7s var(--glide); }
[data-reveal] .rise[data-in]{ opacity:1; translate:none; }
[data-reveal] :is(.how__head > .rise, .close__say){ opacity:1; translate:none; transition:none; }
[data-reveal] :is(.how__head > .rise, .close__say) > *{ opacity:0; translate:0 80px; transition:opacity .7s var(--glide), translate .7s var(--glide); }
[data-reveal] :is(.how__head > .rise, .close__say)[data-in] > *{ opacity:1; translate:none; }
[data-reveal] :is(.how__head > .rise, .close__say)[data-in] > :nth-child(1){ transition-delay:.1s; }
[data-reveal] :is(.how__head > .rise, .close__say)[data-in] > :nth-child(2){ transition-delay:.15s; }
[data-reveal] :is(.how__head > .rise, .close__say)[data-in] > :nth-child(3){ transition-delay:.2s; }
[data-reveal] .faq > .rise[data-in]{ transition:opacity .7s var(--glide) calc(.3s + var(--n) * 25ms), translate .7s var(--glide) calc(.3s + var(--n) * 25ms), background-color .5s; }
.fixes__h[data-ink] .word{ color:var(--line2); transition:color .4s var(--ease); }
.fixes__h[data-ink] .word.is-in{ color:var(--ink); }
@supports (animation-timeline: view()){
  .word{ animation:ink linear both; animation-timeline:view(); animation-range:cover calc(8% + var(--i, 0) * 8%) cover calc(16% + var(--i, 0) * 8%); }
}
.burger{ display:none; }

.sr-only{
  position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
.skip{
  position:absolute; inset-inline-start:12px; inset-block-start:-60px; z-index:200;
  display:inline-flex; align-items:center; min-block-size:44px;
  background:var(--ink); color:var(--cream); padding:0 16px; border-radius:var(--radius); font-weight:600;
}
.skip:focus{ inset-block-start:12px; }

:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; }

#top,#demo,#how,#fixes,#pricing,#clients,#connects,#faq{ scroll-margin-block-start:16px; }
main > section[data-live="off"]{ display:none; }

.lede{ font-size:clamp(16px, 14.8px + .266vw, 19px); line-height:1.45; color:var(--muted); max-inline-size:440px; }

.nav{ position:fixed; inset-inline:24px; inset-block-start:20px; z-index:20; transition:translate .45s var(--ease), opacity .3s; }
.nav[data-hidden]:not(:focus-within){ translate:0 calc(-100% - 24px); opacity:0; pointer-events:none; }
@media (scripting: enabled){
  :root:has(#top) .nav:not([data-ready]):not(:focus-within){ translate:0 calc(-100% - 24px); opacity:0; pointer-events:none; animation:nav-fallback .3s var(--ease) 1.2s forwards; }
}
.nav__pill{
  position:relative; max-inline-size:var(--wrap); margin-inline:auto;
  display:flex; align-items:center; gap:24px; padding:8px; padding-inline-start:14px;
  background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-radius:var(--corner); box-shadow:0 10px 30px -20px rgba(7,28,22,.35);
}
.brand{ display:inline-flex; align-items:center; gap:10px; min-block-size:44px; text-decoration:none; flex-shrink:0; color:var(--ink); }
.nav .brand{ flex:1 1 0; }
.brand__mark{ display:block; flex:none; }
.brand__word{ font-family:var(--display); font-size:20px; font-weight:400; letter-spacing:-.035em; }

.nav__links{ display:flex; align-items:center; gap:40px; font-family:var(--mono); font-size:12.5px; letter-spacing:.02em; text-transform:uppercase; }
.nav__links a{ color:var(--muted); text-decoration:none; padding-block:12px; transition:color .15s; }
.nav__links a:hover{ color:var(--ink); }
.nav__end{ flex:1 1 0; display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.nav .btn--sm{ min-block-size:44px; padding-inline:16px; font-size:12.5px; }
.nav .burger{
  align-items:center; justify-content:center; inline-size:44px; block-size:44px; padding:0;
  border:0; border-radius:10px; background:transparent; color:var(--ink); cursor:pointer;
}
.burger path{ transform-box:fill-box; transform-origin:center; transition:transform .35s var(--ease); }
.burger[aria-expanded="true"] .burger__a{ transform:translateY(3px) rotate(45deg); }
.burger[aria-expanded="true"] .burger__b{ transform:translateY(-3px) rotate(-45deg); }

.nav__lang{ position:relative; flex-shrink:0; }
.nav__lang > summary{
  display:flex; align-items:center; gap:8px; min-block-size:44px; padding-inline:12px; list-style:none; cursor:pointer;
  font-family:var(--mono); font-size:12.5px; letter-spacing:.02em; color:var(--muted); transition:color .15s;
}
.nav__lang > summary::-webkit-details-marker{ display:none; }
.nav__lang > summary:hover, .nav__lang[open] > summary{ color:var(--ink); }
.nav__now{ white-space:nowrap; }
.nav__globe, .nav__caret{ display:block; flex-shrink:0; }
.nav__lang[open] .nav__caret{ transform:rotate(180deg); }
.nav__langs{
  position:absolute; inset-block-start:calc(100% + 16px); inset-inline-end:0; z-index:1;
  margin:0; padding:8px; list-style:none; min-inline-size:13rem;
  background:var(--white); border-radius:var(--corner); box-shadow:0 20px 40px -24px rgba(7,28,22,.4);
}
.nav__langs a{
  display:flex; align-items:center; min-block-size:44px; padding:0 12px; border-radius:var(--radius);
  color:var(--muted); text-decoration:none; white-space:nowrap; transition:color .15s, background-color .15s;
}
.nav__langs a:hover{ color:var(--ink); background:var(--sand); }
.nav__langs a[aria-current]{ color:var(--ink); }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-block-size:52px; padding:0 22px; border:1px solid transparent; border-radius:var(--radius);
  font:inherit; font-family:var(--mono); font-size:13px; font-weight:400; letter-spacing:.02em; text-transform:uppercase; line-height:1.1;
  text-align:center; text-decoration:none; cursor:pointer; white-space:nowrap;
  transition:transform .25s var(--ease-out), background-color .25s, color .25s, border-color .25s;
}
@media (hover:hover){ .btn:hover{ transform:translateY(-2px); } }
[lang="he"] .btn{ font-size:15px; font-weight:500; letter-spacing:0; }
.btn svg{ inline-size:18px; block-size:18px; flex-shrink:0; }
.btn--sm{ min-block-size:44px; padding-inline:18px; }
.btn--lg{ min-block-size:56px; padding-inline:22px; }
.btn--full{ inline-size:100%; }
.btn--primary, .btn--dark{ background:var(--ink); color:var(--butter); }
.btn--primary:active, .btn--dark:active{ background:var(--coral-press); }
.btn--primary:disabled{ background:var(--line2); color:var(--muted); cursor:default; }
.btn--butter{ background:var(--butter); color:var(--rust); }
.btn--line{ background:transparent; color:var(--butter); border-color:rgba(198,246,213,.6); }
.btn--ghost{ background:var(--white); color:var(--ink); }
.dial[hidden], .hero__go .btn[hidden]{ display:none; }

.surface{ position:absolute; inset:0; overflow:clip; pointer-events:none; }
.weave{ position:absolute; inset:0; inline-size:100%; block-size:100%; display:block; pointer-events:none; }
.lines{ position:absolute; inset-inline-end:-160px; inset-block-end:-220px; inline-size:1200px; block-size:800px; max-inline-size:none; color:var(--ring); opacity:.35; mix-blend-mode:overlay; pointer-events:none; }

.hero{ display:flex; flex-direction:column; min-block-size:var(--hero-h, 100svh); padding:var(--gutter); overflow:clip; }
.hero__card{
  flex:1 1 auto; position:relative; isolation:isolate; border-radius:var(--corner);
  display:flex; flex-direction:column; align-items:center; color:var(--butter);
}
.hero__card > .surface{
  --hero-lift:.06; --hero-haze:rgba(154,230,180,.03);
  border-radius:inherit;
  background:linear-gradient(var(--hero-haze), var(--hero-haze)), radial-gradient(circle 35vmax at 15% 0%, var(--glow-a), rgba(31,95,69,0)), radial-gradient(circle 40vmax at 85% 100%, var(--glow-b), rgba(72,162,116,0)), var(--coral);
  animation:hero-settle 1.1s var(--glide-long) 1.3s backwards;
}
@media (max-width:899px){
  .hero__card > .surface{ --hero-lift:.15; --hero-haze:rgba(154,230,180,.13); }
}
.hero__in{ position:relative; flex:1 1 auto; align-self:stretch; display:flex; flex-direction:column; align-items:center; padding:0 32px 24px; text-align:center; }
.hero__copy{ margin-block:auto; display:flex; flex-direction:column; align-items:center; animation:hero-copy 1.1s var(--glide) 1.5s backwards; }
.hero__brand{ --brand-pad:50px; flex:none; display:flex; align-items:center; gap:8px; padding-block-start:var(--brand-pad); color:var(--butter); animation:hero-lift 1.15s var(--glide) 1.45s backwards; }
.hero__mark{ display:block; flex:none; inline-size:40px; block-size:40px; animation:hero-pop .42s var(--snap) .06s backwards, hero-slide .52s var(--glide) .36s backwards; }
.hero__mark rect{ transform-box:fill-box; transform-origin:center; animation:hero-bar .36s var(--snap) backwards; }
.hero__mark :nth-child(3){ animation-delay:.22s; }
.hero__mark :nth-child(4){ animation-delay:.29s; }
.hero__mark :nth-child(5){ animation-delay:.36s; }
.hero__mark :nth-child(6){ animation-delay:.43s; }
.hero__word{ font-family:var(--display); font-size:22px; font-weight:400; letter-spacing:-.035em; animation:hero-open .52s var(--glide) .36s backwards; }
.hero h1{ max-inline-size:7em; font-size:clamp(48px, 7.6vw, 120px); color:var(--butter); }
[lang="he"] .hero h1{ font-size:clamp(48px, 7.6vw, 120px); }
.hero__w{ display:inline-block; animation:hero-word .45s var(--glide) calc(1.6s + var(--w) * 80ms) backwards; }
.hero__sub{
  margin-block-start:24px; max-inline-size:520px; font-size:clamp(17px, 1.4vw, 20px); line-height:1.45; color:var(--white);
  animation:hero-sub .5s var(--glide) 2.15s backwards;
}
.hero__go{ margin-block-start:32px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.hero__go .btn{ animation:hero-btn .5s var(--glide) 2.4s backwards; }
.hero__go .btn + .btn{ animation-delay:2.47s; }
.hero .rec{ animation:hero-rec .6s var(--glide) 2.65s backwards; }


.rec{
  position:relative; inline-size:100%; max-inline-size:940px; margin-block-start:clamp(20px, 3svh, 32px);
  display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; align-items:center; gap:14px;
  text-align:start; scroll-margin-block-start:clamp(56px, 9vh, 92px);
}
.rec[data-many]{ grid-template-columns:48px minmax(0,1fr) 48px; }
.rec__card{
  grid-column:1 / -1; grid-row:1; inline-size:100%; max-inline-size:880px; padding:12px;
  border-radius:var(--corner); border:1px solid rgba(198,246,213,.28);
  background:rgba(255,255,255,.1); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
}
.rec[data-many] .rec__card{ grid-column:2; }
.rec.is-pop{ animation:hero-rec .6s var(--glide) 2.65s backwards, rec-pop 1.6s ease-in-out; }
.rec.is-pop .rec__card{ position:relative; }
.rec.is-pop .rec__card::after{ content:""; position:absolute; inset:-1px; border-radius:inherit; outline:3px solid var(--butter); outline-offset:3px; pointer-events:none; animation:rec-ring 1.6s var(--ease-out) both; }
.rec__top{ display:flex; align-items:center; gap:16px; margin-inline:-12px; padding-inline:12px; overflow-x:clip; }
.rec__play{
  flex:none; inline-size:56px; block-size:56px; padding:0; border:0; border-radius:50%;
  display:grid; place-items:center; cursor:pointer;
  background:var(--butter); color:var(--rust);
  transition:transform .25s var(--ease-out), opacity .15s;
}
@media (hover:hover){ .rec__play:hover{ transform:translateY(-2px); } }
.rec__play svg{ grid-area:1 / 1; inline-size:15px; block-size:15px; opacity:0; transition:opacity .15s; }
.rec__play[data-mode="play"] .rec__i-play,
.rec__play[data-mode="pause"] .rec__i-pause,
.rec__play[data-mode="replay"] .rec__i-replay{ opacity:1; }
.rec__play:disabled{ opacity:.55; cursor:default; transform:none; }
.rec__info{ flex:0 1 230px; min-inline-size:0; }
.rec__real{ margin:0; font-family:var(--mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--butter); }
.rec__real[hidden]{ display:none; }
.rec__left{ flex:none; font-family:var(--num); font-size:12px; letter-spacing:.02em; color:var(--butter); white-space:nowrap; }
.rec__left span{ display:inline-block; font-variant-numeric:tabular-nums; }

.rec__wave{
  --p:0;
  position:relative; flex:1 1 auto; min-inline-size:0; block-size:48px;
  cursor:grab; touch-action:pan-y; -webkit-user-select:none; user-select:none;
}
.rec__wave::before{ content:""; position:absolute; inset-inline:0; inset-block-start:50%; block-size:1px; background:var(--butter-line); }
.rec__wave.is-drag{ cursor:grabbing; }
.rec__played{ display:none; }
.rec__bars{
  position:absolute; inset-block:0; inset-inline:14px;
  display:flex; align-items:center; justify-content:space-between; pointer-events:none;
}
.rec__bars i{ flex:none; inline-size:2px; border-radius:2px; block-size:calc(var(--h) * 6%); background:rgba(198,246,213,.4); }
.rec__bars--on{ clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0); }
.rec__bars--on i{ background:var(--butter); }
.rec__head{
  position:absolute; inset-block:0; inset-inline-start:calc(14px + var(--p) * (100% - 28px));
  inline-size:1px; background:var(--butter); pointer-events:none;
}

.rec:not([data-state="empty"]) .rec__text{ display:none; }
.rec__empty{ font-family:var(--mono); font-size:12px; letter-spacing:.02em; color:var(--butter); }
.rec[data-state="empty"] .rec__left{ visibility:hidden; }
.rec[data-state="empty"] .rec__wave{ cursor:default; }
.rec[data-state="empty"] .rec__played, .rec[data-state="empty"] .rec__head{ display:none; }

.rec__go{
  display:none; grid-row:1; place-items:center; inline-size:48px; block-size:48px; padding:0;
  border:1px solid rgba(198,246,213,.35); border-radius:50%; background:rgba(255,255,255,.1); color:var(--butter); cursor:pointer;
  transition:transform .25s var(--ease-out), background-color .25s;
}
.rec__go:hover{ transform:scale(1.06); background:rgba(255,255,255,.22); }
.rec__go:disabled{ opacity:.4; cursor:default; transform:none; }
.rec__go--prev{ grid-column:1; }
.rec__go--next{ grid-column:3; }
.rec[data-many] .rec__go{ display:grid; }
.rec__calls, .rec__step{ display:none; }
.rec__step{ grid-column:1 / -1; align-items:center; gap:12px; font-family:var(--mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--butter); }
.rec[data-many] .rec__step{ display:flex; }
.rec[data-many] .rec__step{ opacity:0; visibility:hidden; transition:opacity .6s var(--ease-out); }
.rec[data-played] .rec__step{ opacity:1; visibility:visible; }
.rec__pos{ font-family:var(--num); font-variant-numeric:tabular-nums; white-space:nowrap; }
.rec__dots{ display:flex; gap:6px; }
.rec__dots i{ display:block; inline-size:6px; block-size:6px; border-radius:3px; background:rgba(198,246,213,.4); transition:inline-size .35s, background-color .35s; }
.rec__dots i[aria-current]{ inline-size:22px; background:var(--butter); }

.section{ padding-block:var(--sec) 0; }

.fixes__h{ max-inline-size:820px; }
.problems{ margin-block-start:48px; display:flex; flex-direction:column; gap:8px; }
.problem{
  --d:.2s; position:relative; overflow:clip; isolation:isolate; border-radius:var(--corner);
  display:flex; flex-direction:column; justify-content:space-between; gap:24px;
  min-block-size:360px; padding:8px; background-color:var(--coral-press); color:var(--butter); outline-offset:3px;
  transition:inline-size .7s var(--glide), min-block-size .7s var(--glide), background-color .7s var(--glide), color .7s var(--glide), opacity .7s var(--glide) var(--d), translate .7s var(--glide) var(--d);
}
.problem:nth-child(2){ --d:.3s; background-color:var(--coral2); }
.problem:nth-child(3){ --d:.4s; background-color:var(--coral3); }
.problem__no{
  flex:none; align-self:flex-start; display:grid; place-items:center; min-inline-size:40px; block-size:40px; padding-inline:16px; border-radius:12px;
  background:rgba(198,246,213,.16); color:var(--butter); font-family:var(--num); font-size:12px;
  transition:background-color .7s var(--glide), color .7s var(--glide);
}
.problem__surface{ position:absolute; inset:0; z-index:-1; overflow:clip; pointer-events:none; transition:opacity .7s var(--glide); background:radial-gradient(90% 80% at 15% 0%, var(--glow-a), rgba(31,95,69,0)); }
.problem__glow{
  inline-size:900px; block-size:900px; inset-inline-end:-200px; inset-block-end:-500px;
  background:radial-gradient(closest-side, rgba(72,162,116,.35), rgba(72,162,116,0)); animation-duration:16s;
}
.problem__fig{
  position:absolute; inset-block-start:16px; inset-inline-end:24px; font-size:clamp(80px, 9vw, 150px); line-height:.8; letter-spacing:-.07em;
  font-variant-numeric:tabular-nums; color:var(--butter); pointer-events:none; transition:opacity .7s var(--glide) .2s, translate .7s var(--glide) .2s;
}
.problem__say{ min-inline-size:0; padding:0 12px 12px; }
.problem__big{ max-inline-size:16em; font-size:clamp(28px, 2.8vw, 40px); line-height:1.1; letter-spacing:-.035em; color:var(--butter); overflow-wrap:break-word; transition:font-size .7s var(--glide), color .7s var(--glide); }
.problem__label{ display:block; color:var(--ring); transition:color .7s var(--glide); }
.problem__more, .problem__desc{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .7s var(--glide), opacity .7s var(--glide), margin .7s var(--glide); }
.problem__more > span, .problem__text{ overflow:hidden; min-block-size:0; }
.problem__desc{ margin-block-start:16px; }
.problem__text{ max-inline-size:480px; font-size:17px; line-height:1.5; color:var(--white); }
.problems[data-pick]{ flex-direction:row; gap:16px; }
.problems[data-pick] .problem{ flex:none; inline-size:calc(25.5% - 16px); cursor:default; }
.problems[data-pick] .problem[data-on]{ inline-size:49%; }
.problems[data-pick] .problem:not([data-on]){ background-color:var(--sand); color:var(--ink); }
.problems[data-pick] .problem:not([data-on]) .problem__surface{ opacity:0; }
.problems[data-pick] .problem:not([data-on]) .problem__no{ background:var(--white); color:var(--muted); }
.problems[data-pick] .problem:not([data-on]) .problem__fig{ opacity:0; translate:0 80px; transition-delay:0s; }
.problems[data-pick] .problem:not([data-on]) .problem__big{ font-size:24px; color:var(--muted); }
.problems[data-pick] .problem:not([data-on]) .problem__label{ color:var(--muted); }
.problems[data-pick] .problem:not([data-on]) :is(.problem__more, .problem__desc){ grid-template-rows:0fr; opacity:0; margin-block-start:0; }
.problems[data-wait] .problem{ opacity:0; translate:0 80px; }
.problems[data-still] *{ transition:none; }

.how__head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:20px 48px; }
.how__head .lede{ margin-block-start:16px; max-inline-size:640px; }
.flow{ margin-block-start:36px; display:flex; flex-direction:column; gap:16px; }
.flow__stage{
  position:relative; overflow:clip; isolation:isolate; display:flex; align-items:center; justify-content:center;
  padding:32px 16px; border-radius:var(--corner); background-color:var(--taupe);
  background-image:radial-gradient(80% 70% at 20% 10%, var(--taupe-hi), rgba(46,101,88,0) 70%), radial-gradient(70% 80% at 90% 100%, var(--taupe-lo), rgba(24,68,58,0) 70%);
  transition:opacity 1s var(--glide) .3s, translate 1s var(--glide) .3s;
}
.flow__surface{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
.flow__phone{ position:relative; inline-size:min(380px, 100%); display:flex; flex-direction:column; gap:12px; }
.flow__label{
  align-self:center; padding:8px 12px; border-radius:8px; background:rgba(255,255,255,.06);
  font-family:var(--mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--white);
}
.flow__label span:not([data-on]){ display:none; }
.flow__mock{
  block-size:420px; padding:16px 18px 20px; overflow:hidden; display:grid; grid-template-rows:auto minmax(0, 1fr); perspective:1200px;
  border-radius:14px; border:1px solid rgba(255,255,255,.5); background:rgba(24,68,58,.6); color:var(--white);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.flow__bar{ display:flex; justify-content:space-between; gap:12px; font-family:var(--num); font-size:11px; color:var(--white); }
.flow__screen{ grid-area:2 / 1; min-block-size:0; display:flex; flex-direction:column; opacity:0; scale:.9; visibility:hidden; transition:opacity .7s var(--glide), scale .7s var(--glide), visibility 0s .7s; }
.flow__screen:not(.flow__screen--ring){ scale:.95; }
.flow__screen[data-on]{ opacity:1; scale:1; visibility:visible; transition-delay:0s; }
.flow__screen--ring{ align-items:center; justify-content:center; gap:12px; text-align:center; }
.flow__tag{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--butter); }
.flow__who{ font-size:30px; letter-spacing:-.03em; }
.flow__what{ font-size:14px; color:var(--white); }
.flow__eq{ display:flex; align-items:center; gap:3px; block-size:60px; margin-block-start:8px; }
.flow__eq i{ flex:none; inline-size:3px; block-size:calc(var(--h) * 1px); border-radius:2px; background:var(--white); animation:bar .9s ease-in-out infinite; animation-delay:calc(var(--h) * -17ms); }
.flow__keys{ display:flex; gap:28px; margin-block-start:14px; }
.flow__key{ display:grid; place-items:center; inline-size:50px; block-size:50px; border-radius:50%; background:var(--white); color:var(--ink); }
.flow__key--end{ background:var(--coral-press); color:var(--white); }
@property --call-s{ syntax:'<integer>'; inherits:false; initial-value:7; }
.flow__screen--call{ gap:14px; padding-block-start:14px; }
.flow__callhead{ display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:3px 12px; padding-block-end:12px; border-block-end:1px solid rgba(255,255,255,.2); }
.flow__caller{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; letter-spacing:-.03em; }
.flow__status{ grid-column:1; display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--butter); }
.flow__status::before{ content:""; flex:none; inline-size:6px; block-size:6px; border-radius:50%; background:var(--gold); animation:dot 1.2s infinite; }
.flow__timer{ grid-column:2; grid-row:1 / 3; counter-reset:call-s var(--call-s); font-family:var(--num); font-size:15px; font-variant-numeric:tabular-nums; }
.flow__timer::after{ content:"0:" counter(call-s, decimal-leading-zero); }
.flow__screen--call[data-on] .flow__timer{ animation:call-time 8s steps(8, end) both; }
.flow__voice{ display:flex; align-items:center; justify-content:center; gap:3px; block-size:30px; color:var(--butter); }
.flow__voice i{ flex:none; inline-size:3px; block-size:calc(var(--h) * 1px); border-radius:2px; background:currentColor; animation:bar .8s ease-in-out infinite; animation-delay:calc(var(--h) * -41ms); }
.flow__screen--call[data-on] .flow__voice{ animation:call-voice 8s step-end both; }
.flow__lines{ flex:1; min-block-size:0; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; mask-image:linear-gradient(transparent, var(--white) 28px); }
.flow__screen--call[data-on] .flow__lines > *{ animation:rise .5s var(--at) both; }
.flow__lines > :nth-child(1){ --at:.3s; }
.flow__lines > :nth-child(2){ --at:2s; }
.flow__lines > :nth-child(3){ --at:3.8s; }
.flow__lines > :nth-child(4){ --at:5.6s; }
.flow__line{ display:grid; justify-items:start; gap:3px; font-size:15px; line-height:1.4; color:var(--white); }
.flow__line > .flow__now, .flow__words{ grid-area:2 / 1; }
.flow__line:not(.flow__line--now) > .flow__now{ opacity:0; }
.flow__screen--call[data-on] .flow__line:not(.flow__line--now) > .flow__now{ animation:speak 1s var(--at) backwards; }
.flow__screen--call[data-on] .flow__words{ animation:rise .5s calc(var(--at) + .8s) both; }
.flow__said{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--butter); }
.flow__line--lead .flow__said{ color:var(--white); }
.flow__now{ display:flex; align-items:center; gap:3px; block-size:21px; }
.flow__now i{ inline-size:3px; block-size:14px; border-radius:2px; background:var(--white); animation:bar .8s ease-in-out infinite; }
.flow__now i:nth-child(2){ animation-delay:-.16s; }
.flow__now i:nth-child(3){ animation-delay:-.32s; }
.flow__now i:nth-child(4){ animation-delay:-.48s; }
.flow__now i:nth-child(5){ animation-delay:-.64s; }
.flow__fact{ align-self:center; padding:6px 10px; border-radius:7px; background:rgba(198,246,213,.2); font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--butter); }
.flow__screen--sum, .flow__screen--done{ justify-content:center; gap:12px; }
.flow__card{ padding:14px 16px; border-radius:14px; background:var(--white); color:var(--ink); }
.flow__screen--done .flow__card{ padding:18px; }
.flow__cardhead{ display:flex; justify-content:space-between; gap:12px; font-family:var(--mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); }
.flow__facts{ margin:0; }
.flow__facts div{ display:flex; justify-content:space-between; gap:12px; padding-block:8px; border-block-end:1px solid var(--sand2); font-size:13px; }
.flow__facts dt{ flex:none; color:var(--muted); }
.flow__facts dd{ margin:0; text-align:end; }
.flow__chips{ margin-block-start:10px; display:flex; flex-wrap:wrap; gap:5px; }
.flow__chip{ padding:5px 8px; border-radius:6px; background:var(--sand); font-family:var(--mono); font-size:10px; text-transform:uppercase; color:var(--muted); }
.flow__chip--on{ background:var(--ink); color:var(--butter); }
[dir="rtl"] .flow__facts{ display:grid; grid-template-columns:max-content minmax(0, 1fr); }
[dir="rtl"] .flow__facts div{ grid-column:1 / -1; display:grid; grid-template-columns:subgrid; }
[dir="rtl"] .flow__facts dd{ text-align:start; }
[lang="he"] .flow__cardhead, [lang="he"] .flow__chip{ font-size:12px; letter-spacing:0; }
.flow__next{ margin-block-start:8px; font-size:22px; letter-spacing:-.03em; }
.flow__sent{ margin-block-start:10px; font-size:13.5px; color:var(--muted); }

.flow__steps{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.flow__steps > li{ transition:opacity .7s var(--glide) .3s; }
.flow__steps > li:nth-child(2){ transition-delay:.325s; }
.flow__steps > li:nth-child(3){ transition-delay:.35s; }
.flow__steps > li:nth-child(4){ transition-delay:.4s; }
.flow__step{
  display:block; inline-size:100%; overflow:hidden; padding-block:20px; padding-inline:20px 32px; border:0; border-radius:var(--corner);
  background:transparent; color:var(--ink); font:inherit; text-align:start; cursor:pointer; transition:background-color .7s var(--glide);
}
.flow__step[aria-current]{ background:var(--sand); }
.flow__title{ display:block; font-size:clamp(24px, 2.3vw, 34px); line-height:1.1; letter-spacing:-.035em; color:var(--muted); transition:color .7s var(--glide); }
.flow__step[aria-current] .flow__title{ color:var(--ink); }
.flow__body{ display:block; overflow:hidden; max-block-size:0; opacity:0; font-size:16px; line-height:1.45; color:var(--muted); transition:max-block-size .7s var(--glide), opacity .7s var(--glide), margin .7s var(--glide); }
.flow__step[aria-current] .flow__body{ max-block-size:4.5em; opacity:1; margin-block-start:8px; }
.flow__fill{ display:none; block-size:2px; margin-block-start:12px; border-radius:2px; overflow:hidden; background:var(--line); }
.flow__step[aria-current] .flow__fill{ display:block; }
.flow__fill i{ display:block; inline-size:200%; block-size:100%; margin-inline-start:-100%; background:var(--ink); animation:fill-in var(--dwell, 7s) linear both; }
#how[data-hold] .flow__fill i{ animation:none; transform:scaleX(0); }
#how[data-wait] .flow__stage:not([data-in]){ opacity:0; translate:0 80px; }
#how[data-wait] .flow__steps:not([data-in]) > li{ opacity:0; }
@media (min-width:1200px){
  #how > .wrap{
    display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); grid-template-rows:auto minmax(0, 1fr);
    gap:56px 16px; min-block-size:80vh;
  }
  #how .flow{ display:contents; }
  .how__head{ grid-column:1; grid-row:1; }
  .flow__steps{ grid-column:1; grid-row:2; gap:24px; }
  .flow__stage{ grid-column:2; grid-row:1 / 3; padding:32px; }
  .flow__phone{ inline-size:max(60%, 340px); max-inline-size:100%; block-size:75%; }
  .flow__mock{ flex:1 0 420px; block-size:auto; }
}

.clients{ max-inline-size:calc(1100px + 2 * var(--pad)); text-align:center; }
.section .clients__h{ margin:0; }
.quotes{ margin-block-start:28px; min-block-size:280px; display:flex; flex-direction:column; justify-content:center; }
.quote{ margin:0; animation:rise .8s var(--ease) both; }
.quote[hidden]{ display:none; }
.quote__q{ margin:0; font-size:clamp(26px, 3vw, 44px); line-height:1.15; letter-spacing:-.035em; color:var(--ink); text-wrap:balance; }
.quote__q::before{ content:"\201C"; }
.quote__q::after{ content:"\201D"; }
.quote__who{ display:block; margin-block-start:26px; }
.quote__name{ display:block; font-size:17px; color:var(--ink); }
.quote__trade, .quote__city{ font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.quote__city::before{ content:", "; white-space:pre; }
.quote__dots{ display:flex; justify-content:center; gap:8px; }
.quote__bar{ margin-block-start:28px; display:flex; align-items:center; justify-content:center; gap:16px; }
.quote__go{
  display:grid; place-items:center; flex:none; inline-size:40px; block-size:40px; padding:0;
  border:1px solid var(--line2); border-radius:50%; background:transparent; color:var(--ink); cursor:pointer;
  transition:border-color .25s, background-color .25s;
}
.quote__go:hover{ border-color:var(--ink); background:var(--sand); }
@media (min-width:900px){
  .clients{ display:grid; grid-template-columns:40px minmax(0, 1fr) 40px; column-gap:clamp(16px, 3vw, 48px); align-items:center; }
  .clients > *{ grid-column:1 / -1; }
  .clients > .quotes{ grid-column:2; grid-row:2; }
  .quote__bar{ display:contents; }
  .quote__go--prev{ grid-row:2; grid-column:1; }
  .quote__go--next{ grid-row:2; grid-column:3; }
  .quote__dots{ grid-row:3; grid-column:1 / -1; margin-block-start:28px; }
}
.quote__dot{ display:grid; place-items:center; min-block-size:24px; padding:0; border:0; background:transparent; cursor:pointer; }
.quote__dot::before{ content:""; display:block; inline-size:8px; block-size:8px; border-radius:4px; background:var(--line); transition:inline-size .4s, background-color .4s; }
.quote__dot[aria-current]::before{ inline-size:28px; background:var(--coral); }

.tiers__head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 48px; margin-block-end:40px; }
.tiers__free{ margin:0; padding:10px 14px; border-radius:var(--radius); background:var(--sand); font-family:var(--mono); font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); }
.deal{
  --deal-x:100%;
  overflow:clip; border-radius:var(--corner); color:var(--butter);
  background-color:var(--coral);
  background-image:radial-gradient(60% 120% at var(--deal-x) 0%, var(--orange), rgba(47,133,90,0) 70%);
  box-shadow:0 1px 2px rgba(7,28,22,.06), 0 24px 48px -28px rgba(7,28,22,.45);
}
.deal__top{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:32px 64px; padding:44px; }
.deal__say{ flex:1 1 420px; min-inline-size:0; display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.deal .deal__badge{ margin:0; padding:6px 10px; border-radius:7px; background:rgba(198,246,213,.18); color:var(--butter); }
.deal__title{ font-size:clamp(36px, 3.6vw, 52px); line-height:1.04; letter-spacing:-.04em; color:var(--butter); }
.deal__sub{ max-inline-size:40ch; font-size:19px; color:var(--peach); }
.deal__side{ flex:0 1 360px; min-inline-size:0; display:flex; flex-direction:column; gap:24px; }
.deal__points{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px; font-size:17px; }
.deal__points li{ display:flex; align-items:center; gap:12px; }
.deal__points svg{ flex:none; color:var(--gold); }
.deal__go{ overflow:clip; padding:8px; margin:-8px; }
.deal__btns{ display:flex; gap:8px; }
.deal__btns .btn--butter{ flex:1 1 auto; }
.deal[data-open] .deal__go{ block-size:0; opacity:0; visibility:hidden; }
.deal__drawer{ block-size:0; overflow:clip; opacity:0; visibility:hidden; }
.deal[data-open] .deal__drawer{ block-size:auto; opacity:1; visibility:visible; }
.deal__pad{ padding:0 12px 12px; }
.deal__form, .deal__sent{ display:flex; flex-direction:column; gap:24px; padding:36px; border-radius:12px; background:var(--white); color:var(--ink); }
.deal__form[hidden], .deal__sent[hidden]{ display:none; }
.deal__form.is-bad{ animation:shake .35s ease-in-out; }
.deal__head{ display:flex; justify-content:space-between; align-items:center; gap:16px; }
.deal__ask{ font-size:22px; letter-spacing:-.02em; }
.deal__x{ display:grid; place-items:center; flex:none; inline-size:44px; block-size:44px; padding:0; border:0; border-radius:var(--radius); background:var(--sand); color:var(--muted); cursor:pointer; }
.deal__x:hover{ color:var(--ink); }
.deal__fields{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.deal__more{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.deal__field, .deal__vol legend{ font-size:16px; color:var(--muted); }
.deal__field{ display:flex; flex-direction:column; gap:8px; }
.deal__input{
  block-size:54px; min-inline-size:0; padding:0 16px;
  border:1px solid var(--line2); border-radius:var(--radius); background:var(--cream);
  font:inherit; font-size:17px; color:var(--ink);
}
.deal__input[type="tel"]{ font-family:var(--num); }
.deal__input::placeholder{ color:var(--muted); }
.deal__note{ flex:1; block-size:auto; min-block-size:112px; padding-block:14px; resize:vertical; }
.deal__input[aria-invalid="true"], .deal__vol[aria-invalid="true"] .deal__vols button{ border-color:var(--coral-press); }
.deal__trap{ position:absolute; inline-size:1px; block-size:1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); background:transparent; color:inherit; opacity:0; pointer-events:none; }
.deal__vol{ min-inline-size:0; margin:0; padding:0; border:0; }
.deal__vol legend{ margin-block-end:8px; padding:0; }
.deal__vols{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
.deal__vols button{
  min-block-size:52px; padding:0 8px; border:1px solid var(--line2); border-radius:var(--radius);
  background:var(--white); color:var(--ink); font:inherit; font-size:16px; cursor:pointer;
  transition:background-color .25s, color .25s, border-color .25s;
}
.deal__vols button[aria-pressed="true"]{ border-color:var(--coral); background:var(--coral); color:var(--butter); }
.deal__send{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; padding-block-start:20px; border-block-start:1px solid var(--line); }
.deal__send .btn{ min-block-size:60px; min-inline-size:280px; }
.deal__line{ font-size:16px; color:var(--muted); }
.deal__fail{ font-size:16px; font-weight:500; color:var(--ink); }
.deal__sent{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:24px 32px; padding:44px 36px; }
.deal__tick{ flex:none; }
.deal__tick circle{ fill:var(--butter); }
.deal__tick path{ fill:none; stroke:var(--coral); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.deal__said{ flex:1 1 360px; display:flex; flex-direction:column; gap:6px; }
.deal__done{ font-size:36px; line-height:1.05; letter-spacing:-.035em; }
.deal__said p{ font-size:18px; color:var(--muted); }
.deal__back{ min-block-size:44px; padding:0; border:0; background:none; font:inherit; font-size:16px; color:var(--muted); text-decoration:underline; cursor:pointer; }
.deal__back:hover{ color:var(--ink); }

.connects__panel{
  position:relative; overflow:clip; isolation:isolate; padding-block:48px; border-radius:var(--corner);
  background-color:var(--dark);
  background-image:radial-gradient(70% 90% at 0% 0%, var(--dark-hi), rgba(28,58,48,0) 70%), radial-gradient(60% 80% at 100% 100%, var(--dark-lo), rgba(8,22,17,0) 70%);
  color:var(--cream);
}
.connects__copy{ position:relative; padding-inline:clamp(20px, 3.5vw, 48px); }
.connects__copy h2{ font-size:clamp(36px, 3.8vw, 56px); line-height:1.04; color:var(--cream); }
.connects__copy p{ margin-block-start:14px; max-inline-size:620px; font-size:17px; line-height:1.5; color:var(--on-dark); }
.tiles{
  position:relative; margin-block-start:40px; overflow:hidden; cursor:grab; touch-action:pan-y;
  -webkit-mask-image:linear-gradient(90deg, transparent, var(--ink) 8%, var(--ink) 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, var(--ink) 8%, var(--ink) 92%, transparent);
}
.tiles[data-drag]{ cursor:grabbing; }
.tiles__list{ display:flex; gap:12px; margin:0; padding:0; padding-inline-end:12px; list-style:none; }
.tile{
  flex:none; inline-size:240px; block-size:168px; padding:16px; border-radius:14px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
}
.tile__icon{ color:var(--butter); }
.tile__mark{ display:flex; align-items:center; block-size:32px; font-family:var(--display); font-size:23px; font-weight:500; letter-spacing:-.04em; color:var(--butter); }
.tile__k{ font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--on-dark-muted); }
.tile__v{ font-size:19px; line-height:1.2; letter-spacing:-.02em; }

.faq{ margin-block-start:36px; display:flex; flex-direction:column; gap:8px; }
.faq details{ padding:18px 22px; border-radius:12px; background:var(--sand); transition:background-color .5s; }
.faq details[open]{ background:var(--sand2); }
.faq summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-block-size:32px; font-size:18px; line-height:1.3; letter-spacing:-.02em; color:var(--ink);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq__plus{ flex:none; inline-size:30px; block-size:30px; padding:8.5px; transition:transform .35s var(--ease-out); }
.faq details[open] .faq__plus{ transform:rotate(45deg); }
.faq details.is-closing .faq__plus{ transform:none; }
.faq__a{ overflow:hidden; }
.faq__a p{ margin-block:12px 4px; max-inline-size:760px; font-size:16px; line-height:1.6; color:var(--muted); }

.close{ padding:var(--sec) var(--gutter) var(--gutter); }
.close__card{
  position:relative; overflow:clip; isolation:isolate; border-radius:var(--corner);
  min-block-size:clamp(640px, calc(100svh - 2 * var(--gutter)), 920px);
  display:flex; flex-direction:column; background:var(--coral); color:var(--butter);
  background-image:radial-gradient(circle 40vw at 50% calc(100% + 10vw), rgba(72,162,116,.7), rgba(72,162,116,0));
}
.close__in{ position:relative; flex:1 1 auto; display:flex; flex-direction:column; padding:36px 36px 0; }
.close__grid{ display:grid; grid-template-columns:200px minmax(0,1fr); gap:32px; }
.close__mark{ color:var(--butter); }
.close__say h2{ max-inline-size:8.5em; font-size:clamp(44px, 5.4vw, 84px); line-height:.98; letter-spacing:-.045em; color:var(--butter); }
.callme{ margin-block-start:32px; max-inline-size:520px; display:flex; flex-direction:column; gap:12px; }
.callme__label{ display:flex; align-items:center; gap:8px; font-size:16px; }
.callme__row{ display:flex; flex-wrap:wrap; gap:8px; }
.callme__in{
  flex:1 1 220px; min-inline-size:0; block-size:54px; padding:0 16px;
  border:1px solid rgba(198,246,213,.5); border-radius:var(--radius); background:rgba(255,255,255,.08);
  font:inherit; font-size:16px; color:var(--white);
}
.callme__in:focus{ outline:2px solid var(--butter); outline-offset:2px; }
.callme__in[aria-invalid="true"]{ border-color:var(--butter); border-width:2px; }
.callme__btn{ flex:0 0 auto; min-block-size:54px; }
.callme__btn[disabled]{ opacity:.55; cursor:default; }
.callme.is-bad{ animation:shake .35s ease-in-out; }
.callme__status{ min-block-size:1.4em; margin-block-start:12px; color:var(--white); }
.callme__status.is-placing::before, .cb__status.is-placing::before{
  content:''; display:inline-block; inline-size:.9em; block-size:.9em;
  margin-inline-end:8px; vertical-align:-.12em; border-radius:50%;
  border:2px solid currentColor; border-block-start-color:transparent;
  animation:spin .8s linear infinite;
}
.callme__retry{ margin-block-start:12px; }
.callme__retry[hidden], .cb__retry[hidden]{ display:none; }

.cb{
  border:0; padding:clamp(12px, 4vw, 32px); margin:0; background:transparent; color:var(--ink);
  inline-size:100%; max-inline-size:100%;
  block-size:var(--cb-vh, 100%); max-block-size:var(--cb-vh, 100%); inset-block-start:var(--cb-vt, 0);
  overflow:auto; overscroll-behavior:contain;
}
.cb:not([open]){ display:none; }
.cb[open]{ display:grid; place-items:center; }
.cb::backdrop{ background:rgba(7,28,22,.6); }

.cb__panel{
  --cb-pad:clamp(24px, 15.1px + 2.29vw, 48px);
  --cb-said:calc(1.45em + 16px);
  position:relative; inline-size:min(100%, 640px);
  display:grid; gap:16px; justify-items:stretch;
  background:var(--sand); border:1px solid var(--line2);
  padding:var(--cb-pad) var(--cb-pad) calc(var(--cb-pad) + var(--cb-said));
}
.cb__panel:has(.cb__status:not(:empty)){ padding-block-end:var(--cb-pad); }
.cb__x{
  position:absolute; inset-block-start:12px; inset-inline-end:12px;
  display:inline-grid; place-items:center; inline-size:44px; block-size:44px; padding:0;
  border:0; background:transparent; color:var(--muted); cursor:pointer; transition:color .15s;
}
.cb__x:hover{ color:var(--ink); }
.cb__h{ font-size:clamp(37.2px, 31.7px + 1.414vw, 52.1px); padding-inline-end:48px; }
.cb__say{ font-size:18px; color:var(--muted); max-inline-size:44ch; }
.cb__row{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin-block-start:8px; }
.cb__row .sr-only{
  position:static; inline-size:auto; block-size:auto; margin:0; overflow:visible; clip-path:none; white-space:normal;
  font-family:var(--mono); font-size:12px; letter-spacing:.12em; color:var(--muted);
}
.cb__in{
  block-size:64px; min-inline-size:0; padding:0 20px;
  border:1px solid var(--ink); border-radius:0; background:var(--cream);
  font:inherit; font-size:24px; color:var(--ink);
}
.cb__in::placeholder{ color:transparent; }
.cb__in[aria-invalid="true"]{ border-color:var(--coral-press); }
.cb__row .btn{ min-block-size:64px; inline-size:100%; }
.cb__status{ font-size:16px; color:var(--muted); }
.cb__status:empty{ display:none; }
.cb__panel[data-sent="true"] .cb__say, .cb__panel[data-sent="true"] .cb__row{ display:none; }
.cb__panel[data-sent="true"] .cb__status{ font-size:20px; font-weight:600; color:var(--ink); }
.cb__rec{ display:grid; gap:12px; padding-block-start:20px; border-block-start:1px solid var(--line); }
.cb__recsay{ font-family:var(--mono); font-size:13px; letter-spacing:.02em; color:var(--muted); }
.cb__go{ justify-content:center; }
.cb__play{ flex:none; }
.cb__arrow{ flex:none; transition:transform .15s; }
.cb__go:hover .cb__arrow{ transform:translateX(3px); }
.cb__panel.is-bad{ animation:shake .35s ease-in-out; }
.offer{ padding-block-end:var(--cb-pad); }
.offer__later{
  justify-self:center; min-block-size:44px; padding:0 16px; border:0; background:transparent;
  font:inherit; font-size:16px; color:var(--muted); cursor:pointer; transition:color .15s;
}
.offer__later:hover{ color:var(--ink); }

.wrap--narrow{ max-inline-size:calc(820px + 2 * var(--pad)); }
.legal h1{ font-size:clamp(48.4px, 33.2px + 3.897vw, 89.3px); margin-block-end:16px; }
.legal h2{ font-size:clamp(29.8px, 24.3px + 1.414vw, 44.6px); margin-block:56px 12px; }
.legal p, .legal ul{ margin-block-start:14px; font-size:clamp(16px, 13.9px + .266vw, 18px); line-height:1.5; color:var(--muted); }
.legal ul{ padding-inline-start:1.3em; }
.legal a{ color:var(--ink); }
.legal strong{ color:var(--ink); }

.co-body{ background:var(--cream); }
.co{
  --co-col:460px; --co-pad:clamp(20px, 12px + 2vw, 56px); --co-gap:clamp(18px, 14px + 1vw, 28px);
  min-block-size:100svh; display:grid; grid-template-rows:auto 1fr;
}
@media (min-width:880px){
  .co{ --co-top:max(var(--co-pad), calc((100svh - 600px) / 2)); grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:1fr; }
}

.co__order{
  position:relative; overflow:hidden; isolation:isolate;
  background-color:var(--coral); background-image:radial-gradient(80% 70% at 100% 100%, var(--orange), transparent 70%);
  color:var(--butter); padding:var(--co-pad);
  display:grid; grid-template-columns:minmax(0, var(--co-col)); justify-content:center; align-content:start; gap:var(--co-gap);
}
@media (min-width:880px){
  .co__order{ justify-content:end; padding-block-start:var(--co-top); }
}
.co__glow{ position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.co__glow .lines{ opacity:.3; }
.co__plans{ display:contents; }
.co__top{ display:flex; grid-area:1 / 1; }
.co__brand{ color:var(--butter); }
.co__sign{ display:flex; grid-area:1 / 1; justify-self:end; margin-block:0; }
.co__sign .brand{ gap:12px; }
.co__sign .brand__mark{ inline-size:40px; block-size:40px; }
.co__sign .brand__word{ font-size:1.625rem; }
.co__back{
  display:inline-flex; align-items:center; gap:8px;
  min-block-size:44px; padding-inline:14px 16px; border-radius:var(--radius);
  background:var(--butter); color:var(--rust); text-decoration:none; font-size:15px;
  transition:background-color .15s;
}
.co__back:hover{ background:var(--white); }
.co__back svg{ flex-shrink:0; }

.co__plan[hidden]{ display:none; }
.co__plan{
  display:grid; gap:14px; padding:clamp(22px, 18px + 1vw, 32px);
  border-radius:var(--corner); background:var(--cream); color:var(--ink);
}
.co__sub{ color:var(--muted); font-size:15px; }
.co__total{ display:grid; gap:4px; margin-block-start:4px; color:var(--ink); }
.co__total > span:first-child{ color:var(--muted); font-size:15px; }
.co__total .co__cost{
  justify-self:start; font-family:var(--display);
  font-size:clamp(40px, 34px + 1.3vw, 52px); font-weight:500; color:var(--coral);
  line-height:1; letter-spacing:-.04em;
}
.co__then{
  justify-self:start; padding:6px 12px; border-radius:var(--radius);
  background:var(--butter); color:var(--rust); font-size:14px; line-height:1.4;
}
.co__lines{
  margin:6px 0 0; padding:16px 0 0; list-style:none;
  display:grid; gap:6px; border-block-start:1px solid var(--line);
}
.co__line{ display:flex; justify-content:space-between; gap:12px; align-items:baseline; font-size:16px; }
.co__amount{ display:inline-flex; align-items:baseline; justify-content:flex-end; flex-wrap:wrap; gap:0 5px; color:var(--ink); }
.co__sum{ white-space:nowrap; font-size:16px; font-weight:500; font-variant-numeric:tabular-nums; }
.co__per, .co__unit{ color:var(--muted); font-size:14px; }
.co__has{ color:var(--muted); font-size:14px; }
.co__cost{ font-family:var(--num); font-size:14px; letter-spacing:.02em; font-variant-numeric:tabular-nums; white-space:nowrap; }

.co__pay{
  padding:var(--co-pad);
  display:grid; grid-template-columns:minmax(0, var(--co-col)); justify-content:center; align-content:start; gap:18px;
  background:var(--cream);
}
@media (min-width:880px){
  .co__pay{ justify-content:start; padding-block-start:calc(var(--co-top) + 44px + var(--co-gap)); }
}
.co__h{ font-size:clamp(26px, 22px + 1vw, 34px); letter-spacing:-.03em; }
.co__noscript{ padding:14px 16px; border:1px solid var(--line2); color:var(--muted); font-size:15px; }
.co__noscript a{ color:var(--ink); }

.co__pay-btn{
  display:flex; align-items:center; justify-content:center; gap:12px;
  inline-size:100%; min-block-size:56px; padding:0 24px;
  font:inherit; font-size:15px; font-weight:600; letter-spacing:.02em;
  color:var(--cream); background:var(--ink);
  border:0; border-radius:var(--radius); cursor:pointer;
  transition:background-color .15s, color .15s;
}
.co__pay-btn:hover{ background:var(--ink); }
.co__pay-btn:active{ background:var(--coral-press); }
.co__pay-btn[disabled]{ cursor:default; background:var(--line2); color:var(--muted); }
.co__stripe{ flex-shrink:0; color:#635BFF; }

.co__state{ min-block-size:2.6em; }
.co__busy[hidden], .co__fail[hidden]{ display:none; }
.co__busy{ display:flex; align-items:center; gap:12px; font-weight:500; color:var(--ink); }
.co__spin{
  flex-shrink:0; inline-size:16px; block-size:16px; border-radius:50%;
  border:2px solid var(--line2); border-block-start-color:var(--ink);
  animation:spin .8s linear infinite;
}
@keyframes spin{ to{ transform:rotate(360deg); } }
.co__fail{ padding:16px 18px; border:1px solid var(--line); border-radius:var(--radius); }
.co__failline{ color:var(--muted); font-weight:400; }
.co__call{ display:grid; gap:10px; margin-block-start:16px; padding-block-start:16px; border-block-start:1px solid var(--line); }
.co__label{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; color:var(--muted); }
[lang="he"] .co__label{ font-size:.875rem; letter-spacing:0; }
.co__callrow{ display:flex; flex-wrap:wrap; gap:8px; }
.co__phone{
  flex:1 1 12rem; min-inline-size:0; block-size:52px; padding:0 14px;
  border:1px solid var(--ink); border-radius:var(--radius); background:var(--cream);
  font:inherit; font-size:18px; color:var(--ink);
}
.co__phone::placeholder{ color:transparent; }
.co__phone[aria-invalid="true"]{ border-color:var(--coral-press); }
.co__send{ flex:none; }
.co__callstatus{ font-size:16px; color:var(--ink); }
.co__callstatus:empty{ display:none; }
.co__fail[data-sent="true"] .co__failline, .co__fail[data-sent="true"] .co__label, .co__fail[data-sent="true"] .co__callrow{ display:none; }
.co__fail[data-sent="true"] .co__call{ margin-block-start:0; padding-block-start:0; border-block-start:0; }

.foot{ margin-block-start:auto; padding-block:72px 28px; font-family:var(--mono); font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--butter); }
body > .foot{ margin:var(--sec) var(--gutter) var(--gutter); padding:48px 36px 28px; border-radius:var(--corner); background:var(--coral); }
.foot__grid{ display:grid; grid-template-columns:200px repeat(3, minmax(0,1fr)); gap:32px; }
.foot__col:first-child{ grid-column:2; }
.foot__h{ margin-block-end:12px; opacity:.85; }
.foot__links{ display:flex; flex-direction:column; align-items:flex-start; }
.foot a{ padding-block:6px; color:var(--butter); text-decoration:none; }
.foot a:hover{ text-decoration:underline; }
.foot__base{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin-block-start:40px; padding-block-start:18px; border-block-start:1px solid rgba(198,246,213,.25); }

[data-paused] *, [data-paused] *::before, [data-paused] *::after{ animation-play-state:paused !important; }
[data-paused] .word{ animation-play-state:running !important; }

.cta-bar{ display:none; }
@media (max-width:899px){
  :root{ --pad:16px; }
  .hide-sm{ display:none !important; }
  .burger{ display:flex; }
  .nav{ inset-inline:8px; inset-block-start:8px; }
  .nav__pill{ gap:8px; }
  .nav .btn--sm{ display:none; }
  .nav__links{
    display:none; position:absolute; inset-block-start:calc(100% + 8px); inset-inline:0;
    flex-direction:column; align-items:stretch; gap:0; padding:8px;
    background:var(--white); border-radius:var(--corner); box-shadow:0 20px 40px -24px rgba(7,28,22,.4);
    font-family:var(--display); font-size:26px; letter-spacing:-.03em; text-transform:none;
  }
  .nav:has(.burger[aria-expanded="true"]) .nav__links{ display:flex; animation:rise .35s var(--ease-out) both; }
  .nav__links a{ padding:12px; color:var(--ink); }
  @supports (animation-timeline: view()){
    .word{ animation-range:cover calc(var(--i, 0) * 15% / var(--n, 4)) cover calc(10% + var(--i, 0) * 15% / var(--n, 4)); }
  }
  .hero{ --gutter:8px; }
  .hero__in{ padding:0 20px 20px; }
  .hero__sub{ margin-block-start:16px; }
  .hero__go{ margin-block-start:24px; flex-direction:column; align-items:stretch; inline-size:100%; }
  .hero__go .btn{ inline-size:100%; min-block-size:52px; white-space:normal; }
  .rec{ margin-block-start:24px; gap:10px; }
  .rec[data-many]{ grid-template-columns:28px minmax(0,1fr) 28px; column-gap:4px; }
  .rec__go{ inline-size:28px; block-size:44px; border:0; background:none; opacity:.7; }
  .rec__go:hover{ transform:none; background:none; }
  .rec__go svg{ inline-size:14px; block-size:14px; }
  .rec__card{ padding:10px 12px; }
  .rec__top{ display:grid; grid-template-columns:44px minmax(0,1fr); gap:2px 12px; align-items:center; }
  .rec__play{ grid-row:1 / 3; inline-size:44px; block-size:44px; }
  .rec__real{ font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .rec__wave{ grid-column:2; block-size:28px; }
  .rec__left{ display:none; }
  .legal{ padding-block-start:40px; }
  .problem{ min-block-size:400px; }
  .problem__fig{ display:none; }
  .problems[data-pick]{ flex-direction:column; gap:8px; }
  .problems[data-pick] :is(.problem, .problem[data-on]){ inline-size:auto; }
  .problems[data-pick] .problem:not([data-on]){ min-block-size:0; flex-direction:row; align-items:center; gap:0; padding:8px 8px 8px 16px; }
  .problems[data-pick] .problem:not([data-on]) .problem__say{ flex:1; padding:16px 12px; }
  .flow__stage{ padding:16px; }
  .flow__phone{ inline-size:100%; }
  .flow__mock{ block-size:400px; }
  .flow__title{ font-size:28px; }
  .quote__dot{ min-block-size:44px; }
  .quote__go{ inline-size:44px; block-size:44px; }
  .deal{ background-image:radial-gradient(90% 60% at var(--deal-x) 0%, var(--orange), rgba(47,133,90,0) 70%); }
  .deal__top{ flex-direction:column; align-items:stretch; gap:22px; padding:28px 22px 24px; }
  .deal__say, .deal__side{ flex:none; }
  .deal__title{ font-size:34px; line-height:1.05; letter-spacing:-.035em; }
  .deal__sub{ font-size:17px; }
  .deal__side{ gap:22px; }
  .deal__points{ padding-block-start:16px; border-block-start:1px solid var(--butter-line); gap:10px; font-size:16px; }
  .deal__btns{ flex-direction:column; }
  .deal__pad{ padding:0 8px 8px; }
  .deal__form{ gap:16px; padding:22px 18px; }
  .deal__ask{ font-size:20px; }
  .deal__fields, .deal__more{ grid-template-columns:minmax(0, 1fr); }
  .deal__input{ block-size:52px; padding-inline:14px; }
  .deal__note{ block-size:auto; min-block-size:0; }
  .deal__send{ flex-direction:column; align-items:stretch; gap:12px; padding-block-start:4px; border:0; }
  .deal__send .btn{ min-inline-size:0; inline-size:100%; }
  .deal__line{ text-align:center; }
  .deal__sent{ flex-direction:column; align-items:stretch; gap:14px; padding:32px 20px; }
  .deal__said{ flex:none; }
  .deal__done{ font-size:30px; line-height:1.08; letter-spacing:-.03em; }
  .deal__said p{ font-size:17px; }
  .connects__panel{ padding-block:32px; }
  .tiles{ margin-block-start:28px; }
  .faq details{ padding:12px 16px; }
  .faq summary{ align-items:center; min-block-size:44px; font-size:16px; }
  .close{ padding:96px 8px 8px; }
  .close__card{ min-block-size:calc(100svh - 16px); }
  .close__in{ padding:24px 20px 0; }
  .close__grid{ grid-template-columns:minmax(0,1fr); gap:20px; }
  .callme{ margin-block-start:24px; }
  .foot{ padding-block-start:24px; }
  .foot__grid{ display:flex; flex-wrap:wrap; gap:0 20px; }
  .foot__col, .foot__links{ display:contents; }
  .foot__h, .foot__col:has([hreflang]){ display:none; }
  .foot a{ display:flex; align-items:center; min-block-size:44px; padding-block:0; }
  .foot__base{ margin-block-start:8px; padding-block-start:14px; }
  body > .foot{ margin:96px 8px 8px; padding:28px 20px 20px; }
  .callme__btn{ flex:1 1 100%; }
  .cta-bar{ display:block; position:fixed; inset-inline:0; inset-block-end:0; z-index:30; padding:10px 12px calc(22px + env(safe-area-inset-bottom)); background:rgba(252,246,239,.9); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); transition:transform .3s var(--ease-out); }
  .cta-bar .btn{ min-block-size:52px; }
  .cta-bar[inert]{ transform:translateY(100%); }
  body:has(.cta-bar) .foot{ padding-block-end:calc(100px + env(safe-area-inset-bottom)); }
}
@media (max-width:899px) and (max-height:760px){
  :is([lang="pl"], [lang="hu"]) .hero__brand{ --brand-pad:24px; }
  :is([lang="pl"], [lang="hu"]) .hero h1{ font-size:42px; }
  :is([lang="pl"], [lang="hu"]) .hero__sub{ margin-block-start:12px; font-size:16px; }
  :is([lang="pl"], [lang="hu"]) .hero__go{ margin-block-start:16px; }
  :is([lang="pl"], [lang="hu"]) .hero__go .btn{ min-block-size:48px; }
  :is([lang="pl"], [lang="hu"]) .rec{ margin-block-start:16px; }
}
@media (pointer:coarse){
  .btn--sm{ min-block-size:44px; }
  .nav__links a, .nav__lang > summary, .nav__langs a{ padding-block:12px; }
}
@media (max-width:599px){
  :root{ --sec:64px; }
  .section .label{ margin-block-end:12px; }
  .quotes{ min-block-size:0; }
}
@media (max-width:520px){
  .nav__now{ display:none; }
  .nav__lang{ position:static; }
  .nav__langs{ inset-inline-end:0; }
  .btn--sm{ padding-inline:14px; }
}

@keyframes hero-settle{ from{ transform:scale(1.08); } }
@keyframes hero-pop{ from{ opacity:0; scale:.55; } }
@keyframes hero-bar{ from{ transform:scaleY(.15); } }
@keyframes hero-slide{ from{ translate:26px 0; } }
@keyframes hero-open{ from{ opacity:0; filter:blur(8px); clip-path:inset(0 100% 0 0); } to{ clip-path:inset(0 0 0 0); } }
@keyframes hero-lift{ from{ translate:0 calc(50svh - var(--gutter) - var(--brand-pad) - 20px); } }
@keyframes hero-copy{ from{ opacity:0; translate:0 56px; } }
@keyframes hero-word{ from{ opacity:0; filter:blur(10px); translate:0 10px; } }
@keyframes hero-sub{ from{ opacity:0; filter:blur(8px); translate:0 8px; } }
@keyframes hero-btn{ from{ opacity:0; translate:0 12px; } }
@keyframes hero-rec{ from{ opacity:0; translate:0 16px; } }
@keyframes rec-pop{ 43.75%{ scale:1.06; } }
@keyframes rec-ring{ to{ opacity:0; } }
@keyframes rise{ from{ opacity:0; transform:translateY(8px); } }
@keyframes shake{ 20%{ transform:translateX(-5px); } 40%{ transform:translateX(5px); } 60%{ transform:translateX(-3px); } 80%{ transform:translateX(3px); } }
@keyframes fade-in{ from{ opacity:0; } to{ opacity:1; } }
@keyframes nav-fallback{ to{ translate:0 0; opacity:1; pointer-events:auto; } }
@keyframes blob-b{ 0%{ transform:translate(0,0) scale(1.1); } 50%{ transform:translate(-22%,-14%) scale(.9); } 100%{ transform:translate(0,0) scale(1.1); } }
@keyframes bar{ 0%,100%{ transform:scaleY(.3); } 50%{ transform:scaleY(1); } }
@keyframes fill-in{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@keyframes dot{ 0%,80%,100%{ opacity:.25; } 40%{ opacity:1; } }
@keyframes call-time{ from{ --call-s:7; } to{ --call-s:15; } }
@keyframes call-voice{ 0%{ opacity:.35; } 3.75%{ opacity:1; } 25%{ color:var(--white); } 47.5%{ color:var(--butter); } 70%, 100%{ color:var(--white); } }
@keyframes speak{ 0%, 80%{ opacity:1; } }
@keyframes ink{ from{ color:var(--line2); } to{ color:var(--ink); } }

@view-transition{ navigation:auto; }

::view-transition-old(root), ::view-transition-new(root){
  animation-duration:.46s; animation-timing-function:cubic-bezier(.22,1,.36,1);
  animation-fill-mode:both;
}

.brand__mark{ view-transition-name:brand; }
::view-transition-group(brand){ animation-duration:.5s; animation-timing-function:var(--ease-out); }
::view-transition-old(brand){ display:none; }
::view-transition-new(brand){ animation:none; mix-blend-mode:normal; }

:root:active-view-transition-type(co-open)::view-transition-old(root){ animation-name:page-off-start; }
:root:active-view-transition-type(co-open)::view-transition-new(root){ animation-name:page-on-end; }
:root:active-view-transition-type(co-back)::view-transition-old(root){ animation-name:page-off-end; }
:root:active-view-transition-type(co-back)::view-transition-new(root){ animation-name:page-on-start; }

@keyframes page-off-start{ to{ opacity:0; transform:translateX(-9%) scale(.985); } }
@keyframes page-on-end{ from{ opacity:0; transform:translateX(9%) scale(.985); } }
@keyframes page-off-end{ to{ opacity:0; transform:translateX(9%) scale(.985); } }
@keyframes page-on-start{ from{ opacity:0; transform:translateX(-9%) scale(.985); } }

[dir="rtl"] .co__arrow{ transform:scaleX(-1); }
[dir="rtl"] .problem__fig{ inset-inline:24px auto; }
[dir="rtl"]:active-view-transition-type(co-open)::view-transition-old(root){ animation-name:page-off-start-rtl; }
[dir="rtl"]:active-view-transition-type(co-open)::view-transition-new(root){ animation-name:page-on-end-rtl; }
[dir="rtl"]:active-view-transition-type(co-back)::view-transition-old(root){ animation-name:page-off-end-rtl; }
[dir="rtl"]:active-view-transition-type(co-back)::view-transition-new(root){ animation-name:page-on-start-rtl; }
@keyframes page-off-start-rtl{ to{ opacity:0; transform:translateX(9%) scale(.985); } }
@keyframes page-on-end-rtl{ from{ opacity:0; transform:translateX(-9%) scale(.985); } }
@keyframes page-off-end-rtl{ to{ opacity:0; transform:translateX(-9%) scale(.985); } }
@keyframes page-on-start-rtl{ from{ opacity:0; transform:translateX(9%) scale(.985); } }
[dir="rtl"] .cb__arrow{ transform:scaleX(-1); }
[dir="rtl"] .cb__go:hover .cb__arrow{ transform:scaleX(-1) translateX(3px); }
[dir="rtl"] .rec__bars--on{ clip-path:inset(0 0 0 calc((1 - var(--p)) * 100%)); }
[dir="rtl"] .hero__word{ animation-name:hero-open-rtl; }
@keyframes hero-open-rtl{ from{ opacity:0; filter:blur(8px); clip-path:inset(0 0 0 100%); } to{ clip-path:inset(0 0 0 0); } }
[dir="rtl"] .hero__mark{ animation-name:hero-pop, hero-slide-rtl; }
@keyframes hero-slide-rtl{ from{ translate:-26px 0; } }
[dir="rtl"] a[href^="tel:"]{ direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
[dir="rtl"] .weave{ transform:scaleX(-1); }
[dir="rtl"] .deal{ --deal-x:0%; }
[dir="rtl"] .blob-b{ animation-name:blob-b-rtl; }
@keyframes blob-b-rtl{ 0%{ transform:translate(0,0) scale(1.1); } 50%{ transform:translate(22%,-14%) scale(.9); } 100%{ transform:translate(0,0) scale(1.1); } }
[dir="rtl"] .co__sum, [dir="rtl"] .co__cost, [dir="rtl"] .rec__left span,
[dir="rtl"] .rec__pos{ direction:ltr; unicode-bidi:isolate; }
[dir="rtl"] .rec__i-play{ transform:scaleX(-1); }
[dir="rtl"] .rec__chevron-prev, [dir="rtl"] .rec__chevron-next{ transform:scaleX(-1); }
[dir="rtl"] .quote__chevron-prev, [dir="rtl"] .quote__chevron-next{ transform:scaleX(-1); }
[dir="rtl"] .cb__play{ transform:scaleX(-1); }
[dir="rtl"] input[type="tel"]{ direction:ltr; text-align:end; }
[dir="rtl"] input[type="tel"]:placeholder-shown{ direction:rtl; text-align:start; }

@media (prefers-reduced-motion:reduce){
  @view-transition{ navigation:none; }
  html{ scroll-behavior:auto; }
  *, *::before, *::after{ animation:none !important; transition:none !important; }
  :root:has(#top) .nav:not([data-ready]):not(:focus-within){ animation:nav-fallback .01s 1.2s forwards !important; }
  .btn:hover, .rec__play:hover, .rec__go:hover{ transform:none; }
  .tiles{ -webkit-mask-image:none; mask-image:none; cursor:auto; }
  .ticker{ inline-size:auto; }
  .tiles__list{ flex-wrap:wrap; justify-content:center; padding-inline:clamp(20px, 3.5vw, 48px); }
  .tiles__list[aria-hidden="true"]{ display:none; }
  .flow__step[aria-current] .flow__fill{ display:none; }
}