/* Create-li brands page v2: what this page needs beyond the kit (lp.css) and the courses page (base.css).
   Same language: tokens, .reveal, clamp. */

/* ---------- hero ---------- */
.hero__logo{margin-top:0}
.hero .hero__kicker{margin-top:clamp(18px,2.6vw,26px);max-width:640px;font-size:clamp(16px,1.8vw,19px);color:var(--t-hi);font-weight:400}
.hero__q{max-width:760px;margin-top:clamp(6px,1vw,12px);font-weight:500;font-size:clamp(19px,2.4vw,26px);line-height:1.55}
.numhl{display:inline;padding:.06em .42em;border-radius:.4em;font-weight:900;color:var(--a1-soft);background:rgba(var(--a1-rgb),.12);
  box-shadow:inset 0 0 0 1px var(--a1-line);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero .btn,.ctarow .btn{display:block;width:min(100%,520px);margin-inline:auto}
.ctarow{margin-top:clamp(40px,6vw,64px);text-align:center}

/* ---------- 2 · the promise and the pain ---------- */
.promise{text-align:center}
.promise__mark{width:76px;margin:0 auto clamp(18px,2.4vw,26px);filter:drop-shadow(0 0 28px rgba(var(--a1-rgb),.6))}
.promise h2{font-size:clamp(28px,4.6vw,50px);line-height:1.15;max-width:900px;margin-inline:auto}
.promise .story__flow p{font-size:clamp(19px,4.4vw,28px)}
.promise .story__flow .gap2{margin-top:2.1em}
.promise .story__flow b{color:var(--a1-soft)}
/* the Facebook group post, as a shared screenshot: names and faces blurred, the replies keep landing */
.fbpost{max-width:500px;margin:clamp(24px,3.4vw,34px) auto 0;border-radius:14px;background:#fff;color:#050505;text-align:right;padding:14px 16px 4px;
  font-family:system-ui,-apple-system,"Segoe UI",Heebo,sans-serif;box-shadow:0 40px 80px -36px rgba(0,0,0,.95),0 0 70px -30px rgba(var(--a2-rgb),.55)}
.fbpost__head{display:flex;align-items:center;gap:10px}
.fbpost__av{position:relative;flex:none;width:46px;height:46px}
.fbpost__grp{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:9px;background:linear-gradient(140deg,#7ea7d6,#d9b78f 55%,#6f9466);filter:blur(1.4px)}
.fbpost__me{position:absolute;left:0;bottom:0;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#e2bda3 0 26%,#4a3a2e 28%);box-shadow:0 0 0 2.5px #fff}
.fbpost__who{display:grid;gap:8px;justify-items:start}
.fbpost__sub{display:flex;align-items:center;gap:6px}
.fbpost__dot{width:3px;height:3px;border-radius:50%;background:#65676b}
.fbpost__sub svg{width:14px;height:14px;fill:#65676b}
.fbpost__ctl{margin-inline-start:auto;align-self:flex-start;display:flex;gap:16px;direction:ltr}
.fbpost__ctl svg{width:20px;height:20px;fill:#65676b;stroke:#65676b}
.bl{display:block;width:var(--w);max-width:100%;height:9px;border-radius:5px;filter:blur(2.2px);
  background:linear-gradient(90deg,#9a9da2 0 24%,transparent 24% 29%,#9a9da2 29% 63%,transparent 63% 68%,#9a9da2 68%)}
.bl--b{height:12px;background:linear-gradient(90deg,#303236 0 46%,transparent 46% 52%,#303236 52%)}
.bl--s{height:8px;background:#c4c7cc}
.fbpost__txt{margin-top:14px;font-weight:500;font-size:clamp(22px,2.8vw,27px);line-height:1.4;color:#050505}
.fbpost__bar{display:flex;justify-content:space-around;margin-top:14px;padding:9px 0;border-block:1px solid #e4e6eb}
.fbpost__bar svg{width:23px;height:23px;fill:none;stroke:#65676b;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.fbpost__cmts{display:grid;gap:12px;padding:14px 0 12px}
.fbc{display:flex;align-items:flex-start;gap:8px}
.fbc__av{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;filter:blur(2px)}
.fbc__body{display:grid;gap:6px;justify-items:start;min-width:0}
.fbc__bub{display:grid;gap:8px;justify-items:start;padding:10px 12px 11px;border-radius:18px;background:#f0f2f5}
.fbc__meta{display:flex;gap:12px;padding-inline:12px}
.js .fbc{opacity:0;transform:translateY(8px)}
.fbpost.in .fbc{animation:cmIn .45s var(--ease-out) forwards}
.no-js .fbc{opacity:1;transform:none}
@keyframes cmIn{to{opacity:1;transform:none}}
.promise .pf-row,.idea .pf-row{max-width:900px;margin-inline:auto}
@media (min-width:860px){.promise .pf-row,.idea .pf-row{grid-template-columns:1fr 1fr}}
.promise .pivot{color:var(--a1)}

/* ---------- 3 · the platform ---------- */
.platform{text-align:center}
.platform h2{max-width:900px;margin-inline:auto;font-size:clamp(28px,4.6vw,50px);line-height:1.18}
.platform .lead{margin-top:clamp(30px,4vw,44px)}
.platform .lead+.lead{margin-top:12px;font-weight:900}
.platform .pf-solo{max-width:520px}

/* ---------- 4 · 30-50 new creators every day: faces joining ---------- */
.joiners{text-align:center}
.joiners h2{font-size:clamp(28px,4.6vw,50px)}
.joiners .jgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1000px;margin:clamp(30px,4vw,48px) auto 0}
.jt{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:var(--sf-4);border:1px solid rgba(var(--ivory-rgb),.08)}
.jt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jt img.jt__new{animation:jIn .9s var(--ease-out) both}
.jt::after{content:"";position:absolute;z-index:1;top:7px;right:7px;width:26px;height:26px;border-radius:50%;opacity:0;transform:scale(.3);
  background:var(--a1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.5)}
.jt.pop::after{animation:jPop 2s var(--ease-out)}
@keyframes jIn{from{opacity:0;transform:scale(1.18)}to{opacity:1;transform:none}}
@keyframes jPop{0%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:scale(1.15)}28%{transform:scale(1)}78%{opacity:1}100%{opacity:0;transform:scale(1)}}
@media (min-width:760px){.joiners .jgrid{grid-template-columns:repeat(8,1fr);gap:10px}}
.jvids{position:relative;z-index:1;display:flex;justify-content:center;margin-top:calc(-1 * clamp(90px,12vw,150px));direction:ltr}
.jv{width:clamp(110px,16vw,170px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;border:3px solid #fff;background:var(--sf-4);box-shadow:0 30px 60px -20px rgba(0,0,0,.95)}
.jv video{display:block;width:100%;height:100%;object-fit:cover}
.jv:nth-child(1){transform:rotate(-7deg) translateY(12px);margin-right:-14px}
.jv:nth-child(2){position:relative;z-index:1;transform:translateY(-6px)}
.jv:nth-child(3){transform:rotate(7deg) translateY(12px);margin-left:-14px}

/* ---------- 5 · five steps on the road ---------- */
.steps .road__h{text-align:center;font-size:clamp(30px,5vw,54px);margin-bottom:clamp(36px,5vw,64px)}
/* the explainer player (24.10, under "עד עכשיו…"): a pink play button on the picture, then our own bar.
   Tap the picture to pause or play; the bar hides while it plays and comes back on a touch */
.xv{position:relative;width:min(100%,380px);aspect-ratio:9/16;margin:clamp(30px,4.5vw,50px) auto 0;border-radius:22px;overflow:hidden;background:#000;cursor:pointer;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
  box-shadow:0 0 0 1px var(--a1-line),0 40px 90px -30px rgba(var(--a1-rgb),.55)}
.xv video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.xv.xv--idle{cursor:none}
.xv__dur{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;direction:ltr;font:700 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#fff;background:rgba(13,11,18,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--a1-line)}
.xv.xv--on .xv__dur{display:none}
.xv__play{position:absolute;inset:0;margin:auto;width:84px;height:84px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;
  color:#fff;background:var(--a1);box-shadow:0 6px 0 var(--a1-deep),0 24px 50px -10px rgba(var(--a1-rgb),.9);transition:transform .25s var(--ease)}
.xv__play svg{width:36px;height:36px;fill:currentColor;margin-left:4px}
.xv__play:hover{transform:scale(1.07)}
.xv.xv--on .xv__play{display:none}
.xv.xv--on:not(.xv--pl):not(.xv--load) .xv__play{display:grid;width:72px;height:72px}
.xv__spin{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;border:4px solid rgba(var(--a1-rgb),.25);border-top-color:var(--a1);
  opacity:0;pointer-events:none;transition:opacity .2s;animation:xvSpin .8s linear infinite}
.xv.xv--load .xv__spin{opacity:1}
@keyframes xvSpin{to{transform:rotate(360deg)}}
.xv__bar{position:absolute;inset-inline:0;bottom:0;direction:ltr;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:2px;
  padding:30px 10px 8px;background:linear-gradient(to top,rgba(13,11,18,.96),rgba(13,11,18,.9) calc(100% - 30px),rgba(13,11,18,0));cursor:default;
  opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease-out)}
.xv.xv--on .xv__bar{opacity:1;transform:none;pointer-events:auto}
.xv.xv--on.xv--idle .xv__bar{opacity:0;transform:translateY(10px);pointer-events:none}
.xv__seek{grid-column:1/-1;position:relative;height:22px;margin:0 6px 2px;cursor:pointer;touch-action:none;outline:none}
.xv__seek::before,.xv__buf,.xv__fill{content:"";position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;transition:height .15s,margin-top .15s}
.xv__seek::before{right:0;background:rgba(var(--a1-rgb),.32)}
.xv__buf{width:calc(var(--b,0)*100%);background:rgba(255,154,185,.38)}
.xv__fill{width:calc(var(--p,0)*100%);background:var(--a1-grad)}
.xv__knob{position:absolute;top:50%;left:calc(var(--p,0)*100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 4px rgba(var(--a1-rgb),.35),0 2px 8px rgba(0,0,0,.5);transition:transform .15s}
.xv__seek:hover::before,.xv__seek:hover .xv__buf,.xv__seek:hover .xv__fill,.xv__seek.drag::before,.xv__seek.drag .xv__buf,.xv__seek.drag .xv__fill{height:6px;margin-top:-3px}
.xv__seek.drag .xv__knob,.xv__seek:focus-visible .xv__knob{transform:scale(1.25)}
.xv__b{width:40px;height:40px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;color:#fff;background:none;cursor:pointer;transition:background .2s}
@media (hover:hover){.xv__b:hover{background:rgba(var(--a1-rgb),.2)}}
.xv__b:focus-visible,.xv__play:focus-visible{outline:2px solid var(--a1-soft);outline-offset:2px}
.xv__b svg{width:22px;height:22px;fill:currentColor}
.xv__pp .i-pa,.xv.xv--pl .xv__pp .i-pl,.xv__mu .i-mu,.xv.xv--muted .xv__mu .i-vo,.xv__fs .i-fx,.xv.xv--fs .xv__fs .i-fo{display:none}
.xv.xv--pl .xv__pp .i-pa,.xv.xv--muted .xv__mu .i-mu,.xv.xv--fs .xv__fs .i-fx{display:block}
.xv__t{justify-self:start;padding-inline:4px;white-space:nowrap;font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#fff}
.xv__t>span{color:var(--a1-soft)}
.xv__sp{width:auto;min-width:46px;height:28px;margin-inline:4px;padding:0 10px;border-radius:999px;font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  background:rgba(var(--a1-rgb),.2);box-shadow:inset 0 0 0 1px var(--a1-line)}
.xv__sp.fast,.xv__sp.fast:hover{background:var(--a1);box-shadow:none}
.xv:fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;border-radius:0;box-shadow:none}
.xv:fullscreen video{object-fit:contain}
.xv:-webkit-full-screen{width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;border-radius:0;box-shadow:none}
.xv:-webkit-full-screen video{object-fit:contain}
.stop__shot{position:relative}
.stop__shot img{background:#f4f4f6}
.stop__n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:900;font-size:19px;line-height:1;
  color:var(--a1-ink);background:var(--a1-grad);box-shadow:0 0 0 5px rgba(var(--a1-rgb),.14),0 10px 22px -8px rgba(var(--a1-rgb),.8)}
.stop__txt h4{margin-top:14px}
.roadq{position:relative;z-index:1}
.roadq .pf{margin:0}
@media (max-width:859px){
  .roadq{margin-inline:6px}
}
@media (min-width:860px){
  .road5 .stop:nth-of-type(5){grid-area:5/1}
  .roadq{align-self:center;padding-inline:4%}
  .roadq--2{grid-area:2/1}
  .roadq--3{grid-area:3/2}
  .roadq--5{grid-area:5/2}
}

/* ---------- 6 · the deck: yes, no, or later, like Tinder ---------- */
.deck__grid{display:grid;gap:clamp(36px,5vw,70px);align-items:center}
.deck h2{font-size:clamp(26px,3.8vw,42px);line-height:1.22}
.deck__em{margin-top:clamp(20px,3vw,30px);font-size:clamp(21px,2.8vw,30px);line-height:1.45;font-weight:300;color:var(--a1-soft)}
.deck__em em{font-style:italic}
.swipe{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;min-height:clamp(380px,46vw,560px)}
.swipe .phone{width:clamp(190px,24vw,260px);transform:rotate(3deg)}
.sdeck{position:relative;z-index:2;width:clamp(130px,15vw,170px);aspect-ratio:9/16;margin-inline-start:-4%;margin-bottom:12%}
.sc{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:var(--sf-4);border:3px solid #fff;
  box-shadow:0 30px 50px -22px rgba(0,0,0,.95);transition:transform .7s var(--ease-out),opacity .7s}
.sc img{width:100%;height:100%;object-fit:cover}
.sc[data-p="0"]{z-index:3;transform:none}
.sc[data-p="1"]{z-index:2;transform:translate(-7%,4%) rotate(-5deg) scale(.95);filter:brightness(.7)}
.sc[data-p="2"]{z-index:1;transform:translate(7%,7%) rotate(5deg) scale(.9);filter:brightness(.5)}
.sc.go-yes{transform:translate(70%,-6%) rotate(18deg)!important;opacity:0}
.sc.go-no{transform:translate(-70%,-6%) rotate(-18deg)!important;opacity:0}
.sc.go-later{transform:translateY(-60%) scale(.8)!important;opacity:0}
.sc__stamp{position:absolute;top:12px;left:50%;width:46px;height:46px;margin-left:-23px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.4);
  transition:opacity .25s,transform .35s var(--ease-out)}
.sc__stamp svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sc.go-yes .s-yes,.sc.go-no .s-no,.sc.go-later .s-later{opacity:1;transform:none}
.s-yes{background:var(--a1)}.s-no{background:#5b5670}.s-later{background:var(--a2);}
.s-yes svg{fill:#fff;stroke:none}
.sbtns{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:14px;direction:ltr}
.sb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--sf-1);border:1px solid rgba(var(--ivory-rgb),.14);
  box-shadow:0 16px 30px -12px rgba(0,0,0,.9);transition:transform .3s var(--ease-out),background .3s,border-color .3s}
.sb svg{width:24px;height:24px;fill:none;stroke:var(--t-hi);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sb--yes svg{fill:var(--a1);stroke:none}
.sb.on{transform:scale(1.18)}
.sb--yes.on{background:rgba(var(--a1-rgb),.2);border-color:var(--a1)}
.sb--no.on{background:rgba(var(--ivory-rgb),.12);border-color:rgba(var(--ivory-rgb),.5)}
.sb--later.on{background:rgba(var(--a2-rgb),.2);border-color:var(--a2)}
@media (min-width:900px){.deck__grid{grid-template-columns:1.05fr .95fr}}
@media (max-width:899px){.deck{text-align:center}.swipe{margin-top:6px}}

/* ---------- 7 · the brand wall, in colour ---------- */
.brands{text-align:center}
.brands h2{font-size:clamp(28px,4.4vw,48px)}
.logos .rows__track{gap:clamp(40px,5vw,72px);align-items:center}
.logos .rows__film{padding-block:14px}
.logos .rows__track img{width:auto;height:var(--h);max-width:none;border:0;border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}
@media (hover:hover){.logos .rows__track img:hover{transform:scale(1.08)}}
@media (max-width:760px){.logos .rows__track img{width:auto;height:calc(var(--h) * .78)}}

/* ---------- 8 · who we are ---------- */
.about .wrap{max-width:1100px}
.storyp{max-width:860px;margin:clamp(40px,6vw,72px) auto 0;text-align:center;font-weight:700;font-size:clamp(21px,2.9vw,31px);line-height:1.5;color:var(--t-hi);text-shadow:0 2px 22px rgba(0,0,0,.6)}
.storyp b{font-weight:900}
.storyp--big{font-weight:900;font-size:clamp(25px,3.7vw,41px);line-height:1.3}
.team{display:grid;gap:clamp(26px,4vw,44px)}
.team3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.6vw,18px);width:min(100%,860px);margin-inline:auto}
.tm{position:relative;aspect-ratio:4/5;border-radius:clamp(14px,2vw,24px);overflow:hidden;border:1px solid var(--a2-line);
  background:radial-gradient(110% 70% at 50% 100%,rgba(var(--a1-rgb),.5),transparent 62%),linear-gradient(170deg,var(--sf-4),var(--sf-2));
  box-shadow:0 40px 90px -40px rgba(0,0,0,.95)}
.tm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.tm--cut img{object-position:50% 100%}
.team .storyp{margin-top:0;font-size:clamp(24px,3.2vw,36px);font-weight:900;line-height:1.3}
/* round 3: his photo in the middle, his own Instagram profile standing behind it */
.team3--me{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.team3--me>.tm{z-index:1}
.tm-me{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:end}
.tm-me>*{grid-area:1/1}
.tm-me>.tm{width:100%;z-index:1}
.tm-me::before{content:"";position:absolute;left:50%;top:0;width:150%;height:70%;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(var(--a1-rgb),.5),transparent);filter:blur(26px);pointer-events:none}
.meig{position:relative;z-index:0;width:clamp(206px,30vw,292px);margin-bottom:10%;transform:rotate(-4deg)}
.igp{direction:ltr;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.igp__bar{display:flex;align-items:center;gap:3cqw;padding:13cqw 4cqw 3cqw}
.igp__bar svg{flex:none;width:6.4cqw;height:6.4cqw;stroke:#000;fill:#000}
.igp__bar b{flex:1;font-size:5.4cqw;font-weight:700;line-height:1}
.igp__hd{display:flex;align-items:center;gap:4cqw;padding:1cqw 4.5cqw 0}
.phone__scr.igp .igp__av{flex:none;width:21cqw;height:21cqw;border-radius:50%;object-fit:cover;box-shadow:0 0 0 .8cqw #fff,0 0 0 1.5cqw #d62976}
.igp__st{flex:1;display:flex;justify-content:space-around;text-align:center}
.igp__st b{display:block;font-size:5.4cqw;font-weight:700;line-height:1.2}
.igp__st i{font-style:normal;font-size:3.8cqw;color:#333}
.igp__nm{padding:3cqw 4.5cqw 3.4cqw;font-size:4cqw;font-weight:600;unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* the real Shopify numbers, rebuilt big and clear from the daily data */
.shop{max-width:1000px;margin:clamp(26px,4vw,40px) auto 0;border-radius:18px;background:#fff;color:#303030;direction:ltr;text-align:left;padding:clamp(16px,2.4vw,26px);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 50px 100px -44px rgba(0,0,0,.95),0 0 80px -30px rgba(var(--a1-rgb),.55)}
.shop__kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.kpi{padding:12px 14px;border-radius:12px;border:1px solid #ebebeb}
.kpi--on{grid-column:1/-1;background:#f7f7f7;border-color:#e3e3e3}
.kpi .day__lbl{margin-top:0}
.kpi__num{margin-top:6px;font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.15;color:#303030;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi--on .kpi__num{font-size:clamp(32px,5.2vw,56px);letter-spacing:-.02em}
@media (min-width:760px){.shop__kpis{grid-template-columns:1.7fr 1fr 1fr}.kpi--on{grid-column:auto}}
.shop__plot{display:flex;gap:10px;margin-top:20px}
.shop__y{position:relative;flex:none;width:46px;height:clamp(150px,24vw,260px)}
.shop__y span{position:absolute;right:0;transform:translateY(50%);font-size:14px;line-height:1;color:#8a8a8a;font-variant-numeric:tabular-nums}
.shop__area{position:relative;flex:1;min-width:0}
.shop__chart{display:block;width:100%;height:clamp(150px,24vw,260px);overflow:visible}
.shop__chart .gl path{stroke:#ebebeb;stroke-width:1;vector-effect:non-scaling-stroke}
.shop__chart .ln{fill:none;stroke:#2c6ecb;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.js .shop__chart .ln{clip-path:inset(0 100% 0 0);transition:clip-path 2.6s var(--ease-out) .5s}
.shop.in .shop__chart .ln{clip-path:inset(0 0 0 0)}
.shop__x{position:relative;height:22px;margin-top:8px}
.shop__x span{position:absolute;top:0;transform:translateX(-50%);font-size:14px;color:#8a8a8a;white-space:nowrap}
.shop__x span:first-child{transform:none}
@media (max-width:520px){.shop__x span:nth-child(even){display:none}}

/* a team of creators: three screens of Softella's Instagram, real reels */
.igphones{max-width:980px}
.igphones .phone{width:clamp(176px,28vw,300px)}
.igphones .phone--side{width:clamp(136px,23vw,250px)}
@media (max-width:600px){.igphones .phone--side:first-child{margin-inline-end:-22%}.igphones .phone--side:last-child{margin-inline-start:-22%}}
/* round 3: two screens of softella.il, 18 different women, none twice */
.igphones .igp2{width:clamp(170px,29vw,300px);z-index:1}
.igphones .igp2:first-child{transform:rotate(3deg) translateY(3%);margin-inline-end:clamp(-14px,-1vw,-6px)}
.igphones .igp2:last-child{transform:rotate(-3deg)}
@media (max-width:600px){.igphones .igp2{width:48vw}.igphones .igp2:first-child{margin-inline-end:-4vw}}
.igp__bio{padding:2.4cqw 4.5cqw 3.2cqw;font-size:3.6cqw;line-height:1.4;color:#000;unicode-bidi:plaintext;text-align:start}
.igs .igs__tabs--tag svg:first-child{stroke:#a8a8a8;fill:#a8a8a8;border-bottom-color:transparent}
.igs .igs__tabs--tag svg:last-child{stroke:#000;fill:#000;border-bottom-color:#000}
.igs{background:#fff!important;container-type:inline-size;color:#000}
.phone__scr.igs img{position:static;inset:auto}
.igs__bar{display:flex;align-items:center;gap:2.6cqw;padding:13cqw 4cqw 3.4cqw}
.igs__bar svg{flex:none;width:6.4cqw;height:6.4cqw;stroke:#000;fill:#000}
.phone__scr.igs .igs__av{flex:none;width:7.6cqw;height:7.6cqw;border-radius:50%;object-fit:cover}
.igs__bar b{font-weight:700;font-size:5cqw;line-height:1;direction:ltr;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.igs__ic{margin-inline-start:auto;display:flex;gap:4cqw}
.igs__tabs{display:flex;justify-content:space-around;border-top:1px solid #efefef}
.igs__tabs svg{width:6.4cqw;height:6.4cqw;padding:2.4cqw 3cqw;box-sizing:content-box;stroke:#a8a8a8;fill:#a8a8a8;border-bottom:1.5px solid transparent}
.igs__tabs svg:first-child{stroke:#000;fill:#000;border-bottom-color:#000}
.igs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6cqw;margin-top:.6cqw}
.igs__grid span{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eee}
.phone__scr.igs .igs__grid img{width:100%;height:100%;object-fit:cover}
.igs__grid svg{position:absolute;top:2cqw;right:2cqw;width:4.6cqw;height:4.6cqw;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}

/* growth to over 200K a month: real monthly totals, the line is 200K */
.about .grow{margin-top:clamp(40px,6vw,72px)}
.about .grow .storyp{margin-top:0}
@media (min-width:900px){.about .grow .storyp{text-align:right}}

/* the strongest videos: real views on Instagram and Facebook */
.topv{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,12px);max-width:1080px;margin:clamp(36px,5vw,60px) auto 0}
.tv{position:relative;aspect-ratio:9/16;border-radius:clamp(12px,1.4vw,16px);overflow:hidden;background:var(--sf-4);border:1px solid rgba(var(--ivory-rgb),.1);box-shadow:0 24px 44px -24px rgba(0,0,0,.9)}
.tv img{width:100%;height:100%;object-fit:cover}
.tv::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.84))}
.tv__pl{position:absolute;z-index:1;top:8px;right:8px;display:flex}
.pl{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.pl svg{width:15px;height:15px}
.pl--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.pl--ig svg{fill:none;stroke:#fff;stroke-width:2}
.pl--fb{background:#1877f2}
.pl--fb svg{fill:#fff}
.tv__pl .pl+.pl{margin-right:-6px}
.tv__v{position:absolute;z-index:1;inset-inline:8px;bottom:9px;display:grid;gap:6px;color:#fff;direction:ltr;text-align:left}
.tv__v b{display:flex;align-items:center;gap:5px;font-weight:900;font-size:clamp(16px,1.8vw,20px);line-height:1}
.tv__v b svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}
.tv__split{display:none;align-items:center;gap:4px;font-size:14px;font-weight:700;line-height:1}
.tv__split .pl{width:16px;height:16px;box-shadow:none}
.tv__split .pl svg{width:11px;height:11px}
.tv__split .pl--fb{margin-left:6px}
@media (min-width:860px){.topv{grid-template-columns:repeat(6,1fr)}.tv__split{display:flex}}

/* days of 8,000, 12,000 and 20,000: rebuilt from the real Shopify numbers, hour by hour */
.days{display:grid;gap:16px;max-width:1000px;margin:clamp(28px,4vw,44px) auto 0}
.day{border-radius:16px;background:#fff;color:#303030;padding:16px 18px 12px;text-align:left;direction:ltr;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.08)}
.days>div:nth-child(3) .day{box-shadow:0 40px 80px -40px rgba(0,0,0,.95),0 0 60px -20px rgba(var(--a1-rgb),.7),0 0 0 2px var(--a1)}
.day__date{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid #e3e3e3;font-weight:600;font-size:14px;line-height:1.2;color:#303030}
.day__date svg{width:15px;height:15px;fill:none;stroke:#303030;stroke-width:1.8}
.day__lbl{white-space:nowrap;margin-top:14px;font-weight:600;font-size:14px;color:#616161;text-decoration:underline dotted #b5b5b5;text-underline-offset:4px}
.day__num{margin-top:4px;font-weight:700;font-size:clamp(26px,3vw,32px);line-height:1.15;letter-spacing:-.01em;color:#303030;font-variant-numeric:tabular-nums}
.day__chart{display:block;width:100%;height:auto;margin-top:12px}
.day__chart .ar{fill:url(#dayFill)}
.day__chart .ln{fill:none;stroke:#2c6ecb;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.js .day__chart .ln{clip-path:inset(0 100% 0 0);transition:clip-path 2.2s var(--ease-out) .4s}
.in .day__chart .ln{clip-path:inset(0 0 0 0)}
.day__chart .ax{stroke:#ebebeb;stroke-width:1}
@media (min-width:860px){
  .days{grid-template-columns:repeat(3,1fr);align-items:end}
  .days>div:nth-child(2) .day{transform:translateY(-14px)}
  .days>div:nth-child(3) .day{transform:translateY(-28px)}
  .months>div .day{transform:none}
}

.months{margin-top:clamp(30px,4.4vw,48px)}
/* the marker, like skill 2: a band behind the date and the money, drawn when the card is seen */
.mk2{color:inherit;padding:0 .06em;background:linear-gradient(180deg,transparent 58%,rgb(255 46 110 / .36) 58%,rgb(255 46 110 / .36) 92%,transparent 92%) no-repeat 0 0/0% 100%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s var(--ease-out) .7s}
.in .mk2,.no-js .mk2{background-size:100% 100%}

/* faces of real people talking about the product: the app's creators, all lit */
.fcount.fcount--lit img{opacity:1;filter:none;transform:none;border-color:rgba(var(--a1-rgb),.32)}
@media (min-width:760px){.fcount.fcount--lit{grid-template-columns:repeat(12,1fr);max-width:1000px}}

/* ---------- 9 · the idea ---------- */
.idea .wrap{max-width:1000px}
.idea .storyp:first-child{margin-top:0}
.idea .idea__mark{margin-top:clamp(30px,4vw,44px)}
.idea .pf-row{margin-top:clamp(30px,4vw,48px)}
/* 10, 15, 20, 30 creators every month: the tiles light up in four waves */
.fcount{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,10px);max-width:860px;margin:clamp(26px,4vw,40px) auto 0}
.fcount img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:10px;border:1px solid rgba(var(--ivory-rgb),.08);
  opacity:.14;filter:grayscale(1);transform:scale(.92);transition:opacity .6s,filter .6s,transform .6s var(--ease-out),border-color .6s}
.fcount img.on{opacity:1;filter:none;transform:none;border-color:rgba(var(--a1-rgb),.5)}
.no-js .fcount img{opacity:1;filter:none;transform:none}
@media (min-width:760px){.fcount{grid-template-columns:repeat(10,1fr)}}
/* blowing up the ads manager and the pages */
.blast{display:grid;gap:clamp(18px,2.4vw,28px);max-width:1000px;margin:clamp(28px,4vw,44px) auto 0}
/* Ads Manager, Jan to Mar 2026, rebuilt from the real numbers */
.am{border-radius:14px;background:#fff;color:#1c2b33;direction:ltr;text-align:left;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-shadow:0 50px 100px -44px rgba(0,0,0,.95),0 0 80px -30px rgba(var(--a2-rgb),.4)}
.am__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #dddfe2}
.am__tabs{display:flex;gap:4px}
.am__tabs span{padding:7px 12px;border-radius:6px;font-weight:600;font-size:14px;color:#465a69}
.am__tabs .on{background:#e7f3ff;color:#0a78be;box-shadow:inset 0 -2px #0a78be}
.am__t{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,auto);column-gap:clamp(18px,3vw,36px)}
.am__r{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;row-gap:8px;padding:10px 16px;border-bottom:1px solid #edf0f2;font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums}
.am__r>span:not(.am__ad){text-align:right;white-space:nowrap}
.am__r small{display:block;margin-top:2px;font-size:14px;color:#8595a4;font-weight:400}
.am__r--h{font-weight:600;font-size:14px;color:#465a69;background:#f5f6f7;padding-block:11px;align-items:end}
.am__r--h>span:not(.am__ad){white-space:normal;max-width:8.2em;justify-self:end}
.am__ad{display:flex;align-items:center;gap:10px;min-width:0}
.am__ad img{flex:none;width:40px;height:40px;border-radius:6px;object-fit:cover}
.am__ad bdi{min-width:0;color:#0a78be;font-weight:500;overflow-wrap:anywhere}
/* round 3: ad names a little blurred, and his handwritten note left of the date */
.am__ad bdi{filter:blur(3px);user-select:none}
.am__note{order:1;margin-left:auto;margin-right:6px;display:inline-flex;align-items:center;gap:4px;transform:rotate(-3deg);font-family:"Playpen Sans Hebrew",Heebo,cursive;font-weight:600;font-size:clamp(20px,2.2vw,25px);line-height:1.1;color:var(--a1);white-space:nowrap}
.am__arw{flex:none;width:clamp(38px,4vw,52px);height:auto;fill:none;stroke:var(--a1);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transform:translateY(10px)}
.am__top .day__date{order:2}
.am__roas{font-weight:700}
.am__r--f{background:#f5f6f7;border-bottom:0;font-weight:700}
.am__r--f>span:first-child{font-weight:600;color:#465a69}
.js .am__r:not(.am__r--h):not(.am__r--f){opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s var(--ease-out)}
.am.in .am__r{opacity:1!important;transform:none!important}
.am.in .am__r:nth-child(2){transition-delay:.15s}.am.in .am__r:nth-child(3){transition-delay:.25s}.am.in .am__r:nth-child(4){transition-delay:.35s}
.am.in .am__r:nth-child(5){transition-delay:.45s}.am.in .am__r:nth-child(6){transition-delay:.55s}.am.in .am__r:nth-child(7){transition-delay:.65s}
.am.in .am__r:nth-child(8){transition-delay:.75s}.am.in .am__r:nth-child(9){transition-delay:.85s}
@media (max-width:640px){.am{margin-inline:calc(-1 * clamp(20px,5vw,52px));border-radius:0}.am__t{grid-template-columns:repeat(4,auto);column-gap:10px}.am__r{padding:10px 12px;font-size:14px}.am__ad{grid-column:1/-1}.am__ad img{width:32px;height:32px}.am__r--h>.am__ad{display:none}.am__r--h>span:not(.am__ad){max-width:6.4em}.am__r--f>span:nth-child(2) small{display:none}}
.idea .storyp--end{margin-top:clamp(50px,7vw,90px)}
.pinkline{color:var(--a1)}
/* 15.10 round 2: the crowd. Followers stream into the notifications, and a wall of real comments behind */
.crowd{position:relative;display:grid;justify-items:center;gap:clamp(24px,4vw,36px);margin-top:clamp(30px,4.5vw,52px)}
.crowd::before{content:"";position:absolute;left:12%;right:12%;top:30%;height:44%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--a1-rgb),.34),transparent);filter:blur(40px)}
.crowd__ph{width:clamp(262px,30vw,330px);z-index:1}
.ntf{background:#fff!important;color:#000;container-type:inline-size;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;direction:ltr;text-align:left}
.ntf__bar{position:relative;z-index:1;display:flex;align-items:center;gap:4cqw;padding:13cqw 5cqw 4cqw;background:#fff;border-bottom:1px solid #efefef}
.ntf__bar svg{flex:none;width:6.4cqw;height:6.4cqw;stroke:#000;fill:none;transform:scaleX(-1)}
.ntf__bar b{font-size:6.2cqw;font-weight:700;line-height:1}
.ntf__list{--rh:17cqw;transition:transform .55s var(--ease-out)}
.ntf__list.jump{transform:translateY(calc(-1 * var(--rh)));transition:none}
.nt{display:flex;align-items:center;gap:3cqw;height:var(--rh);padding:0 4.4cqw;font-size:4.3cqw;line-height:1.3}
.nt.new{animation:ntIn .6s var(--ease-out)}
@keyframes ntIn{from{opacity:0}}
.nt__av,.cmc .nt__av{flex:none;width:11cqw;height:11cqw;border-radius:50%;filter:blur(1.6px);
  background:radial-gradient(circle at 50% 38%,hsl(var(--h) 45% 78%) 0 26%,transparent 27%),radial-gradient(circle at 50% 100%,hsl(var(--h) 40% 70%) 0 44%,transparent 45%),hsl(var(--h) 30% 90%)}
.nt__tx{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nt__tx .bl{display:inline-block;vertical-align:middle;max-width:none}
.nt__tx bdi{display:block;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt__btn{flex:none;padding:1.8cqw 3.4cqw;border-radius:2.4cqw;background:#0095f6;color:#fff;font-size:3.9cqw;font-weight:600;white-space:nowrap}
.phone__scr.ntf .nt__th{position:static;flex:none;width:11cqw;height:11cqw;border-radius:1.4cqw;object-fit:cover}
.cmw{position:relative;width:100%;overflow:hidden;direction:ltr;padding-block:6px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cmw__in{display:grid;gap:12px}
.cmw__track{display:flex;gap:12px;width:max-content;will-change:transform}
.cmc{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border-radius:18px;background:#fff;color:#0c0c0c;direction:rtl;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 18px 34px -22px rgba(0,0,0,.9)}
.cmc .nt__av{width:34px;height:34px}
/* round 3: real profile pictures, sharp */
img.nt__av{filter:none;object-fit:cover;background:#e9e9e9}
.phone__scr.ntf img.nt__av{position:static;inset:auto;width:11cqw;height:11cqw}
.cmc__b{display:grid;gap:5px;justify-items:start}
.cmc__t{font-size:15px;line-height:1.3;white-space:nowrap}
.cmc svg{flex:none;width:15px;height:15px;fill:none;stroke:#737373;stroke-width:2;margin-inline-start:6px}
@media (min-width:900px){
  .crowd{grid-template-areas:"x";align-items:center}
  .crowd>*{grid-area:x}
  .cmw__in{gap:16px}
}

/* ---------- 10 · price ---------- */
.price .narrow{max-width:760px}
.price h2{font-size:clamp(30px,5vw,54px)}
.price__flow{margin-top:clamp(22px,3vw,32px);display:grid;gap:14px}
.price__flow p{font-size:clamp(18px,2.1vw,21px);line-height:1.55}
.crediteq{margin-top:10px!important;font-weight:900;font-size:clamp(24px,3.6vw,36px)!important;line-height:1.3!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em .4em}
.crediteq .eq{color:var(--a1);font-size:1.3em;line-height:1}
.crediteq .ci{display:inline-grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;vertical-align:middle;margin-inline-end:.2em}
.crediteq .ci svg{width:60%;height:60%}
.ci--coin{background:var(--a2-grad);box-shadow:0 0 22px rgba(var(--a2-rgb),.55)}
.ci--coin svg{fill:none;stroke:var(--a2-ink);stroke-width:2.4;stroke-linecap:round}
.ci--play{background:var(--a1-grad);box-shadow:0 0 22px rgba(var(--a1-rgb),.55)}
.ci--play svg{fill:var(--a1-ink)}
.price__b{font-weight:900;margin-top:6px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6vw,18px);max-width:1040px;margin:clamp(30px,4.4vw,50px) auto 0}
.pcard{position:relative;border-radius:22px;padding:clamp(22px,3vw,30px) 12px clamp(18px,2.4vw,24px);text-align:center;
  background:linear-gradient(170deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border:1px solid rgba(var(--ivory-rgb),.09);
  transition:transform .5s var(--ease-out),border-color .5s,opacity 1s var(--ease-out)}
.pcard:hover{transform:translateY(-6px);border-color:var(--a1-line)}
.pcard__qty{font-weight:700;font-size:clamp(15px,1.7vw,18px);line-height:1.3;color:var(--t-mid)}
.pcard__per{margin-top:8px;font-weight:900;font-size:clamp(46px,6vw,68px);line-height:1;letter-spacing:-.03em;color:var(--t-hi);font-variant-numeric:tabular-nums}
.pcard__per small{font-size:.32em;font-weight:700;letter-spacing:0;color:var(--t-mid)}
.pcard__lbl{margin-top:6px;font-size:15px;color:var(--t-low)}
.pcard__tot span{white-space:nowrap}
.pcard__tot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(var(--ivory-rgb),.08);font-size:14.5px;font-weight:500;color:var(--a2-soft)}
.pcard__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 14px;border-radius:999px;font-weight:900;font-size:14px;line-height:1.2}
.pcard--pop{border-color:transparent;background:
    radial-gradient(90% 60% at 50% 0%,rgba(var(--a1-rgb),.24),transparent 70%) padding-box,
    linear-gradient(var(--sf-2),var(--sf-2)) padding-box,
    linear-gradient(150deg,var(--a1),rgba(var(--a1-rgb),.2) 50%,var(--a2)) border-box;
  box-shadow:0 30px 70px -30px rgba(var(--a1-rgb),.6)}
.pcard--pop .pcard__per{color:var(--a1-soft)}
.pcard--pop .pcard__badge{background:var(--a1-grad);color:var(--a1-ink)}
.pcard--best .pcard__badge{background:var(--a2-grad);color:var(--a2-ink)}
.pcard--best{border-color:var(--a2-line)}
@media (min-width:860px){.pgrid{grid-template-columns:repeat(4,1fr)}.pcard--pop{transform:translateY(-12px)}.pcard--pop:hover{transform:translateY(-18px)}}
.price .rules .rule p{line-height:1.45}

/* ---------- 11 · every video on this page ---------- */
.endv{text-align:center}
.endv h2{max-width:880px;margin-inline:auto;font-size:clamp(28px,4.6vw,50px);line-height:1.18}
.arrowdown{width:64px;height:64px;margin:clamp(20px,3vw,30px) auto 0;border-radius:50%;display:grid;place-items:center;
  background:var(--a1-grad);box-shadow:0 0 0 8px rgba(var(--a1-rgb),.12),0 20px 40px -14px rgba(var(--a1-rgb),.9)}
.arrowdown svg{width:30px;height:30px;fill:none;stroke:var(--a1-ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;animation:arrowBob 1.6s ease-in-out infinite}
@keyframes arrowBob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
.endgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,14px);max-width:1080px;margin:clamp(30px,4.4vw,50px) auto 0}
.eg{position:relative;border-radius:clamp(12px,1.4vw,18px);overflow:hidden;aspect-ratio:9/16;background:var(--sf-4);border:1px solid rgba(var(--ivory-rgb),.1);
  box-shadow:0 24px 44px -24px rgba(0,0,0,.9)}
.eg video{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:860px){
  .endgrid{grid-template-columns:repeat(5,1fr)}
  .eg:nth-child(5n+2),.eg:nth-child(5n+4){transform:translateY(28px)}
  .eg:nth-child(5n+3){transform:translateY(-14px)}
}
@media (max-width:859px){.eg:nth-child(3n+2){transform:translateY(18px)}}
.endv .pf-wall{margin-top:clamp(60px,8vw,100px);text-align:right}

/* ---------- 12 · FAQ ---------- */
.faqsec .faq{margin-top:clamp(20px,3vw,30px)}

/* ---------- 13 · the form (demo on this copy) ---------- */
.join .pricecard{max-width:520px}
.join__logo{width:min(220px,56vw);margin:0 auto}
.join .leadform{gap:12px;margin-top:6px}
.join .leadform .btn{margin-top:10px}
.join .leadform.sent .btn{pointer-events:none}
.join .leadform.busy .btn{pointer-events:none;opacity:.72}
.join .leadform.sent .btn::before{content:"";display:inline-block;width:20px;height:12px;margin-inline-end:10px;border-left:3.5px solid currentColor;border-bottom:3.5px solid currentColor;transform:translateY(-4px) rotate(-45deg)}
.form__sub{margin-top:16px;font-size:15px;color:var(--t-mid)}
.form__legal{margin-top:8px;font-size:14px;color:var(--t-low)}
.form__legal a{color:var(--a2-soft)}
.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:18px}
.foot__links a{color:var(--t-mid);text-decoration:none;font-size:15px}
.foot__links a:hover{color:var(--a1-soft)}

@media (prefers-reduced-motion:reduce){
  .sc,.arrowdown svg,.jt img,.jt::after{animation:none;transition:none}
  .mk2{transition:none;background-size:100% 100%}
  .js .cm{opacity:1;transform:none}
  .fcount img{opacity:1;filter:none;transform:none}
}

/* Desktop only: the whole page at 90%, the size Mor picked (29.10, first 85%, then back to 90%). Phones and tablets stay as they are. */
@media (min-width:1024px){html{zoom:.9}}