.materialize-front-layout{background:var(--mui-palette-background-default);min-block-size:100dvh;color:var(--mui-palette-text-primary)}.materialize-front-container,.materialize-front-navbar{inline-size:min(100% - 48px,1200px);margin-inline:auto}.materialize-front-header{z-index:var(--mui-zIndex-appBar);background:rgb(var(--mui-palette-background-paperChannel) / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-block:12px;position:sticky;inset-block-start:0}.materialize-front-navbar,.materialize-front-actions{justify-content:space-between;align-items:center;display:flex}.materialize-front-actions{gap:12px}.materialize-landing-hero{background:var(--mui-palette-background-paper);padding-block:88px 72px;position:relative;overflow:hidden}.materialize-landing-hero:before{content:"";background:radial-gradient(circle at 50% 5%, rgb(var(--mui-palette-primary-mainChannel) / .18), transparent 46%);pointer-events:none;position:absolute;inset:0}.materialize-hero-content{text-align:center;flex-direction:column;align-items:center;gap:20px;max-inline-size:720px;display:flex;position:relative}.materialize-hero-title{color:var(--mui-palette-primary-main);font-size:clamp(2.2rem,5vw,3.35rem);font-weight:800;line-height:1.18}.materialize-hero-copy{max-inline-size:650px;font-size:1.125rem}.materialize-hero-preview{border:1px solid var(--mui-palette-divider);background:var(--mui-palette-background-paper);block-size:330px;inline-size:min(100% - 48px,980px);box-shadow:var(--mui-customShadows-lg);border-radius:10px 10px 0 0;margin:60px auto 0;display:flex;position:relative;overflow:hidden}.materialize-preview-sidebar{background:#282a42;flex-direction:column;gap:18px;inline-size:21%;padding:28px 20px;display:flex}.materialize-preview-sidebar span{background:#eaeaff3d;border-radius:8px;block-size:12px;display:block}.materialize-preview-workspace{flex:1;padding:26px}.materialize-preview-toolbar{background:var(--mui-palette-action-hover);border-radius:8px;block-size:32px;margin-block-end:28px}.materialize-preview-summary{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.materialize-preview-summary span{background:rgb(var(--mui-palette-primary-mainChannel) / .13);border-radius:8px;block-size:72px}.materialize-preview-grid{border:1px solid var(--mui-palette-divider);background:var(--mui-palette-divider);border-radius:8px;gap:1px;margin-block-start:22px;display:grid;overflow:hidden}.materialize-preview-grid span{background:var(--mui-palette-background-paper);block-size:38px}.materialize-landing-section{padding-block:96px}.materialize-section-heading{text-align:center;flex-direction:column;align-items:center;gap:10px;max-inline-size:700px;margin-inline:auto;display:flex}.materialize-section-kicker{letter-spacing:.05em;text-transform:uppercase;font-weight:600}.materialize-feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-block-start:48px;display:grid}.materialize-feature-card{text-align:center;block-size:100%}.materialize-feature-card .MuiCardContent-root{flex-direction:column;align-items:center;gap:12px;block-size:100%;padding:32px;display:flex}.materialize-feature-icon{border:2px solid rgb(var(--mui-palette-primary-mainChannel) / .24);block-size:64px;inline-size:64px;color:var(--mui-palette-primary-main);border-radius:50%;place-items:center;margin-block-end:8px;font-size:1.75rem;display:grid}.materialize-landing-cta{background:rgb(var(--mui-palette-primary-mainChannel) / .1);padding-block:64px}.materialize-cta-content{justify-content:space-between;align-items:center;gap:32px;display:flex}.materialize-cta-content>div{flex-direction:column;gap:8px;max-inline-size:700px;display:flex}.materialize-front-footer{background:var(--mui-palette-background-paper);padding-block:28px}.materialize-footer-content{justify-content:space-between;align-items:center;gap:24px;display:flex}@media (max-width:899px){.materialize-feature-grid{grid-template-columns:1fr}.materialize-cta-content,.materialize-footer-content{flex-direction:column;align-items:flex-start}.materialize-hero-preview{block-size:250px}}@media (max-width:599px){.materialize-front-container,.materialize-front-navbar,.materialize-hero-preview{inline-size:min(100% - 32px,1200px)}.materialize-landing-hero{padding-block-start:64px}.materialize-preview-sidebar{inline-size:64px;padding-inline:12px}}
html,body{inline-size:100%;min-height:100%}