/* generated by fxsync.py from lp.css: do not edit, edit lp.css */
.fx{text-align:left;font-size:18px;line-height:1.55;max-width:1148px;margin-left:auto!important;margin-right:auto!important}.fx p{margin:0}
html:root .fx{display:grid;grid-template-columns:1fr 72px 1.15fr 72px 1fr;align-items:center;margin:52px 0 0}
html:root .fx-col{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:24px;display:grid;gap:10px;align-self:stretch;align-content:start;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(20,21,17,.06),0 24px 48px -32px rgba(20,21,17,.35)}
html:root .fx-lab{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6d64}
html:root .fx-lab span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#141511;color:#fff;font-size:13px;letter-spacing:0}
html:root .fx-doc{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(20,21,17,.06)}
html:root .fx-doc b{display:block;font-size:17px;letter-spacing:-.01em}
html:root .fx-doc small{display:block;font-size:14px;color:#6b6d64;margin-top:1px}
html:root .fx-pg{position:relative;flex:none;width:34px;height:42px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px rgba(20,21,17,.14),0 4px 8px -4px rgba(0,0,0,.25);overflow:hidden}
html:root .fx-pg::before{content:"";position:absolute;right:0;top:0;width:10px;height:10px;background:linear-gradient(225deg,#fbfaf4 50%,rgba(20,21,17,.14) 50%)}
html:root .fx-pg::after{content:"";position:absolute;left:6px;right:6px;top:13px;height:9px;background:repeating-linear-gradient(#e2e0d6 0 2px,transparent 2px 4px)}
html:root .fx-pg i{position:absolute;left:0;right:0;bottom:0;font:800 8.5px/1 var(--f-body);font-style:normal;color:#fff;text-align:center;padding:4px 0}
html:root .fx-pg.pdf i{background:#d93a2f}
html:root .fx-pg.jpg i{background:#2f6fd6}
html:root .fx-pg.pay i{background:#8a8c83}
html:root .fx-pg.bas i{background:#141511}
html:root .fx-pg.xls i{background:#1d7f47}
html:root .fx-arw{display:grid;place-items:center}
html:root .fx-arw svg{width:56px;height:24px;fill:none;stroke:#141511;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html:root .v5-motion .fx-line{stroke-dasharray:56;stroke-dashoffset:56;animation:fxdraw .9s .5s cubic-bezier(.2,.8,.2,1) forwards}
html:root .v5-motion .fx-head{opacity:0;animation:fxfade .3s 1.3s forwards}
html:root .v5-motion .fx-arw+.fx-col .fx-line{animation-delay:1s}
@keyframes fxdraw{to{stroke-dashoffset:0}}
@keyframes fxfade{to{opacity:1}}
html:root .fx-mid{position:relative;background:linear-gradient(180deg,#fffdf0,#fff6c7);box-shadow:0 0 0 2px #ffd400,0 30px 60px -30px rgba(200,150,0,.55)}
html:root .fx-mid::before{content:"";position:absolute;inset:-28px;border-radius:44px;background:radial-gradient(closest-side,rgba(255,212,0,.35),transparent);z-index:-1}
html:root .fx-logo{font-weight:700;font-size:26px;letter-spacing:-.03em;margin:-2px 0 6px}
html:root .fx-logo b{background:#ffd400;padding:0 7px;border-radius:7px;margin-left:3px}
html:root .fx-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px;font-size:15px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px rgba(20,21,17,.06)}
html:root .fx-row span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#33352f}
html:root .fx-row em{font-style:normal;font-weight:700;font-size:14px;padding:4px 10px;border-radius:999px;white-space:nowrap}
html:root .fx-ok{background:#e9f6ee;color:#1d7f47}
html:root .fx-ok::before{content:"✓ "}
html:root .fx-ask{background:#fff;color:#141511;box-shadow:0 0 0 1.5px #141511}
html:root .fx-note{margin:4px 0 0;font-size:14px;color:#5b5d55}
html:root .fx-who{margin:6px 0 0;font-size:15px;font-weight:600;color:#33352f}
@media (max-width:900px){html:root .fx{grid-template-columns:1fr;gap:4px;margin-top:36px}html:root .fx-arw{height:44px}html:root .fx-arw svg{transform:rotate(90deg);width:40px}html:root .fx-mid::before{inset:-14px}}
html:root .v5-hero>.wrap .fx{width:100%}
html:root .fx{margin-top:64px}
html:root .fx-optional{background:transparent;box-shadow:0 0 0 1.5px rgba(20,21,17,.14) inset;border:0;outline:1.5px dashed rgba(20,21,17,.22);outline-offset:-1.5px}
html:root .fx-optional b{color:#5b5d55}
html:root .v5-guide{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin:28px auto 0;padding:10px 22px 10px 10px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(20,21,17,.08),0 18px 36px -26px rgba(0,0,0,.35);color:#141511;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
html:root .v5-guide:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(20,21,17,.12),0 24px 40px -24px rgba(0,0,0,.4)}
html:root .v5-guide .th-pic{position:relative;display:block;width:176px;flex:none;border-radius:12px;overflow:hidden}
html:root .v5-guide .th-pic svg{display:block;width:100%;height:auto}
html:root .v5-guide .th-play{position:absolute;left:46%;top:58%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#141511;color:#ffd400;display:grid;place-items:center;font-size:14px;padding-left:3px;transition:transform .2s}
html:root .v5-guide:hover .th-play{transform:scale(1.1)}
html:root .v5-guide .th-dur{position:absolute;right:6px;bottom:6px;background:rgba(20,21,17,.85);color:#fff;font:700 11px var(--f-body);padding:2px 6px;border-radius:5px}
html:root .v5-gtxt b{display:block;font-size:20px}
html:root .v5-gtxt span{font-size:15px;color:#5b5d55}
html:root .fx-who a{color:#141511;font-weight:650;white-space:nowrap}
@media (max-width:520px){html:root .v5-guide{width:100%;gap:12px;padding-right:12px}html:root .v5-guide .th-pic{width:132px}html:root .v5-gtxt b{font-size:17px}}
html:root .v5-guide{flex-direction:column;align-items:stretch;gap:0;width:min(780px,100%);margin:56px auto 0;padding:0;border-radius:28px;overflow:hidden;background:#fff}
html:root .v5-guide .th-pic{width:100%;border-radius:0}
html:root .v5-guide .th-play{left:50%;top:52%;width:88px;height:88px;margin:-44px 0 0 -44px;font-size:30px;padding-left:6px;box-shadow:0 12px 30px -8px rgba(0,0,0,.45)}
html:root .v5-guide .th-play::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid rgba(20,21,17,.35);animation:v5pulse 2.6s ease-out infinite}
@keyframes v5pulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}
html:root .v5-guide .th-dur{right:16px;bottom:14px;font-size:14px;padding:4px 10px;border-radius:8px}
html:root .v5-guide .v5-gtxt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 24px}
html:root .v5-gtxt b{font-size:22px}
html:root .v5-gtxt span{font-size:16px}
@media (prefers-reduced-motion:reduce){html:root .v5-guide .th-play::after{animation:none;opacity:0}}
@media (max-width:520px){html:root .v5-guide{margin-top:36px;border-radius:20px}html:root .v5-guide .th-play{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:22px}html:root .v5-guide .v5-gtxt{flex-direction:column;gap:2px;padding:14px 16px}html:root .v5-guide .th-pic{width:100%}}
html:root button.v5-guide{font:inherit;border:0;cursor:pointer;text-align:left}
html:root .v5-guide{flex-direction:row;align-items:center;gap:28px;width:min(900px,100%);margin:48px auto 0;padding:14px 32px 14px 14px;border-radius:26px}
html:root .v5-guide .th-pic{width:340px;border-radius:16px}
html:root .v5-guide .th-play{width:56px;height:56px;margin:-28px 0 0 -28px;font-size:20px;padding-left:4px}
html:root .v5-guide .th-play::after{inset:-7px;border-width:2px}
html:root .v5-guide .v5-gtxt{display:grid;gap:6px;padding:0;justify-items:start}
html:root .v5-gtxt small{font-size:13px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#7a6400}
html:root .v5-gtxt b{font-size:24px;line-height:1.2;letter-spacing:-.01em}
html:root .v5-gtxt span{font-size:16px;line-height:1.45;color:#5b5d55}
html:root .v5-gtxt em{font-style:normal;font-weight:650;font-size:17px;margin-top:6px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
html:root .v5-guide:focus{outline:none}
html:root .v5-guide:focus-visible{outline:3px solid #141511;outline-offset:4px}
@media (max-width:760px){html:root .v5-guide{flex-direction:column;align-items:stretch;gap:14px;padding:12px 12px 18px}html:root .v5-guide .th-pic{width:100%}html:root .v5-guide .v5-gtxt{padding:0 8px}html:root .v5-gtxt b{font-size:21px}}
html:root .fx-mid{box-shadow:0 0 0 2px #ffd400,0 12px 28px -20px rgba(200,150,0,.45)!important}
html:root .v5-guide{box-shadow:0 0 0 1px rgba(20,21,17,.1),0 8px 20px -16px rgba(0,0,0,.25)!important}
html:root .v5-guide .th-play{box-shadow:0 6px 14px -6px rgba(0,0,0,.4)!important}
html:root .fx-doc small,html:root .fx-lab{color:#45473f!important}
html:root .fx-row.fx-a{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}
html:root .fx-a>b{font-size:16px;font-weight:650;text-align:right}
html:root .fx-a>i{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-style:normal}
html:root .fx-a small{font-size:13.5px;font-weight:700;color:#1d7f47}
html:root .fx-a .fx-ask{font-size:13.5px}
html:root .fx-logo{display:none!important}
html:root .fx-row.fx-a{padding:8px 12px!important;gap:3px 10px!important}
html:root .fx-row.fx-a em{padding:2px 9px!important}
html:root .shop-ic{width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:6px;flex:none;object-fit:contain}
@media (min-width:900px){html:root .fx{margin-top:30px!important}}
@media (min-width:900px) and (max-height:1000px){html:root .fx{margin-top:24px!important}}
@media (min-width:900px) and (max-height:880px){html:root .fx{margin-top:18px!important}}