.product-page{max-width:1200px;overflow-wrap:anywhere}.product-section{padding-block:96px}.product-section>h2.product-label{margin-bottom:24px}.product-label{color:var(--ink-secondary)}.product-section-heading{margin-bottom:40px}.product-section-heading h2,.product-closing h2{margin-top:12px;font-size:32px;line-height:1.2;font-weight:500;text-wrap:balance}.product-hero,.product-closing{text-align:center}.product-hero{padding-block:192px 0}.product-icon{display:block;margin-inline:auto;border-radius:22%;flex-shrink:0}.product-brand{position:relative;margin-bottom:64px}.product-icon-stage{position:relative;z-index:1;height:max(72px,10svh)}.product-icon-stage>.product-icon{width:72px;height:72px;transform-origin:center top}.product-brand>.field-label{position:absolute;inset:80px 0 auto}.product-hero h1{max-width:920px;margin:20px auto 24px;font-size:64px;font-weight:500;line-height:1.08;letter-spacing:0;text-wrap:balance}.product-description{max-width:680px;margin-inline:auto;color:var(--ink-secondary);font-size:18px;line-height:1.65}.product-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:32px;min-height:40px}.product-page .product-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;height:auto;max-width:100%;padding:8px 18px;border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--foreground);font-family:var(--font-mono);font-size:12px;font-weight:500;white-space:normal;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}.product-page .product-button:not(:disabled):hover{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.product-page .product-button:disabled{opacity:.5}.product-page a:focus-visible,.product-button:focus-visible,.product-strip:focus-visible,.product-pricing-link:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.product-pricing-link{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px}.browser-frame{min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--background)}.product-page .browser-frame{transition:border-color .2s}.product-page .browser-frame:hover{border-color:var(--foreground)}.browser-frame-bar{height:28px;position:relative;border-bottom:1px solid var(--border)}.browser-frame-dots{position:absolute;left:10px;top:9px;display:flex;gap:5px}.browser-frame-dots i{width:8px;height:8px;border:1px solid var(--ink-muted);border-radius:50%}.browser-frame-address{position:absolute;width:36%;height:12px;top:7px;left:32%;border:1px solid var(--border);border-radius:6px}.browser-frame img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:contain}.phone-frame{width:min(100%,320px);margin-inline:auto;padding:8px;border:1px solid var(--border);border-radius:44px;background:var(--background)}.phone-frame img{display:block;width:100%;height:auto;border-radius:36px}.product-strip{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:4px 16px;margin-top:64px}.product-strip .browser-frame{flex:0 0 40%;scroll-snap-align:center}.product-strip:has(>:nth-child(3))>:first-child{margin-left:-12%}.product-open{margin-top:64px}.product-plate{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:4 / 3;padding:32px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--foreground) 4%,var(--background))}.product-plate img{display:block;max-width:100%;max-height:100%;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 1px 2px #0000000a,0 12px 32px -12px #00000024}.product-plate-tall,.product-plate-bare{aspect-ratio:1}.product-plate-bare{padding:0;overflow:hidden}.product-plate-bare img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none;mix-blend-mode:multiply}.dark .product-plate-bare{background:#fff}.dark .product-plate-bare img{mix-blend-mode:normal}.product-experience,.product-quotes,.product-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-experience figcaption{margin-top:16px;color:var(--ink-secondary);font-size:14px}.product-feature{padding-block:32px}.product-feature+.product-feature{border-top:1px solid var(--border)}.product-feature:first-child{padding-top:0}.product-feature-image{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center;padding-block:48px}.product-feature-image:nth-child(2n)>:first-child{grid-column:2;grid-row:1}.product-feature-image:nth-child(2n)>:is(.browser-frame,.product-plate){grid-column:1;grid-row:1}.product-feature .field-label{margin:0 0 12px}.product-feature h3{font-size:24px;font-weight:500;line-height:1.3}.product-feature p,.product-benefits p{margin-top:12px;max-width:70ch;line-height:1.65;color:var(--ink-secondary)}.product-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px}.product-benefits h3{margin-top:16px;font-size:20px;font-weight:500}.product-quotes,.product-price-grid{gap:0;border-left:1px solid var(--border);border-top:1px solid var(--border)}.product-quotes>figure,.product-price-column{padding:24px;min-width:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.product-quotes blockquote{line-height:1.65}.product-quotes figcaption{display:grid;gap:4px;margin-top:24px;font-size:14px;color:var(--ink-secondary)}.product-price-column{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.product-price-column .product-button{margin-top:auto}.product-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-price-action{margin-top:auto;min-height:40px}.product-all-access{color:var(--ink-secondary)}.product-questions [data-slot=accordion-trigger]{padding-block:24px;font-size:16px;font-weight:500;border-radius:0}.product-questions [data-slot=accordion-content]{color:var(--ink-secondary);font-size:14px;line-height:1.65;animation:none}.product-questions [data-slot=accordion-content]>div{height:auto}.product-questions [data-slot=accordion-trigger]{transition:color .2s}.product-specifications .product-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:center;padding-bottom:0}.product-specifications .figure-heading{grid-column:1 / -1}.product-specifications .figure-caption{display:block;padding-top:0;border-top:0}@media not (min-width:900px){.product-specifications .product-figure{grid-template-columns:minmax(0,1fr)}}.product-notes .prose{margin-top:32px;color:var(--ink-secondary)}.product-notes .prose :is(h2,h3){font-size:24px;font-weight:500;color:var(--foreground)}.product-closing h2{margin-block:24px}@media not (min-width:1000px){.product-hero h1{font-size:48px}}@media not (min-width:700px){.product-section{padding-block:64px}.product-hero{padding-block:80px 48px}.product-hero h1{font-size:36px}.product-description{font-size:16px}.product-section-heading h2,.product-closing h2{font-size:28px}.product-strip{gap:16px;margin-top:40px}.product-strip .browser-frame{flex-basis:88%}.product-strip:has(>:nth-child(3))>:first-child{margin-left:0}.product-experience,.product-quotes,.product-price-grid,.product-benefits,.product-feature-image{grid-template-columns:minmax(0,1fr)}.product-feature-image{gap:24px}.product-plate{padding:20px}.product-plate-bare{padding:0}.product-open{margin-top:40px}.product-feature-image:nth-child(2n)>:first-child,.product-feature-image:nth-child(2n)>:is(.browser-frame,.product-plate){grid-column:auto;grid-row:auto}}@media not (min-width:360px){.product-icon-stage{--opening-scale: 4}}@media(prefers-reduced-motion:no-preference){html[data-motion=product]{--motion-ease: cubic-bezier(.2, .8, .2, 1);--motion-opening: cubic-bezier(.645, .045, .355, 1)}html[data-motion=product] .field-header{animation:product-fade 1s var(--motion-opening) .5s backwards,product-header-slide 1s var(--motion-opening) .5s backwards}html[data-motion=product] :is(.field-footer,.product-page>section){animation:product-fade 1s var(--motion-opening) .5s backwards}html[data-motion=product] .product-icon-stage{animation:product-stage-collapse 1.8s var(--motion-opening) backwards}html[data-motion=product] .product-icon-stage>.product-icon{animation:product-icon-land 1.8s var(--motion-opening) backwards}html[data-motion=product] .product-brand>.field-label{--enter-y: -20px;animation:product-rise .6s ease-out 1.2s backwards}html[data-motion=product] .product-page .product-hero>:is(h1,.product-description,.product-actions){animation:product-fade var(--load-duration) var(--motion-opening) var(--load-delay) backwards}html[data-motion=product] .product-page .product-hero>h1{--load-delay: .5s;--load-duration: .8s}html[data-motion=product] .product-page .product-description{--load-delay: .7s;--load-duration: .8s}html[data-motion=product] .product-page .product-actions{--load-delay: 1s;--load-duration: 1s;animation-timing-function:ease-out}html[data-motion=product] .product-page .product-strip>.browser-frame{--enter-x: -100px;animation:product-fade 1s ease-out 1s backwards,product-strip-slide 1s ease-out 1s backwards}html[data-motion=product] .product-page .product-strip>.product-frame-center{animation:product-fade 1s ease-out 1s backwards}html[data-motion=product] .product-page .product-open>:is(.browser-frame,.phone-frame){animation:product-fade 1s ease-out 1s backwards}html[data-motion=product] .product-page .product-strip>.product-frame-outer{--enter-x: -200px}html[data-motion=product] .product-strip>.product-frame-center~.browser-frame{--enter-x: 100px}html[data-motion=product] .product-strip>.product-frame-center~.product-frame-outer{--enter-x: 200px}html[data-motion=product] .product-page>section [data-reveal]{--enter-y: 16px;--section-delay: 0ms;--reveal-delay: .12s;opacity:0;transform:translateY(var(--enter-y))}html[data-motion=product] .product-page>section>:is(.product-section-heading,h2){--reveal-delay: 0ms}html[data-motion=product] .product-page>section.is-in [data-reveal]{opacity:1;transform:none;animation:product-rise .5s var(--motion-ease) calc(var(--section-delay) + var(--reveal-delay, 0ms)) backwards}html[data-motion=product] .product-page>section.is-initial [data-reveal]{--section-delay: 1.2s}html[data-motion=product] .product-page>section :is(.browser-frame,.product-plate){transform:translateY(24px)}html[data-motion=product] .product-page>section.is-in :is(.browser-frame,.product-plate){transform:none;animation:product-frame-rise .5s var(--motion-ease) calc(var(--section-delay) + var(--reveal-delay, .12s)) backwards}html[data-motion=product] .product-page .product-questions [data-slot=accordion-trigger-icon]:first-of-type{display:inline;transition:transform .2s}html[data-motion=product] .product-page .product-questions [data-slot=accordion-trigger-icon]:last-of-type{display:none}html[data-motion=product] .product-page .product-questions [aria-expanded=true] [data-slot=accordion-trigger-icon]:first-of-type{transform:rotate(180deg)}html[data-motion=product] .product-page .product-questions [data-slot=accordion-content]{height:var(--accordion-panel-height);transition:height .2s var(--motion-ease)}html[data-motion=product] .product-page .product-questions [data-slot=accordion-content]:is([data-starting-style],[data-ending-style]){height:0}}@keyframes product-stage-collapse{0%{height:80svh}to{height:max(72px,10svh)}}@keyframes product-icon-land{0%{transform:scale(var(--opening-scale, 4.5))}to{transform:none}}@keyframes product-fade{0%{opacity:0}to{opacity:1}}@keyframes product-rise{0%{opacity:0;transform:translateY(var(--enter-y))}to{opacity:1;transform:none}}@keyframes product-frame-rise{0%{transform:translateY(24px)}to{transform:none}}@keyframes product-header-slide{0%{transform:translateY(-48px)}to{transform:none}}@keyframes product-strip-slide{0%{transform:translate(var(--enter-x))}to{transform:none}}
