.pricing-content{--ink:#4b4e54;--muted:#656b6e;--green:#007c60;--red:#e13c32;--line:#e2e5e3;--surface:#f5f6f4}
.pricing-content *{box-sizing:border-box}
.pricing-content{margin-inline:auto;background:transparent;color:var(--ink);font-family:PingAR,sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}
.pricing-content button{font:inherit}
.pricing-content button,.pricing-content summary{-webkit-tap-highlight-color:transparent}
.pricing-content button:focus-visible,.pricing-content summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.pricing-content .hero-bg{display:none}
.pricing-content .wrap{max-width:1220px;margin:auto;padding:36px 24px 40px}
.pricing-content .header{text-align:center}
.pricing-content .header p{margin:0;font-size:18px;line-height:1.8;color:var(--muted)}
.pricing-content .billing-toggle{display:flex;justify-content:center;margin:22px 0 42px}
.pricing-content .toggle-shell{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;background:#ecefeb;padding:5px;border-radius:16px;position:relative;width:240px;margin-bottom:50px}
.pricing-content .toggle-btn{flex:1;border:0;border-radius:12px;background:transparent;color:var(--muted);min-height:46px;font-weight:700;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.pricing-content .toggle-btn.active{background:white;color:var(--ink);box-shadow:0 2px 8px #0000000c}
.pricing-content .annual-note{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);width:340px;text-align:center;font-size:13px;line-height:1.8;color:var(--green)}
.pricing-content .annual-note div{display:inline}
.pricing-content .annual-note div+div:before{content:" · "}
.pricing-content .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pricing-content .card{border:1px solid var(--line);border-radius:20px;padding:30px 25px 25px;background:white;position:relative;min-width:0;display:flex;flex-direction:column;box-shadow:0 4px 20px #26382c04}
.pricing-content .card.basic{border:2px solid var(--green);padding:29px 24px 24px;box-shadow:0 8px 30px #007c600b}
.pricing-content .badge{display:block;font-size:23px;font-weight:700;line-height:1.6;margin:0;color:var(--ink)}
.pricing-content .basic .badge{color:var(--green)}
.pricing-content .popular-badge{position:absolute;top:-16px;right:24px;border-radius:8px;background:var(--green);color:white;padding:7px 14px;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700}
.pricing-content .star{font-size:12px}
.pricing-content .plan-desc{font-size:14px;line-height:1.55;color:var(--muted);margin:10px 0 22px;min-height:66px}
.pricing-content .price-box{min-height:0;padding:20px 0 18px;border-top:1px solid var(--line);margin:0}
.pricing-content .price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pricing-content .price{font-size:46px;line-height:1.2;font-weight:700;direction:ltr;unicode-bidi:isolate;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.pricing-content .price-unit{font-size:13px;color:var(--muted)}
.pricing-content .annual-sub{font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}
.pricing-content .old-price{text-decoration:line-through;color:#737b7d;unicode-bidi:isolate}
.pricing-content .current-price{font-weight:700;color:var(--ink);unicode-bidi:isolate}
.pricing-content .discount-line{font-size:12px;line-height:1.8;margin-top:6px;color:var(--green);font-weight:700}
.pricing-content .highlights{border-radius:12px;background:var(--surface);padding:14px 16px;margin-bottom:20px}
.pricing-content .highlights p{margin:0;line-height:1.8;font-size:14px;font-weight:700}
.pricing-content .highlights p+p{font-weight:400;color:var(--muted);font-size:13px;margin-top:4px}
.pricing-content .basic .highlights{background:#edf6f1}
.pricing-content .pro .highlights{background:#fdf0ee}
.pricing-content .features{padding:0;margin:0;list-style:none}
.pricing-content .features li{position:relative;padding:10px 25px 10px 0;font-size:14px;line-height:1.8;border-bottom:1px solid #eef0ee}
.pricing-content .features li:last-child{border:0}
.pricing-content .features li:before{content:"";position:absolute;right:0;top:15px;width:15px;height:15px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAtGVYSWZJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAC8ZAQDoAwAALxkBAOgDAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAIAAAAAOgBAABAAAAHgAAAAAAAAAHvIPmAAAACXBIWXMAAAsSAAALEgHS3X78AAACfElEQVRIib1XPUgcQRQeT+/8DYmisTEYCRYS7SI2WmgwlYKNhSncLZKQQBrTzoKVWGhIlSKg2IpgJzZiYRBES8FKq5TRRlCbEPWbmTc3M3d7x93e7i5892bvbuf73pv33swyFuUKfI0XwBqQkfepXYpckE4Ae5ag1MgF6oENxv1rxr2OdAVwT9inwBXGD7Dz6S2D8X4a3gvyB9gj2Obko2DCnwPpPgs8LeA/7FA6AlT4X1HoSYAc/wCakhPAfe19M8Y/yft7S8Qd7HAyFWFPGvhvFakVASNkG+iIV4SeSEWgHzgrINV5oO8/YdzqPFcTsYRc95eq7r1icleIsB+BtmiRcMOtO94AJt4O9dyF/duHouUoK8SEWXtcTxPMAn8qIA8TsU7LlqXqCRHDnS/rQJ6FfQbMACclJq5GxBWwCPQy0T8Cv0Fyal4KcYO0HKEO/GWIOMtPwL1qiEOEeDovbmF3YeeA5xgrTnxMAQv44thkcj7RaiEvFuIm62/Yd1rAZ2AHuI6JsAxkRE4xXgXGad0BlSTtwHv84ZD6u34oWiS4E8Fz3C/BDjKRlJITYOFl1wi8AbZKJFY1SXgBfAE64WSGiEPK0hbBdUXIzWUMOK1YhPBaNSuxN3wFupgoabsMIzQkcfb7XkEX1Ml2ScJz1FNq2BvMw92UOKVE3JOIv8Ao0yekmjcld1l6qJbLRWKKqS4a45bsdssRWt+wpPsFPDFdLu5LCWiRS2HngxrfAn3xhL2sAE9ERGzNNwVRWGGqpSd4LjTeYXfzN63sF03rNZVuQuSuCJHhk/ljeeAfMH0gTUWAeTG5VAK8b/nMT/xyX83Ei+k/pvb6SOe/R6xp4vGpgYAoAAAAtGVYSWZJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAC8ZAQDoAwAALxkBAOgDAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAIAAAAAOgBAABAAAAHgAAAAAAAAAHvIPmAAAAAElFTkSuQmCC");background-position:center;background-repeat:no-repeat;background-size:contain}
.pricing-content .plan-details{margin:0}
.pricing-content .plan-details summary{display:none;cursor:pointer;list-style:none}
.pricing-content .plan-details summary::-webkit-details-marker{display:none}
.pricing-content .monthly-only,.pricing-content .annual-only{display:none}
.pricing-content[data-mode=monthly] .monthly-only,.pricing-content[data-mode=annual] .annual-only{display:block}
@media(min-width:761px){.pricing-content .plan-details:not([open])>*:not(summary){display:block}
.pricing-content .plan-details:not([open]) .monthly-only,.pricing-content .plan-details:not([open]) .annual-only{display:none}
.pricing-content[data-mode=monthly] .plan-details:not([open]) .monthly-only,.pricing-content[data-mode=annual] .plan-details:not([open]) .annual-only{display:block}}
@media(max-width:1050px) and (min-width:761px){.pricing-content .wrap{padding-inline:16px}
.pricing-content .pricing-grid{gap:12px}
.pricing-content .card{padding:24px 18px}
.pricing-content .card.basic{padding:23px 17px}
.pricing-content .badge{font-size:20px}
.pricing-content .plan-desc{min-height:88px}
.pricing-content .price{font-size:38px}
.pricing-content .price-box{min-height:0}
.pricing-content .features li{font-size:13px}}
@media(max-width:760px){.pricing-content .wrap{padding:24px 16px 28px}
.pricing-content .header p{font-size:15px}
.pricing-content .billing-toggle{margin:18px 0 36px}
.pricing-content .toggle-shell{margin-bottom:46px}
.pricing-content .annual-note{width:min(320px,calc(100vw - 40px));font-size:12px}
.pricing-content .pricing-grid{grid-template-columns:1fr;gap:26px}
.pricing-content .card{padding:25px 22px 19px;border-radius:18px}
.pricing-content .card.basic{padding:24px 21px 18px}
.pricing-content .badge{font-size:22px}
.pricing-content .plan-desc{min-height:0;margin:7px 0 16px;font-size:14px}
.pricing-content .price{font-size:42px}
.pricing-content .price-box{min-height:0;padding:16px 0 18px}
.pricing-content .highlights{margin-bottom:14px}
.pricing-content .plan-details summary{display:flex;justify-content:space-between;align-items:center;min-height:46px;font-size:14px;font-weight:700;border-top:1px solid var(--line);padding-top:8px}
.pricing-content .plan-details summary:after{content:"+";font-size:23px;font-weight:400;color:var(--green)}
.pricing-content .plan-details[open] summary:after{content:"−"}
.pricing-content .plan-details[open] summary{margin-bottom:6px}
.pricing-content .features li{font-size:15px;line-height:1.8;padding-block:10px}}
.pricing-content .annual-note{opacity:.45;transform:translateX(-50%) translateY(3px);transition:opacity 260ms ease,transform 260ms ease,color 260ms ease;color:var(--muted)}
.pricing-content[data-mode="annual"] .annual-note{opacity:1;transform:translateX(-50%) translateY(0);color:var(--green)}
.pricing-content[data-mode="annual"] .toggle-btn[data-mode="annual"]{background:var(--green);color:white}
.pricing-content .card.pro{border:2px solid var(--red);padding:29px 24px 24px;box-shadow:0 8px 30px #e13c320b}
.pricing-content .pro .badge{color:var(--red)}
.pricing-content .card-footer{margin-top:auto;padding-top:24px}
.pricing-content .trial-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid var(--ink);border-radius:12px;background:white;color:var(--ink);font-size:15px;font-weight:700;padding:12px 16px;text-align:center;transition:background 180ms ease,transform 180ms ease;cursor:pointer}
.pricing-content .economy .trial-cta{background:var(--ink);border-color:var(--ink);color:white}
.pricing-content .basic .trial-cta{background:var(--green);border-color:var(--green);color:white}
.pricing-content .pro .trial-cta{background:var(--red);border-color:var(--red);color:white}
.pricing-content .trial-cta:disabled{opacity:1;cursor:default}
@media(hover:hover){.pricing-content .trial-cta:not(:disabled):hover{transform:translateY(-2px)}}
@media(max-width:1050px) and (min-width:761px){.pricing-content .card.pro{padding:23px 17px}}
@media(max-width:760px){.pricing-content .card.pro{padding:24px 21px 18px}
.pricing-content .card-footer{padding-top:18px}}
.pricing-content .card.economy{border:2px solid var(--line);padding:29px 24px 24px}
.pricing-content .price{color:#4b4e54}
.pricing-content .plan-emoji{font-size:.8em;margin-inline-start:4px}
.pricing-content .annual-payable{color:var(--ink);margin-top:10px}
.pricing-content .annual-label{display:inline;color:var(--ink);font-size:13px}
.pricing-content .annual-payable .current-price{display:inline;color:var(--ink);font-size:13px;line-height:1.65}
@media(max-width:1050px) and (min-width:761px){.pricing-content .card.economy{padding:23px 17px}}
@media(max-width:760px){.pricing-content .card.economy{padding:24px 21px 18px}
.pricing-content .card-footer{display:none}
.pricing-content .plan-details[open]+.card-footer{display:block}}
.pricing-content .production-service{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;margin-top:24px;padding:28px 30px;background:#f3f4f5;border:2px solid #a9adb2;border-radius:18px}
.pricing-content .production-service h2{margin:0;color:var(--ink);font-size:21px;font-weight:700;line-height:1.6}
.pricing-content .production-content p{margin:0;color:var(--ink);font-size:15px;line-height:1.7}
.pricing-content .production-note{display:block;margin-top:9px;font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:760px){.pricing-content .production-service{grid-template-columns:1fr;gap:8px;padding:23px 22px;margin-top:26px}
.pricing-content .production-service h2{font-size:20px}
.pricing-content .production-content p{font-size:14px;line-height:1.65}}
.pricing-content .subscription-terms{margin-top:28px;padding:27px 4px 0;border-top:1px solid var(--line);color:var(--ink)}
.pricing-content .subscription-terms h2{font-size:18px;line-height:1.6;font-weight:700;margin:0 0 13px}
.pricing-content .payment-term{font-size:14px;line-height:1.7;margin:0 0 17px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.pricing-content .terms-list{margin:0;padding:0 19px 0 0;display:grid;gap:10px;list-style:disc}
.pricing-content .terms-list li{font-size:13px;line-height:1.75;color:var(--muted);padding-inline-start:3px}
.pricing-content .terms-list li::marker{color:var(--ink)}
.pricing-content .subscription-terms a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.pricing-content .subscription-terms a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:760px){.pricing-content .subscription-terms{margin-top:24px;padding-top:22px}
.pricing-content .subscription-terms h2{font-size:16px}
.pricing-content .terms-list{gap:12px}
.pricing-content .terms-list li{font-size:13px}}
.pricing-content,.pricing-content *{font-family:PingAR,sans-serif}
@media(prefers-reduced-motion:reduce){.pricing-content *{transition:none!important;scroll-behavior:auto!important}}
.pricing-content{direction:ltr}.pricing-content .features li{padding:10px 0 10px 25px}.pricing-content .features li:before{left:0;right:auto}.pricing-content .popular-badge{right:auto;left:24px}.pricing-content .terms-list{padding:0 0 0 19px}.pricing-content .trial-cta{text-decoration:none}.pricing-content .header h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin:25px 0}.pricing-content .wrap{max-width:1236px;padding-inline:0}.pricing-content .annual-note{max-width:calc(100vw - 60px)}
.pricing-content .header h1.pricing-intro{font-size:clamp(21px,2.6vw,30px);line-height:1.6;margin:25px 0;font-weight:500}