.demo-promo-pill[data-astro-cid-up2awcla]{z-index:30;left:max(24px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));width:330px;max-width:calc(100% - 48px - env(safe-area-inset-left) - env(safe-area-inset-right));color:#24164f;min-height:88px;font-family:var(--body);background:linear-gradient(120deg,#eee8ff 8%,#ddd2fb 53%,#b6a4ef 80%,#8873d7 100%);border:1px solid #bcaaf0;border-radius:28px;grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:14px;text-decoration:none;transition:box-shadow .16s;display:grid;position:fixed;overflow:hidden;box-shadow:inset 0 1px 3px #ffffffd9,inset 0 -1px 2px #5b3cab1f,0 10px 28px #2e1c5b38}.demo-promo-pill[data-astro-cid-up2awcla][hidden]{display:none}.demo-promo-pill[data-astro-cid-up2awcla]:not([hidden]){animation:.55s cubic-bezier(.22,1,.36,1) both demo-promo-reveal}@keyframes demo-promo-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.demo-promo-pill[data-astro-cid-up2awcla]:before{content:"";transform-origin:0 0;pointer-events:none;background:linear-gradient(140deg,#ffffff85,#ffffff1a);border-bottom-right-radius:60px;width:72%;position:absolute;inset:0 auto 0 -70px;transform:skew(-30deg)}.demo-promo-pill[data-astro-cid-up2awcla]>span[data-astro-cid-up2awcla]{position:relative}.demo-promo-pill[data-astro-cid-up2awcla]:hover{box-shadow:inset 0 1px 3px #ffffffd9,0 12px 32px #2e1c5b47}.demo-promo-pill[data-astro-cid-up2awcla]:focus-visible{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 7px #5147a2}.demo-promo-pill__icon[data-astro-cid-up2awcla]{color:#63509f;background:linear-gradient(145deg,#eee7ff,#d2c4f5);border:2px solid #eae0ffcc;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px 5px #ffffffa6}.demo-promo-pill__copy[data-astro-cid-up2awcla]{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.demo-promo-pill__title[data-astro-cid-up2awcla]{letter-spacing:-.2px;font-size:15px;font-weight:650;line-height:1.35}.demo-promo-pill__detail[data-astro-cid-up2awcla]{color:#3f2d5d;font-size:11.5px;line-height:1.45}.demo-promo-pill__next[data-astro-cid-up2awcla]{color:#fff;background:linear-gradient(155deg,#7b65b8,#4e3995);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.demo-promo-pill__arrow[data-astro-cid-up2awcla]{transition:transform .16s}.demo-promo-pill[data-astro-cid-up2awcla]:hover .demo-promo-pill__arrow[data-astro-cid-up2awcla]{transform:translate(3px)}.material-home .site-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))}html:has([data-demo-promo]){scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom))}body:has([data-nav].is-open) .demo-promo-pill[data-astro-cid-up2awcla]{visibility:hidden}@media (width<=899px){body:has([data-analytics-banner]:not([hidden])) .demo-promo-pill[data-astro-cid-up2awcla]{visibility:hidden}}@media (width<=760px){.demo-promo-pill[data-astro-cid-up2awcla]{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:36px minmax(0,1fr) 32px;gap:8px;width:auto;max-width:330px;min-height:84px;margin-inline:auto;padding:12px}.demo-promo-pill__icon[data-astro-cid-up2awcla]{width:36px;height:36px}.demo-promo-pill__icon[data-astro-cid-up2awcla] svg[data-astro-cid-up2awcla]{width:21px;height:21px}.demo-promo-pill__arrow[data-astro-cid-up2awcla]{width:18px;height:18px}.material-home .site-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}html:has([data-demo-promo]){scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.demo-promo-pill[data-astro-cid-up2awcla]:not([hidden]){animation:none}.demo-promo-pill[data-astro-cid-up2awcla],.demo-promo-pill__arrow[data-astro-cid-up2awcla]{transition:none}.demo-promo-pill[data-astro-cid-up2awcla]:hover .demo-promo-pill__arrow[data-astro-cid-up2awcla]{transform:none}}.material-home .container{width:min(1280px,100% - 96px)}.material-home .section-pad{padding-block:clamp(4rem,7vw,7rem)}.material-home main#top{scroll-margin-top:5rem}.material-home h1,.material-home h2,.material-home h3{letter-spacing:-.045em}.material-home h2{font-size:clamp(2.4rem,4vw,4rem);font-weight:650;line-height:1.08}.material-home .section-context{color:var(--muted)}.material-home :focus-visible{outline:3px solid var(--accent-deep);outline-offset:5px}.material-home .site-header--material,.material-hero{--neu-surface:#5147a2;--neu-shadow:#3e3680;--neu-highlight:#6357bb;--neu-edge:#ffffff1f;--ink:#fff;--ink-soft:#f1ebff;--muted:#e5ddf7;--accent-deep:#e6dbff;--neu-raised:8px 8px 20px var(--neu-shadow), -8px -8px 20px var(--neu-highlight);--neu-raised-sm:4px 4px 10px var(--neu-shadow), -4px -4px 10px var(--neu-highlight);--neu-inset:inset 5px 5px 12px var(--neu-shadow), inset -5px -5px 12px var(--neu-highlight);--neu-inset-sm:inset 3px 3px 7px var(--neu-shadow), inset -3px -3px 7px var(--neu-highlight)}.material-home .site-header--material,.material-home .site-header--material.is-scrolled{background:var(--neu-surface);color:var(--ink);border-color:var(--neu-edge);box-shadow:0 5px 18px color-mix(in srgb, var(--neu-shadow) 60%, transparent)}.material-home .site-header--material.is-scrolled{background:#443a8df5}.material-home .site-header--material .nav-wrap{gap:1.5rem}.material-home .site-header--material .brand{color:var(--ink);font-size:1.2rem}.material-home .site-header--material .site-nav{gap:clamp(.75rem,1.45vw,1.35rem)}.material-home .site-header--material .site-nav,.material-home .site-header--material .theme-toggle,.material-home .site-header--material .site-nav a:hover{color:var(--ink)}.material-home .site-header--material .site-nav .nav-download{color:var(--accent-deep);border-color:var(--neu-edge);background:var(--neu-surface);box-shadow:var(--neu-raised-sm)}.material-home .site-header--material .site-nav .nav-download:hover{background:var(--neu-surface)}.material-home .site-header--material .site-nav .nav-buy{color:#443887;box-shadow:var(--neu-raised-sm), var(--neu-button-sheen);background:#fff;border-color:#fff}.material-home .site-header--material .site-nav .nav-buy:hover{color:#443887;background:#eee8fc}.material-home .site-header--material .site-nav .nav-download:active,.material-home .site-header--material .site-nav .nav-buy:active{box-shadow:var(--neu-inset-sm);transform:none}.material-home .site-header--material .menu-toggle>span:not(.sr-only){background:var(--ink)}.material-home .site-header--material :focus-visible,.material-hero :focus-visible{outline-color:var(--accent-deep)}.material-hero{color:#fff;background:#5147a2;padding-block:clamp(3rem,5vw,5rem) clamp(3.5rem,5.5vw,5.5rem)}.material-hero__layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);display:grid}.material-hero h1{text-wrap:balance;max-width:15ch;margin:0 0 1.4rem;font-size:clamp(3.2rem,4.65vw,4.25rem);font-weight:650;line-height:1.03}.material-hero__lede{max-width:31rem;color:var(--ink-soft);margin-bottom:1.75rem;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55}.material-actions{flex-wrap:wrap;gap:1rem;display:flex}.material-button{min-height:50px;box-shadow:var(--neu-raised-sm);padding:.85rem 1.35rem;font-size:.875rem}.material-button--light{color:#423582;box-shadow:var(--neu-raised-sm), var(--neu-button-sheen);background:#fff;border-color:#0000}.material-button--light:hover{background:#eee8fc}.material-button--outline{border-color:var(--neu-edge);color:var(--accent-deep);background:var(--neu-surface)}.material-button--outline:hover{background:var(--neu-surface)}.material-button:active{box-shadow:var(--neu-inset-sm);transform:none}.material-collection{border:1px solid var(--neu-edge);background:var(--neu-surface);min-width:0;box-shadow:var(--neu-raised);border-radius:32px;padding:1.25rem}.material-collection__swatches{--material-gap:1.35rem;--material-fade:clamp(18px, 3vw, 36px);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--material-gap)) / 2);gap:var(--material-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c6baf0 transparent;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--material-fade), #000 calc(100% - var(--material-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--material-fade), #000 calc(100% - var(--material-fade)), transparent);padding:.5rem .25rem 1.5rem;scroll-padding-inline:.25rem;display:grid;overflow-x:auto}[data-carousel-ready=true] .material-collection__swatches{scrollbar-width:none}[data-carousel-ready=true] .material-collection__swatches::-webkit-scrollbar{display:none}.material-swatch:nth-child(odd){scroll-snap-align:start}.material-swatch{min-width:0;margin:0}.material-swatch__surface{aspect-ratio:1;isolation:isolate;position:relative}.material-swatch__surface img{object-fit:contain;filter:drop-shadow(0 20px 18px #1b10445c);width:100%;height:100%;transform:scale(1.06)}.material-swatch__trace{color:#fff;filter:drop-shadow(0 1px 3px #27164440);width:100%;height:90%;position:absolute;inset:5% 0}.material-swatch figcaption{text-align:center;margin-top:1rem}.material-swatch figcaption span:first-child{font-size:1.3rem;font-weight:600;display:block}.material-swatch figcaption span:last-child{color:var(--muted);margin-top:.2rem;font-size:.75rem;display:block}.material-collection__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-inline:.25rem;display:flex}.material-collection__caption{color:var(--muted);margin:0;font-size:.75rem}.material-collection__controls{align-items:center;gap:.4rem;display:flex}.material-collection__controls[hidden]{display:none}.material-collection__controls button{border:1px solid var(--neu-edge);background:var(--neu-surface);width:44px;height:44px;color:var(--accent-deep);box-shadow:var(--neu-raised-sm);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.material-collection__controls button:hover{color:var(--ink)}.material-collection__controls button:active,.material-collection__controls [data-paused=true]{box-shadow:var(--neu-inset-sm);border-color:var(--line)}.material-collection__controls button:disabled{opacity:.5;box-shadow:none;cursor:default}.material-collection__controls svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.material-collection__page{min-width:2.5rem;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:.75rem}.material-collection__controls [data-material-toggle]{margin-left:.25rem}[data-paused=false] .material-collection__play,[data-paused=true] .material-collection__pause{display:none}.touch-story,.browser-story{--neu-surface:var(--bg-soft);--neu-shadow:color-mix(in srgb, var(--bg-soft), #423358 13%);--neu-highlight:color-mix(in srgb, var(--bg-soft), white 8%);--neu-raised:8px 8px 20px var(--neu-shadow), -8px -8px 20px var(--neu-highlight);--neu-raised-sm:4px 4px 10px var(--neu-shadow), -4px -4px 10px var(--neu-highlight);--neu-inset:inset 5px 5px 12px var(--neu-shadow), inset -5px -5px 12px var(--neu-highlight);--neu-inset-sm:inset 3px 3px 7px var(--neu-shadow), inset -3px -3px 7px var(--neu-highlight)}.touch-story{background:var(--bg-soft);color:var(--ink)}.touch-story__layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);display:grid}.touch-story__copy{padding-block:3.5rem}.touch-story__copy h2{text-wrap:balance;margin-bottom:1.5rem;font-size:clamp(2.1rem,3.15vw,3.25rem)}.touch-story__copy p{max-width:30rem;color:var(--ink-soft);font-size:1rem;line-height:1.6}.touch-story__copy p+p{font-size:.9rem}.touch-story__copy .text-link{color:var(--accent-deep);margin-top:.35rem;font-size:.8rem}.touch-story__visual{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;margin:0;padding-block:2.5rem;display:flex}.touch-story__photo{border:8px solid var(--neu-surface);border-radius:var(--neu-radius);box-shadow:var(--neu-raised);position:relative;overflow:hidden}.touch-story__photo img{width:100%;height:auto}.touch-story__visual figcaption{color:var(--muted);text-align:right;margin-top:.85rem;font-size:.7rem}.community-strip{background:var(--surface);color:var(--ink);padding-block:1.7rem}.community-strip__layout{border-radius:var(--neu-radius);box-shadow:var(--neu-inset);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.4rem 1.8rem;display:flex}.community-strip__badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;min-width:0;max-width:49rem;display:flex}.community-strip__contact{border:1.5px dashed var(--muted);border-radius:var(--neu-radius-sm);width:250px;max-width:100%;min-height:54px;color:var(--ink-soft);text-align:center;flex:none;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:.85rem;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.community-strip__contact:hover,.community-strip__contact:focus-visible{border-color:var(--accent-deep);background:var(--neu-surface);color:var(--accent-deep)}.community-strip .product-hunt-badge{margin:0}.material-home .response-story{color:var(--ink)}.material-home .response-story__intro{gap:4rem}.material-home .response-story__intro .section-context{margin-bottom:-2.5rem}.material-home .response-ledger{margin-top:3rem}.material-home .response-entry{gap:2rem}.material-home .response-entry h3{font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:1.1}.browser-story{background:var(--bg-soft);color:var(--ink)}.browser-story__layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.browser-story__copy h2{margin-bottom:1.5rem}.browser-story__copy>p:not(.section-context){color:var(--ink-soft);line-height:1.65}.browser-story__copy .browser-story__note{margin-top:1.5rem;font-size:.85rem}.demo-panel--material{border:1px solid var(--neu-edge);border-radius:var(--neu-radius);background:var(--neu-surface);min-width:0;box-shadow:var(--neu-raised);padding:12px}.demo-panel--material .demo-toolbar{font-family:var(--body);letter-spacing:0;text-transform:none;padding:.85rem 1.1rem;font-size:.75rem}.demo-panel--material .sound-toggle{border-color:var(--neu-edge);background:var(--neu-surface);min-height:44px;box-shadow:var(--neu-raised-sm);font-family:var(--body);letter-spacing:0;text-transform:none;padding:.65rem .9rem;font-size:.75rem}.demo-panel--material .sound-toggle[aria-pressed=true]{color:var(--accent-deep);border-color:var(--line-strong);box-shadow:var(--neu-inset-sm);transform:none}.demo-panel--material .demo-surface{cursor:auto;touch-action:auto;background:var(--surface);height:330px;box-shadow:var(--neu-inset);border-radius:19px}.demo-panel--material .demo-footer{color:var(--muted);border:0;padding:1rem .5rem .4rem}.demo-panel--material[data-demo-running=true] .demo-surface{cursor:crosshair;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}.demo-panel--material .demo-grain{background-image:radial-gradient(var(--accent-deep) 1px, transparent 1px);opacity:.3;background-size:19px 19px}.demo-panel--material .demo-prompt{text-align:center;font-family:var(--body);font-size:1.3rem;font-style:normal;font-weight:500;inset:43% 1rem auto}.demo-panel--material .demo-hint{color:var(--muted);text-align:center;margin:0;font-size:.75rem;line-height:1.5;position:absolute;bottom:1.1rem;left:1.5rem;right:1.5rem}.demo-panel--material .demo-cursor{animation:none}.demo-panel--material[data-demo-pointer=touch] .demo-cursor,.demo-panel--material[data-demo-pointer=pen] .demo-cursor{display:none}.material-home .app-story,:root[data-theme] .material-home .app-story{background:var(--bg);color:var(--ink)}.material-home .app-story__heading{gap:3rem}.material-home .app-walkthrough{gap:4rem;max-width:1280px;margin-top:4rem}.material-home .app-chapter figure{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:4rem;display:grid}.material-home .app-chapter img{border:6px solid var(--neu-surface);box-shadow:var(--neu-raised);border-radius:24px;grid-area:1/2}.material-home .app-chapter figcaption{border:0;grid-area:1/1;margin:0;padding:0;display:block}.material-home .app-chapter__index{color:var(--accent-deep);margin-bottom:1rem}.material-home .app-chapter h3{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.15}.material-home .app-chapter figcaption div>p{color:var(--ink-soft)}.material-home .privacy-story{--neu-shadow:#34295f;--neu-highlight:#54478e;--neu-edge:#ffffff1a;--neu-raised:8px 8px 20px var(--neu-shadow), -8px -8px 20px var(--neu-highlight);--neu-raised-sm:4px 4px 10px var(--neu-shadow), -4px -4px 10px var(--neu-highlight);--neu-inset:inset 5px 5px 12px var(--neu-shadow), inset -5px -5px 12px var(--neu-highlight);--neu-inset-sm:inset 3px 3px 7px var(--neu-shadow), inset -3px -3px 7px var(--neu-highlight);color:#fff;background:#443879}.material-home .privacy-story__layout{border:1px solid var(--neu-edge);box-shadow:var(--neu-inset);border-radius:36px;padding:clamp(1.5rem,4vw,3.5rem)}.material-home .privacy-statement{color:#e7ddff;font-size:clamp(4.5rem,9vw,8.5rem);line-height:.94}.material-home .privacy-story__copy .section-context,.material-home .privacy-story__copy>p:not(.section-context),.material-home .privacy-story__copy .text-link{color:#e5dcf6}.material-home .closing-story,.material-home .site-footer,.material-home .community-strip{--bg:#fff;--surface:#fff;--ink:#262037;--ink-soft:#514964;--muted:#696078;--line:#3c2b5e24;--line-strong:#3c2b5e40;--accent-deep:#6451ae;--button-bg:#5147a2;--button-ink:#fff;--neu-surface:#f7f4fc;--neu-shadow:#e1dbe9;--neu-highlight:#fff;--neu-edge:#ffffffb3;--neu-raised:8px 8px 20px var(--neu-shadow), -8px -8px 20px var(--neu-highlight);--neu-raised-sm:4px 4px 10px var(--neu-shadow), -4px -4px 10px var(--neu-highlight);--neu-inset:inset 5px 5px 12px var(--neu-shadow), inset -5px -5px 12px var(--neu-highlight);--neu-inset-sm:inset 3px 3px 7px var(--neu-shadow), inset -3px -3px 7px var(--neu-highlight);color:#262037;background:#fff}.material-home .closing-story{padding-top:2rem}.material-home .closing-story__inner{border:1px solid var(--neu-edge);box-shadow:var(--neu-raised);border-radius:36px;padding:clamp(1.6rem,4vw,3.5rem);scroll-margin-top:7rem}.material-home .closing-story__inner h2{max-width:16ch;font-size:clamp(3rem,5vw,5rem);line-height:1.04}.material-home .closing-story__inner .section-context,.material-home .closing-story__inner>p:not(.section-context):not(.closing-story__note),.material-home .closing-story__note{color:var(--muted)}.closing-story__actions{flex-direction:column;grid-area:1/2/span 4;gap:.75rem;display:flex}.material-home .closing-story__actions .button{background:var(--button-bg);min-width:12rem;color:var(--button-ink);box-shadow:var(--neu-raised-sm), var(--neu-button-sheen)}.material-home .closing-story__actions .button+.button{background:var(--neu-surface);border-color:var(--neu-edge);color:var(--accent-deep);box-shadow:var(--neu-raised-sm)}.material-home .closing-story__actions .button:active{box-shadow:var(--neu-inset-sm);transform:none}.material-home .closing-story__note a{text-underline-offset:3px;text-decoration:underline}.material-home .site-footer{color:var(--ink)}@media (width<=1440px){.material-home .site-header--material .menu-toggle{display:inline-flex}.material-home .site-header--material .site-nav{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border:1px solid var(--neu-edge);background:var(--neu-surface);box-shadow:var(--neu-raised);border-radius:24px;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;display:none;position:absolute;top:calc(100% + 8px);left:32px;right:32px;overflow-y:auto}.material-home .site-header--material .site-nav.is-open{display:flex}.material-home .site-header--material .site-nav a{min-height:44px;padding:.75rem}.material-home .site-header--material .theme-toggle{width:44px;height:44px;position:absolute;top:1rem;right:1rem}}@media (width<=1100px){.material-home .container{width:calc(100% - 64px)}.material-hero__layout{gap:2rem}.material-hero h1{font-size:clamp(3rem,5.4vw,4rem)}.material-collection__swatches{--material-gap:1rem}.material-home .app-chapter figure{gap:2rem}}@media (width<=900px){.material-hero__layout{grid-template-columns:1fr;gap:2.5rem}.material-hero__copy{max-width:38rem}.material-hero h1{max-width:16ch;font-size:clamp(3rem,7.4vw,4.5rem)}.material-hero__lede{max-width:36rem}.material-collection{justify-self:center;width:100%;max-width:40rem}.material-home .response-story__intro{gap:1rem}.material-home .response-story__intro .section-context{margin-bottom:0}}@media (width<=760px){.material-home .container{width:calc(100% - 40px)}.material-hero{padding-top:2.2rem;padding-bottom:2.5rem}.material-hero h1{font-size:clamp(2.65rem,10.2vw,4rem)}.material-hero__lede{font-size:1.05rem}.material-swatch__surface img{filter:drop-shadow(0 12px 12px #1b10445c)}.material-swatch figcaption span:first-child{font-size:1.15rem}.material-swatch figcaption span:last-child{max-width:15ch;margin-inline:auto;line-height:1.4}.material-collection__footer{justify-content:center}.material-collection__caption{text-align:center;flex-basis:100%}.touch-story__layout,.browser-story__layout{grid-template-columns:1fr;gap:0}.touch-story__copy{padding-block:2.7rem 1.3rem}.touch-story__copy h2{max-width:16ch;font-size:clamp(2.1rem,7vw,3.2rem)}.touch-story__visual{padding-block:0 2rem}.touch-story__visual figcaption{text-align:left}.community-strip__layout{text-align:center;flex-direction:column;align-items:center}.community-strip__badges{flex-direction:column}.browser-story__layout,.material-home .app-story__heading{gap:1.5rem}.material-home .app-chapter figure{flex-direction:column-reverse;align-items:stretch;gap:1.5rem;display:flex}.material-home .app-walkthrough{gap:3rem}.material-home .app-chapter h3{max-width:none}.material-home .privacy-story__copy{margin-left:0}.closing-story__actions{grid-area:auto/1;align-items:start}.material-home .site-header--material .site-nav{left:20px;right:20px}}@media (width<=380px){.material-actions{flex-direction:column;align-items:stretch}.material-swatch figcaption span:last-child{font-size:.75rem}.demo-panel--material .demo-toolbar{gap:.5rem;padding-inline:.65rem}}@media (prefers-reduced-motion:reduce){.material-home *,.material-home :before,.material-home :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}