.chain{margin-top:24px;display:grid;max-width:62ch}.chain__row{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding-block:15px;border-top:1px solid var(--rule);align-items:baseline}.chain__row:last-child{border-bottom:1px solid var(--rule)}.chain__row:before{content:"";position:absolute;left:5px;top:50%;bottom:-15px;width:2px;background:var(--rule)}.chain__row:last-child:before{display:none}.chain__row.is-missing:before{background:repeating-linear-gradient(to bottom,rgba(14,20,23,.22) 0 3px,transparent 3px 7px)}.chain__dot{width:12px;height:12px;border-radius:50%;background:var(--ink);margin-top:6px;position:relative;z-index:1}.chain__row.is-missing .chain__dot{background:var(--panel);box-shadow:inset 0 0 0 2px #0e14173d}.chain__row.is-lost .chain__dot{background:var(--panel);box-shadow:inset 0 0 0 2px var(--ink)}.chain__k{font-size:15px;font-weight:500;color:var(--ink)}.chain__row.is-missing .chain__k{color:var(--ink-3)}.chain__s{grid-column:2;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ink-2)}.chain__row.is-missing .chain__s{color:var(--ink-3)}.chain__row.is-lost .chain__s{color:var(--ink)}@media(min-width:640px){.chain__row{grid-template-columns:auto 1fr auto;align-items:center}.chain__s{grid-column:auto;text-align:right}}@keyframes chain-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.chain[data-reveal].is-anim .chain__row{animation:chain-in .45s var(--d) ease-out both}@media(prefers-reduced-motion:reduce){.chain.is-anim .chain__row{animation:none}}.cost{margin-top:24px;background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:clamp(18px,2.2vw,26px);max-width:62ch}.cost__h{font-size:15px;font-weight:600;color:var(--ink)}.cost__sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.cost__bars{margin-top:18px;display:grid;gap:14px}.cost__row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.cost__k{font-size:13.5px;font-weight:500;color:var(--ink)}.cost__v{font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-align:right}.cost__track{grid-column:1/-1;height:22px;background:#0e14170d;border-radius:3px;overflow:hidden}.cost__track i{display:block;height:100%;width:var(--w);border-radius:3px;background:#0e141747}.cost__track i.is-hi{background:var(--ink)}.cost__axis{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;color:var(--ink-3)}.cost__cap{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);font-size:12px;line-height:1.5;color:var(--ink-3)}@keyframes cost-grow{0%{width:0}to{width:var(--w)}}.cost[data-reveal].is-anim .cost__track i{animation:cost-grow .8s var(--d) cubic-bezier(.22,.68,.32,1) both}@media(prefers-reduced-motion:reduce){.cost.is-anim .cost__track i{animation:none}}.learned{margin-top:22px}.learned__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.learned__dots{margin:0;gap:6px}.learned__dot{width:34px;height:34px;border-radius:50%;cursor:pointer;border:0;background:transparent;color:var(--ink-3);font-family:var(--f);font-size:11.5px;font-weight:600;box-shadow:inset 0 0 0 1.5px var(--rule)}.learned__dot:hover{color:var(--ink);box-shadow:inset 0 0 0 1.5px #0e14174d}.learned__dot[aria-selected=true]{background:var(--cta);color:var(--cta-on);box-shadow:none}.learned__ctrl{margin:0}.learned__panel.is-open{display:block;background:var(--panel);border:1px solid var(--rule);border-radius:16px;padding:clamp(22px,2.8vw,36px);min-height:250px}.learned__n{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-3)}.learned__panel h3{margin-top:8px;font-size:clamp(19px,2.2vw,26px);max-width:26ch}.learned__a{margin-top:12px;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:60ch}.learned__b{margin-top:14px;padding-top:13px;border-top:1px solid var(--rule);font-size:15px;line-height:1.55;font-weight:500;color:var(--ink);max-width:56ch}@keyframes learn-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.learned__panel.is-anim>*{animation:learn-in .4s ease-out both}.learned__panel.is-anim>*:nth-child(2){animation-delay:.05s}.learned__panel.is-anim>*:nth-child(3){animation-delay:.1s}.learned__panel.is-anim>*:nth-child(4){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.learned__panel.is-anim>*{animation:none}}.steps__tab{display:inline-flex;align-items:baseline;gap:8px;text-align:left}.steps__tab i{font-style:normal;font-size:11.5px;font-weight:700;opacity:.55}.steps__panel.is-open{display:grid;gap:26px;align-items:center;background:var(--panel);border:1px solid var(--rule);border-radius:16px;padding:clamp(20px,2.6vw,34px)}@media(min-width:820px){.steps__panel.is-open{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);min-height:300px}}.steps__text h3{font-size:clamp(18px,2vw,23px);max-width:24ch}.steps__text p{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:52ch}.steps__ill{display:flex;justify-content:center}.steps__ill>*{width:100%;max-width:330px}.il-lib{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.il-lib__tile{position:relative;aspect-ratio:4/3;border-radius:9px;background:#0e141714;overflow:hidden}.il-lib__tile:nth-child(3n+1){background:#0e141721}.il-lib__tile b{position:absolute;left:5px;right:5px;bottom:5px;padding:3px 7px;border-radius:999px;background:#fff;font-size:9px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px #08223229}.il-type{display:grid;gap:12px}.il-type__box{display:flex;align-items:center;gap:2px;border:1.5px solid rgba(14,20,23,.2);border-radius:12px;background:#fff;padding:14px 16px;min-height:58px}.il-type__txt{font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden}.il-type__caret{width:2px;height:17px;background:var(--ink);flex-shrink:0}.il-type__hint{font-size:12.5px;color:var(--ink-3);text-align:center}.il-out{display:grid;gap:14px;justify-items:center}.il-out__src{padding:8px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600}.il-out__fan{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}.il-out__card{display:grid;gap:7px;justify-items:center;padding:11px 7px;border:1px solid var(--rule);border-radius:10px;background:#fff}.il-out__card span{font-size:10px;font-weight:600;color:var(--ink-2);text-align:center}.il-out__ph,.il-out__pg,.il-out__ml{width:100%;height:46px;border-radius:6px;background:#0e141717;display:block}.il-out__pg,.il-out__ml{display:flex;flex-direction:column;gap:4px;padding:5px;background:#0e14170d}.il-out__pg em{display:block;height:6px;border-radius:2px;background:#0e14172e}.il-out__pg em:first-child{height:18px}.il-out__ml em{display:block;height:9px;border-radius:2px;background:#0e141729}@keyframes od-pop{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes od-tag{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes od-type{0%{max-width:0}to{max-width:100%}}@keyframes od-blink{50%{opacity:0}}.steps__panel.is-anim .il-lib__tile{animation:od-pop .4s var(--d) ease-out both}.steps__panel.is-anim .il-lib__tile b{animation:od-tag .32s var(--td) ease-out both}.steps__panel.is-anim .il-type__txt{animation:od-type 1.5s .25s steps(38,end) both}.steps__panel.is-anim .il-type__caret{animation:od-blink .9s 1.7s step-end infinite}.steps__panel.is-anim .il-type__hint{animation:od-pop .35s 1.9s ease-out both}.steps__panel.is-anim .il-out__src,.steps__panel.is-anim .il-out__card{animation:od-pop .45s var(--d) ease-out both}@media(prefers-reduced-motion:reduce){.steps__panel.is-anim *{animation:none!important}}.vary{margin-top:22px;background:var(--panel);border:1px solid var(--rule);border-radius:16px;padding:clamp(18px,2.4vw,30px)}.vary .odtabs__bar{margin-bottom:20px}.vary__label{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.vary__fixed{padding-bottom:18px;border-bottom:1px solid var(--rule)}.vary__row{margin-top:10px;display:grid;gap:12px}@media(min-width:640px){.vary__row{grid-template-columns:1fr auto;align-items:center}}.vary__offer{font-size:14px;font-weight:600;color:var(--ink)}.vary__ph{display:flex;gap:6px}.vary__ph i{width:42px;height:32px;border-radius:6px;background:#0e14171a}.vary__ph i:nth-child(2){background:#0e141729}.vary__panel.is-open{padding-top:18px}.vary__h{margin-top:9px;font-size:clamp(18px,2.1vw,24px);font-weight:600;letter-spacing:-.022em;line-height:1.25;color:var(--ink);max-width:26ch}.vary__mail{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);font-size:14.5px;color:var(--ink-2)}.vary__mail i{display:block;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}@keyframes vary-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.vary__panel.is-anim .vary__h,.vary__panel.is-anim .vary__mail{animation:vary-in .35s ease-out both}.vary__panel.is-anim .vary__mail{animation-delay:.07s}@media(prefers-reduced-motion:reduce){.vary__panel.is-anim *{animation:none}}.demo{margin-top:22px}.demo__panel.is-open{display:grid;gap:22px;justify-items:center;background:var(--panel);border:1px solid var(--rule);border-radius:16px;padding:clamp(22px,2.8vw,36px)}@media(min-width:760px){.demo__panel.is-open{grid-template-columns:auto 1fr;gap:clamp(28px,4vw,48px);justify-items:start;align-items:center}}.demo__phone{width:min(280px,74vw);border-radius:22px;overflow:hidden;background:#000;box-shadow:0 2px 4px #0822321a,0 18px 44px #0822322e}.demo__phone video{display:block;width:100%;height:auto}.demo__cap{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:34ch}@media(min-width:760px){.demo__cap{font-size:16px}}.od__wordmark{font-family:"PJ",var(--f);font-weight:700;letter-spacing:-.035em;font-size:clamp(38px,6vw,68px)}.od__stats{display:grid;gap:14px;margin-top:20px}@media(min-width:640px){.od__stats{grid-template-columns:1fr 1fr}}@media(min-width:960px){.od__stats{grid-template-columns:repeat(4,1fr)}.od__stats--3{grid-template-columns:repeat(3,1fr)}}.od__stat{padding-top:13px;border-top:2px solid var(--ink)}.od__stat b{display:block;font-size:clamp(24px,2.8vw,32px);font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}.od__stat span{display:block;margin-top:7px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.od__stat i{display:block;margin-top:5px;font-style:normal;font-size:11.5px;color:var(--ink-3)}
