.canvas .product-hero{min-block-size:auto;padding-block-start:clamp(7rem,16vh,11rem);padding-block-end:clamp(4rem,9vh,7rem)}.canvas .product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2.5rem,6vw,5rem)}.canvas .product-hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.4rem,3vw,2.2rem)}.canvas .product-hero-h1{font-size:clamp(2.6rem,6.5vw,5.6rem);line-height:.98;max-inline-size:14ch}.canvas .product-hero-shot{inline-size:100%}.canvas .product-ba-head{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.4rem);margin-block-end:clamp(3rem,7vw,5rem)}.canvas .product-ba-title{font-size:clamp(2.4rem,6vw,5rem);line-height:1;letter-spacing:var(--track-tighter);text-wrap:balance;max-inline-size:16ch}.canvas .product-ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,2.6rem)}.canvas .product-ba-card{display:flex;flex-direction:column;gap:clamp(1.2rem,2.6vw,1.9rem);padding:clamp(1.6rem,3.5vw,2.6rem);border-radius:calc(var(--radius) * 2)}.canvas .product-ba-card--before{border:1px solid color-mix(in srgb,var(--bg) 18%,transparent);background:color-mix(in srgb,var(--bg) 4%,transparent)}.canvas .product-ba-card--after{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 24px 60px -28px #0000008c,0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.canvas .product-ba-label{font-family:var(--font-body);font-size:clamp(.82rem,1.4vw,1rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.canvas .product-ba-label--before{color:color-mix(in srgb,var(--bg) 60%,transparent)}.canvas .product-ba-label--after{color:var(--accent-on-ink)}.canvas .product-ba-list{list-style:none;display:grid;gap:clamp(1rem,2.2vw,1.5rem);margin:0;padding:0}.canvas .product-ba-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(.7rem,1.6vw,1.1rem)}.canvas .product-ba-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:1.7em;block-size:1.7em;border-radius:50%;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:700;line-height:1}.canvas .product-ba-mark--x{color:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--bg) 26%,transparent)}.canvas .product-ba-mark--check{color:var(--bg);background:#2f9e44}.canvas .product-ba-text{font-family:var(--font-body);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.4;text-wrap:pretty}.canvas .product-ba-item--before .product-ba-text{color:color-mix(in srgb,var(--bg) 62%,var(--text))}.canvas .product-ba-item--after .product-ba-text{color:var(--bg);font-weight:500}.canvas .product-video-inner{display:flex;flex-direction:column;gap:clamp(2rem,5vw,3.4rem)}.canvas .product-video-head{display:flex;flex-direction:column;gap:clamp(.8rem,2vw,1.4rem)}.canvas .product-video-title{font-size:clamp(2.4rem,6vw,5rem);line-height:1;letter-spacing:var(--track-tighter);text-wrap:balance;max-inline-size:16ch}.canvas .product-video-media{inline-size:100%}.canvas .product-video .media-box{background:var(--bg)}.canvas .product-video .media-caption{max-inline-size:860px;margin-inline:auto}.canvas .product-video-timeline{max-inline-size:860px;margin-inline:auto;margin-block-start:clamp(1rem,2.5vw,1.4rem);border-block:1px solid var(--line)}.canvas .product-video-timeline summary{font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,1.7vw,1.15rem);padding-block:clamp(.8rem,2vw,1.1rem);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.canvas .product-video-timeline summary::-webkit-details-marker{display:none}.canvas .product-video-timeline summary:after{content:"+";font-weight:400;font-size:1.4em;line-height:1;color:var(--text-dim)}.canvas .product-video-timeline[open] summary:after{content:"−"}.canvas .product-video-timeline summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.canvas .product-video-timeline ol{list-style:none;padding:0;margin:0 0 clamp(.9rem,2.2vw,1.3rem);display:flex;flex-direction:column;gap:.55rem;font-family:var(--font-body);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6;color:var(--text-dim)}.canvas .product-video-timeline li{display:grid;grid-template-columns:3.2em minmax(0,1fr);column-gap:.5em}.canvas .product-video-t{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.canvas .product-modules-inner{display:flex;flex-direction:column;gap:clamp(3rem,7vw,5.5rem)}.canvas .product-modules-head{display:flex;flex-direction:column;gap:clamp(.8rem,2vw,1.4rem)}.canvas .product-modules-title{font-size:clamp(2.4rem,6vw,5rem);line-height:1;letter-spacing:var(--track-tighter);text-wrap:balance;max-inline-size:16ch}.canvas .product-modules-list{display:grid;gap:clamp(3.5rem,8vw,6.5rem)}.canvas .product-module{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.canvas .product-module--reverse .product-module-shot{order:2}.canvas .product-module--reverse .product-module-body{order:1}.canvas .product-module-shot{inline-size:100%}.canvas .product-module-placeholder{inline-size:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius) * 2);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent)}.canvas .product-module-body{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.7rem,1.8vw,1.1rem)}.canvas .product-module-index{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:.9;letter-spacing:var(--track-tighter);color:color-mix(in srgb,var(--accent) 55%,transparent)}.canvas .product-module-title{font-size:clamp(1.9rem,4.5vw,3.2rem);line-height:1.02;letter-spacing:var(--track-tighter);text-wrap:balance;max-inline-size:16ch}.canvas .product-module-text{font-family:var(--font-body);font-size:clamp(1.1rem,2.1vw,1.45rem);line-height:1.45;color:var(--text-dim);text-wrap:pretty;max-inline-size:42ch}.canvas .product-module-extra{grid-column:1 / -1;order:3;margin:0;inline-size:100%;justify-self:center}.canvas .product-module-extra{max-inline-size:min(100%,max(20rem,calc((100vh - 13rem) * 2368 / 1800)))}@supports (height: 100svh){.canvas .product-module-extra{max-inline-size:min(100%,max(20rem,calc((100svh - 13rem) * 2368 / 1800)))}}.canvas .product-module-extra .canvas-frame-body{aspect-ratio:auto}.canvas .product-module-extra-img{display:block;inline-size:100%;block-size:auto}.canvas .product-module-extra-caption{font-family:var(--font-body);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.55;color:var(--text-dim);text-align:center;text-wrap:pretty;max-inline-size:68ch;margin:.9rem auto 0}.canvas .product-devices-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,6vw,5rem)}.canvas .product-devices-text{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.2rem,3vw,2rem)}.canvas .product-devices-phone{margin:0;inline-size:300px;max-inline-size:100%}.canvas .product-devices-phone-img{display:block;inline-size:100%;block-size:auto;aspect-ratio:3 / 5;object-fit:cover;object-position:50% 0;border-radius:28px;border:1px solid color-mix(in srgb,var(--bg) 35%,transparent);background:var(--bg);-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}.canvas .product-devices-title{font-size:clamp(2.4rem,6.5vw,5.5rem);line-height:1;letter-spacing:var(--track-tighter);text-wrap:balance;max-inline-size:14ch}.canvas .product-devices-body p{font-family:var(--font-body);font-size:clamp(1.3rem,2.8vw,2rem);font-weight:500;line-height:1.4;color:var(--bg);text-wrap:pretty;max-inline-size:30ch}.canvas .product-docs-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head figure" "body figure";grid-template-rows:auto 1fr;column-gap:clamp(2rem,6vw,5rem);row-gap:clamp(1.6rem,3.5vw,2.4rem);align-items:start}.canvas .product-docs-head{grid-area:head;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.8rem,2vw,1.4rem)}.canvas .product-docs-title{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1;letter-spacing:var(--track-tighter);text-wrap:balance;max-inline-size:14ch}.canvas .product-docs-figure{grid-area:figure;align-self:center;margin:0;inline-size:100%}.canvas .product-docs-img{display:block;inline-size:100%;block-size:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 50%;background:var(--surface)}.canvas .product-docs-note{font-family:var(--font-body);font-size:clamp(.9rem,1.4vw,1rem);line-height:1.5;color:var(--text-dim);text-align:center;text-wrap:pretty;margin-block-start:.6rem}.canvas .product-docs-body{grid-area:body;display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.2rem)}.canvas .product-docs-intro{font-family:var(--font-body);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:700;line-height:1.4;color:var(--text)}.canvas .product-docs-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(.7rem,1.6vw,1rem)}.canvas .product-docs-item{position:relative;padding-inline-start:1.4em;font-family:var(--font-body);font-size:clamp(1.02rem,1.7vw,1.18rem);line-height:1.5;color:var(--text);text-wrap:pretty;max-inline-size:46ch}.canvas .product-docs-item:before{content:"";position:absolute;inset-inline-start:.15em;inset-block-start:.6em;inline-size:.5em;block-size:.5em;border-radius:2px;background:var(--accent)}.canvas .product-docs-fixed{font-family:var(--font-body);font-size:clamp(.98rem,1.6vw,1.1rem);line-height:1.55;color:var(--text-dim);text-wrap:pretty;max-inline-size:52ch;padding-block-start:clamp(.9rem,2vw,1.2rem);border-block-start:1px solid var(--line)}@media(max-width:768px){.canvas .product-hero-grid{grid-template-columns:1fr;gap:clamp(2rem,8vw,3rem)}.canvas .product-hero-h1{max-inline-size:100%}.canvas .product-ba-grid,.canvas .product-module,.canvas .product-module--reverse{grid-template-columns:1fr}.canvas .product-module--reverse .product-module-shot,.canvas .product-module--reverse .product-module-body{order:0}.canvas .product-module:has(>.product-module-extra){padding-block-end:clamp(2rem,8vw,3rem);border-block-end:1px solid var(--line)}.canvas .product-devices-inner{grid-template-columns:minmax(0,1fr)}.canvas .product-devices-phone{inline-size:260px;justify-self:center}.canvas .product-devices-phone-img{border-radius:24px}.canvas .product-docs-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "figure" "body";grid-template-rows:none}.canvas .product-docs-figure{max-inline-size:440px;justify-self:center}}