:root{--c-accent:255, 200, 0;--c-accent-hover:255, 214, 61;--c-accent-ink:124, 98, 0;--c-on-accent:30, 30, 30;--c-fill-edge:0, 0, 0, .22;--c-text-1:29, 29, 31;--c-text-2:110, 110, 115;--c-text-3:134, 134, 139;--c-tile-text:90, 90, 96;--c-bg:255, 255, 255;--c-bg-soft:245, 245, 247;--c-divider:210, 210, 215;--c-map-ground:40, 48, 66;--c-band:0, 0, 0;--c-band-text:245, 245, 247;--font-base:"Google Sans Flex", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-display:clamp(3.4rem, 6.2vw, 5.4rem);--ls-display:-.03em;--lh-display:1;--wght-display:900;--fs-h1:clamp(2.2rem, 4vw, 3.5rem);--ls-h1:-.025em;--lh-h1:1.06;--wght-h1:700;--fs-h2:1.75rem;--ls-h2:-.018em;--lh-h2:1.15;--wght-h2:700;--fs-h3:1.125rem;--ls-h3:-.01em;--lh-h3:1.35;--wght-h3:600;--fs-lead:1.25rem;--ls-lead:0;--lh-lead:1.6;--fs-body:1rem;--lh-body:1.6;--fs-sm:.875rem;--ls-sm:.005em;--lh-sm:1.5;--fs-xs:.75rem;--ls-xs:.01em;--lh-xs:1.45;--fs-label:.74rem;--ls-label:.12em;--wght-label:600;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.5rem;--space-xl:4rem;--space-2xl:6rem;--measure:68ch;--transition:.2s ease-in-out;--ease-out-quint:cubic-bezier(.16, 1, .3, 1);--radius-pill:100px;--radius-card:18px;--shadow-card:0 1px 2px #0000000a;--shadow-lift:0 12px 32px #0000001a;--shadow-photo:0 24px 64px #00000024, 0 0 0 1px #0000000a;--page-margin:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:1160px){:root{--page-margin:calc(50% - 492px)}}@media (max-width:1150px){:root{--page-margin:40px}}@media (max-width:900px){:root{--page-margin:20px}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem;font-size:16px}body{background:rgba(var(--c-bg), 1);color:rgba(var(--c-text-1), 1);font-family:var(--font-base);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}img,svg{height:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}code{font-family:var(--font-mono);font-size:.92em}.t-display{font-size:var(--fs-display);font-weight:var(--wght-display);font-variation-settings:"wght" 900;letter-spacing:var(--ls-display);line-height:var(--lh-display);color:rgba(var(--c-text-1), 1)}h1,.t-h1{font-size:var(--fs-h1);font-weight:var(--wght-h1);font-variation-settings:"wght" 700;letter-spacing:var(--ls-h1);line-height:var(--lh-h1);color:rgba(var(--c-text-1), 1)}h2,.t-h2{font-size:var(--fs-h2);font-weight:var(--wght-h2);font-variation-settings:"wght" 700;letter-spacing:var(--ls-h2);line-height:var(--lh-h2);color:rgba(var(--c-text-1), 1)}h3,.t-h3{font-size:var(--fs-h3);font-weight:var(--wght-h3);font-variation-settings:"wght" 600;letter-spacing:var(--ls-h3);line-height:var(--lh-h3);color:rgba(var(--c-text-1), 1)}.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:var(--ls-lead);color:rgba(var(--c-text-2), 1)}.label{font-size:var(--fs-label);font-weight:var(--wght-label);font-variation-settings:"wght" 600;letter-spacing:var(--ls-label);text-transform:uppercase;color:rgba(var(--c-text-2), 1);margin-bottom:14px;display:block}p{text-wrap:pretty}strong{font-variation-settings:"wght" 600;color:rgba(var(--c-text-1), 1);font-weight:600}.l-site{padding-inline:var(--page-margin)}.section{padding-block:var(--space-2xl)}.section--tint{background:rgba(var(--c-bg-soft), 1)}.section--dark{background:rgba(var(--c-band), 1);color:rgba(var(--c-band-text), 1)}.section--dark h2{color:rgba(var(--c-band-text), 1)}@media (max-width:900px){.section{padding-block:var(--space-xl)}}.button{font-variation-settings:"wght" 500;white-space:nowrap;transition:background-color var(--transition), color var(--transition), border-color var(--transition), transform .1s ease-out;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5em;padding:12px 18px;font-size:.95rem;font-weight:500;line-height:1.4;display:inline-flex}.button:active{transform:scale(.97)}.button--primary{background:rgba(var(--c-accent), 1);color:rgba(var(--c-on-accent), 1);border-color:rgba(var(--c-fill-edge))}.button--primary:hover{background:rgba(var(--c-accent-hover), 1);color:rgba(var(--c-on-accent), 1)}.button--outline{border-color:rgba(var(--c-divider), 1);color:rgba(var(--c-text-1), 1);background:0 0}.button--outline:hover{border-color:rgba(var(--c-accent-ink), 1);color:rgba(var(--c-accent-ink), 1)}.button-row{gap:var(--space-s);flex-wrap:wrap;align-items:center;display:flex}.link-arrow{font-variation-settings:"wght" 500;color:rgba(var(--c-accent-ink), 1);align-items:center;gap:3px;font-size:.95rem;font-weight:500;display:inline-flex}.link-arrow:hover{text-decoration:underline}.link-arrow .chev{font-size:1.1em;line-height:1;transition:transform .25s}.link-arrow:hover .chev{transform:translate(2px)}.section--dark .link-arrow{color:rgba(var(--c-accent), 1)}.text-link{color:rgba(var(--c-accent-ink), 1);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:rgba(var(--c-accent-ink), .4);text-decoration-color:rgba(var(--c-accent-ink), .4);transition:text-decoration-color var(--transition)}.text-link:hover{-webkit-text-decoration-color:rgba(var(--c-accent-ink), 1);text-decoration-color:rgba(var(--c-accent-ink), 1)}.skip-link{top:var(--space-s);left:var(--space-s);z-index:200;border-radius:var(--radius-pill);background:rgba(var(--c-accent), 1);color:rgba(var(--c-on-accent), 1);transform:translateY(calc(-100% - var(--space-xl)));transition:transform var(--transition);padding:.5rem 1rem;position:absolute}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid rgba(var(--c-accent-ink), 1);outline-offset:2px;border-radius:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.reveal{transition:opacity .6s var(--ease-out-quint), transform .6s var(--ease-out-quint)}html[data-js] .reveal{opacity:0;transform:translateY(28px)}html[data-js] .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html[data-js] .reveal{opacity:1;transform:none}}.s-hero{background:rgba(var(--c-bg), 1);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr minmax(0,520px);align-items:center;gap:64px;padding-block:110px 80px;display:grid}.hero-left{flex-direction:column;gap:22px;display:flex}.hero-name{margin-bottom:-6px}.hero-lead{max-width:34ch}.hero-cta{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.hero-made{font-size:var(--fs-xs);letter-spacing:var(--ls-xs);color:rgba(var(--c-text-3), 1)}.app-store-badge{transition:opacity var(--transition);border-radius:8px;align-items:center;display:inline-flex}.app-store-badge img{width:auto;height:44px;display:block}.app-store-badge:hover{opacity:.85}.app-store-badge:focus-visible{outline:2px solid rgba(var(--c-accent-ink), 1);outline-offset:4px}.button--web .button-icon{flex:none;width:18px;height:18px}.hero-stage{border-radius:var(--radius-card);box-shadow:var(--shadow-photo);aspect-ratio:4/3;background:#1e1e1e;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%}.hero-figure{gap:var(--space-2xs);flex-direction:column;display:flex}.hero-caption{font-size:var(--fs-xs);letter-spacing:var(--ls-xs);color:rgba(var(--c-text-3), 1);text-align:right}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px;padding-block:56px}.hero-stage{aspect-ratio:16/11}}.bento{gap:var(--space-s);margin-top:var(--space-l);grid-template-columns:repeat(6,1fr);display:grid}.tile--w2{grid-column:span 2}.tile--w4{grid-column:span 4}.tile--orange{--tile-tint:255, 200, 0;--tile-ink:124, 98, 0}.tile--teal{--tile-tint:41, 214, 168;--tile-ink:19, 104, 81}.tile--lime{--tile-tint:168, 214, 66;--tile-ink:81, 104, 32}.tile--magenta{--tile-tint:196, 25, 192;--tile-ink:95, 11, 93}.tile--sky{--tile-tint:66, 158, 214;--tile-ink:32, 77, 104}.tile--rust{--tile-tint:214, 66, 39;--tile-ink:104, 32, 18}.tile{border-radius:var(--radius-card);background:linear-gradient(rgba(var(--tile-tint,255, 255, 255), var(--tile-alpha,.08)), rgba(var(--tile-tint,255, 255, 255), var(--tile-alpha,.08))), rgba(var(--c-bg), 1);box-shadow:var(--shadow-card);gap:var(--space-2xs);flex-direction:column;padding:20px;display:flex}.tile h3{margin-bottom:var(--space-3xs)}.tile p{color:rgba(var(--c-tile-text), 1);font-size:var(--fs-sm);line-height:var(--lh-body)}.tile .label{color:rgba(var(--tile-ink,var(--c-text-2)), 1);margin-bottom:6px}.tile-fineprint{padding-top:var(--space-2xs);border-top:1px solid rgba(var(--c-tile-text), .22);font-size:var(--fs-xs);line-height:var(--lh-xs);color:rgba(var(--c-tile-text), 1);margin-top:auto}.tag{border-radius:var(--radius-pill);background:rgba(var(--tile-tint,var(--c-accent)), .22);color:rgba(var(--tile-ink,var(--c-accent-ink)), 1);letter-spacing:var(--ls-xs);margin-left:6px;padding:2px 7px;font-size:.66rem}.tile--map{background:rgba(var(--c-map-ground), 1);position:relative;overflow:hidden}.tile--map h3{color:rgba(var(--c-band-text), 1)}.tile--map p{color:rgba(var(--c-band-text), .74)}.tile--map .label{color:rgba(var(--c-accent), 1)}.tile-bg{object-fit:cover;object-position:62% center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.tile--map:before{content:"";z-index:1;background:linear-gradient(to right, rgba(var(--c-map-ground), .97) 0%, rgba(var(--c-map-ground), .95) 46%, rgba(var(--c-map-ground), .62) 72%, rgba(var(--c-map-ground), .08) 100%);position:absolute;inset:0}.tile--map .tile-copy{z-index:2;max-width:46%;position:relative}.tile--map .tile-fineprint{z-index:2;color:rgba(var(--c-band-text), .6);border-top-color:rgba(var(--c-band-text), .22);max-width:46%;position:relative}.tile--stickers{--tile-alpha:.16;gap:0;padding:0;overflow:hidden}.tile--stickers .tile-body{gap:var(--space-2xs);flex-direction:column;padding:20px 20px 0;display:flex}.tile--stickers .tile-figure{padding-top:var(--space-s);margin-top:auto;margin-inline:-10px;grid-template-columns:repeat(3,1fr);align-items:end;gap:4px 0;margin-bottom:-22px;display:grid}.tile--stickers .tile-figure img{width:100%;height:auto}.tile--stickers .tile-figure img:nth-child(odd){transform:rotate(-6deg)}.tile--stickers .tile-figure img:nth-child(2n){z-index:1;transform:rotate(6deg)}@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.tile--w2,.tile--w4{grid-column:span 1}.tile--map{min-height:230px;padding-bottom:124px}.tile--map .tile-bg{object-position:center 62%}.tile--map .tile-copy,.tile--map .tile-fineprint{max-width:none}.tile--map .tile-fineprint{margin-top:var(--space-2xs)}.tile--map:before{background:linear-gradient(to bottom, rgba(var(--c-map-ground), .96) 0, rgba(var(--c-map-ground), .96) calc(100% - 124px), rgba(var(--c-map-ground), .45) calc(100% - 46px), rgba(var(--c-map-ground), .06) 100%)}}@media (max-width:600px){.bento{grid-template-columns:1fr}}.feature-mark{width:auto;height:26px;margin-bottom:var(--space-2xs);align-self:flex-start}.section-head{max-width:var(--measure)}.section-head .lead{margin-top:var(--space-xs)}.store-shots{gap:var(--space-l);margin-top:var(--space-l);counter-reset:shot;grid-template-columns:repeat(3,1fr);display:grid}.store-shot{gap:var(--space-xs);flex-direction:column;display:flex}.store-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid rgba(var(--c-divider), .5);overflow:hidden}.store-card img{width:100%;height:auto}.store-card--create{background:#e0f3ea}.store-card--simulate{background:#f1f0ec}.store-card--explore{border-color:rgba(var(--c-fill-edge));background:#0d2043}.store-caption{font-size:var(--fs-sm);line-height:var(--lh-sm);color:rgba(var(--c-text-2), 1)}.store-num{font-variant-numeric:tabular-nums;font-variation-settings:"wght" 600;color:rgba(var(--c-accent-ink), 1);margin-right:6px;font-weight:600}@media (max-width:900px){.store-shots{gap:var(--space-m);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--page-margin) * -1);padding-block:4px;padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin);display:flex;overflow-x:auto}.store-shots::-webkit-scrollbar{display:none}.store-shots{scrollbar-width:none}.store-shot{scroll-snap-align:start;flex:none;width:min(76vw,280px)}}.section--dark .label{color:rgba(var(--c-band-text), .6)}.section--dark .section-head{max-width:var(--measure)}.band-lead{color:rgba(var(--c-band-text), .72)}.section--dark strong{color:rgba(var(--c-band-text), 1)}.stat-row{gap:var(--space-l);margin-top:var(--space-l);grid-template-columns:repeat(3,1fr);display:grid}.stat{padding-top:var(--space-s);border-top:2px solid rgba(var(--c-accent), 1);gap:var(--space-2xs);flex-direction:column;display:flex}.stat-figure{font-size:var(--fs-h3);font-variation-settings:"wght" 700;letter-spacing:var(--ls-h3);color:rgba(var(--c-band-text), 1);font-weight:700}.stat-note{font-size:var(--fs-sm);line-height:var(--lh-body);color:rgba(var(--c-band-text), .66)}.band-cta{margin-top:var(--space-xl);align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.button--on-band{border-color:rgba(var(--c-band-text), .35);color:rgba(var(--c-band-text), 1)}.button--on-band:hover{border-color:rgba(var(--c-accent), 1);color:rgba(var(--c-accent), 1)}@media (max-width:760px){.stat-row{gap:var(--space-m);grid-template-columns:1fr}.band-cta{margin-top:var(--space-l)}}.site-footer{padding-block:var(--space-l);border-top:1px solid rgba(var(--c-divider), 1);gap:var(--space-s) var(--space-m);font-size:var(--fs-sm);color:rgba(var(--c-text-2), 1);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-links{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.footer-links a{align-items:center;gap:var(--space-3xs);transition:color var(--transition);display:inline-flex}.footer-links a:hover{color:rgba(var(--c-accent-ink), 1)}.footer-links svg{flex-shrink:0;width:14px;height:14px}.footer-links-group{align-items:center;gap:var(--space-s);padding-left:var(--space-s);border-left:1px solid rgba(var(--c-divider), 1);flex-wrap:wrap;display:flex}