@font-face{font-family:Inter Variable;src:url(/material/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:light;--page-background:#fff;--page-text:#101010;--muted-text:#101010a8;--heading-text:#000;--border:#9ca3af;--panel-background:#fff;font-size:16px}:root[data-theme=dark]{color-scheme:dark;--page-background:#030620;--page-text:#e5ecf6;--muted-text:#e5ecf6a8;--heading-text:#f7f8f8;--border:#64748b;--panel-background:#0f172a}*{box-sizing:border-box}body{background:var(--page-background);color:var(--page-text);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;font-size:1rem;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button,summary{cursor:pointer}button{font:inherit}svg{flex-shrink:0}:focus-visible{outline-offset:4px;outline:2px solid #0161ef}.skip-link{z-index:100;background:var(--page-background);padding:.5rem;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:0}.announcement{color:#94a3b8;background:#000;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.announcement a:hover{text-decoration:underline}.site-header{z-index:20;background:var(--page-background);border-bottom:1px solid #0000;height:4.0625rem;position:sticky;top:0}.header-inner{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;max-width:80rem;height:4rem;margin:auto;padding:0 1.5rem;display:grid}.brand{white-space:nowrap;letter-spacing:-.025em;align-items:center;gap:.5rem;margin-left:.5rem;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:600;display:flex}.desktop-nav{letter-spacing:.01rem;justify-content:center;font-size:.9375rem;font-weight:500;display:flex}.desktop-nav a{white-space:nowrap;padding:.75rem 1rem}.desktop-nav a:hover,.company a:hover{text-decoration:underline}.header-actions{justify-content:end;align-items:center;gap:.5rem;display:flex}.social-links{color:var(--muted-text);align-items:center;gap:.25rem;display:flex}.social-links a{border-radius:.5rem;padding:.375rem;display:inline-flex}.social-links a:hover{color:var(--page-text);background:#94a3b81a}.theme-toggle{color:var(--muted-text);background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-dark,:root[data-theme=dark] .theme-light{display:none}:root[data-theme=dark] .theme-dark{display:block}.mobile-menu{display:none}.material-hero{max-width:80rem;margin:auto;padding:5rem 1.5rem}.hero-copy{text-align:center;max-width:64rem;margin:auto;padding-bottom:4rem}h1,h2{letter-spacing:-.05em;color:var(--heading-text);font-family:Inter Variable,ui-sans-serif,system-ui,sans-serif;font-weight:700}h1{margin-bottom:1rem;font-size:3.75rem;line-height:1}.title-logo{vertical-align:-.09em;width:1em;height:1em;margin-left:-.2em;margin-right:-.15em}.gradient-title{color:#0000;background:linear-gradient(90deg,#3b82f6,#a855f7,#ec4899) text;padding-block:.15em;display:inline}:root[data-theme=dark] .gradient-title{background-image:linear-gradient(90deg,#22d3ee,#d946ef,#facc15)}.hero-copy>p{max-width:48rem;color:var(--muted-text);margin:0 auto 1.5rem;font-size:1.25rem;line-height:1.75rem}strong{font-weight:600}.button{border:1px solid var(--border);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;padding:.875rem 2rem;font-weight:500;line-height:1.375;display:inline-flex}.button:hover{background:#94a3b81a}.button.primary{color:#fff;background:#0161ef;border-color:#0161ef;font-weight:600}.button.primary:hover{background:#0154cf;border-color:#0154cf}.hero-image{aspect-ratio:16/9;object-fit:cover;border-radius:.375rem;width:100%;max-width:64rem;height:auto;max-height:36rem;margin:auto;display:block}.section{padding:5rem 1.5rem}.section-heading{text-align:center;max-width:48rem;margin:0 auto 3rem}h2{font-size:2.25rem;line-height:2.5rem}.eyebrow{color:#0154cf;letter-spacing:.025em;text-transform:uppercase;font-weight:700}:root[data-theme=dark] .eyebrow{color:#bfdbfe}.subtitle{color:var(--muted-text);margin-top:1rem;font-size:1.25rem;line-height:1.75rem}.features{max-width:64rem;margin:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;display:grid}.feature{align-items:start;max-width:28rem;display:flex}.feature-icon{color:#fff;background:#0161ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;margin-right:1rem;display:inline-flex}.feature h3{margin-top:.125rem;font-size:1.3rem;font-weight:700;line-height:1.75rem}.feature p{color:var(--muted-text);margin-top:.75rem}.download-panel{text-align:center;border-radius:.375rem;max-width:48rem;margin:auto;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root[data-theme=dark] .download-panel{box-shadow:none;border:1px solid #475569}.download-panel h2{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem}.download-panel .subtitle{margin-top:0}.download-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.components{background:#eff6ff}:root[data-theme=dark] .components{background:0 0}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;max-width:77rem;margin:auto;display:grid}.component{background:var(--panel-background);border:1px solid #ffffff29;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 30px #0000001a}.component img{margin-bottom:.5rem;display:block}.component h3{font-size:1.25rem;font-weight:700;line-height:1.75rem}.component p{color:var(--muted-text);margin-top:.5rem}footer{border-top:1px solid #e5e7eb}:root[data-theme=dark] footer{border-color:#1e293b}.footer-inner{max-width:80rem;margin:auto;padding:0 1.5rem}.footer-top{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;padding:3rem 0;display:grid}.footer-brand{grid-column:span 4;font-size:1.25rem;font-weight:700}.company{grid-column:span 2}.company h2{font:inherit;letter-spacing:inherit;margin-bottom:.5rem;font-weight:500}.company a{color:var(--muted-text);margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;display:block}.footer-bottom{justify-content:space-between;align-items:center;padding:2rem 0;font-size:.875rem;line-height:1.25rem;display:flex}.footer-bottom .social-links a{padding:.625rem}@media (width>=96rem){:root{font-size:20px}}@media (width<=63.999rem){.section{padding-top:4rem;padding-bottom:4rem}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:span 12}.company{grid-column:span 3}}@media (width<=47.999rem){.header-inner{justify-content:space-between;padding:0 .75rem;display:flex}.desktop-nav,.header-actions{display:none}.mobile-menu{display:block}.mobile-menu summary{align-items:center;padding:.5rem;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{background:var(--page-background);border-bottom:1px solid var(--border);padding:1rem;position:absolute;top:100%;left:0;right:0}.mobile-menu nav a{padding:.75rem;font-size:1.25rem;display:block}.material-hero{padding-top:3rem;padding-bottom:3rem}.hero-copy{padding-bottom:2.5rem}h1{font-size:3rem}h2{font-size:1.875rem;line-height:2.25rem}.section{padding:3rem 1rem}.section-heading{margin-bottom:2rem}.feature-icon{width:2.5rem;height:2.5rem}.feature h3{font-size:1.25rem}.feature-grid{row-gap:2rem}.component-grid{gap:1rem}.button{padding-left:1.5rem;padding-right:1.5rem}.footer-inner{padding:0 1rem}.footer-top{padding:2rem 0}.footer-bottom{padding:1.5rem 0}}@media (width<=39.999rem){.announcement{padding-left:.5rem;font-size:.75rem;line-height:1rem}.material-hero{padding-left:1rem;padding-right:1rem}.intro{display:none}.hero-copy>.button{max-width:20rem;margin:auto;display:flex}.feature-grid,.component-grid{grid-template-columns:1fr}.download-actions{flex-direction:column;max-width:20rem;margin-left:auto;margin-right:auto}.company{grid-column:span 6}.footer-bottom{flex-direction:column-reverse;align-items:start;gap:1rem}.footer-bottom .social-links{margin-left:-.5rem}}:root[data-theme=dark] .announcement{background:0 0;border-bottom:1px solid #1e293b}:root[data-theme=dark] h1{color:#e5e7eb}:root[data-theme=dark] .button:not(.primary),:root[data-theme=dark] footer{color:#cbd5e1}:root[data-theme=dark] .download-panel .subtitle{color:#94a3b8}