.mathcanvas-hero,.mathcanvas-film,.mathcanvas-examples{max-width:1480px;margin:0 auto;padding-inline:24px}.mathcanvas-hero{text-align:center;padding-block:56px 40px}.mathcanvas-product-label{color:var(--muted);margin-bottom:16px;font-size:13px;display:block}.mathcanvas-hero h1{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(30px,3.6vw,46px);line-height:1.15}.mathcanvas-hero>p{color:var(--muted);margin:0 auto;font-size:18px;line-height:1.6}.mathcanvas-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 14px;display:flex}.mathcanvas-hero small{color:var(--muted);font-size:13px}.mathcanvas-film{padding-bottom:52px}.mathcanvas-launch-film{min-width:0;margin:0}.mathcanvas-launch-film video{aspect-ratio:16/9;border:1px solid var(--line);background:#f4f6f8;border-radius:8px;width:100%;display:block}.mathcanvas-launch-film figcaption{color:var(--muted);margin-top:10px;font-size:13px}.mathcanvas-examples{padding-bottom:48px;scroll-margin-top:88px}.mathcanvas-example-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.mathcanvas-example-heading p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.mathcanvas-example-unit-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mathcanvas-example-unit-picker>span{color:var(--muted);font-size:12px}.mathcanvas-example-units{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.mathcanvas-example-units button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.2;display:flex}.mathcanvas-example-units button small{font-size:11px;font-weight:400}.mathcanvas-example-units button:hover{color:var(--ink)}.mathcanvas-example-units button[aria-pressed=true]{color:var(--cta-hover);background:#fff;box-shadow:0 1px 4px #0000001a}.mathcanvas-example-units button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.mathcanvas-example-heading h2{letter-spacing:-.025em;margin:0;font-size:28px;line-height:1.2}.mathcanvas-engineering-warning{align-items:center;gap:8px;margin:0 0 16px;display:flex}.mathcanvas-engineering-warning[hidden]{display:none}.mathcanvas-engineering-notice{flex:1;margin:0;font-size:13px;line-height:1.5}.mathcanvas-engineering-notice a{color:var(--cta-hover);text-underline-offset:3px;text-decoration:underline}.mathcanvas-engineering-warning>button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px 8px;font-size:20px}.mathcanvas-engineering-warning>button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.mathcanvas-example-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mathcanvas-example-tabs button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:10px 16px;font-size:14px}.mathcanvas-example-tabs button[aria-selected=true]{background:var(--cta-hover);border-color:var(--cta-hover);color:#fff}.mathcanvas-example-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.mathcanvas-example-stage{border:1px solid var(--line);background:#fff;border-radius:8px;height:1040px;position:relative;overflow:hidden}.mathcanvas-example-stage [data-mathcanvas-frame-host],.mathcanvas-example-stage iframe{border:0;width:100%;height:100%;display:block}.mathcanvas-example-stage>[role=status]{color:var(--muted);text-align:center;z-index:1;background:#f4f6f8;place-content:center;gap:12px;margin:0;padding:24px;display:grid;position:absolute;inset:0}.mathcanvas-example-stage>[role=status] p{margin:0}.mathcanvas-example-stage>[role=status] a{color:var(--cta-hover);text-underline-offset:3px;text-decoration:underline}.mathcanvas-example-stage>[hidden]{display:none}.mathcanvas-faq{padding-top:0;padding-bottom:64px}.mathcanvas-faq h2{font-size:24px}.mathcanvas-faq a{color:var(--cta-hover);text-underline-offset:3px;text-decoration:underline}@media (width<=760px){.mathcanvas-hero,.mathcanvas-film,.mathcanvas-examples{padding-inline:16px}.mathcanvas-hero{padding-top:36px;padding-bottom:28px}.mathcanvas-hero>p{max-width:36ch;font-size:16px}.mathcanvas-film{padding-bottom:36px}.mathcanvas-example-heading h2{font-size:24px}.mathcanvas-example-tabs{gap:6px}.mathcanvas-example-tabs button{padding:10px 13px}.mathcanvas-example-stage{height:min(820px,100svh - 80px)}.mathcanvas-example-stage iframe{scroll-margin:72px 0 8px}}.mathcanvas-examples-community{margin:16px 0 0;font-size:15px}.mathcanvas-examples-community a{color:inherit;text-underline-offset:3px;font-weight:500;text-decoration:underline}.mathcanvas-features h2{margin-bottom:20px}