html body[data-rystal-page="shapeflow"] .sf-page [id]{scroll-margin-top:125px}
html body[data-rystal-page="shapeflow"] .sf-page.rt-shapeflow .sf-dark-section,
html body[data-rystal-page="shapeflow"] .sf-page.rt-shapeflow .sf-gallery,
html body[data-rystal-page="shapeflow"] .sf-page.rt-shapeflow .sf-included{background:transparent}
html body[data-rystal-page="shapeflow"] .sf-page .tfws-copy .tfws-lead{margin:18px auto 0!important;text-align:center;width:min(620px,100%)}
html body[data-rystal-page="shapeflow"] .sf-page .tfws-actions{margin-inline:auto;justify-content:center}
html body[data-rystal-page="shapeflow"] .sf-page .sf-compat-section{padding:clamp(64px,8vw,110px) 24px}
html body[data-rystal-page="shapeflow"] .sf-page .sf-compat-section .rt-center{max-width:100%;margin-inline:auto}
html body[data-rystal-page="shapeflow"] .sf-page .sf-compat-section h2{font-size:clamp(32px,4vw,48px)}
html body[data-rystal-page="shapeflow"] .sf-page .rt-compat-disclaimer{margin:20px auto 0!important}
html body[data-rystal-page="shapeflow"] .sf-page .rt-compat-disclaimer{color:#a4a7b7;opacity:1}
html body[data-rystal-page="shapeflow"] .sf-page .rt-cc-detail{line-height:1.6}
html body[data-rystal-page="shapeflow"] .sf-page .sf-comparison{background:transparent;border:0;box-shadow:none;overflow:visible}
html body[data-rystal-page="shapeflow"] .sf-page .sf-comparison-pair{gap:24px;align-items:start}
.sf-comparison-media{position:relative;padding-bottom:14%;margin-bottom:16px}
html body[data-rystal-page="shapeflow"] .sf-page .sf-comparison-wide{display:block;width:100%;border-radius:22px}
html body[data-rystal-page="shapeflow"] .sf-page .sf-comparison-detail{position:absolute;right:4%;bottom:0;width:46%;aspect-ratio:4/3;object-fit:cover;border:3px solid rgba(235,237,246,.9);border-radius:18px;box-shadow:0 12px 35px #0008}
html body[data-rystal-page="shapeflow"] .sf-page .rystal-bundle-inner{max-width:1080px}
.sf-flow-card{max-width:900px;margin:38px auto 0;padding:44px 42px 34px;border:1px solid #ffffff20;border-radius:30px;background:linear-gradient(145deg,#ffffff09,#ffffff02);box-shadow:0 22px 60px #0002}
.sf-flow-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.sf-flow-item{min-width:0;text-align:center}
.sf-flow-tile{position:relative;display:block;width:100%;aspect-ratio:1;border:1px solid #ffffff26;border-radius:22px;overflow:hidden;padding:0;background:#121526;cursor:pointer;transform:rotate(-5deg);box-shadow:0 16px 28px #0005;transition:transform .25s ease,box-shadow .25s ease}
.sf-flow-item:nth-child(2) .sf-flow-tile{transform:rotate(4deg)}
.sf-flow-item:nth-child(3) .sf-flow-tile{transform:rotate(-3deg)}
.sf-flow-tile:hover,.sf-flow-tile:focus-visible,.sf-flow-tile.is-previewing{transform:rotate(0deg)!important;box-shadow:0 20px 36px #0006}
.sf-flow-tile:focus-visible{outline:3px solid #9dc7ff;outline-offset:5px}
html body[data-rystal-page="shapeflow"] .sf-page .sf-flow-tile img,html body[data-rystal-page="shapeflow"] .sf-page .sf-flow-tile video{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:contain;border-radius:0}
.sf-flow-tile video{opacity:0;background:#121526;transition:opacity .2s ease}
.sf-flow-tile.is-previewing video{opacity:1}
.sf-flow-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111b;color:white;font:12px/1 sans-serif}
.sf-flow-tile.is-previewing .sf-flow-play{font-size:0}
.sf-flow-tile.is-previewing .sf-flow-play::after{content:"Ⅱ";font-size:12px}
.sf-flow-item>a{display:inline-block;margin-top:22px;color:#f5f5f7!important;text-decoration:none!important;font-size:clamp(16px,2vw,23px);font-weight:700;line-height:1.2}
.sf-flow-item>a:hover{text-decoration:underline!important}
.sf-flow-card .rystal-bundle-buy{margin-top:32px!important}
@media(max-width:640px){.rt-shapeflow .tfws-product:nth-child(3),.rt-shapeflow .tfws-product:nth-child(4),.rt-shapeflow .tfws-product:nth-child(7),.rt-shapeflow .tfws-product:nth-child(8){display:none}
html body[data-rystal-page="shapeflow"] .sf-page .sf-comparison-pair{grid-template-columns:1fr;gap:28px;max-width:430px;margin-inline:auto}
.sf-flow-card{padding:28px 14px 26px;border-radius:22px;margin-top:28px}
.sf-flow-trio{gap:12px}
.sf-flow-tile{border-radius:13px}
.sf-flow-item>a{font-size:15px;margin-top:16px;min-height:36px}
.sf-flow-play{right:5px;bottom:5px;width:23px;height:23px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.sf-flow-tile,.sf-flow-tile video{transition:none}}