.tm-how-story{position:relative;color:#fff;margin-inline:var(--inset,24px);background:#191919;border-radius:48px}.tm-how-sticky{position:relative;padding:70px 36px}.tm-how-surface{display:none}.tm-how-content{position:relative}.tm-how-header{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:40px;border-bottom:1px solid #ffffff26;margin-bottom:52px}.tm-how-header h2{color:#bcbcbc;font-size:15px;font-weight:400;line-height:1.5;margin:0;letter-spacing:-.01em}.tm-how-count{display:none;color:#999;font:12px/1.5 var(--font-mono);white-space:nowrap}.tm-how-count span{color:#e8e8e8}.tm-how-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(45px,7vw,110px);padding-block:45px}.tm-how-scene + .tm-how-scene{border-top:1px solid #ffffff26}.tm-how-step-number{display:block;font:12px/1 var(--font-mono);color:#9c9c9c;margin-bottom:28px}.tm-how-copy h3{font-size:clamp(34px,4vw,57px);font-weight:500;line-height:1.08;letter-spacing:-.045em;color:#fff;margin:0 0 25px}.tm-how-description{font-size:19px;line-height:1.55;color:#ededed;margin:0;max-width:33rem}.tm-how-disclosure{font-size:11px;color:#aaa;line-height:1.6;margin:23px 0 0;max-width:30rem}.tm-how-component{margin:0;padding:36px 28px;border-radius:30px;border:1px solid #ffffff29;background:linear-gradient(130deg,#ffffff1d,#ffffff07);box-shadow:inset 0 1px 0 #ffffff16}.tm-how-component-in{min-width:0}.tm-how-component .tm-frame-focus{margin:0;padding:26px;border-radius:18px;background:#fff;box-shadow:0 22px 55px #0003;border:0;color:#242424}.tm-how-component .tm-frame-pre{margin:0;padding:0;border-radius:0;background:transparent;font-size:12px;line-height:1.7;color:#303030;white-space:pre-wrap;overflow-wrap:anywhere}.tm-how-component .tm-frame-focus-label{margin-bottom:15px}.tm-how-component .tm-frame-field{gap:10px}.tm-how-component .tm-frame-desc{font-size:14px;line-height:1.5}.tm-how-component .tm-frame-result{font-size:17px;line-height:1.5;align-items:flex-start}.tm-how-component .tm-frame-result svg{margin-top:3px;width:23px;height:23px}.tm-how-component .tm-frame-reviewed{margin-top:17px}.tm-how-progress{display:none}@media (min-width:900px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.tm-how-story.is-enhanced{min-height:540vh;margin-inline:0;border-radius:0;background:transparent}.tm-how-story.is-enhanced .tm-how-sticky{position:sticky;top:0;height:100svh;min-height:700px;padding:120px 64px 65px;display:flex;align-items:center;isolation:isolate}.tm-how-story.is-enhanced .tm-how-surface{display:block;position:absolute;z-index:-1;inset:0 calc(var(--how-frame,1) * 24px);border-radius:calc(var(--how-frame,1) * 48px);background:#191919}.tm-how-story.is-enhanced .tm-how-content{width:100%}.tm-how-story.is-enhanced .tm-how-header{margin-bottom:34px;padding-bottom:24px}.tm-how-story.is-enhanced .tm-how-count{display:block}.tm-how-story.is-enhanced .tm-how-scenes{display:grid}.tm-how-story.is-enhanced .tm-how-scene{grid-area:1/1;padding:0;min-height:410px;border:0;pointer-events:none;opacity:0;transform:translateY(15px);transition:opacity .3s,transform .3s}.tm-how-story.is-enhanced .tm-how-scene.is-current{pointer-events:auto;opacity:1;transform:none}.tm-how-story.is-enhanced .tm-how-copy [data-how-read] span[aria-hidden]{color:#999;transition:color .18s}.tm-how-story.is-enhanced .tm-how-copy [data-how-read] span[aria-hidden].is-read{color:#fff}.tm-how-story.is-enhanced .tm-how-progress{display:block;height:1px;background:#ffffff25;margin-top:34px}.tm-how-progress i{display:block;height:1px;background:#b7b7b7;transform-origin:left;transform:scaleX(var(--how-progress,0))}}@media (max-width:899px){.tm-how-sticky{padding:45px 28px}.tm-how-header{padding-bottom:26px;margin-bottom:8px}.tm-how-scene{grid-template-columns:1fr;gap:30px;padding-block:42px}.tm-how-step-number{margin-bottom:22px}.tm-how-copy h3{font-size:clamp(32px,6vw,48px)}.tm-how-description{font-size:17px}.tm-how-component{padding:24px 18px;max-width:580px;width:100%}.tm-how-component .tm-frame-focus{padding:22px}}@media (max-width:479px){.tm-how-story{border-radius:32px}.tm-how-sticky{padding:38px 22px}.tm-how-component{padding:18px 12px;border-radius:24px}.tm-how-component .tm-frame-focus{padding:18px}.tm-how-component .tm-frame-field{flex-direction:column;align-items:stretch}.tm-how-component .tm-frame-pre{font-size:10px}.tm-how-component .tm-frame-result{font-size:15px}}@media (prefers-reduced-motion:reduce){.tm-how-story *{transition:none}}.tm-how-component .tm-frame-result span{color:#333}
