.howto[data-v-97b7e345]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.howto__copy[data-v-97b7e345]{flex-direction:column;gap:24px;display:flex}.howto__start[data-v-97b7e345]{align-self:flex-start;gap:6px}.steps[data-v-97b7e345]{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.step[data-v-97b7e345]{align-items:flex-start;gap:16px;display:flex}.step__n[data-v-97b7e345]{background:var(--navy);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.step__text[data-v-97b7e345]{flex-direction:column;gap:4px;padding-top:5px;display:flex}.step__title[data-v-97b7e345]{font-size:21px;line-height:1.25}.step__body[data-v-97b7e345]{color:var(--text);font-size:16px;line-height:1.55}.howto__stage[data-v-97b7e345]{border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:460px;padding:40px;display:flex;overflow:hidden}.howto__piece[data-v-97b7e345]{max-width:420px;transform:rotate(-1.4deg)}.howto__piece--postcard[data-v-97b7e345]{transform:rotate(2deg);box-shadow:0 14px 34px #14100c3d}.film[data-v-97b7e345]{background:var(--t-paper);width:100%;color:var(--t-ink);margin:0;overflow:hidden;box-shadow:0 14px 34px #14100c3d}.film__still[data-v-97b7e345]{aspect-ratio:16/9;background:#1b1b1f 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative}.film__still[data-v-97b7e345]:after{content:"";background:linear-gradient(#0000 50%,#00000073);position:absolute;inset:0}.film__play[data-v-97b7e345]{z-index:1;color:#1b1b1f;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative;box-shadow:0 6px 18px #0000004d}.film__play[data-v-97b7e345] svg{margin-left:4px}.film__length[data-v-97b7e345]{z-index:1;color:#fff;font-variant-numeric:tabular-nums;background:#0000009e;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600;position:absolute;bottom:10px;right:12px}.film__caption[data-v-97b7e345]{font-family:var(--t-body);padding:16px 20px 18px;font-size:17px;line-height:1.45}.compare[data-v-97b7e345]{table-layout:fixed;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:inset 0 0 0 1.5px var(--line);font-size:16px;line-height:1.45;overflow:hidden}.compare th[data-v-97b7e345],.compare td[data-v-97b7e345]{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:16px 20px}.compare tbody tr:last-child th[data-v-97b7e345],.compare tbody tr:last-child td[data-v-97b7e345]{border-bottom:0}.compare thead th[data-v-97b7e345]{color:var(--ink);font-size:15px;font-weight:700}.compare tbody th[data-v-97b7e345]{color:var(--ink);width:18%;font-weight:600}.compare td[data-v-97b7e345]{color:var(--text)}.compare .compare__ours[data-v-97b7e345]{background:var(--sky);color:var(--ink);font-weight:600}.compare thead .compare__ours[data-v-97b7e345]{color:var(--primary)}.uses[data-v-97b7e345]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.use[data-v-97b7e345]{padding:14px 16px 14px 14px}.use__circle[data-v-97b7e345]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.use__text[data-v-97b7e345]{flex-direction:column;gap:2px;min-width:0;display:flex}.use__label[data-v-97b7e345]{font-size:16px;font-weight:600}.use__line[data-v-97b7e345]{color:var(--text);font-size:14px;line-height:1.4}.others[data-v-97b7e345]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.other[data-v-97b7e345]{gap:16px;padding:20px 22px}.other__icon[data-v-97b7e345]{border-radius:var(--radius);background:var(--sky);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.other__text[data-v-97b7e345]{flex-direction:column;gap:2px;min-width:0;display:flex}.other__label[data-v-97b7e345]{font-size:18px;font-weight:600}.other__blurb[data-v-97b7e345]{color:var(--text);font-size:14px;line-height:1.4}@media (width<=1024px){.howto[data-v-97b7e345]{grid-template-columns:1fr;gap:28px}.howto__stage[data-v-97b7e345]{min-height:0;padding:32px 24px}.uses[data-v-97b7e345]{grid-template-columns:repeat(2,minmax(0,1fr))}.others[data-v-97b7e345]{grid-template-columns:1fr}}@media (width<=720px){.howto__copy[data-v-97b7e345]{gap:18px}.howto__start[data-v-97b7e345]{align-self:stretch}.step[data-v-97b7e345]{gap:12px}.step__n[data-v-97b7e345]{width:30px;height:30px;font-size:14px}.step__text[data-v-97b7e345]{padding-top:3px}.step__title[data-v-97b7e345]{font-size:17px}.step__body[data-v-97b7e345]{font-size:14px}.howto__stage[data-v-97b7e345]{padding:24px 18px}.film__caption[data-v-97b7e345]{padding:12px 14px 14px;font-size:15px}.compare[data-v-97b7e345],.compare tbody[data-v-97b7e345],.compare tr[data-v-97b7e345],.compare th[data-v-97b7e345],.compare td[data-v-97b7e345]{display:block}.compare[data-v-97b7e345]{box-shadow:none;background:0 0;border-radius:0;font-size:14px;overflow:visible}.compare thead[data-v-97b7e345]{display:none}.compare tbody[data-v-97b7e345]{flex-direction:column;gap:10px;display:flex}.compare tbody tr[data-v-97b7e345]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1.5px var(--line);overflow:hidden}.compare tbody th[data-v-97b7e345]{border-bottom:0;width:auto;padding:12px 14px 8px;font-size:15px}.compare td[data-v-97b7e345]{border-bottom:0;border-top:1px solid var(--border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;padding:8px 14px;display:grid}.compare td[data-v-97b7e345]:before{content:attr(data-label);color:var(--ink);font-weight:600}.compare tbody tr:last-child td[data-v-97b7e345]{border-top:1px solid var(--border)}.uses[data-v-97b7e345]{grid-template-columns:1fr;gap:10px}.use[data-v-97b7e345]{padding:10px 14px 10px 10px}.use__circle[data-v-97b7e345]{width:48px;height:48px}.use__line[data-v-97b7e345]{font-size:13px}.others[data-v-97b7e345]{grid-template-columns:1fr;gap:10px}.other[data-v-97b7e345]{gap:12px;padding:14px 16px}.other__label[data-v-97b7e345]{font-size:16px}.other__blurb[data-v-97b7e345]{font-size:13px}}
