:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff;color:#121212}#app,.page-shell{width:100%}.top-bar{min-height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#f7f7f7;position:relative;display:flex;align-items:center;justify-content:center}.top-bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:env(safe-area-inset-top);background:#f7f7f7}.top-bar-stack{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;font-size:14px}.top-bar-name{color:#111;font-weight:600}.top-bar-label{color:#9a9a9a;font-weight:500}.top-bar-name,.top-bar-label{display:inline-flex;align-items:center;height:18px;line-height:18px}.top-bar-label-slot{display:inline-block;position:relative;overflow:hidden;--label-shift: 18px;height:18px;vertical-align:middle;text-align:center}.top-bar-label{display:inline-flex;white-space:nowrap}.top-bar-label-current,.top-bar-label-next{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:1;will-change:transform,opacity;transition:transform .2s ease-out,opacity .2s linear}.top-bar-label-next{transform:translate(-50%,var(--label-shift));opacity:0}.top-bar-label-slot.is-animating .top-bar-label-current{transform:translate(-50%,calc(-1 * var(--label-shift)));opacity:0}.top-bar-label-slot.is-animating .top-bar-label-next{transform:translate(-50%);opacity:1}.top-bar-label-measure{position:absolute;visibility:hidden;pointer-events:none}.page{max-width:1144px;margin:0 auto;padding:80px 0 4rem}.hero-line{margin:0 0 40px;font-size:32px;line-height:1.2;font-weight:700}.hero-tail{color:#8a8a8a;font-weight:600}.content-section{margin-bottom:120px}.site-footer{margin-top:24px;padding:12px 0 20px;color:#7a7a7a;font-size:13px;text-align:center}.section-heading{margin-bottom:32px}.content-section h2{margin:0;font-size:28px;line-height:1.2;font-weight:700}.section-subtitle{margin:12px 0 0;font-size:17px}.modules-grid{display:grid;gap:24px;grid-template-columns:1fr}.section-apps .modules-grid{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;overflow-y:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(16px,calc((100vw - 1144px)/2));padding-right:max(16px,calc((100vw - 1144px)/2));padding-bottom:8px;scroll-padding-left:max(16px,calc((100vw - 1144px)/2));scroll-padding-right:max(16px,calc((100vw - 1144px)/2));scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.section-apps .modules-grid::-webkit-scrollbar{display:none}.section-apps .module{flex:0 0 282px;scroll-snap-align:start}.module{border:1px solid #ececec;border-radius:24px;background:#fff;padding:20px;overflow:hidden}.module h3{margin:0 0 .5rem;font-size:1rem}.muted{margin:0;color:#555;font-size:.92rem}.module-link{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;height:33px;padding:0 14px;border-radius:999px;border:1px solid #d9d9d9;color:#111;text-decoration:none;font-size:12px;font-weight:600;background:#ffffffdb}.app-card{min-height:549px;width:282px;border-radius:34px;border:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 26px 0}.app-card-icon{width:65px;height:65px;border-radius:16.5px;margin-bottom:8px}.app-card h3{margin:0;font-size:22px;line-height:1.1;font-weight:700}.app-card-category{margin:4px 0 14px;color:#6f7380;font-size:12px;font-weight:600}.app-card-summary{max-width:240px;margin:0;color:#222;font-size:15px;line-height:1.24;font-weight:400}.app-card-preview{display:block;width:100%;height:274px;margin-top:0;object-fit:cover;object-position:center top;border-radius:0;border:0;background:transparent}.app-card-link{margin-top:auto;margin-bottom:18px;height:33px;padding:0 14px;border:1px solid rgba(255,255,255,.75);background:#ffffff9e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 14px #00000014;transition:transform .18s ease}.app-card-link:hover{transform:scale(1.1)}.media-grid{margin-top:0;display:grid;gap:0}.media-caption{margin:10px 0 0;color:#7a7a7a;font-size:12px;font-style:italic;line-height:1.35;text-align:center;width:100%;white-space:pre-line}.media-caption-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.media-caption-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:#1111110f;border-radius:4px;padding:1px 4px}.section-design-prototypes .design-media{padding:0;border-radius:24px;border:0;box-shadow:0 12px 28px #11111114;min-height:361px;background:#fff}.section-design-prototypes .design-media img,.section-design-prototypes .design-media video{height:100%;object-fit:var(--design-media-fit, contain);object-position:var(--design-media-position, center);border-radius:0;border:0;box-shadow:none;background:transparent}.media-item-video{display:flex;flex-direction:column;height:100%}.media-item-video video{flex:1;min-height:0;height:auto}.media-item img,.media-item video,.talk-video iframe{width:100%;border-radius:16px;border:1px solid #ececec;background:#f7f7f7}.talk-video iframe{aspect-ratio:16 / 9}.section-talks .talk-video{border-radius:28px;display:flex;flex-direction:column;overflow:hidden;border:0;box-shadow:none;background:transparent;padding:0}.section-talks .talk-video iframe{border-radius:28px;border:0;box-shadow:none;background:transparent}.talk-video-title{margin:10px 0 0;font-size:14px;font-weight:500;color:#7a7a7a;text-align:center}.section-design-prototypes .modules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;padding:0 24px}@media(min-width:720px){.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-design-prototypes .modules-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,auto));gap:50px;padding:0 40px}.section-design-prototypes .design-media.layout-small{grid-column:span 3;min-height:204px}.section-design-prototypes .design-media.layout-medium{grid-column:span 4;min-height:202px}.section-design-prototypes .design-media.layout-large{grid-column:span 4;min-height:361px}.section-design-prototypes .design-media.layout-tall{grid-column:span 2;min-height:363px}.section-design-prototypes .design-media.layout-short{grid-column:span 3;min-height:202px}.section-talks .modules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}.section-talks .talk-video{min-height:361px}.section-talks .talk-video iframe{width:100%;flex:1;min-height:0;display:block}}@media(max-width:1279px){.section-design-prototypes .design-media{grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-height:204px!important;transform:none!important;justify-self:stretch!important}.section-design-prototypes .modules-grid{grid-auto-flow:row dense;gap:24px;padding:0 24px}.section-design-prototypes .design-media.hide-on-tablet{display:none!important}}@media(min-width:720px)and (max-width:1279px){.section-design-prototypes .modules-grid{display:block;column-count:2;column-gap:24px}.section-design-prototypes .design-media{break-inside:avoid;display:inline-block;width:100%;margin:0 0 24px}}@media(max-width:719px){.app-card-link.is-tap-animating{animation:app-card-link-tap .22s ease-out}@keyframes app-card-link-tap{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}.section-design-prototypes .modules-grid{display:grid;column-count:unset;grid-template-columns:1fr;gap:20px;padding:0 16px}.section-design-prototypes .design-media.hide-on-phone{display:none!important}}@media(max-width:1180px){.page{padding:56px 16px 3rem}.hero-line{font-size:28px}}