.matter-commercial{--mc-paper:light-dark(#fafaf8,#111213);--mc-surface:light-dark(#ffffff,#1a1c1d);--mc-ink:light-dark(#17191b,#f0f1ef);--mc-muted:light-dark(#606367,#b0b3b5);--mc-rule:light-dark(#d6d8d7,#404345);--mc-soft:light-dark(#eeefed,#252729);--mc-stage:light-dark(#f1f2ef,#202326);--mc-inverse:light-dark(#ffffff,#141618);--mc-selection:light-dark(#dedfda,#44494c);font:400 15px/1.5 var(--font-geist-sans),sans-serif;color:var(--mc-ink);background:var(--mc-paper);isolation:isolate;overflow-wrap:break-word;color-scheme:light;max-width:1680px;margin-inline:auto}.matter-commercial *{box-sizing:border-box}.matter-commercial dd,.matter-commercial dl,.matter-commercial figure,.matter-commercial h1,.matter-commercial h2,.matter-commercial h3,.matter-commercial p{margin:0}.matter-commercial button{font-family:inherit;cursor:pointer}.matter-commercial button:disabled{opacity:.5;cursor:default}.matter-commercial [hidden]{display:none!important}.matter-commercial ::selection{background:var(--mc-ink);color:var(--mc-paper)}.matter-commercial .mc-wrap{padding-inline:5%}.matter-commercial a{color:inherit;text-decoration:none}.matter-commercial :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--mc-ink);outline-offset:4px}.matter-commercial .mc-brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;font-size:18px;font-weight:600;letter-spacing:-.025em}.matter-commercial .mc-brand svg{width:72px;height:auto}.matter-commercial .mc-link{display:inline-flex;align-items:center;border:0;background:none;min-height:36px;min-width:44px;padding:10px 0;font-size:13px;text-underline-offset:5px}.matter-commercial .mc-link:hover{text-decoration:underline}.matter-commercial .mc-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--mc-ink);color:var(--mc-inverse);border:1px solid var(--mc-ink);padding:12px 18px;min-height:44px;font-size:13px;font-weight:500;border-radius:2px;transition:background .2s,color .2s}.matter-commercial a.mc-button{color:var(--mc-inverse)}.matter-commercial .mc-button:hover{background:var(--mc-muted);border-color:var(--mc-muted)}.matter-commercial h1{font-size:clamp(50px,7.9vw,88px);font-weight:500;line-height:.98;letter-spacing:-.04em;color:var(--mc-ink)}.matter-commercial .mc-line{display:block;white-space:nowrap;padding-bottom:5px}.matter-commercial .mc-letter{display:inline-block;transform-origin:50% 80%;transition:transform .24s cubic-bezier(.16,1,.3,1)}.matter-commercial canvas{display:block;width:100%;height:100%}.matter-commercial .lucide{width:15px;height:15px;flex-shrink:0}.matter-commercial .mc-elevation{width:100%;height:auto;display:block;color:var(--mc-ink)}.matter-commercial .mc-skip{position:absolute;top:8px;left:16px;z-index:30;padding:12px;background:var(--mc-ink);color:var(--mc-inverse);transform:translateY(-160%)}.matter-commercial .mc-skip:focus{transform:none}.matter-landing.dark .matter-commercial{color-scheme:dark}body:has(.matter-landing),html:has(.matter-landing){height:auto;min-height:100%;overflow:visible}.matter-landing{min-height:100dvh;background:#fafaf8}.matter-landing.dark{background:#111213}@media (max-width:1023px){.matter-commercial .mc-story-viewport{height:clamp(160px,30svh,280px)}.matter-commercial .mc-story-caption{min-height:56px}.matter-commercial .mc-story-caption .mc-link{min-height:44px;white-space:nowrap}.matter-commercial .mc-story-stage{border-bottom:1px solid var(--mc-rule)}.matter-commercial .mc-story-chapter{scroll-margin-top:calc(var(--mc-header-height) + clamp(160px, 30svh, 280px) + 80px)}}@media (min-width:640px) and (max-width:1023px) and (max-height:560px){.matter-commercial .mc-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.matter-commercial .mc-story-viewport{height:calc(100svh - var(--mc-header-height) - 64px)}.matter-commercial .mc-story-stage{border-bottom:0}.matter-commercial .mc-story-chapter{scroll-margin-top:calc(var(--mc-header-height) + 32px)}}@media (max-width:640px){.matter-commercial .mc-wrap{padding-inline:6%}.matter-commercial .mc-brand svg{width:60px}.matter-commercial .mc-brand{font-size:16px}.matter-commercial h1{font-size:clamp(40px,11.6vw,70px)}}@media (max-width:640px),(pointer:coarse){.matter-commercial .mc-link{min-height:44px}}@media (max-width:360px){.matter-commercial .mc-brand svg{width:48px}.matter-commercial header nav{gap:8px}.matter-commercial header .mc-button{gap:7px;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.matter-commercial *,.matter-commercial :after,.matter-commercial :before{transition:none!important;animation:none!important}}