.site-main:has(>.pricing){padding:0}.pricing{--pricing-blue-ink:color-mix(in srgb, var(--blue) 80%, #000);--pricing-pro-bg:color-mix(in srgb, var(--blue) 3%, var(--panel));--pricing-groove:color-mix(in srgb, var(--blue) 12%, var(--panel));--pricing-seg-on:var(--bg);--pricing-pro-rule:color-mix(in srgb, var(--blue) 16%, var(--panel));--pricing-free-shadow:0 1px 2px #0f172a0a;--pricing-free-shadow-hover:0 18px 40px #0f172a14;--pricing-pro-shadow:0 18px 44px color-mix(in srgb, var(--blue) 14%, transparent);--pricing-pro-shadow-hover:0 26px 60px color-mix(in srgb, var(--blue) 22%, transparent);--pricing-float-shadow:0 4px 16px #0f172a1a;--pricing-badge-green:var(--green);--pricing-hero-a:var(--blue);--pricing-hero-b:#129680}:root:not([data-theme=light]) .pricing{--pricing-blue-ink:var(--blue);--pricing-pro-bg:color-mix(in srgb, var(--blue) 7%, var(--panel));--pricing-groove:color-mix(in srgb, var(--blue) 14%, var(--panel));--pricing-seg-on:color-mix(in srgb, var(--blue) 34%, var(--panel));--pricing-pro-rule:color-mix(in srgb, var(--blue) 22%, var(--panel));--pricing-free-shadow:none;--pricing-free-shadow-hover:0 18px 40px #00000059;--pricing-pro-shadow:0 18px 44px #00000059;--pricing-pro-shadow-hover:0 26px 60px #00000073;--pricing-float-shadow:0 4px 16px #0006;--pricing-badge-green:color-mix(in srgb, var(--green) 62%, #000);--pricing-hero-b:#2fb79c}@keyframes pricing-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pricing-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pricing-rise{animation:.6s cubic-bezier(.2,.7,.2,1) both pricing-rise}.pricing-rise-2{animation-delay:80ms}.pricing-hero{box-sizing:border-box;background:linear-gradient(var(--bg), color-mix(in srgb, var(--blue) 4%, var(--bg)));min-height:500px;padding-bottom:104px;position:relative;overflow:hidden}.pricing-hero-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pricing-hero-fade{background:radial-gradient(closest-side, color-mix(in srgb, var(--bg) 94%, transparent), color-mix(in srgb, var(--bg) 75%, transparent) 55%, color-mix(in srgb, var(--bg) 0%, transparent));pointer-events:none;width:820px;height:360px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.pricing-hero-text{box-sizing:border-box;text-align:center;max-width:760px;margin:0 auto;padding:104px 24px 0;position:relative}.pricing-eyebrow{letter-spacing:.04em;color:var(--blue);margin:0 0 14px;font-size:13px;font-weight:600}.pricing-hero h1{text-wrap:balance;letter-spacing:-.015em;color:var(--text);margin:0;font-size:56px;font-weight:700;line-height:1.18}.pricing-hero h1:lang(ja),.pricing-lede:lang(ja){word-break:auto-phrase}.pricing-lede{text-wrap:balance;max-width:600px;color:var(--muted);margin:18px auto 0;font-size:17px;line-height:1.6}.pricing-body{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:0 24px 112px}.pricing-plans{margin-top:-56px;position:relative}.pricing-tabs,.pricing-dots{display:none}.pricing-track{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.pricing-card{grid-row:span 5;grid-template-rows:subgrid;border:1px solid var(--rule);background:var(--panel);box-shadow:var(--pricing-free-shadow);border-radius:20px;row-gap:22px;padding:32px;transition:transform .25s,box-shadow .25s;display:grid;position:relative}.pricing-card-pro{border:2px solid var(--blue);background:var(--pricing-pro-bg);box-shadow:var(--pricing-pro-shadow);padding:31px}@media (hover:hover) and (width>=768px){.pricing-card:hover{box-shadow:var(--pricing-free-shadow-hover);transform:translateY(-4px)}.pricing-card-pro:hover{box-shadow:var(--pricing-pro-shadow-hover)}}.pricing-badge{background:var(--blue);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.6;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-badge.is-subscribed{background:var(--pricing-badge-green)}.pricing-head{flex-wrap:wrap;place-content:flex-start space-between;align-items:center;gap:12px 16px;min-height:48px;display:flex}.pricing-name{margin:0;font-size:30px;font-weight:700;line-height:48px}.pricing-card-pro .pricing-name{color:var(--pricing-blue-ink)}.pricing-sub{color:var(--muted);margin:-8px 0 0;font-size:15px;line-height:1.6}.pricing-toggle{box-sizing:border-box;background:var(--pricing-groove);border-radius:12px;grid-template-columns:repeat(3,auto);gap:4px;height:48px;padding:4px;display:inline-grid}.pricing-seg{height:40px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.pricing-seg:hover{color:var(--text)}.pricing-seg[aria-checked=true]{background:var(--pricing-seg-on);color:var(--text);box-shadow:0 1px 4px #0f172a24}.pricing-seg:focus-visible,.pricing-tab:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.pricing-price-block.is-changing{animation:.25s both pricing-fade}.pricing-price{align-items:baseline;gap:6px;margin:0;display:flex}.pricing-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-size:52px;font-weight:700;line-height:1}.pricing-unit{color:var(--muted);font-size:15px}.pricing-note{color:var(--muted);margin:8px 0 0;font-size:13px}.pricing-buy-wrap{flex-direction:column;gap:12px;display:flex}.pricing-feats{border-top:1px solid var(--rule-soft);flex-direction:column;gap:14px;margin:0;padding:22px 0 0;font-size:14px;line-height:1.6;list-style:none;display:flex}.pricing-card-pro .pricing-feats{border-top-color:var(--pricing-pro-rule)}.pricing-feats li{align-items:flex-start;gap:10px;display:flex}.pricing-feats b{font-weight:700}.pricing-card-pro .pricing-feats b{color:var(--pricing-blue-ink)}.pricing-check{color:var(--muted);flex:none;margin-top:3px}.pricing-card-pro .pricing-check{color:var(--blue)}.pricing-btn{height:48px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex}.pricing-cta{text-align:center;border-radius:12px;height:52px}.pricing-btn:hover{transform:translateY(-1px)}.pricing-btn:disabled{cursor:default;opacity:.7;transform:none}.pricing-btn-primary{background:var(--blue);color:#fff}.pricing-cta.pricing-btn-primary{box-shadow:0 6px 16px color-mix(in srgb, var(--blue) 22%, transparent)}.pricing-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--blue) 86%, #000);box-shadow:0 10px 24px color-mix(in srgb, var(--blue) 32%, transparent)}.pricing-btn-quiet{background:var(--panel2);color:var(--text)}.pricing-btn-quiet:hover{background:var(--rule);color:var(--text)}.pricing-pay{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.pricing-pay img{width:auto;height:16px;display:block}.pricing-pay .pricing-pay-wechat{border-radius:4px;height:20px}.pricing-pay .pricing-pay-visa{height:12px}.pricing-pay .pricing-pay-wallet{height:20px}:root:not([data-theme=light]) .pricing-pay .pricing-pay-visa,:root:not([data-theme=light]) .checkout-cards img{box-sizing:content-box;background:#fff;border-radius:3px;padding:2px 4px}.pricing-faq{max-width:760px;margin:104px auto 0}.pricing-faq h2{text-align:center;margin:0 0 24px;font-size:28px;font-weight:700}.pricing-faq-list{border-top:1px solid var(--rule)}.pricing-faq-item{border-bottom:1px solid var(--rule)}.pricing-faq-item summary{cursor:pointer;align-items:center;gap:16px;padding:20px 4px;list-style:none;display:flex}.pricing-faq-item summary::-webkit-details-marker{display:none}.pricing-faq-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.pricing-faq-item h3{flex:1;margin:0;font-size:16px;font-weight:600;line-height:1.5;transition:color .15s}.pricing-faq-item summary:hover h3{color:var(--blue)}.pricing-chev{color:var(--muted);flex:none;transition:transform .2s}.pricing-faq-item[open] .pricing-chev{transform:rotate(180deg)}.pricing-faq-item p{color:var(--muted);margin:0;padding:0 40px 22px 4px;font-size:14px;line-height:1.75}.pricing-faq-item[open] p{animation:.2s both pricing-fade}.checkout{background:var(--panel);width:min(500px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:0;border-radius:16px;padding:0;box-shadow:0 20px 60px #0f172a40}.checkout::backdrop{background:#0f172a73}.checkout[open]{animation:.22s both pricing-rise}.checkout-body{font-size:var(--fs-data);flex-direction:column;gap:22px;padding:28px;line-height:1.6;display:flex}.checkout-head{align-items:flex-start;gap:12px;display:flex}.checkout-head>div{flex:1}.checkout-head h2{margin:0;font-size:20px;font-weight:600}.checkout-sub{color:var(--muted);margin:4px 0 0}.checkout-close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.checkout-close:hover{background:var(--panel2);color:var(--text)}.checkout-alert{background:color-mix(in srgb, var(--red) 12%, var(--panel));color:var(--red);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.checkout-alert[hidden]{display:none}.checkout-alert svg{flex:none;margin-top:2px}.checkout-summary{background:var(--panel2);border-radius:12px;flex-direction:column;gap:6px;margin:0;padding:14px 16px;display:flex}.checkout-summary>div{justify-content:space-between;gap:16px;display:flex}.checkout-summary>div[hidden]{display:none}.checkout-summary dt{color:var(--muted)}.checkout-summary dd{text-align:right;margin:0}.checkout-hint{color:var(--dim);margin:2px 0 0;font-size:12px}.checkout-methods{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.checkout-methods legend{margin-bottom:10px;padding:0;font-weight:600}.checkout-method{border:1px solid var(--rule);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:8px 16px;transition:border-color .15s,background-color .15s;display:flex}.checkout-method:has(input:checked){border:2px solid var(--blue);background:color-mix(in srgb, var(--blue) 6%, var(--panel));padding:7px 15px}.checkout-method input{width:18px;height:18px;accent-color:var(--blue);margin:0}.checkout-method[hidden]{display:none}.checkout-method-mark{flex:none;justify-content:center;align-items:center;width:50px;height:26px;display:flex}.checkout-method-mark img,.checkout-method-mark svg{width:auto;height:26px;display:block}.checkout-method-mark .checkout-method-wechat{border-radius:6px;width:26px}.checkout-card-body{fill:var(--blue)}.checkout-method-name{flex:1;min-width:0;font-weight:500}.checkout-cards{align-items:center;gap:6px;display:flex}.checkout-cards img{width:auto;height:14px;display:block}.checkout-actions{flex-direction:column;gap:10px;display:flex}.checkout-handoff{text-align:center;color:var(--dim);margin:0;font-size:12px}@media (width<=767px){.pricing-hero{min-height:350px;padding-bottom:64px}.pricing-hero-fade{width:420px;height:300px;top:48%}.pricing-hero-text{padding:56px 24px 0}.pricing-eyebrow{margin-bottom:10px;font-size:12px}.pricing-hero h1{font-size:34px;line-height:1.24}.pricing-hero h1:lang(ja){font-size:min(34px,7.8125vw - 3.75px)}.pricing-lede{margin-top:14px;font-size:15px}.pricing-body{padding:0 0 72px}.pricing-plans{margin-top:-28px}.pricing-tabs{box-sizing:border-box;background:var(--panel);width:220px;height:44px;box-shadow:var(--pricing-float-shadow);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 auto;padding:4px;display:grid}.pricing-tab{height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s}.pricing-tab[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--blue) 30%, transparent)}.pricing-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin-top:16px;padding:18px max(37px,50% - 200px) 26px;display:flex;position:relative;overflow-x:auto}.pricing-track::-webkit-scrollbar{display:none}.pricing-card{box-sizing:border-box;scroll-snap-align:center;flex-direction:column;flex:0 0 min(100%,400px);gap:18px;padding:27px 23px 25px;display:flex;box-shadow:0 6px 20px #0f172a0f}.pricing-card-pro{box-shadow:0 14px 34px color-mix(in srgb, var(--blue) 16%, transparent);order:-1;padding:26px 22px 24px}.pricing-badge{padding:3px 12px;top:-13px}.pricing-head{display:contents}.pricing-name{order:1;font-size:26px;line-height:1.2}.pricing-sub{order:2;margin-top:-14px;font-size:14px}.pricing-toggle{border-radius:11px;order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;padding:3px;display:grid}.pricing-seg{border-radius:8px;height:42px;padding:0 4px;font-size:13px}.pricing-price-block{order:4}.pricing-amount{font-size:46px}.pricing-unit{font-size:14px}.pricing-note{margin-top:6px}.pricing-buy-wrap{order:5}.pricing-cta{height:50px}.pricing-pay{gap:9px}.pricing-pay img{height:15px}.pricing-pay .pricing-pay-wechat{height:18px}.pricing-pay .pricing-pay-visa{height:11px}.pricing-pay .pricing-pay-wallet{height:18px}.pricing-feats{order:6;gap:12px;padding-top:18px}.pricing-check{width:17px;height:17px}.pricing-dots{justify-content:center;gap:6px;margin-top:-6px;display:flex}.pricing-dot{background:color-mix(in srgb, var(--muted) 35%, var(--bg));border-radius:999px;width:6px;height:6px;transition:width .25s,background-color .25s}.pricing-dot.is-active{background:var(--blue);width:18px}.pricing-faq{margin-top:52px;padding:0 20px}.pricing-faq h2{margin-bottom:14px;font-size:22px}.pricing-faq-item summary{box-sizing:border-box;gap:12px;min-height:44px;padding:16px 2px}.pricing-faq-item h3{font-size:15px}.pricing-faq-item p{padding:0 8px 18px 2px}.checkout{border-radius:16px 16px 0 0;width:100%;max-width:100%;margin:auto 0 0}.checkout-body{padding:22px 18px calc(22px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.pricing-rise,.pricing-price-block.is-changing,.pricing-faq-item[open] p,.checkout[open]{animation:none}.pricing-card,.pricing-btn,.pricing-seg,.pricing-tab,.pricing-dot,.pricing-chev,.checkout-method{transition:none}.pricing-card:hover,.pricing-btn:hover{transform:none}}@media (width<=340px){.pricing-seg{padding-inline:4px;font-size:12px}.checkout-method{gap:10px;padding-inline:12px}.checkout-method:has(input:checked){padding-inline:11px}.checkout-method-mark{width:42px}.checkout-method-mark img,.checkout-method-mark svg{height:22px}.checkout-method-mark .checkout-method-wechat{width:22px}.checkout-cards{gap:4px}.checkout-cards img{height:12px}}
