/* ezclip.ai v2 — /start, the channel set-up flow: topics, plan, review.
   Loaded after pages.css. Every rule here is scoped to .st* so nothing else on the site moves.
   Without script the three steps stack on one page; with start.js one step shows at a time. */

.st{min-height:calc(100svh - var(--nav-h));background:#f8f7f3;padding:clamp(28px,6vh,72px) 0 clamp(56px,9vh,104px)}
.st .wrap{width:min(100% - 2*var(--gut),1120px)}
.st [hidden]{display:none!important}
html:not(.js) .st-js{display:none!important}

/* ---------- top: what this page is, and where you are ---------- */
.st__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 32px;margin-bottom:clamp(28px,6vh,64px)}
.st__title{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#646460}
.st__prog{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.st__prog a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px 0 8px;border-radius:999px;font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:#646460;transition:background-color .2s var(--e-settle),color .2s var(--e-settle)}
.st__prog a:hover{background:rgba(9,9,9,.05);color:var(--ink)}
.st__n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--hair-2);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .2s var(--e-settle),border-color .2s var(--e-settle),color .2s var(--e-settle)}
.st__prog [data-state="done"]{color:var(--ink)}
.st__prog [data-state="done"] .st__n{border-color:var(--ink)}
.st__prog [aria-current="step"]{color:var(--ink);background:rgba(9,9,9,.06)}
.st__prog [aria-current="step"] .st__n{background:var(--ink);border-color:var(--ink);color:#fff}
.st__prog [aria-disabled="true"]{cursor:default}
.st__prog [aria-disabled="true"]:hover{background:transparent;color:#646460}

/* ---------- one step: the point, huge, then the choice ---------- */
html.js .st__step{display:none}
html.js .st__step.is-on{display:block}
html.js .st__step.is-entering{animation:st-in .55s var(--e-settle) both}
@keyframes st-in{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
html:not(.js) .st__step+.st__step{margin-top:clamp(72px,12vh,128px);padding-top:clamp(48px,8vh,88px);border-top:1px solid rgba(9,9,9,.1)}
.pg h2.big.st__h{font-size:clamp(40px,5.2vw,84px);outline:none}
.st .st__h+*{margin-top:clamp(36px,6vh,64px)}
.st fieldset{min-width:0;margin:0;padding:0;border:0}

/* ---------- topics: chips, the same ones the home page shows ---------- */
.st-chips{display:flex;flex-wrap:wrap;gap:10px;max-width:900px}
.st-chip{position:relative;display:inline-flex}
.st-chip input,.st-plan input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.st-chip span{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border:1px solid var(--hair-2);border-radius:999px;background:rgba(255,255,255,.55);font-size:17px;font-weight:500;letter-spacing:-.012em;cursor:pointer;user-select:none;-webkit-user-select:none;
  transition:background-color .2s var(--e-settle),border-color .2s var(--e-settle),color .2s var(--e-settle),opacity .2s var(--e-settle)}
.st-chip:hover span{border-color:#a9a59c;background:#fff}
.st-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.st-chip input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}
.st-chip input:disabled+span{opacity:.4;cursor:default}
.st-chip:hover input:disabled+span{border-color:var(--hair-2);background:rgba(255,255,255,.55)}

/* ---------- plan: three cards, the prices and terms of /pricing ---------- */
.st-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} /* 14-oct: Elite is the fourth plan */
@media (min-width:1001px) and (max-width:1279px){.st-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1001px){.st-plan__price{flex-wrap:wrap;row-gap:8px}.st-plan__per{flex-basis:100%}.st-plan__price [data-price]{font-size:clamp(40px,3.2vw,52px)}.st-plan{display:grid!important;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.st-plan>span{align-self:start}.st-plan>.st-plan__renew{align-self:end}} /* four plans: name, line, price, episodes and renewal share rows across the cards (subgrid), so prices line up */
.st-plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 28px 26px;background:#fff;border:1px solid rgba(30,28,26,.12);border-radius:24px;cursor:pointer;
  box-shadow:0 1px 2px rgba(9,9,9,.03),0 12px 32px rgba(9,9,9,.04);transition:border-color .2s var(--e-settle),box-shadow .3s var(--e-settle)}
.st-plan:hover{border-color:rgba(30,28,26,.32)}
.st-plan:has(input:checked),.st-plan.is-picked{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 24px 60px rgba(9,9,9,.10)}
.st-plan:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:3px}
.st-plan>span{display:block}
.st-plan__dot{position:absolute;top:26px;right:26px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--hair-2);background:#fff;transition:background-color .2s var(--e-settle),border-color .2s var(--e-settle)}
.st-plan input:checked~.st-plan__dot{border-color:var(--ink);background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px}
.st-plan__name{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 10px;padding-right:40px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.st-plan__tag{padding:4px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:600;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
.st-plan__for{margin-top:6px;font-size:15px;line-height:1.45;color:#646460}
.st-plan__price{display:flex!important;align-items:baseline;gap:8px;margin-top:26px;line-height:1}
.st-plan__price [data-price]{font-size:clamp(44px,4vw,56px);font-weight:600;letter-spacing:-.045em}
.st-plan__per{font-size:14px;color:#646460}
.st-plan__qty{margin-top:12px;font-size:15px;font-weight:600}
.st-plan__renew{margin-top:auto;padding-top:20px;font-size:13px;line-height:1.5;color:#646460}
.st-fine{margin:22px 0 0;font-size:14.5px;line-height:1.5;color:#646460}
.st-fine a,.st-renew a,.st-check a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.st-fine a{color:var(--ink)}

/* ---------- review: what you picked, the renewal terms, then checkout ---------- */
.st-review{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"sum pay" "sum more";gap:16px;align-items:start} /* 12-oct (Rafael: «swap this again»): your channel on the left; Continue and questions on the right */
.st-sum{grid-area:sum}.st-pay{grid-area:pay}.st-more{grid-area:more}
html:not(.js) .st-review{grid-template-areas:"more pay"}
.st-card{min-width:0;padding:clamp(24px,2.6vw,34px);background:#fff;border:1px solid rgba(30,28,26,.12);border-radius:24px;box-shadow:0 1px 2px rgba(9,9,9,.03),0 12px 32px rgba(9,9,9,.04)}
.st-sum dl{margin:0}
.st-sum__row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:6px 20px;padding:20px 0;border-top:1px solid rgba(9,9,9,.08)}
.st-sum__row:first-child{padding-top:4px;border-top:0}
.st-sum__row:last-child{padding-bottom:4px}
.st-sum dt{padding-top:3px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#646460}
.st-sum dd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;font-size:18px;font-weight:500;letter-spacing:-.014em;line-height:1.4}
.st-sum dd>span:first-child{min-width:0}
.st-sum__sub{display:block;margin-top:2px;font-size:15px;color:#646460}
.st-sum__edit{position:relative;flex:none;font-size:15px;font-weight:500;border-bottom:1px solid currentColor;line-height:1.3;transition:opacity .2s}
.st-sum__edit::after{content:"";position:absolute;inset:-12px -8px}
.st-sum__edit:hover{opacity:.6}
.st-renew{margin:0;padding:16px 18px;border-radius:16px;background:#f3f1ec;font-size:15px;line-height:1.5}
.st-renew b{font-weight:600}
.st-consent{display:grid;gap:2px;margin-top:18px}
.st-check{display:flex;align-items:flex-start;gap:14px;min-height:44px;padding:10px 0;font-size:15.5px;line-height:1.45;cursor:pointer}
.st-check input{flex:none;display:grid;place-items:center;width:24px;height:24px;margin:0;border:1.5px solid #a9a59c;border-radius:7px;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s var(--e-settle),border-color .15s var(--e-settle)}
.st-check input:hover{border-color:var(--ink)}
.st-check input:checked{border-color:var(--ink);background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/15px}
.st-check input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.st-check>span{padding-top:1px}
.st-pay__go{width:100%;height:54px;margin-top:16px;font-size:16px;font-weight:550}
.st-pay__go:disabled{background:#e4e1da;border-color:#e4e1da;color:#55544f;cursor:not-allowed}
.st-pay__note{margin:14px 0 0;font-size:14px;line-height:1.5;color:#646460;text-align:center}

/* ---------- where to go while checkout is closed ---------- */
.st-more{margin-top:20px}
.st-more__h{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#646460}
.st-more__list{display:grid;gap:8px}
.st-more a{display:flex;align-items:baseline;justify-content:space-between;gap:6px 20px;min-height:56px;padding:16px 22px;border-radius:18px;background:rgba(9,9,9,.045);transition:background-color .2s var(--e-settle)}
.st-more a:hover{background:rgba(9,9,9,.085)}
.st-more b{flex:none;font-size:17px;font-weight:600;letter-spacing:-.016em}
.st-more b::after{content:" \2192";font-weight:500}
.st-more a span{min-width:0;font-size:15px;line-height:1.45;color:#646460;text-align:right}

/* ---------- the bar: back, where you are, continue ---------- */
.st-bar{display:flex;align-items:center;gap:16px;margin-top:clamp(36px,6vh,64px);padding-top:22px;border-top:1px solid rgba(9,9,9,.08)}
.st-bar .pill{height:52px;padding:0 30px;font-size:16px;font-weight:550}
.st-bar__status{flex:1;min-width:0;margin:0;font-size:15px;font-weight:500;color:#646460;text-align:right}
.st-bar__status.is-err{color:#b8162c}
.st-bar__next{min-width:156px}
.st-bar__back{gap:10px}
.st-bar__arrow{font-size:17px;line-height:1}

/* ---------- tablets and phones ---------- */
@media (max-width:1000px){
  .st-plans{grid-template-columns:1fr;max-width:560px}
  .st-review,html:not(.js) .st-review{grid-template-columns:1fr;grid-template-areas:"sum" "pay" "more";max-width:640px}
  .st-more{margin-top:28px}
}
@media (max-width:700px){
  .st{padding-top:20px}
  .st__top{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:26px}
  .st__prog{margin-left:-8px}
  .st__prog a{gap:7px;padding:0 10px 0 6px;font-size:14px}
  .st__n{width:26px;height:26px;font-size:12.5px}
  .pg h2.big.st__h{font-size:clamp(34px,9.6vw,48px)}
  .st .st__h+*{margin-top:28px}
  .st-chips{gap:8px}
  .st-chip span{min-height:48px;padding:0 19px;font-size:16px}
  .st-plans{gap:12px}
  .st-plan{padding:20px 20px 18px;border-radius:20px}
  .st-plan__dot{top:20px;right:20px;width:24px;height:24px}
  .st-plan__name{font-size:20px}
  .st-plan__for{margin-top:2px;font-size:14.5px}
  .st-plan__price{margin-top:14px}
  .st-plan__price [data-price]{font-size:40px}
  .st-plan__qty{margin-top:8px}
  .st-plan__renew{padding-top:10px;font-size:12.5px}
  .st-sum__row{grid-template-columns:1fr;gap:4px;padding:16px 0}
  .st-sum dd{font-size:17px}
  .st-card{border-radius:20px;padding:22px 20px}
  .st-more a{flex-direction:column;align-items:flex-start;padding:16px 20px}
  .st-more a span{text-align:left}
  /* the bar sits on the bottom edge so Continue is always one thumb away */
  .st-bar{position:sticky;bottom:0;z-index:5;gap:12px;margin:28px calc(-1*var(--gut)) 0;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom,0px));
    background:#f8f7f3;border-top:1px solid rgba(9,9,9,.1);box-shadow:0 -8px 24px rgba(9,9,9,.04)}
  .st-bar .pill{height:50px;padding:0 22px}
  .st-bar .st-bar__back{width:50px;padding:0}
  .st-bar__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .st-bar__status,.st-bar__back:not([hidden])+.st-bar__status{font-size:14px;text-align:left}
  .st-bar__next{min-width:128px}
}

/* ---------- reduced motion: everything in place, nothing slides ---------- */
@media (prefers-reduced-motion:reduce){
  html.js .st__step.is-entering{animation:none}
  .st__prog a,.st__n,.st-chip span,.st-plan,.st-plan__dot,.st-check input,.st-more a,.st-sum__edit{transition:none}
}

/* 10-oct: optional reference channel under the topics */
.st-ref{display:grid;gap:8px;max-width:520px;margin-top:clamp(28px,4vh,40px)}
.st-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;max-width:900px;margin-top:clamp(28px,4vh,40px)}
.st-extra .st-ref{margin-top:0;max-width:none}
@media (max-width:700px){.st-extra{grid-template-columns:1fr}}
.st-ref__l{font-size:15px;font-weight:600;color:var(--ink)}
.st-ref__l span{font-weight:500;color:var(--soft)}
.st-ref__in{height:52px;padding:0 16px;border:1px solid var(--hair-2,#cfcac0);border-radius:14px;background:#fff;font:inherit;font-size:16px;color:var(--ink);outline:none;transition:border-color .2s var(--e-settle),box-shadow .2s var(--e-settle)}
.st-ref__in::placeholder{color:#9a958e}
.st-ref__in:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px rgba(9,9,9,.08)}
.st-ref__in[aria-invalid="true"]{border-color:var(--brand-accent)}
.st-ref__hint{margin:0;font-size:14px;color:var(--soft)}
.st-ref__in[aria-invalid="true"]+.st-ref__hint{color:var(--brand-accent)}

/* 11 Oct: checkout is a task, with the trial before the recurring price. */
.st{padding-top:24px}
.st__top{margin-bottom:24px}
.pg h2.big.st__h{font-size:36px;line-height:1.12;letter-spacing:-.03em}
.st .st__h+*{margin-top:20px}
.st .st__h+.st__helper{margin:10px 0 22px}
.st__helper{font-size:17px;line-height:1.4;color:#646460}
.st .trial-summary{margin:20px 0 24px;padding-block:18px}
.st .plans-band--step{margin:20px 0 24px;padding-block:18px}
.st .plans-band--step .st__h{margin:0;text-align:center}
.st .plans-band--step .plans-band__sub{margin-top:8px}
.st-bar{margin-top:28px}
.st-plan{padding:24px}
.st-plan__price{gap:6px;flex-wrap:wrap;margin-top:20px}
.st-plan__price [data-price]{font-size:44px}
.st-plan__per{font-size:13px}
.st-plan__dot{top:23px;right:20px}
.st-plan__name{font-size:21px}
.st-plan__tag{font-size:10px;padding:4px 7px}
.st-sum__row{padding-block:14px;grid-template-columns:104px minmax(0,1fr)}
.st-sum dd{font-size:16px}
.st-sum__sub{font-size:14px}
.st-card{padding:24px}
.st-renew{font-size:14px}
.st-check{font-size:14px}
@media(max-width:700px){
 .st{padding-top:16px}
 .st__top{gap:6px;margin-bottom:20px}
 .pg h2.big.st__h{font-size:28px}
 .st-chip span{min-height:44px;padding-inline:17px}
 .st-bar{position:relative;bottom:auto;margin-top:24px;box-shadow:none}
 .st-plan{padding:20px}
 .st-plan__price{margin-top:16px}
 .st-plan__price [data-price]{font-size:40px}
 .st-card{padding:20px}
 .st-sum__row{grid-template-columns:1fr;gap:4px;padding-block:12px}
 .st-sum dd{font-size:16px}
 .st .trial-summary{gap:12px;margin-block:18px 20px}
}
@media(max-width:700px){
 .st .trial-summary{flex-direction:row;gap:14px}
 .st .trial-summary strong{font-size:20px;max-width:190px}
 .st .trial-summary p{max-width:118px;text-align:right;flex-shrink:0}
 .st .trial-summary p span{font-size:12px}
 .st-plan{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
 .st-plan__name,.st-plan__renew{grid-column:1/-1}
 .st-plan>.st-plan__for{display:none}
 .st-plan__price{display:block!important;margin-top:12px}
 .st-plan__price [data-price]{font-size:32px}
 .st-plan__per{display:block;margin-top:6px;font-size:12px}
 .st-plan__qty{margin-top:12px;align-self:center;justify-self:end;font-size:14px;text-align:right}
 .st-plan__renew{margin-top:0;padding-top:12px}
}

/* 11-oct · large-desktop type scale: Rafael at Safari actual size on a 16" MacBook zooms to 110%; text is 10% larger from 1280px wide, phones untouched (generated) */
@media (min-width:1280px){
  .st__title{font-size:14.3px}
  .st__prog a{font-size:16px}
  .st__n{font-size:14.3px}
  .pg h2.big.st__h{font-size:clamp(44px,5.2vw,92.4px)}
  .st-chip span{font-size:18.7px}
  .st-plan__name{font-size:24.2px}
  .st-plan__tag{font-size:12.1px}
  .st-plan__for{font-size:16.5px}
  .st-plan__price [data-price]{font-size:clamp(48.4px,4vw,61.6px)}
  .st-plan__per{font-size:15.4px}
  .st-plan__qty{font-size:16.5px}
  .st-plan__renew{font-size:14.3px}
  .st-fine{font-size:16px}
  .st-sum dt{font-size:14.3px}
  .st-sum dd{font-size:19.8px}
  .st-sum__sub{font-size:16.5px}
  .st-sum__edit{font-size:16.5px}
  .st-renew{font-size:16.5px}
  .st-check{font-size:17.1px}
  .st-pay__go{font-size:17.6px}
  .st-pay__note{font-size:15.4px}
  .st-more__h{font-size:14.3px}
  .st-more b{font-size:18.7px}
  .st-more a span{font-size:16.5px}
  .st-bar .pill{font-size:17.6px}
  .st-bar__status{font-size:16.5px}
  .st-bar__arrow{font-size:18.7px}
  .st-ref__l{font-size:16.5px}
  .st-ref__in{font-size:17.6px}
  .st-ref__hint{font-size:15.4px}
  .pg h2.big.st__h{font-size:39.6px}
  .st__helper{font-size:18.7px}
  .st-plan__price [data-price]{font-size:48.4px}
  .st-plan__per{font-size:14.3px}
  .st-plan__name{font-size:23.1px}
  .st-plan__tag{font-size:11px}
  .st-sum dd{font-size:17.6px}
  .st-sum__sub{font-size:15.4px}
  .st-renew{font-size:15.4px}
  .st-check{font-size:15.4px}
}

/* 11-oct (Rafael: «only the good stuff… whatever else in the bottom with the *»): renewal terms live in the footer footnote */
.st-pay__good{color:var(--ink);font-weight:500}
.st-pay__good + .st-pay__note{margin-top:4px}
/* 14-oct · step 1, pick the look: portraits with the name on the photo, like the home's cards; the picked one gets the ink ring and a check */
.st-looks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:28px 0 0;padding:0;border:0;min-width:0}
.st-look{position:relative;display:block;cursor:pointer;border-radius:18px;-webkit-tap-highlight-color:transparent}
.st-look input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.st-look__img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:18px;background:#e9e6df;box-shadow:0 0 0 1px rgba(30,28,26,.08)}
.st-look__img img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .5s var(--e-settle)}
.st-look__img::after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.st-look:hover .st-look__img img{transform:scale(1.03)}
.st-look__n{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.st-look__s{position:absolute;left:14px;bottom:34px;z-index:1;color:rgba(255,255,255,.82);font-size:13px;font-weight:500}
.st-look__dot{position:absolute;top:12px;right:12px;z-index:1;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:rgba(0,0,0,.18);transition:background-color .2s var(--e-settle),border-color .2s var(--e-settle)}
.st-look.is-picked .st-look__img,.st-look:has(input:checked) .st-look__img{box-shadow:0 0 0 2px var(--ink),0 18px 40px rgba(9,9,9,.14)}
.st-look input:checked~.st-look__dot{border-color:#fff;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px}
.st-look:has(input:focus-visible) .st-look__img{outline:2px solid var(--orange);outline-offset:3px}
.st-look__img--self{display:grid;place-items:center;background:#0b0b0c}
.st-look__img--self::after{display:none}
.st-look__img--self svg{width:38%;height:auto;fill:none;stroke:rgba(255,255,255,.88);stroke-width:1.4;stroke-linecap:round;margin-top:-18%}
@media (max-width:1000px){.st-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .st-look--self{grid-column:1/-1}
  .st-look--self .st-look__img{aspect-ratio:auto;height:88px}
  .st-look--self .st-look__img--self svg{width:34px;margin:0 0 0 auto;position:absolute;right:20px;top:50%;transform:translateY(-50%)}
  .st-look--self .st-look__s{bottom:auto;top:20px}
  .st-look--self .st-look__n{bottom:20px}
  .st-look__n{left:10px;bottom:9px;font-size:14px}.st-look__s{left:10px}.st-look__dot{top:9px;right:9px;width:22px;height:22px}
  .st-look__img,.st-look{border-radius:14px}}
@media (min-width:1729px){.st-looks{gap:round(nearest, max(14px, min(.8101852vw, 1.4285714vh)), 1px);margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}.st-look__n{font-size:max(16px, min(.9259259vw, 1.6326531vh))}.st-look__s{font-size:max(13px, min(.7523148vw, 1.3265306vh))}}
@media (max-width:400px){.st__prog{gap:0}.st__prog a{gap:6px;padding:0 9px 0 5px;font-size:13.5px}} /* 14-oct: four steps fit a 375 screen */
/* BEGIN GENERATED BIGSCREEN SCALE · reports/tools/generate-bigscreen-scale.mjs
   Reference: 1728×980, pre-scaling cascade plus the full-frame week rail.
   s = max(1, min(viewportWidth / 1728, viewportHeight / 980)). */
@media (min-width:1729px){
  .st{min-height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h));padding-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px);padding-bottom:round(nearest, max(88.2px, min(5.1041667vw, 9vh)), 1px)}
  .st .wrap{width:min(100% - 2*var(--gut),round(nearest, max(1120px, min(64.8148148vw, 114.2857143vh)), 1px))}
  .st__top{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);margin-bottom:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .st__title{font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .st__prog{row-gap:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);column-gap:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .st__prog a{row-gap:round(nearest, max(9px, min(0.5208333vw, 0.9183673vh)), 1px);column-gap:round(nearest, max(9px, min(0.5208333vw, 0.9183673vh)), 1px);min-height:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-right:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);padding-left:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(14.5px, min(0.8391204vw, 1.4795918vh))}
  .st__n{width:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);height:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  @keyframes st-in{0%{opacity: 0; transform: translate3d(0px, max(14px, min(0.8101852vw, 1.4285714vh)), 0px);}100%{opacity: 1; transform: none;}}
  html:not(.js) .st__step + .st__step{margin-top:round(nearest, max(117.6px, min(6.8055556vw, 12vh)), 1px);padding-top:round(nearest, max(78.4px, min(4.537037vw, 8vh)), 1px)}
  .pg h2.big.st__h{font-size:max(84px, min(4.8611111vw, 8.5714286vh))}
  .st .st__h + *{margin-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .st-chips{row-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);column-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);max-width:round(nearest, max(900px, min(52.0833333vw, 91.8367347vh)), 1px)}
  .st-chip span{min-height:round(nearest, max(52px, min(3.0092593vw, 5.3061224vh)), 1px);padding-right:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-left:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .st-chip input:focus-visible + span{outline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .st-plans{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .st-plan{padding-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);padding-right:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);padding-bottom:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);padding-left:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-top-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);box-shadow:rgba(9, 9, 9, 0.03) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(9, 9, 9, 0.04) 0px round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px) round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px)}
  .st-plan:has(input:checked), .st-plan.is-picked{box-shadow:0 0 0 1px var(--ink),0 round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px) round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px) rgba(9,9,9,.10)}
  .st-plan:has(input:focus-visible){outline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .st-plan__dot{top:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);right:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);width:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);height:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px)}
  .st-plan__name{row-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);column-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);padding-right:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px);font-size:max(22px, min(1.2731481vw, 2.244898vh))}
  .st-plan__tag{padding-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-right:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);padding-bottom:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-left:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .st-plan__for{margin-top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-plan__price{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);margin-top:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px)}
  .st-plan__price [data-price]{font-size:max(56px, min(3.2407407vw, 5.7142857vh))}
  .st-plan__per{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .st-plan__qty{margin-top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-plan__renew{padding-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .st-fine{margin-top:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);font-size:max(14.5px, min(0.8391204vw, 1.4795918vh))}
  .st-fine a, .st-renew a, .st-check a{text-underline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .st-review{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .st-card{padding-top:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);padding-right:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);padding-bottom:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);padding-left:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);border-top-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);box-shadow:rgba(9, 9, 9, 0.03) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(9, 9, 9, 0.04) 0px round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px) round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px)}
  .st-sum__row{grid-template-columns:round(nearest, max(132px, min(7.6388889vw, 13.4693878vh)), 1px) minmax(0px, 1fr);row-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);column-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);padding-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);padding-bottom:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .st-sum__row:first-child{padding-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .st-sum__row:last-child{padding-bottom:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .st-sum dt{padding-top:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .st-sum dd{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);font-size:max(18px, min(1.0416667vw, 1.8367347vh))}
  .st-sum__sub{margin-top:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-sum__edit{font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-sum__edit::after{top:round(nearest, calc(-1 * max(12px, min(0.6944444vw, 1.2244898vh))), 1px);right:round(nearest, calc(-1 * max(8px, min(0.462963vw, 0.8163265vh))), 1px);bottom:round(nearest, calc(-1 * max(12px, min(0.6944444vw, 1.2244898vh))), 1px);left:round(nearest, calc(-1 * max(8px, min(0.462963vw, 0.8163265vh))), 1px)}
  .st-renew{padding-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-right:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);padding-bottom:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);border-top-left-radius:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-top-right-radius:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-bottom-right-radius:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-bottom-left-radius:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-consent{row-gap:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);column-gap:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);margin-top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .st-check{row-gap:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);column-gap:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);min-height:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);padding-bottom:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(15.5px, min(0.8969907vw, 1.5816327vh))}
  .st-check input{width:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);height:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-left-radius:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);border-top-right-radius:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);border-bottom-right-radius:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);border-bottom-left-radius:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px)}
  .st-check input:focus-visible{outline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .st-check > span{padding-top:round(nearest, max(1px, min(0.0578704vw, 0.1020408vh)), 1px)}
  .st-pay__go{height:round(nearest, max(54px, min(3.125vw, 5.5102041vh)), 1px);margin-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .st-pay__note{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .st-more{margin-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .st-more__h{margin-bottom:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .st-more__list{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .st-more a{row-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);column-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);min-height:round(nearest, max(56px, min(3.2407407vw, 5.7142857vh)), 1px);padding-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-right:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);padding-bottom:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);border-top-left-radius:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);border-top-right-radius:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);border-bottom-right-radius:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);border-bottom-left-radius:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .st-more b{font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .st-more a span{font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-bar{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);margin-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px);padding-top:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .st-bar .pill{height:round(nearest, max(52px, min(3.0092593vw, 5.3061224vh)), 1px);padding-right:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);padding-left:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .st-bar__status{font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-bar__next{min-width:round(nearest, max(156px, min(9.0277778vw, 15.9183673vh)), 1px)}
  .st-bar__back{row-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);column-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px)}
  .st-bar__arrow{font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .st-ref{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);max-width:round(nearest, max(520px, min(30.0925926vw, 53.0612245vh)), 1px);margin-top:round(nearest, max(39.2px, min(2.2685185vw, 4vh)), 1px)}
  .st-extra{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);max-width:round(nearest, max(900px, min(52.0833333vw, 91.8367347vh)), 1px);margin-top:round(nearest, max(39.2px, min(2.2685185vw, 4vh)), 1px)}
  .st-ref__l{font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .st-ref__in{height:round(nearest, max(52px, min(3.0092593vw, 5.3061224vh)), 1px);padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-top-left-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-top-right-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-bottom-right-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-bottom-left-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .st-ref__in:focus-visible{box-shadow:rgba(9, 9, 9, 0.08) 0px 0px 0px round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .st-ref__hint{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .st{padding-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .st__top{margin-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .pg h2.big.st__h{font-size:max(36px, min(2.0833333vw, 3.6734694vh))}
  .st .st__h + *{margin-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .st .st__h + .st__helper{margin-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);margin-bottom:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .st__helper{font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .st .trial-summary{margin-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);margin-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-block-start:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);padding-block-end:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .st .plans-band--step{margin-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);margin-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-block-start:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);padding-block-end:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .st .plans-band--step .plans-band__sub{margin-top:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .st-bar{margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .st-plan{padding-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-right:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-left:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .st-plan__price{row-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);column-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);margin-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .st-plan__price [data-price]{font-size:max(44px, min(2.5462963vw, 4.4897959vh))}
  .st-plan__per{font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .st-plan__dot{top:round(nearest, max(23px, min(1.3310185vw, 2.3469388vh)), 1px);right:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .st-plan__name{font-size:max(21px, min(1.2152778vw, 2.1428571vh))}
  .st-plan__tag{font-size:max(10px, min(0.5787037vw, 1.0204082vh));padding-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-right:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);padding-bottom:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-left:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px)}
  .st-sum__row{padding-block-start:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);padding-block-end:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);grid-template-columns:round(nearest, max(104px, min(6.0185185vw, 10.6122449vh)), 1px) minmax(0px, 1fr)}
  .st-sum dd{font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .st-sum__sub{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .st-card{padding-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-right:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-left:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .st-renew{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .st-check{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .st__title{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .st__prog a{font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .st__n{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .pg h2.big.st__h{font-size:max(89.856px, min(5.2vw, 9.1689796vh))}
  .st-chip span{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .st-plan__name{font-size:max(24.2px, min(1.400463vw, 2.4693878vh))}
  .st-plan__tag{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .st-plan__for{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-plan__price [data-price]{font-size:max(61.6px, min(3.5648148vw, 6.2857143vh))}
  .st-plan__per{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .st-plan__qty{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-plan__renew{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .st-fine{font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .st-sum dt{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .st-sum dd{font-size:max(19.8px, min(1.1458333vw, 2.0204082vh))}
  .st-sum__sub{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-sum__edit{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-renew{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-check{font-size:max(17.1px, min(0.9895833vw, 1.744898vh))}
  .st-pay__go{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .st-pay__note{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .st-more__h{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .st-more b{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .st-more a span{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-bar .pill{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .st-bar__status{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-bar__arrow{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .st-ref__l{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .st-ref__in{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .st-ref__hint{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .pg h2.big.st__h{font-size:max(39.6px, min(2.2916667vw, 4.0408163vh))}
  .st__helper{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .st-plan__price [data-price]{font-size:max(48.4px, min(2.8009259vw, 4.9387755vh))}
  .st-plan__per{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .st-plan__name{font-size:max(23.1px, min(1.3368056vw, 2.3571429vh))}
  .st-plan__tag{font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .st-sum dd{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .st-sum__sub{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .st-renew{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .st-check{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
}
/* END GENERATED BIGSCREEN SCALE */
/* 15-oct (QA-09, Bianca added → 10 looks): desktop shows two full rows of faces and «Clone yourself» as the bar under them,
   the way phones already did; phones put the bar beside the last face, so no face sits alone on a row. */
@media (min-width:1001px){
  .st-look--self{grid-column:1/-1}
  .st-look--self .st-look__img{aspect-ratio:auto;height:96px}
  .st-look--self .st-look__img--self svg{width:36px;margin:0;position:absolute;right:24px;top:50%;transform:translateY(-50%)}
  .st-look--self .st-look__s{bottom:auto;top:22px}
  .st-look--self .st-look__n{bottom:22px}
  .st-look--self .st-look__dot{top:50%;right:76px;transform:translateY(-50%)}
}
@media (max-width:1000px){
  .st-look--self{grid-column:span 2;display:flex}
  .st-look--self .st-look__img{height:auto;flex:1}
}

/* Approved 5 Nov creator layout; scoped so topic, plan and review retain their live styles. */
@scope (.creator-layout) {

      :root {
        --paper: #f7f7f5;
        --ink: #171716;
        --muted: #686861;
        --line: #deded8;
        --accent: #dd304a;
        --soft: #fff7f7;
      }
      * {
        box-sizing: border-box;
      }
      body {
        margin: 0;
        background: var(--paper);
        color: var(--ink);
        font:
          calc(14px + 1px)/1.5 "DM Sans",
          system-ui,
          sans-serif;
        -webkit-font-smoothing: antialiased;
      }
      button,
      input {
        font: inherit;
      }
      button,
      a,
      label,
      summary {
        -webkit-tap-highlight-color: transparent;
      }
      button {
        cursor: pointer;
      }
      a {
        color: inherit;
      }
      button:focus-visible,
      a:focus-visible,
      input:focus-visible {
        outline: 3px solid #517bd8;
        outline-offset: 4px;
      }
      button:disabled {
        opacity: 0.45;
        cursor: not-allowed;
      }
      .header {
        max-width: 1280px;
        padding: 0 40px;
        height: 84px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
      }
      .logo {
        text-decoration: none;
        letter-spacing: -2px;
        font-size: calc(30px + 1px);
        font-weight: 800;
        line-height: 1;
      }
      .logo span {
        color: var(--accent);
      }
      .header nav {
        display: flex;
        gap: 27px;
        align-items: center;
      }
      .header nav a {
        text-decoration: none;
        font-size: calc(12px + 1px);
        color: var(--muted);
      }
      .header nav .nav-cta {
        background: var(--ink);
        color: white;
        padding: 11px 17px;
        border-radius: 7px;
      }
      .eyebrow {
        font-size: calc(10px + 1px);
        font-weight: 650;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: var(--muted);
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .eyebrow::before {
        content: "";
        width: 6px;
        height: 6px;
        background: var(--accent);
        border-radius: 50%;
      }
      h1,
      h2,
      p {
        margin-top: 0;
      }
      h1 {
        font-size: calc(clamp(36px, 4.4vw, 60px) + 1px);
        font-weight: 550;
        line-height: 1.05;
        letter-spacing: -0.055em;
        text-wrap: balance;
      }
      h2 {
        font-size: calc(28px + 1px);
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: -0.04em;
      }
      .sub {
        color: var(--muted);
        font-size: calc(15px + 1px);
        line-height: 1.7;
      }
      .button {
        min-height: 48px;
        border: 0;
        border-radius: 8px;
        background: var(--ink);
        color: white;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        padding: 14px 22px;
        text-decoration: none;
        font-weight: 600;
        font-size: calc(13px + 1px);
      }
      .button:hover {
        background: #373731;
      }
      .button.secondary {
        background: white;
        color: var(--ink);
        border: 1px solid var(--line);
      }
      .footer {
        max-width: 1280px;
        padding: 28px 40px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        gap: 18px;
        border-top: 1px solid var(--line);
        color: var(--muted);
        font-size: calc(11px + 1px);
      }
      .footer div {
        display: flex;
        gap: 18px;
      }
      .draft-label {
        font-size: calc(10px + 1px);
        color: #77776e;
      }
      .check {
        width: 19px;
        height: 19px;
        display: inline-grid;
        place-items: center;
        border-radius: 50%;
        background: var(--accent);
        color: white;
        font-size: calc(11px + 1px);
        flex-shrink: 0;
      }
      .pill {
        border: 1px solid var(--line);
        background: white;
        border-radius: 40px;
        padding: 10px 14px;
        font-size: calc(12px + 1px);
        min-height: 44px;
      }
      .pill[aria-pressed="true"] {
        background: var(--ink);
        border-color: var(--ink);
        color: white;
      }
      .field {
        display: grid;
        gap: 7px;
        margin-bottom: 18px;
      }
      .field label {
        font-size: calc(12px + 1px);
        font-weight: 600;
      }
      .field input {
        width: 100%;
        height: 48px;
        padding: 0 14px;
        border: 1px solid #c9c9c1;
        border-radius: 8px;
        background: #fff;
        color: var(--ink);
        font-size: calc(14px + 1px);
      }
      .field input:focus {
        border-color: var(--ink);
      }
      .status {
        display: none;
        padding: 12px 14px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: white;
        color: var(--muted);
        font-size: calc(12px + 1px);
        line-height: 1.6;
        margin-top: 17px;
      }
      .status.visible {
        display: block;
      }
      dialog {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 32px;
        max-width: 470px;
        width: calc(100% - 32px);
        background: var(--paper);
        color: var(--ink);
      }
      dialog::backdrop {
        background: #17171680;
        backdrop-filter: blur(5px);
      }
      dialog .close {
        position: absolute;
        right: 14px;
        top: 14px;
        width: 34px;
        height: 34px;
        border: 0;
        background: #e9e9e3;
        border-radius: 50%;
        font-size: calc(20px + 1px);
      }
      .dialog-note {
        font-size: calc(11px + 1px);
        color: var(--muted);
        line-height: 1.6;
      }
      .hidden {
        display: none !important;
      }
      @media (max-width: 700px) {
        .header {
          height: 70px;
          padding: 0 20px;
        }
        .header nav {
          gap: 15px;
        }
        .header nav a {
          font-size: calc(11px + 1px);
        }
        .header nav .mobile-hide {
          display: none;
        }
        .footer {
          padding: 25px 20px;
          display: block;
        }
        .footer div {
          margin-top: 13px;
        }
        h1 {
          font-size: calc(39px + 1px);
        }
        .sub {
          font-size: calc(14px + 1px);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        * {
          scroll-behavior: auto !important;
          transition: none !important;
          animation: none !important;
        }
      }

      .creator-main {
        max-width: 1280px;
        margin: auto;
        padding: 25px 40px 130px;
      }
      .creator-heading {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 30px;
        margin-bottom: 30px;
      }
      .creator-heading h1 {
        font-size: calc(44px + 1px);
        margin: 12px 0 0;
      }
      .creator-heading .sub {
        max-width: 355px;
        margin-bottom: 0;
        font-size: calc(13px + 1px);
      }
      .studio {
        display: grid;
        grid-template-columns: 370px 1fr;
        gap: 48px;
        align-items: stretch;
      }
      .creator-preview {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        background: #262a26;
        min-height: 535px;
      }
      .creator-preview > img,
      .creator-preview > video {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        object-fit: cover;
      }
      .creator-preview::after {
        content: "";
        position: absolute;
        inset: 50% 0 0;
        background: linear-gradient(transparent, #000b);
        pointer-events: none;
      }
      .preview-caption {
        position: absolute;
        bottom: 25px;
        left: 25px;
        right: 25px;
        color: white;
        z-index: 2;
      }
      .preview-caption strong {
        font-size: calc(27px + 1px);
        letter-spacing: -0.04em;
        display: block;
        font-weight: 550;
      }
      .preview-caption span {
        font-size: calc(11px + 1px);
        color: #fff9;
        display: block;
        margin-top: 3px;
      }
      .media-toggle {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 3;
        background: #ffffffe8;
        border: 0;
        min-height: 38px;
        border-radius: 40px;
        padding: 0 14px;
        font-size: calc(11px + 1px);
      }
      .choices {
        padding: 6px 0;
      }
      .mode-switch {
        display: flex;
        width: fit-content;
        background: #eaeae4;
        padding: 4px;
        border-radius: 10px;
        gap: 4px;
        margin-bottom: 24px;
      }
      .mode-switch button {
        border: 0;
        min-height: 38px;
        padding: 9px 19px;
        border-radius: 7px;
        font-size: calc(12px + 1px);
        background: transparent;
        color: var(--muted);
      }
      .mode-switch button[aria-pressed="true"] {
        background: #fff;
        color: var(--ink);
        box-shadow: 0 1px 4px #0001;
      }
      .choices h2 {
        font-size: calc(21px + 1px);
        margin-bottom: 6px;
      }
      .choice-copy {
        font-size: calc(12px + 1px);
        line-height: 1.7;
        color: var(--muted);
        margin-bottom: 20px;
        max-width: 500px;
      }
      .look-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px 12px;
      }
      .look {
        position: relative;
        display: block;
        cursor: pointer;
      }
      .look input {
        position: absolute;
        opacity: 0;
      }
      .look-image {
        position: relative;
        display: block;
        aspect-ratio: 3/4;
        border-radius: 10px;
        overflow: hidden;
        background: #e3e3dc;
        border: 2px solid transparent;
        transition:
          border-color 0.15s,
          transform 0.15s;
      }
      .look img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .look .mini-check {
        position: absolute;
        top: 7px;
        right: 7px;
        background: var(--accent);
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        display: none;
        place-items: center;
        font-size: calc(10px + 1px);
      }
      .look input:checked + .look-image {
        border-color: var(--accent);
      }
      .look input:checked + .look-image .mini-check {
        display: grid;
      }
      .look input:focus-visible + .look-image {
        outline: 3px solid #517bd8;
        outline-offset: 3px;
      }
      .look-name {
        font-size: calc(11px + 1px);
        display: block;
        margin-top: 7px;
        color: #72726b;
      }
      .look:has(input:checked) .look-name {
        color: var(--ink);
        font-weight: 650;
      }
      .look:hover .look-image {
        transform: translateY(-2px);
      }
      .selection-info {
        border-top: 1px solid var(--line);
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-top: 25px;
        padding-top: 20px;
        max-width: 540px;
      }
      .selection-info p {
        font-size: calc(12px + 1px);
        color: var(--muted);
        line-height: 1.7;
        margin: 0;
      }
      .selection-info strong {
        color: var(--ink);
        font-weight: 600;
      }
      .clone-copy {
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 28px;
        background: white;
        min-height: 280px;
      }
      .clone-copy h2 {
        margin-top: 13px;
        font-size: calc(26px + 1px);
      }
      .clone-copy p {
        font-size: calc(13px + 1px);
        line-height: 1.8;
        color: var(--muted);
      }
      .creator-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fffffff7;
        backdrop-filter: blur(16px);
        border-top: 1px solid var(--line);
        z-index: 5;
      }
      .creator-bar-inner {
        max-width: 1280px;
        padding: 17px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: auto;
        gap: 20px;
      }
      .selection-line {
        display: flex;
        gap: 12px;
        align-items: center;
        font-size: calc(13px + 1px);
        font-weight: 600;
      }
      .selection-line img {
        width: 38px;
        height: 44px;
        object-fit: cover;
        border-radius: 6px;
      }
      .selection-line small {
        display: block;
        font-weight: 400;
        color: var(--muted);
        font-size: calc(11px + 1px);
        margin-top: 2px;
      }
      .topics {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 23px 0;
      }
      .dialog-summary {
        margin: 18px 0;
        font-size: calc(12px + 1px);
        color: var(--muted);
      }
      @media (max-width: 1000px) {
        .studio {
          grid-template-columns: 300px 1fr;
          gap: 28px;
        }
        .look-grid {
          grid-template-columns: repeat(4, 1fr);
        }
        .creator-preview {
          min-height: 570px;
        }
        .creator-heading h1 {
          font-size: calc(39px + 1px);
        }
        .creator-heading .sub {
          max-width: 300px;
        }
      }
      @media (max-width: 750px) {
        .creator-main {
          padding: 20px 20px 140px;
        }
        .creator-heading {
          display: block;
          margin-bottom: 24px;
        }
        .creator-heading h1 {
          font-size: calc(36px + 1px);
          margin-bottom: 13px;
        }
        .creator-heading .sub {
          max-width: 500px;
        }
        .studio {
          display: flex;
          flex-direction: column;
          gap: 25px;
        }
        .creator-preview {
          min-height: 0;
          aspect-ratio: 1.32;
          max-height: 380px;
        }
        .creator-preview > img,
        .creator-preview > video {
          object-position: center 33%;
        }
        .preview-caption {
          bottom: 20px;
          left: 20px;
        }
        .look-grid {
          grid-template-columns: repeat(5, 1fr);
          gap: 13px 8px;
        }
        .look-image {
          border-radius: 8px;
        }
        .look-name {
          font-size: calc(10px + 1px);
        }
        .creator-bar-inner {
          padding: 13px 20px;
        }
        .creator-bar .button {
          min-width: 145px;
          padding: 13px 16px;
          gap: 12px;
          font-size: calc(12px + 1px);
        }
        .selection-line {
          font-size: calc(12px + 1px);
        }
        .selection-line small {
          font-size: calc(10px + 1px);
        }
        .selection-line img {
          display: none;
        }
        .choices {
          padding: 0;
        }
        .choice-copy {
          font-size: calc(12px + 1px);
        }
        .selection-info {
          margin-top: 22px;
        }
      }

}
.creator-layout { --paper:#f7f7f5;--ink:#171716;--muted:#686861;--line:#deded8;--accent:#dd304a;--soft:#fff7f7; font:15px/1.5 "DM Sans",system-ui,sans-serif; }
.creator-layout .creator-heading .st__h { font-size:45px;line-height:1.05;letter-spacing:-.055em;font-weight:550;margin:12px 0 0; }
.creator-layout .creator-heading .sub { margin:0; }
.creator-layout .creator-heading { margin-bottom:30px; }
.creator-layout .look input {width:1px;height:1px;margin:0;}
.creator-layout .creator-looks {margin:0;padding:0;border:0;min-width:0;}
.creator-layout .mode-switch button {position:relative;}
.creator-layout .mode-switch button::after,.creator-layout .media-toggle::before {content:"";position:absolute;inset:-3px 0;}
.creator-layout .clone-copy .button {margin-top:10px;}
.creator-selection {display:none;}
html[data-start-step="creator"] .st {background:#f7f7f5;padding:25px 0 140px;}
html[data-start-step="creator"] .st>.wrap {width:min(100% - 80px,1200px);}
html[data-start-step="creator"] .st__top {display:none;}
html[data-start-step="creator"] .st-bar {position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fffffff7;backdrop-filter:blur(16px);margin:0;padding:17px max(40px,calc((100vw - 1200px)/2));border-top:1px solid #deded8;justify-content:space-between;font-family:"DM Sans",system-ui,sans-serif;}
html[data-start-step="creator"] .st-bar__status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}

html[data-start-step="creator"] .st-bar__next {min-height:48px;height:auto;border-radius:8px;background:#171716;color:white;font-size:14px;padding:14px 22px;}
html[data-start-step="creator"] .creator-selection {display:flex;align-items:center;gap:12px;font-size:14px;}
.creator-selection img {width:38px;height:44px;object-fit:cover;border-radius:6px;}
.creator-selection strong {font-weight:600;}
.creator-selection small {display:block;color:#686861;font-size:12px;}
.creator-layout .look {min-width:0;}
.creator-layout .preview-caption span {color:#fff;}
.creator-layout [hidden] {display:none!important;}
@media(max-width:1000px){.creator-layout .creator-heading .st__h{font-size:40px;}}
@media(max-width:750px){
 html[data-start-step="creator"] .st{padding-top:20px;}
 html[data-start-step="creator"] .st>.wrap{width:calc(100% - 40px);}
 .creator-layout .creator-heading .st__h{font-size:37px;margin-bottom:13px;}
 html[data-start-step="creator"] .st-bar{padding:13px 20px max(13px,env(safe-area-inset-bottom));gap:12px;}
 html[data-start-step="creator"] .st-bar__next{min-width:145px;padding:13px 16px;font-size:13px;}
 html[data-start-step="creator"] .creator-selection{font-size:13px;}
 .creator-selection small{font-size:11px;}
 .creator-selection img{display:none;}
 .creator-layout .creator-heading .sub{max-width:500px;}
}
@media(max-width:359px){html[data-start-step="creator"] .st-bar{padding-inline:12px;}.creator-selection{max-width:130px;}html[data-start-step="creator"] .st-bar__next{min-width:130px;padding-inline:12px;}}

html[data-start-step="creator"] .st__top{display:block;height:0;margin:0;}
html[data-start-step="creator"] .st__prog{display:none;}
html[data-start-step="creator"] .st__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}