.section-nav{position:sticky}.section-nav-bar{align-items:center;display:flex}.section-nav-bar>nav{min-width:0;display:flex}.section-nav-rail{overscroll-behavior-x:contain;gap:2px;display:flex;overflow-x:auto}.section-nav-rail>li{flex-shrink:0}.section-nav-rail a{white-space:nowrap;color:var(--color-ink-muted);align-items:center;font-size:14px;font-weight:500}.section-nav-rail a:hover{color:var(--color-ink)}.section-nav-rail a:focus-visible{outline:2px solid var(--color-cobalt-500);outline-offset:-2px}.commerce-product{--commerce-accent:var(--template-accent,var(--color-cobalt-500));--commerce-tint:color-mix(in srgb, var(--commerce-accent) 8%, var(--color-white));--commerce-tint-strong:color-mix(in srgb, var(--commerce-accent) 16%, var(--color-white));--commerce-section-y:72px;--commerce-sticky-top:56px}@media (min-width:1024px){.commerce-product{--commerce-section-y:104px}}.commerce-product.is-app{--commerce-section-y:56px;--commerce-sticky-top:64px}@media (min-width:1024px){.commerce-product.is-app{--commerce-section-y:72px}}.commerce-section{padding-block:var(--commerce-section-y) 0}.commerce-section.is-last{padding-block-end:var(--commerce-section-y)}[data-commerce-anchor]{scroll-margin-top:calc(var(--commerce-sticky-top) + 68px)}.commerce-section[data-commerce-anchor]{scroll-margin-top:calc(var(--commerce-sticky-top) + 68px - var(--commerce-section-y) + 16px)}[data-commerce-anchor]:focus{outline:none}.commerce-hero,.commerce-product.is-app .commerce-hero{padding-block-start:16px}.commerce-hero-card{border:1px solid var(--color-line);border-radius:var(--radius-3xl);background:var(--color-white);box-shadow:var(--shadow-card);display:grid;overflow:hidden}@media (min-width:1024px){.commerce-hero-card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:620px}}.commerce-hero-copy{flex-direction:column;justify-content:center;padding:28px 20px 32px;display:flex}@media (min-width:640px){.commerce-hero-copy{padding:44px 40px}}@media (min-width:1280px){.commerce-hero-copy{padding:64px 56px 64px 64px;padding-inline:64px 48px}}.commerce-title{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.5rem,1.55rem + 3.4vw,4.5rem);font-weight:700;line-height:.98}.commerce-facts{color:var(--color-ink-muted);flex-wrap:wrap;gap:8px 18px;margin-block-start:18px;font-size:13px;font-weight:500;display:flex}.commerce-facts svg{width:15px;height:15px;color:var(--color-cobalt-600);flex-shrink:0}.commerce-proofs{gap:10px;margin-block-start:24px;display:grid}@media (min-width:640px){.commerce-proofs{grid-template-columns:repeat(2,minmax(0,1fr))}}.commerce-proof{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-white);align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.commerce-proof:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-soft)}.commerce-proof:focus-visible{box-shadow:var(--shadow-focus);outline:none}.commerce-title.is-app{font-size:clamp(2.25rem,1.6rem + 2.2vw,3.5rem)}.commerce-buy-box{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-ice);margin-block-start:32px;padding:20px}@media (min-width:640px){.commerce-buy-box{padding:24px}}.commerce-buy-actions{flex-wrap:wrap;gap:12px;margin-block-start:20px;display:flex}.commerce-buy-box[data-commerce-buy-box=owned] .commerce-buy-actions:first-child{margin-block-start:0}@media (max-width:639px){.commerce-buy-actions{flex-direction:column}.commerce-buy-actions>*{width:100%}}.commerce-total{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1.1}.commerce-stepper{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-white);align-items:stretch;display:inline-flex;overflow:hidden}.commerce-stepper button{width:40px;height:40px;color:var(--color-ink-2);background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:background-color .15s;display:grid}.commerce-stepper button:hover:not(:disabled){background:var(--color-ice-2)}.commerce-stepper button:disabled{opacity:.4;cursor:not-allowed}.commerce-stepper button:focus-visible,.commerce-stepper input:focus-visible{box-shadow:inset 0 0 0 2px var(--color-cobalt-500);outline:none}.commerce-stepper input{border:0;border-inline:1px solid var(--color-line-strong);text-align:center;font-variant-numeric:tabular-nums;width:56px;color:var(--color-ink);appearance:textfield;background:0 0;border-radius:0;padding:0;font-size:15px;font-weight:600}.commerce-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.commerce-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.commerce-hero-stage{background:radial-gradient(60% 55% at 50% 45%, color-mix(in srgb, var(--commerce-accent) 22%, transparent), transparent 75%), linear-gradient(160deg, var(--commerce-tint-strong), var(--commerce-tint) 60%, var(--color-white));align-content:center;place-items:center;min-height:340px;padding:32px 16px 28px;display:grid;position:relative;overflow:hidden}@media (min-width:1024px){.commerce-hero-stage{border-inline-start:1px solid var(--color-line);padding:48px 32px}}.commerce-stage-glow{background:radial-gradient(45% 40% at 50% 50%, color-mix(in srgb, var(--commerce-accent) 18%, transparent), transparent 100%);filter:blur(8px);pointer-events:none;position:absolute;inset:0}.commerce-phones{aspect-ratio:5/4;width:100%;max-width:580px;margin-block-end:4%;position:relative}.commerce-phones:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#0b0f1a42,#0000);border-radius:50%;height:8%;position:absolute;inset:auto 14% -7%}.commerce-phone{cursor:zoom-in;background:0 0;border:0;border-radius:30px;padding:0;transition:scale .35s cubic-bezier(.22,1,.36,1);animation:.8s cubic-bezier(.22,1,.36,1) both commerce-phone-rise;display:block;position:absolute}.commerce-phone .commerce-device{box-shadow:0 40px 70px -32px #0b0f1a80}.commerce-phone:hover{scale:1.025}.commerce-phone:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:3px}.commerce-phone.is-center{z-index:2;width:38%;top:0;left:50%;translate:-50%}.commerce-phone.is-left{z-index:1;width:31%;animation-delay:80ms;top:13%;left:4%;rotate:-7deg}.commerce-phone.is-right{z-index:1;width:31%;animation-delay:.14s;top:13%;right:4%;rotate:7deg}@keyframes commerce-phone-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.commerce-phone{transition:none;animation:none}}.commerce-tour{z-index:3;margin-block-start:4px;position:relative}.commerce-phone .template-video-loop>video,.commerce-phone .template-video-loop img{width:100%;height:auto;display:block}.commerce-subnav{top:var(--commerce-sticky-top);z-index:20;pointer-events:none;margin-block-start:20px}.commerce-subnav-bar{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-white) 86%, transparent);width:-moz-fit-content;width:fit-content;max-width:100%;box-shadow:var(--shadow-soft);pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);border-radius:999px;gap:6px;margin-inline:auto;padding:4px}.commerce-subnav[data-stuck] .commerce-subnav-bar{box-shadow:0 8px 24px -14px #0b0f1a3d}.commerce-subnav .section-nav-rail{border-radius:999px}.commerce-subnav .section-nav-rail a{border-radius:999px;height:36px;padding-inline:14px;transition:color .2s,background-color .2s;display:inline-flex}.commerce-subnav .section-nav-rail a[aria-current]{background:var(--commerce-tint-strong);color:var(--color-cobalt-700)}@media (max-width:639px){.commerce-subnav .section-nav-rail a{padding-inline:12px;font-size:13.5px}}.commerce-subnav-cta{flex-shrink:0;display:none}@media (min-width:1024px){.commerce-subnav-cta{display:block}}.commerce-subnav-cta>*{border-radius:999px}.commerce-kind-tabs{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-ice-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:6px;display:grid}@media (max-width:767px){.commerce-kind-tab:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}}@media (min-width:768px){.commerce-kind-tabs{flex-wrap:wrap;justify-content:center;width:auto;max-width:100%;display:inline-flex}}.commerce-kind-tab{border-radius:var(--radius-xl);min-width:0;min-height:56px;color:var(--color-ink-muted);align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.2;transition:color .2s,background-color .2s,box-shadow .2s;display:flex}@media (min-width:768px){.commerce-kind-tab{white-space:nowrap;gap:10px;padding-inline:20px;font-size:15px}}.commerce-kind-tab:hover{color:var(--color-ink)}.commerce-kind-tab.is-selected{background:var(--color-white);color:var(--color-ink);box-shadow:var(--shadow-soft)}.commerce-kind-tab.is-selected svg{color:var(--color-cobalt-600)}.commerce-kind-tab:focus-visible{box-shadow:var(--shadow-focus), var(--shadow-soft);outline:none}.commerce-kind-hint{color:var(--color-ink-muted);margin-block-start:2px;font-size:12px;font-weight:500}.commerce-kind-panel{border-radius:var(--radius-3xl);margin-block-start:28px}.commerce-kind-panel:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:4px}.commerce-kind-card{border:1px solid var(--color-line);border-radius:var(--radius-3xl);background:var(--color-white);min-width:0;box-shadow:var(--shadow-soft);padding:24px 20px}@media (min-width:640px){.commerce-kind-card{padding:36px}}@media (min-width:1024px){.commerce-kind-card{padding:40px 48px 44px}}.commerce-check{background:var(--commerce-tint-strong);width:22px;height:22px;color:var(--color-cobalt-700);border-radius:999px;flex-shrink:0;place-items:center;margin-block-start:1px;display:grid}.commerce-kind-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-size:13px;font-weight:600}.commerce-setup{gap:16px;margin-block-start:16px;display:grid}@media (min-width:1024px){.commerce-setup{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:20px}}.commerce-setup-card{flex-direction:column;gap:18px;padding:22px;display:flex}.commerce-plugin-steps{gap:14px;display:grid}.commerce-plugin-step{align-items:flex-start;gap:12px;display:flex}.commerce-plugin-n{background:var(--color-ice-2);width:24px;height:24px;color:var(--color-ink-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:12.5px;font-weight:650;display:grid}.commerce-plugin-name{color:var(--color-ink);font-size:15px;font-weight:600}.commerce-plugin-name a{color:var(--color-cobalt-700);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px}.commerce-plugin-name a:hover{text-decoration-color:currentColor}.commerce-plugin-role{color:var(--color-ink-3);margin-block-start:3px;font-size:14px;line-height:1.4}.commerce-plugin-zip{color:var(--color-ink-muted);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-block-start:6px;font-size:13.5px;line-height:1.4;display:flex}.commerce-plugin-download{color:var(--color-cobalt-700);align-items:center;gap:5px;font-weight:600;display:inline-flex}.commerce-plugin-download:hover{text-underline-offset:3px;text-decoration:underline}.commerce-need-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600;line-height:1.5}.commerce-need-badge.is-required{background:var(--commerce-tint-strong);color:var(--color-cobalt-700)}.commerce-need-badge.is-recommended{background:color-mix(in srgb, var(--color-success) 14%, var(--color-white));color:var(--color-ink-2)}.commerce-need-badge.is-optional{background:var(--color-ice-2);color:var(--color-ink-muted)}.commerce-setup-lines{color:var(--color-ink-2);gap:10px;font-size:14.5px;line-height:1.45;display:grid}.commerce-setup-lines li{padding-inline-start:14px;position:relative}.commerce-setup-lines li:before{content:"";inset-inline-start:0;background:var(--color-cobalt-500);border-radius:999px;width:5px;height:5px;position:absolute;top:.6em}.commerce-setup-link{color:var(--color-cobalt-700);align-items:center;gap:6px;margin-block-start:auto;font-size:14.5px;font-weight:600;display:inline-flex}.commerce-setup-link:hover{text-underline-offset:3px;text-decoration:underline}.commerce-kind-guide{text-align:center;margin-block-start:18px}.commerce-kind-guide a{color:var(--color-cobalt-700);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.commerce-kind-guide a:hover{text-underline-offset:3px;text-decoration:underline}.commerce-kind-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.commerce-kind-features{gap:10px 32px;margin-block-start:12px;display:grid}@media (min-width:768px){.commerce-kind-features{grid-template-columns:repeat(2,minmax(0,1fr))}}.commerce-gallery{margin-block-start:24px;position:relative}.commerce-gallery-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:16px;margin-inline:-20px;padding:6px 20px 10px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.commerce-gallery-rail:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:-3px;border-radius:var(--radius-xl)}@media (min-width:640px){.commerce-gallery-rail{gap:20px;margin-inline:-36px;padding-inline:36px;scroll-padding-inline:36px}}@media (min-width:1024px){.commerce-gallery-rail{margin-inline:-48px;padding-inline:48px;scroll-padding-inline:48px}}.commerce-shot{scroll-snap-align:start;flex-shrink:0;width:168px}@media (min-width:640px){.commerce-shot{width:188px}}@media (min-width:1280px){.commerce-shot{width:200px}}.commerce-shot-frame{cursor:zoom-in;background:0 0;border:0;border-radius:26px;width:100%;padding:0;transition:translate .3s cubic-bezier(.22,1,.36,1);display:block}.commerce-shot-frame .commerce-device{box-shadow:0 18px 32px -20px #0b0f1a73}.commerce-shot-frame:hover{translate:0 -4px}.commerce-shot-frame:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:3px}.commerce-shot-caption{text-align:center;color:var(--color-ink-3);text-wrap:balance;margin-block-start:10px;font-size:13.5px;font-weight:500;line-height:1.35;display:block}@media (prefers-reduced-motion:reduce){.commerce-shot-frame:hover{translate:none}}.commerce-gallery-pager{justify-content:flex-end;gap:8px;margin-block-start:6px;display:flex}.commerce-gallery-button{border:1px solid var(--color-line-strong);background:var(--color-white);width:40px;height:40px;color:var(--color-ink-2);border-radius:999px;place-items:center;transition:background-color .15s;display:grid}.commerce-gallery-button:hover{background:var(--color-ice-2)}.commerce-gallery-button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.commerce-segmented{border:1px solid var(--color-line);background:var(--color-ice-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.commerce-segment{min-height:40px;color:var(--color-ink-muted);border-radius:999px;padding-inline:18px;font-size:14.5px;font-weight:600;transition:color .2s,background-color .2s,box-shadow .2s}.commerce-segmented.is-small .commerce-segment{min-height:34px;padding-inline:14px;font-size:13.5px}.commerce-segment:hover{color:var(--color-ink)}.commerce-segment.is-selected{background:var(--color-white);color:var(--color-ink);box-shadow:var(--shadow-soft)}.commerce-segment:focus-visible{box-shadow:var(--shadow-focus);outline:none}.commerce-kind-every{text-align:center;color:var(--color-ink-muted);text-wrap:pretty;margin-block-start:28px;font-size:14px}.commerce-look-rail{scroll-snap-type:x mandatory;gap:16px;margin-block-start:40px;margin-inline:-20px;padding:4px 20px 8px;scroll-padding-inline:20px;list-style:none;display:flex;overflow-x:auto}.commerce-look-rail:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:3px;border-radius:var(--radius-xl)}@media (min-width:640px){.commerce-look-rail{margin-inline:-36px;padding-inline:36px;scroll-padding-inline:36px}}.commerce-look{scroll-snap-align:start;text-align:center;flex-shrink:0;width:156px}@media (min-width:1024px){.commerce-look-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px;max-width:1040px;margin-inline:auto;padding:0;display:grid;overflow:visible}.commerce-look{width:auto}}.commerce-look-frame{background:#0b0f1a;border:4px solid #0b0f1a;border-radius:24px;overflow:hidden;box-shadow:0 18px 32px -20px #0b0f1a73}.commerce-look-frame img{aspect-ratio:786/1704;object-fit:cover;object-position:top;border-radius:20px;width:100%;height:auto;display:block}.commerce-look-name{color:var(--color-ink);margin-block-start:12px;font-size:15px;font-weight:600;display:block}.commerce-look-kind{color:var(--color-ink-3);margin-block-start:2px;font-size:13px;display:block}.commerce-card{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-white);box-shadow:var(--shadow-soft);padding:24px}@media (min-width:1024px){.commerce-card{padding:28px}}.commerce-icon{border-radius:var(--radius-lg);background:var(--commerce-tint-strong);width:44px;height:44px;color:var(--color-cobalt-700);flex-shrink:0;place-items:center;display:grid}.commerce-icon.is-large{border-radius:var(--radius-xl);width:56px;height:56px}.commerce-icon.is-small{border-radius:var(--radius-md);width:36px;height:36px}.commerce-compare-frame{overscroll-behavior-x:contain;border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-white);max-width:1040px;box-shadow:var(--shadow-soft);margin:28px auto 0;overflow-x:auto}.commerce-compare-frame:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:3px}.commerce-compare-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:600px}.commerce-compare-table th,.commerce-compare-table td{border-block-start:1px solid var(--color-line)}.commerce-compare-table thead th{vertical-align:top;background:var(--color-ice);border-block-start:0;padding:18px 8px 16px}.commerce-compare-table thead th:first-child{width:38%}.commerce-compare-kind{color:var(--color-ink);flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.2;display:flex}.commerce-compare-kind svg{color:var(--color-cobalt-600)}.commerce-compare-hint{color:var(--color-ink-muted);margin-block-start:-3px;font-size:12px;font-weight:500}.commerce-compare-table th:first-child{z-index:1;border-inline-end:1px solid var(--color-line);position:sticky;inset-inline-start:0}.commerce-compare-table tbody th{background:var(--color-white);text-align:start;color:var(--color-ink-2);padding:13px 16px;padding-inline-start:20px;font-size:14.5px;font-weight:500;line-height:1.35}@media (min-width:1024px){.commerce-compare-table tbody th{padding-inline-start:28px}}.commerce-compare-table td{text-align:center;vertical-align:middle;padding:12px 8px}.commerce-compare-table tbody tr:hover th,.commerce-compare-table tbody tr:hover td{background:color-mix(in srgb, var(--color-ice) 70%, var(--color-white))}.commerce-compare-mark{justify-content:center;align-items:center;display:inline-flex;position:relative}.commerce-compare-yes{background:var(--commerce-tint-strong);width:24px;height:24px;color:var(--color-cobalt-700);border-radius:999px;place-items:center;display:grid}.commerce-compare-no{width:24px;height:24px;color:var(--color-ink-faint);place-items:center;display:grid}.commerce-compare-mark>.commerce-note-mark{inset-inline-start:calc(100% + 1px);position:absolute;top:-1px}.commerce-note-mark{color:var(--color-cobalt-700);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;line-height:1}.commerce-compare-notes{gap:6px;max-width:1040px;margin:16px auto 0;padding-inline:4px;display:grid}.commerce-compare-notes li{color:var(--color-ink-muted);align-items:baseline;gap:8px;font-size:13px;line-height:1.45;display:flex}@media (max-width:639px){.commerce-compare-table{min-width:640px}.commerce-compare-table thead th{padding:14px 6px 12px}.commerce-compare-table thead th:first-child{width:150px}.commerce-compare-kind{font-size:13px}.commerce-compare-table tbody th{padding-inline:14px 10px;font-size:14px}}.commerce-stat{flex-direction:column-reverse;gap:6px;display:flex}.commerce-stat-value{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,1.8rem + 1.6vw,3rem);font-weight:600;line-height:1.05}.commerce-stat:not([data-commerce-stat=site]) .commerce-stat-value{color:var(--color-success)}.commerce-updates-card{border:1px solid var(--color-line);border-radius:var(--radius-3xl);background:linear-gradient(135deg, var(--commerce-tint), var(--color-white) 70%);box-shadow:var(--shadow-soft);flex-wrap:wrap;align-items:center;gap:20px 28px;padding:28px 24px;display:flex}@media (min-width:1024px){.commerce-updates-card{flex-wrap:nowrap;gap:32px;padding:40px 48px}}.commerce-updates-text{flex:16rem;min-width:0}.commerce-keeps{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-white);flex:18rem;max-width:440px;padding:16px 18px 18px}.commerce-keep{background:var(--color-ice-2);height:28px;color:var(--color-ink-2);border-radius:999px;align-items:center;gap:5px;padding-inline:10px;font-size:13px;font-weight:500;display:inline-flex}.commerce-faq{border-block:1px solid var(--color-line)}.commerce-faq-item+.commerce-faq-item{border-block-start:1px solid var(--color-line)}.commerce-faq-item summary{cursor:pointer;min-height:68px;color:var(--color-ink);align-items:center;gap:20px;padding-block:18px;font-size:17px;font-weight:600;line-height:1.35;list-style:none;display:flex}.commerce-faq-item summary::-webkit-details-marker{display:none}.commerce-faq-item summary:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:2px;border-radius:var(--radius-sm)}.commerce-faq-chevron{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white);width:32px;height:32px;color:var(--color-ink-2);flex-shrink:0;place-items:center;transition:rotate .2s cubic-bezier(.22,1,.36,1),background-color .2s,color .2s;display:grid}.commerce-faq-item[open] .commerce-faq-chevron{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-ink);rotate:180deg}@media (prefers-reduced-motion:reduce){.commerce-faq-chevron{transition:none}}.commerce-price-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin-block-start:40px;display:grid}@media (min-width:1024px){.commerce-price-cards{gap:20px}}@media (max-width:639px){.commerce-price-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commerce-price-cards .commerce-stat{padding:18px}.commerce-price-cards .commerce-stat-value{font-size:28px}}.commerce-discount{background:color-mix(in srgb, var(--color-success) 12%, var(--color-white));height:22px;color:var(--color-success);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding-inline:8px;font-size:12.5px;font-weight:600;display:inline-flex}.commerce-pricing-notes{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--commerce-tint);gap:14px;margin-block-start:16px;padding:20px 24px;display:grid}@media (min-width:1024px){.commerce-pricing-notes{margin-block-start:24px;padding:24px 28px}}.commerce-examples{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.commerce-example-list{flex-wrap:wrap;gap:8px;display:flex}.commerce-example{border:1px solid var(--color-line);background:var(--color-white);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:flex}.commerce-example dt{color:var(--color-ink-muted)}.commerce-example dd{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:600}.commerce-list.is-included{background:linear-gradient(160deg, var(--commerce-tint), var(--color-white) 70%)}.commerce-list-mark{background:var(--commerce-tint-strong);width:22px;height:22px;color:var(--color-cobalt-700);border-radius:999px;flex-shrink:0;place-items:center;margin-block-start:0;display:grid}.commerce-list.is-need .commerce-list-mark{background:var(--color-ice-2)}.commerce-list-dot{background:var(--color-ink-3);border-radius:999px;width:6px;height:6px}.commerce-stack{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:960px;margin:40px auto 0;display:grid;overflow:hidden}@media (min-width:768px){.commerce-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}.commerce-stack-item{background:var(--color-white);flex-direction:column-reverse;gap:4px;padding:18px 20px;display:flex}.commerce-stack-item dt{color:var(--color-ink-muted);font-size:13.5px;font-weight:500}.commerce-stack-item dd{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.1}.commerce-rule-mark{border-radius:999px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.commerce-rule-mark.is-can{background:color-mix(in srgb, var(--color-success) 14%, var(--color-white));color:var(--color-success)}.commerce-rule-mark.is-cannot{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-white));color:var(--color-danger)}.commerce-refund{border-block-start:1px solid var(--color-line);color:var(--color-ink-muted);margin-block-start:24px;padding-block-start:16px;font-size:13.5px;line-height:1.5}.commerce-maker-link{border-radius:var(--radius-md);width:-moz-fit-content;width:fit-content;color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:4px;align-items:center;gap:6px;margin-block-start:14px;font-size:14.5px;font-weight:600;display:inline-flex}.commerce-maker-link:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.commerce-device{background:var(--device-top,#0b0f1a);direction:ltr;border:5px solid #0b0f1a;border-radius:30px;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.commerce-device.is-android{border-width:4px;border-radius:24px}.commerce-device>img{width:100%;height:auto;display:block}.commerce-device:not(.has-bars)>img{border-radius:25px}.commerce-device-status{background:var(--device-top);color:#0b0f1a;height:11.5cqw;font-family:var(--font-sans);letter-spacing:-.01em;flex-shrink:0;justify-content:space-between;align-items:center;padding-inline:7.5cqw 6cqw;font-size:3.9cqw;font-weight:600;display:flex;position:relative}.commerce-device[data-ink=light] .commerce-device-status{color:#fff}.commerce-device-time{z-index:1;font-variant-numeric:tabular-nums;position:relative}.commerce-device-cutout{background:#0b0f1a;border-radius:999px;width:26cqw;height:7.4cqw;position:absolute;top:2.6cqw;left:50%;translate:-50%}.commerce-device-icons{z-index:1;align-items:center;gap:1.4cqw;display:inline-flex;position:relative}.commerce-device-icons svg{width:auto;height:3cqw;display:block}.commerce-device-home{background:var(--device-bottom);flex-shrink:0;justify-content:center;align-items:center;height:6.5cqw;display:flex}.commerce-device-home>span{opacity:.85;background:#0b0f1a;border-radius:999px;width:34cqw;height:1.3cqw}.commerce-device[data-ink=light] .commerce-device-home>span{background:#fff}.commerce-device.is-android .commerce-device-status{height:8cqw;padding-inline:6cqw 5cqw;font-size:3.5cqw;font-weight:500}.commerce-device.is-android .commerce-device-cutout{width:4.2cqw;height:4.2cqw;top:1.9cqw}.commerce-device.is-android .commerce-device-icons svg{height:2.8cqw}.commerce-device.is-android .commerce-device-home{height:5cqw}.commerce-device.is-android .commerce-device-home>span{width:26cqw;height:1cqw}@media (max-width:640px){.commerce-device{border-width:4px;border-radius:24px}}.commerce-pay-steps{counter-reset:none;gap:28px;max-width:980px;margin:36px auto 0;display:grid}@media (min-width:768px){.commerce-pay-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.commerce-pay-step{flex-direction:column;align-items:center;gap:18px;display:flex}.commerce-pay-step .commerce-device{max-width:248px;box-shadow:0 30px 50px -28px #0b0f1a73}@media (max-width:767px){.commerce-pay-step .commerce-device{max-width:220px}}.commerce-pay-step-text{align-items:flex-start;gap:12px;max-width:300px;display:flex}.commerce-pay-step-n{background:var(--color-cobalt-600);width:28px;height:28px;color:var(--color-on-night);border-radius:999px;flex-shrink:0;place-items:center;font-size:13.5px;font-weight:700;display:grid}.commerce-pay-ways{max-width:980px;margin:40px auto 0}.commerce-pay-way-list{gap:18px 28px;margin-block-start:16px;display:grid}@media (min-width:768px){.commerce-pay-way-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.commerce-pay-way{align-items:flex-start;gap:12px;display:flex}.commerce-gateway{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-white);letter-spacing:-.01em;height:28px;color:var(--color-ink);align-items:center;padding-inline:10px;font-size:14px;font-weight:650;display:inline-flex}.commerce-pay-way.is-page .commerce-gateway,.commerce-pay-way.is-hosted .commerce-gateway{border-color:color-mix(in srgb, var(--color-cobalt-500) 35%, transparent);background:var(--commerce-tint)}.commerce-gateway.is-label{color:var(--color-ink-2);font-weight:600}.commerce-pay-notes{border-block-start:1px solid var(--color-line);gap:8px;margin-block-start:22px;padding-block-start:16px;display:grid}.commerce-pay-notes li{color:var(--color-ink-muted);align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;display:flex}.commerce-ai-tour{scroll-snap-type:x mandatory;gap:20px;margin-block-start:36px;margin-inline:-20px;padding:4px 20px 8px;scroll-padding-inline:20px;display:flex;overflow-x:auto}@media (min-width:640px){.commerce-ai-tour{margin-inline:-36px;padding-inline:36px;scroll-padding-inline:36px}}.commerce-ai-item{scroll-snap-align:start;flex-direction:column;flex-shrink:0;gap:16px;width:228px;display:flex}.commerce-ai-shot{order:-1}.commerce-ai-shot .commerce-device{box-shadow:0 24px 40px -26px #0b0f1a73}.commerce-ai-tab{border-radius:var(--radius-lg);text-align:start;align-items:flex-start;gap:12px;display:flex}@media (max-width:1023px){.commerce-ai-tab{cursor:default;padding-inline:2px}.commerce-ai-tab>.commerce-icon{display:none}}.commerce-ai-tab:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (min-width:1024px){.commerce-ai-tour{grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-auto-rows:auto;align-items:start;gap:6px 56px;max-width:1040px;margin:44px auto 0;padding:0;display:grid;overflow:visible}.commerce-ai-item{display:contents}.commerce-ai-tab{border:1px solid #0000;grid-column:1;width:100%;padding:14px 16px;transition:background-color .18s}.commerce-ai-tab:hover{background:var(--color-ice-2)}.commerce-ai-item.is-selected .commerce-ai-tab{border-color:var(--color-line);background:var(--color-white);box-shadow:var(--shadow-soft)}.commerce-ai-item:not(.is-selected) .commerce-ai-tab .commerce-icon{background:var(--color-ice-2);color:var(--color-ink-muted)}.commerce-ai-shot{border:1px solid var(--color-line);border-radius:var(--radius-3xl);background:radial-gradient(60% 50% at 50% 45%, color-mix(in srgb, var(--commerce-accent) 22%, transparent), transparent 75%), linear-gradient(160deg, var(--commerce-tint-strong), var(--commerce-tint) 60%, var(--color-white));grid-area:1/2/span 7;align-self:stretch;place-items:center;padding:36px 24px;display:none}.commerce-ai-item.is-selected .commerce-ai-shot{display:grid}.commerce-ai-shot .commerce-device{max-width:290px;box-shadow:0 30px 50px -28px #0b0f1a80}}.commerce-ai-also{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1040px;margin:28px auto 0;display:flex}.commerce-ai-more{gap:20px;max-width:1040px;margin:40px auto 0;display:grid}.commerce-ai-side{align-content:start;gap:20px;display:grid}@media (min-width:1024px){.commerce-ai-more{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start}}.commerce-ai-window-card{flex-direction:column;padding:16px 16px 22px;display:flex}@media (min-width:1024px){.commerce-ai-window-card{padding:20px 20px 26px}}.commerce-ai-window-card figcaption{padding-inline:4px}.commerce-ai-window{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.commerce-ai-window>img{width:100%;height:auto;display:block}.commerce-ai-window-bar{direction:ltr;background:#f3f4f7;border-block-end:1px solid #0b0f1a14;align-items:center;gap:12px;height:30px;padding-inline:12px;display:flex}.commerce-ai-window-dots{gap:6px;display:inline-flex}.commerce-ai-window-dots>span{background:#0b0f1a29;border-radius:999px;width:9px;height:9px}.commerce-ai-window-address{border-radius:var(--radius-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#5f6a82;background:#fff;flex:1;max-width:260px;margin-inline:auto;padding:2px 10px;font-size:12px;overflow:hidden}.commerce-ai-needs .commerce-pay-notes{border:0;gap:10px;margin-block-start:14px;padding:0}.commerce-ai-needs .commerce-pay-notes li{color:var(--color-ink-3);font-size:14.5px}.commerce-spotlight{scroll-snap-type:x mandatory;gap:16px;margin-block-start:36px;margin-inline:-20px;padding:4px 20px 8px;scroll-padding-inline:20px;display:flex;overflow-x:auto}@media (min-width:640px){.commerce-spotlight{margin-inline:-36px;padding-inline:36px;scroll-padding-inline:36px}}.commerce-spot{scroll-snap-align:start;flex-shrink:0;width:156px}@media (min-width:1024px){.commerce-spotlight{justify-content:center;gap:28px;margin-inline:0;padding-inline:0;overflow:visible}.commerce-spot{width:180px}}.commerce-spot .commerce-device{box-shadow:0 18px 32px -20px #0b0f1a73}.commerce-plugin-legend{color:var(--color-ink-muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-block-start:32px;font-size:13.5px;display:flex}.commerce-plugin-legend li{align-items:center;gap:8px;display:inline-flex}.commerce-plugin-groups{columns:1;column-gap:16px;margin-block-start:20px}@media (min-width:768px){.commerce-plugin-groups{columns:2}}@media (min-width:1280px){.commerce-plugin-groups{columns:3;column-gap:20px}}.commerce-plugin-group{break-inside:avoid;flex-direction:column;gap:16px;margin-block-end:16px;padding:22px;display:flex}@media (min-width:1280px){.commerce-plugin-group{margin-block-end:20px}}.commerce-plugin-items{gap:14px;display:grid}.commerce-plugin-item+.commerce-plugin-item{border-block-start:1px solid var(--color-line);padding-block-start:14px}.commerce-plugin-kinds{color:var(--color-ink-muted);margin-block-start:4px;font-size:12.5px;font-weight:500}.commerce-integration-need{align-items:center;gap:4px;display:inline-flex}.commerce-integration-need.is-plugin{background:var(--commerce-tint-strong);color:var(--color-cobalt-700)}.commerce-integration-need.is-key{background:var(--color-ice-2);color:var(--color-ink-2)}.commerce-docs-mark{color:var(--color-ink-muted);margin-inline-start:1px;font-size:12px;font-weight:600}.commerce-plugin-footnote{text-align:center;color:var(--color-ink-muted);text-wrap:pretty;margin-block-start:16px;font-size:13px}.commerce-migrate{align-items:center;gap:28px;display:grid}@media (min-width:1024px){.commerce-migrate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:40px 48px}}.commerce-migrate-visual{margin:0}.commerce-migrate-stage{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:radial-gradient(70% 60% at 50% 30%, color-mix(in srgb, var(--commerce-accent) 20%, transparent), transparent 75%), linear-gradient(160deg, var(--commerce-tint-strong), var(--commerce-tint) 60%, var(--color-white));justify-content:center;gap:6%;max-height:440px;padding:8% 8% 0;display:flex;overflow:hidden}.commerce-migrate-stage .commerce-device{flex-shrink:0;width:42%;height:-moz-fit-content;height:fit-content;box-shadow:0 30px 50px -28px #0b0f1a80}.commerce-migrate-stage .commerce-device+.commerce-device{margin-block-start:10%}.commerce-try-panel{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-white);text-align:start;gap:14px;padding:16px 18px;display:grid}.commerce-try-panel.is-night{border-color:color-mix(in srgb, var(--color-on-night) 14%, transparent);background:color-mix(in srgb, var(--color-on-night) 6%, transparent);color:var(--color-on-night)}.commerce-try-panel-title{color:var(--color-ink);font-size:15px;font-weight:650}.commerce-try-panel.is-night .commerce-try-panel-title{color:var(--color-on-night)}.commerce-try-group-title{color:var(--color-ink-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.commerce-try-group.is-works .commerce-try-group-title svg{color:var(--color-success)}.commerce-try-group.is-setup .commerce-try-group-title svg{color:var(--color-warning)}.commerce-try-group.is-app .commerce-try-group-title svg{color:var(--color-cobalt-600)}.commerce-try-panel.is-night .commerce-try-group-title{color:color-mix(in srgb, var(--color-on-night) 92%, transparent)}.commerce-try-panel.is-night .commerce-try-group.is-works .commerce-try-group-title svg{color:#34d399}.commerce-try-panel.is-night .commerce-try-group.is-setup .commerce-try-group-title svg{color:#fbbf24}.commerce-try-panel.is-night .commerce-try-group.is-app .commerce-try-group-title svg{color:var(--color-cyan-300)}.commerce-try-lines{color:var(--color-ink-3);gap:6px;margin-block-start:6px;padding-inline-start:22px;font-size:13.5px;line-height:1.45;display:grid}.commerce-try-panel.is-night .commerce-try-lines{color:color-mix(in srgb, var(--color-on-night) 72%, transparent)}.commerce-try-lines li{list-style:outside}.commerce-try-fix{color:var(--color-cobalt-700);white-space:nowrap;margin-inline-start:6px;font-weight:600}.commerce-try-fix:hover{text-underline-offset:3px;text-decoration:underline}.commerce-try-panel.is-night .commerce-try-fix{color:var(--color-cyan-300)}.commerce-migrate-text{min-width:0}@media (max-width:479px){.commerce-migrate-text>button{white-space:normal;text-align:center;width:100%;height:auto;min-height:48px;padding-block:10px}}@media (max-width:639px){.commerce-plugin-group{gap:12px;padding:18px}.commerce-plugin-items{gap:10px}.commerce-plugin-item+.commerce-plugin-item{padding-block-start:10px}}.commerce-try-footnote{color:var(--color-ink-muted);font-size:12.5px;line-height:1.4}.commerce-try-panel.is-night .commerce-try-footnote{color:color-mix(in srgb, var(--color-on-night) 60%, transparent)}.commerce-gallery-button:disabled{opacity:.4;cursor:default}.commerce-gallery-button:disabled:hover{background:var(--color-white)}
