.product{--part:var(--section-gap);padding:var(--page-top) var(--margin) var(--page-bottom)}.product-wrap{width:min(var(--page), 100%);margin:0 auto}.product-hero{align-items:center;gap:clamp(var(--sp-32), 4vw, var(--sp-64));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin:0;display:grid}.product-group{align-items:center;gap:var(--sp-8);margin:0 0 var(--sp-24);font:var(--weight-medium) var(--text-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);display:flex}.product-soon{margin-inline-start:var(--sp-4)}.product-hero h1{font:var(--weight-medium) var(--text-display) / var(--leading-display) var(--font-display);letter-spacing:var(--tracking-display);margin:0}.product-headline{margin:var(--sp-24) 0 0;max-width:22ch;font:var(--weight-medium) var(--text-subtitle) / var(--leading-subtitle) var(--font-display);letter-spacing:var(--tracking-subtitle);text-wrap:balance}.product-lead{margin:var(--sp-16) 0 0;max-width:var(--measure-lead);font-size:var(--text-lead);line-height:var(--leading-lead);color:var(--muted)}.product-actions{align-items:center;gap:var(--sp-12) var(--sp-24);margin:var(--sp-32) 0 0;flex-wrap:wrap;display:flex}.product-figure{place-items:center;min-width:0;margin:0;display:grid;position:relative}.product-part{margin:var(--part) 0 0;padding-top:var(--section-pad);border-top:1px solid var(--line)}.product-part-title{font:var(--weight-medium) var(--text-title) / var(--leading-title) var(--font-display);letter-spacing:var(--tracking-title);text-wrap:balance;margin:0}.product-part-head{gap:var(--sp-16) clamp(var(--sp-24), 4vw, var(--sp-64));margin-bottom:var(--head-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;display:grid}.product-part-head p{max-width:var(--measure-lead);font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted);margin:0}.product-part-head p a{white-space:nowrap}.product-part-head-alone{grid-template-columns:minmax(0,1fr)}.product-more{margin-top:var(--sp-12)}.product-more:focus-visible{border-radius:var(--radius-xs)}.product-steps .product-part-head{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.product-steps-body{column-gap:clamp(var(--sp-24), 4vw, var(--sp-64));grid-template-rows:auto auto auto;grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.product-steps-body:before{content:"";border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--edge);grid-area:1/2/-1}.product-steps-body>.product-tabs-bar{box-shadow:none;grid-area:1/2}.product-step-before{grid-row:2}.product-step-list{grid-row:3;margin:0;padding:0;list-style:none}.product-step-list,.product-step{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.product-step{border-top:1px solid var(--line)}.product-step-words{grid-template-columns:var(--sp-32) minmax(0, 1fr);padding:var(--sp-24) 0;align-content:start;align-items:baseline;display:grid}.product-step-words h3{font:var(--weight-medium) var(--text-heading) / var(--leading-heading) var(--font-text);text-wrap:balance;grid-column:2;margin:0}.product-step-words p{margin:var(--sp-4) 0 0;max-width:30rem;font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted);text-wrap:pretty;grid-column:2}.product-step-n{font:var(--weight-medium) var(--text-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);font-variant-numeric:tabular-nums;color:var(--accent-text);grid-area:1/1}.product-step-before h3{color:var(--muted)}.product-steps-body .product-sample{--code-pad:var(--sp-24);box-shadow:none;background:0 0;border-radius:0}.product-steps-note{margin-top:var(--sp-16);grid-column:2}@media (width<=959.98px){.product-steps-body{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.product-steps-body:before{display:none}.product-steps-body>.product-tabs-bar{padding:0 0 var(--sp-24);grid-area:auto/1}.product-step-before,.product-step-list{grid-row:auto}.product-steps-note{grid-column:1;margin-top:0}.product-step{padding-bottom:var(--sp-24)}.product-step-words{padding:var(--sp-24) 0 var(--sp-16)}.product-steps-body .product-sample{--code-pad:var(--sp-16);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--edge)}}.product-tabs{min-width:0}.product-tabs-panel{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--edge);grid-template-columns:minmax(0,1fr);display:grid}.product-tabs-panel .product-sample{box-shadow:none;background:0 0;border-radius:0}.product-tabs-bar{padding:var(--sp-8) var(--sp-24);box-shadow:inset 0 -1px 0 var(--line);container:tabs-bar/inline-size}.product-tab-switch{max-width:100%;margin:0}.product-samples{min-width:0;display:grid}.product-tabs:has(input) .product-sample{display:none}.product-tabs:has(input:first-of-type:checked) .product-sample[data-tab="0"],.product-tabs:has(input:nth-of-type(2):checked) .product-sample[data-tab="1"],.product-tabs:has(input:nth-of-type(3):checked) .product-sample[data-tab="2"],.product-tabs:has(input:nth-of-type(4):checked) .product-sample[data-tab="3"],.product-tabs:has(input:nth-of-type(5):checked) .product-sample[data-tab="4"]{display:block}@media (width>=960px){.product-sample{grid-area:1/1}.product-tabs:has(input) .product-sample{visibility:hidden;display:block}.product-tabs:has(input:first-of-type:checked) .product-sample[data-tab="0"],.product-tabs:has(input:nth-of-type(2):checked) .product-sample[data-tab="1"],.product-tabs:has(input:nth-of-type(3):checked) .product-sample[data-tab="2"],.product-tabs:has(input:nth-of-type(4):checked) .product-sample[data-tab="3"],.product-tabs:has(input:nth-of-type(5):checked) .product-sample[data-tab="4"]{visibility:visible}}.product-sample-note{max-width:var(--measure);font-size:var(--text-note);line-height:var(--leading-note);color:var(--faint);margin:0}.product-compare+.product-sample-note,.product-limits+.product-sample-note,.product-code-note{margin-top:var(--sp-12)}.product-sample-note a{color:var(--accent-text)}@container tabs-bar (width<=509.98px){.switch.product-tab-switch{scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.switch.product-tab-switch::-webkit-scrollbar{display:none}.switch.product-tab-switch:before{display:none}.switch.product-tab-switch label{padding:0 var(--sp-12);flex:none}.switch.product-tab-switch input:checked+label{background:var(--knob);box-shadow:var(--shadow-knob), inset 0 0 0 1px var(--knob-edge)}}.product-compare{overflow-x:auto}.product-compare table{border-collapse:collapse;width:100%;font-size:var(--text-body);line-height:1.5}.product-compare th,.product-compare td{padding:var(--sp-16) clamp(var(--sp-8), 1.2vw, var(--sp-16));border-bottom:1px solid var(--line);text-align:start;vertical-align:top;text-wrap:pretty;background:0 0}.product-compare thead th{padding-top:var(--sp-12);font:var(--weight-medium) var(--text-label) / 1.2 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;color:var(--faint)}.product-compare tbody th{width:26%;font-weight:var(--weight-medium);color:var(--text)}.product-compare td{color:var(--muted)}.product-compare .is-ours{background:var(--ours);color:var(--text)}.product-compare thead .is-ours{border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--accent-text)}.product-compare tbody td.is-ours{font-weight:var(--weight-medium)}.product-compare .is-ours-row th{background:var(--ours)}.product-compare table.by-row tbody th{width:34%}.product-compare table.last-sum th:last-child,.product-compare table.last-sum td:last-child{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.product-uses{grid-template-columns:repeat(var(--uses,3), minmax(0, 1fr));gap:var(--sp-8) var(--card-gap);margin:0;padding:0;list-style:none;display:grid}.product-uses li{grid-row:span 3;grid-template-rows:subgrid;min-width:0;display:grid}.product-uses h3{font:var(--weight-medium) var(--text-heading) / var(--leading-heading) var(--font-text);margin:0}.product-uses li>p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted);margin:0}.product-uses .product-tabs{margin:var(--sp-16) var(--tray-out) var(--tray-out);display:grid}.product-uses .product-sample{--code-pad:var(--sp-12) var(--tray-pad);border-radius:var(--radius-tray);background:var(--bg)}.product-uses .product-more{margin-top:var(--sp-16);align-self:start}.product-price-lead{margin:calc(var(--sp-16) - var(--head-gap)) 0 var(--head-gap);max-width:48rem;font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}.product-price-lead a{white-space:nowrap}.product-prices{margin-bottom:var(--sp-48)}.product-prices thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.product-prices tbody{border-top:1px solid var(--line)}.product-prices .price-where{height:22px}.product-own-prices .price-own{color:var(--text)}.price-table.product-own-prices td.price-free,.price-table.product-own-prices thead th:last-child{text-align:start;width:22%}.price-table.product-own-prices td.price-free{color:var(--muted)}.product-own-prices .price-name{white-space:normal;width:30%}.product-worked{margin-bottom:var(--sp-48)}.product-worked-ways{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:var(--tray);padding:var(--tray);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--edge);margin:0;list-style:none;display:grid}.product-worked-ways li{min-width:0;padding:var(--tray-pad);border-radius:var(--radius-tray);background:var(--bg);box-shadow:var(--edge);flex-direction:column;display:flex}.product-worked-ways p{margin:0}.product-worked-ways .product-worked-what{font:var(--weight-medium) var(--text-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--faint)}.product-worked-ways .product-worked-amount{margin-top:var(--sp-16);font:var(--weight-medium) var(--text-figure) / var(--leading-figure) var(--font-display);letter-spacing:var(--tracking-figure);font-variant-numeric:tabular-nums;color:var(--text)}.product-worked-ways .product-worked-how{margin-top:var(--sp-8);font:var(--weight-text) var(--text-note) / var(--leading-note) var(--font-mono);color:var(--faint)}.product-worked-ways .product-worked-note{padding-top:var(--sp-24);font-size:var(--text-note);line-height:var(--leading-note);color:var(--muted);margin-top:auto}.product-calc{margin:var(--sp-48) 0}.product-calc .calc .part-title{font:var(--weight-medium) var(--text-subtitle) / var(--leading-subtitle) var(--font-display);letter-spacing:var(--tracking-subtitle)}.product-worked h3,.product-limits-head h3{font:var(--weight-medium) var(--text-subtitle) / var(--leading-subtitle) var(--font-display);letter-spacing:var(--tracking-subtitle);margin:0}.product-limits-head{justify-content:space-between;align-items:baseline;gap:var(--sp-8) var(--sp-24);flex-wrap:wrap;display:flex}.product-answers{gap:clamp(var(--sp-24), 3vw, var(--sp-48));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-answers h3{margin:0 0 var(--sp-8);font:var(--weight-medium) var(--text-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text)}.product-answers div+div h3{color:var(--faint)}.product-answers ul{margin:0;padding:0;list-style:none}.product-answers li{padding:var(--sp-12) 0;border-bottom:1px solid var(--line);font-size:var(--text-body);line-height:var(--leading-body)}.product-answers li:first-child{border-top:1px solid var(--line)}.product-answers div+div li{color:var(--muted)}@media (width<=640px){.product-answers{grid-template-columns:minmax(0,1fr)}}.product-kept-points{gap:var(--sp-48) clamp(var(--sp-24), 3vw, var(--sp-48));grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.product-kept-points li{padding-top:var(--sp-16);border-top:1px solid var(--line)}.product-kept-points h3{font:var(--weight-medium) var(--text-heading) / var(--leading-heading) var(--font-text);margin:0}.product-kept-points p{margin:var(--sp-8) 0 0;font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}.product-limits-table{width:100%;margin-top:var(--sp-24);border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.product-limits-table th,.product-limits-table td{padding:var(--sp-16) clamp(var(--sp-8), 1.2vw, var(--sp-16));border-bottom:1px solid var(--line);text-align:start;vertical-align:baseline;font:var(--weight-text) var(--text-body) / 1.5 var(--font-text)}.product-limits-table thead :is(th,td){padding-top:0;padding-bottom:var(--sp-12);font:var(--weight-medium) var(--text-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;color:var(--faint)}.product-limits-table thead td{width:44%}.product-limits-table tbody th{font-weight:var(--weight-strong);color:var(--text)}.product-limits-table .limits-unit{margin-inline-start:var(--sp-8);display:inline}.product-limits-table td{color:var(--text)}.product-limits-table tbody tr{transition:background-color var(--dur-hover) ease}@media (hover:hover){.product-limits-table tbody tr:hover{background:var(--row-hover)}}.product-docs{grid-template-columns:repeat(var(--across,2), minmax(0, 1fr));gap:var(--card-gap);margin:var(--head-gap) 0 0;padding:0;list-style:none;display:grid}.product-docs b{font:var(--weight-medium) var(--text-heading) / var(--leading-heading) var(--font-text)}.product-docs b:after{content:" →";color:var(--faint)}.product-docs span{font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}.product-others .platform{margin-top:var(--head-gap)}@media (width<=900px){.product-hero,.product-part-head,.product-steps .product-part-head{grid-template-columns:minmax(0,1fr)}.product-kept-points{grid-template-columns:repeat(2,minmax(0,1fr))}.product-uses{row-gap:var(--card-gap);grid-template-columns:minmax(0,1fr)}.product-uses li{row-gap:var(--sp-8);grid-row:auto;grid-template-rows:none}.product-worked-ways,.product-docs[style*="--across: 3"]{grid-template-columns:minmax(0,1fr)}.product-limits-table .limits-unit{margin-inline-start:0;display:block}}@media (width<=1279.98px){.product-uses.product-uses-code{row-gap:var(--card-gap);grid-template-columns:minmax(0,1fr)}.product-uses-code li{row-gap:var(--sp-8);grid-row:auto;grid-template-rows:none}}@media (width>=641px) and (width<=1279.98px){.product-uses-code li{column-gap:var(--sp-32);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.product-uses-code li>:not(.product-tabs){grid-column:1}.product-uses-code li:not(:has(.product-tabs))>*{grid-column:1/-1}.product-uses-code .product-tabs{margin:var(--tray-out) var(--tray-out) var(--tray-out) 0;grid-area:1/2/span 2}}@media (width>=641px) and (width<=900px){.product-compare table:not(.by-row),.product-compare table:not(.by-row) thead,.product-compare table:not(.by-row) tbody{display:block}.product-compare table:not(.by-row) tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-compare table:not(.by-row) tbody tr{background:linear-gradient(to right, transparent calc(200% / 3), var(--ours) calc(200% / 3))}.product-compare table:not(.by-row) :is(th,td){border-bottom:0}.product-compare table:not(.by-row) thead td{display:none}.product-compare table:not(.by-row) tbody th{width:auto;padding-bottom:var(--sp-4);grid-column:1/-1}.product-compare table:not(.by-row) tbody td{padding-top:var(--sp-4)}.product-compare table:not(.by-row) tbody td.is-ours{background:0 0}.product-compare table.by-row tbody th{width:26%}}@media (width<=640px){.product-docs,.product-kept-points{grid-template-columns:minmax(0,1fr)}.product-code .product-sample{--code-pad:var(--sp-16)}.product-code .product-tabs-bar{padding-inline:var(--sp-16)}.product-compare{overflow:visible}.product-compare thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.product-compare table,.product-compare tbody,.product-compare th,.product-compare td{width:auto;display:block}.product-compare tr{gap:var(--sp-4);padding:var(--sp-16) 0;border-top:1px solid var(--line);flex-direction:column;display:flex}.product-compare tbody tr:last-child{border-bottom:1px solid var(--line)}.product-compare th,.product-compare td,.product-compare tbody th,.product-compare table.by-row tbody th,.product-compare .is-ours,.product-compare .is-ours-row th{background:0 0;border:0;width:auto;padding:0}.product-compare tbody th{margin-bottom:var(--sp-4);order:-2}.product-compare tbody td,.product-compare tbody td.is-ours{font-weight:var(--weight-text)}.product-compare td:before{content:attr(data-label);font:var(--weight-medium) var(--text-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;color:var(--faint);margin-inline-end:var(--sp-8)}.product-compare table:not(.by-row) td.is-ours{order:-1}.product-compare table:not(.by-row) td.is-ours:before{color:var(--accent-text)}.product-compare tr.is-ours-row{margin:var(--sp-4) calc(-1 * var(--sp-12));padding:var(--sp-16) var(--sp-12);border-radius:var(--radius-md);background:var(--ours);border-top-color:#0000}.product-compare tr.is-ours-row+tr{border-top-color:#0000}.product-compare table.last-sum tr{align-items:baseline;column-gap:var(--sp-16);row-gap:var(--sp-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.product-compare table.last-sum tbody th{margin:0}.product-compare table.last-sum td:before{content:none}.product-compare table.last-sum td:last-child{grid-area:1/2}.product-compare table.last-sum td:not(:last-child){font-size:var(--text-note);line-height:var(--leading-note);grid-column:1/-1}.product-worked-sum dl div{row-gap:var(--sp-4);grid-template-columns:minmax(0,1fr) auto}.product-worked-sum .product-worked-how{text-align:start;grid-area:2/1/auto/-1}.product-limits-table,.product-limits-table thead,.product-limits-table tbody{display:block}.product-limits-table tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-limits-table :is(th,td){border-bottom:0}.product-limits-table thead td{display:none}.product-limits-table tbody th{padding-bottom:var(--sp-4);grid-column:1/-1}.product-limits-table tbody td{padding-top:var(--sp-4)}}@media (width<=700px){.price-table.product-own-prices tr{grid-template-columns:minmax(0,1fr)}.price-table.product-own-prices .price-name{width:auto}.price-table.product-own-prices td.price-own{margin-top:var(--sp-4);text-align:start}.price-table.product-own-prices td.price-free{width:auto;margin-top:var(--sp-4);font-size:var(--text-body);grid-column:1/-1}.price-table.product-own-prices td.price-free:before{content:attr(data-label) ": ";color:var(--faint)}}.product-numbers{margin:var(--section-gap) 0 0}.product-numbers .product-stats{margin:0}.product-stats dt sup{font-size:var(--text-label)}.product-stats{gap:clamp(var(--sp-24), 3vw, var(--sp-48));margin:var(--head-gap) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-stats div{gap:var(--sp-12);padding-top:var(--sp-16);border-top:1px solid var(--line);flex-direction:column;display:flex}.product-stats dd{font:var(--weight-medium) var(--text-figure) / var(--leading-figure) var(--font-display);letter-spacing:var(--tracking-figure);font-variant-numeric:tabular-nums;order:-1;margin:0}.product-stats dd span{font-size:var(--figure-unit);letter-spacing:-.01em;color:var(--muted)}.product-stats dt{max-width:22rem;font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted)}@media (width<=760px){.product-stats{grid-template-columns:minmax(0,1fr)}}@layer properties,theme,base;@layer components{.mwall{--mw-gap:clamp(12px, 1.2vw, 16px);gap:var(--mw-gap);grid-template-columns:minmax(0,1fr);grid-auto-flow:dense;margin:0;padding:0;list-style:none;display:grid}.mtile{min-width:0;min-height:0;padding:clamp(var(--sp-16), 1.6vw, var(--sp-24));border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--edge);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden;container:mtile/inline-size}.mtile-large{min-height:300px}.mtile-wide,.mtile-small{min-height:228px}@media (width>=640px){.mwall{grid-template-columns:repeat(2,minmax(0,1fr))}.mtile-large,.mtile-wide{grid-column:span 2}.mtile-large{min-height:340px}}@media (width>=1024px){.mwall{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(224px,17.5vw,256px)}.mtile{min-height:0}.mtile-large{grid-row:span 2}}.mtile-art{pointer-events:none;flex:1;place-items:center;width:100%;min-height:0;display:grid;overflow:hidden}.mtile-art .wf-frame{border:0;width:100%;height:100%;display:block}.mtile-planned{top:clamp(var(--sp-12), 1.2vw, var(--sp-16));left:clamp(var(--sp-12), 1.2vw, var(--sp-16));z-index:1;position:absolute}.mtile-line{margin:var(--sp-12) 0 0;max-width:34ch;font-size:clamp(var(--text-note), 5.2cqw, var(--text-body));line-height:var(--leading-heading);color:var(--muted);text-wrap:balance}.mtile-line strong{font-weight:var(--weight-medium);color:var(--text)}.mtile sup{position:relative}.fgrid-foot{justify-content:space-between;align-items:baseline;gap:var(--sp-8) var(--sp-24);margin-top:var(--sp-16);flex-wrap:wrap;display:flex}.fgrid-foot>a:focus-visible{border-radius:var(--radius-xs)}.fgrid-note{font-size:var(--text-note);line-height:var(--leading-note);color:var(--faint);margin:0 0 0 auto}}@layer utilities;