[data-page=home] main{z-index:1;position:relative}.field{display:none}.motion .field{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}.field__layer,.field__bleed{background:var(--u-field);opacity:0;position:absolute;inset:0}.field__layer--studio{background:var(--black);opacity:1}.field__layer:after{content:"";opacity:var(--u-grain,0);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.field__bleed{background:radial-gradient(120% 95% at 50% 50%, transparent 52%, var(--u-bg) 100%)}.stage{position:relative}.motion .stage{height:100svh;overflow:clip}.hero{--tile:clamp(84px, 9.5vw, 148px);color:var(--ink-light);background:var(--black)}.motion .hero{background:0 0}.hero__stage{min-height:100svh;padding:calc(var(--nav-h) + 3rem) var(--gutter) 4rem;align-content:center;display:grid}.hero__copy{z-index:2;width:100%;max-width:var(--wide);margin-inline:auto;position:relative}.hero__title{max-width:11.5em;font-size:var(--display-1);letter-spacing:-.04em;color:var(--muted-light);font-weight:650;line-height:1.02}.word{animation:word-in .26s var(--ease) both;animation-delay:calc(var(--i) * 70ms + .12s);display:inline-block}.word--accent{color:var(--ink-light)}@keyframes word-in{0%{opacity:0;transform:translateY(.3em)}}.hero__sub{max-width:30rem;font-size:var(--text-lg);color:var(--muted-light);animation:word-in .5s var(--ease) .7s both;margin-top:1.5rem}.hero__tiles{pointer-events:none;position:absolute;inset:0}.hero__tiles--back{z-index:0;opacity:.5}.hero__tiles--front{z-index:3}.tile{left:var(--x);top:var(--y);width:calc(var(--tile) * var(--s));height:calc(var(--tile) * var(--s));margin:calc(var(--tile) * var(--s) / -2) 0 0 calc(var(--tile) * var(--s) / -2);position:absolute}.tile__float{background:linear-gradient(150deg,#ffffff29,#ffffff0a 55%,#ffffff14);border-radius:29%;width:100%;height:100%;padding:9%;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff38,0 30px 60px -20px #000000b3}.tile .app-icon,.tile .app-icon img{width:100%;height:100%}.hero__row{z-index:2;width:100%;max-width:var(--wide);margin:3rem auto 0;position:relative}.hero__row ol{flex-wrap:wrap;gap:clamp(1rem,4vw,3rem);margin:0;padding:0;list-style:none;display:flex}.hero__row a{font-size:var(--text);color:var(--muted-light);justify-items:center;gap:.9rem;font-weight:500;text-decoration:none;display:grid}.hero__row a:hover{color:var(--ink-light)}.hero__slot{--icon:clamp(64px, 7.5vw, 104px);display:block}.hero__cue{display:none}@media (width<=760px){.tile{left:var(--mx);top:var(--my)}.hero__title{font-size:clamp(2.5rem,11.5vw,3.6rem)}}.motion .hero__stage{padding:0 var(--gutter);align-content:center}.motion .hero__copy{will-change:auto}.motion .hero__row{max-width:none;margin:0;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.motion .hero__row ol{justify-content:center}.motion .hero__slot .app-icon,.motion .hero__name{opacity:0}.motion .hero__cue{left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;transform:translate(-50%)}.motion .hero__cue:after{content:"";background:linear-gradient(var(--muted-light), transparent);transform-origin:top;width:1px;height:2.2rem;animation:cue 2.4s var(--ease-io) infinite}@keyframes cue{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.statement,.principles,.closing{color:var(--ink-light);background:var(--black);position:relative}.motion .statement,.motion .principles,.motion .closing{background:0 0}.statement__stage{padding-block:clamp(7rem,20vh,12rem)}.motion .statement__stage{padding-block:calc(var(--nav-h) + 2rem) 2rem;align-items:center;display:grid}.statement__text{max-width:20em;font-size:var(--display-3);letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1.14}.statement__muted{color:var(--muted-light)}.metrics{flex-wrap:wrap;gap:2.5rem clamp(3rem,8vw,6rem);margin:clamp(3rem,7vw,5rem) 0 0;display:flex}.metric{grid-template-areas:"value""label""note";display:grid}.metric dd{margin:0}.metric__value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;grid-area:value;font-size:clamp(3rem,2rem + 4vw,5rem);font-weight:650;line-height:1}.metric__label{font-size:var(--text-sm);grid-area:label;margin-top:.6rem}.metric__note{font-size:var(--text-xs);color:var(--muted-light);grid-area:note;margin-top:.15rem}.chapter{color:var(--u-ink);background:var(--u-field);font-family:var(--u-body);position:relative}.motion .chapter{background:0 0}.chapter__stage{padding:calc(var(--nav-h) + clamp(3rem, 8vw, 6rem)) var(--gutter) clamp(4rem, 9vw, 7rem)}.motion .chapter__stage{padding:0}.chapter__grid{z-index:1;width:100%;max-width:var(--wide);gap:clamp(2.5rem,6vw,4.5rem);margin-inline:auto;display:grid;position:relative}.chapter__ambient,.chapter__beats,.chapter__device{display:none}.chapter__kicker{font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--u-muted);gap:.4rem;margin-bottom:1.4rem;display:flex}.chapter__num{color:var(--u-ink)}.chapter__id{align-items:center;gap:clamp(1rem,2.4vw,1.75rem);display:flex}.chapter__icon{border-radius:22.5%;box-shadow:0 18px 40px -18px #00000080;--icon:clamp(56px, 7vw, 92px)!important}.chapter__title{font-family:var(--u-display);font-weight:var(--u-weight);letter-spacing:var(--u-track);font-size:var(--display-2);line-height:1}.chapter__line{max-width:24em;font-size:var(--text-lg);color:var(--u-muted);margin-top:1.4rem;line-height:1.4}.chapter__static{flex-wrap:wrap;align-items:flex-start;gap:2.5rem 3rem;display:flex}.static-beat{width:min(280px,72vw);margin:0}.static-beat--extra{width:min(420px,90vw)}.static-beat--extra picture img{border-radius:var(--r-lg)}.static-beat figcaption{font-size:var(--text-sm);color:var(--u-muted);margin-top:1.1rem;line-height:1.5}.chapter__facts{border-top:1px solid color-mix(in srgb, var(--u-ink) 16%, transparent);max-width:34rem;margin:0;padding:0;list-style:none}.chapter__facts li{border-bottom:1px solid color-mix(in srgb, var(--u-ink) 16%, transparent);font-size:var(--text-lg);padding:.95rem 0;line-height:1.35}.chapter__note{font-size:var(--text-xs);color:var(--u-muted);max-width:30rem;margin-top:1rem}.app-links{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:2rem;display:flex}.btn--accent{background:var(--u-accent);color:var(--u-accent-ink);font-family:var(--u-body);font-weight:700}.chapter .btn--line{border-color:color-mix(in srgb, var(--u-ink) 30%, transparent)}.chapter :focus-visible{outline-color:var(--u-ink)}.device{aspect-ratio:var(--frame-ar);width:100%;position:relative}.device__screen{left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);border-radius:var(--sr);background:#000;position:absolute;overflow:hidden;box-shadow:0 40px 80px -30px #0000008c}.device__layer,.device__layer img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.static-beat .device__layer:not(:first-child){display:none}.device__frame,.device__frame img{pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.motion .chapter__static{display:none}.motion .chapter__ambient{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}.motion .chapter__grid{--dev-h:min(74svh, 46rem);--col:min(40rem, 44vw);--left:max(var(--gutter), calc((100vw - var(--wide)) / 2));max-width:none;display:block;position:absolute;inset:0}.motion .chapter__head{left:var(--left);top:calc(var(--nav-h) + 8svh);width:var(--col);transform-origin:0 0;position:absolute}.motion .chapter__beats{left:var(--left);width:min(30rem,40vw);margin:0;padding:0;list-style:none;display:block;position:absolute;top:calc(50% + 2rem)}.motion .chapter__beat{letter-spacing:-.015em;font-size:clamp(1.35rem,1rem + 1.2vw,2rem);line-height:1.25;font-family:var(--u-display);font-weight:var(--u-weight);opacity:0;position:absolute;inset:0 0 auto}.motion .chapter__proof{left:var(--left);top:calc(var(--nav-h) + 30svh);opacity:0;visibility:hidden;width:min(32rem,44vw);position:absolute}.motion .chapter__device{right:max(var(--gutter), calc((100vw - var(--wide)) / 2 + 3vw));top:calc(50% - var(--dev-h) / 2 + var(--nav-h) / 2);height:var(--dev-h);aspect-ratio:var(--frame-ar,1283 / 2648);opacity:0;display:block;position:absolute}.motion .chapter__device .device{width:auto;height:100%}@media (width<=899px){.motion .chapter__grid{--dev-h:min(52svh, 30rem);--col:calc(100vw - 2 * var(--gutter));--left:var(--gutter)}.motion .chapter__head{top:calc(var(--nav-h) + 4svh)}.motion .chapter__device{margin-left:calc(var(--dev-h) * -.2423);left:50%;right:auto;top:calc(var(--nav-h) + 17svh)}.motion .chapter__beats{top:auto;bottom:calc(5svh + env(safe-area-inset-bottom));width:calc(100vw - 2 * var(--gutter));height:5.2em}.motion .chapter__beat{text-align:center;font-size:1.15rem}.motion .chapter__proof{top:calc(var(--nav-h) + 17svh);width:calc(100vw - 2 * var(--gutter))}}.principles{padding-block:clamp(6rem,16vh,10rem)}.section-title{font-size:var(--display-2);letter-spacing:-.04em}.principles__star{max-width:36rem;font-size:var(--text-lg);color:var(--muted-light);text-wrap:balance;margin-top:1rem}.principles__list{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2.5rem clamp(2rem,4vw,3.5rem);margin:clamp(3rem,7vw,4.5rem) 0 0;padding:0;list-style:none;display:grid}.principle{border-top:1px solid #ffffff29;padding-top:1.25rem}.principle__num{font-size:var(--text-xs);color:var(--muted-light);font-variant-numeric:tabular-nums}.principle__title{letter-spacing:-.025em;margin-top:.9rem;font-size:1.5rem}.principle__body{color:var(--muted-light);max-width:26rem;margin-top:.7rem}.closing{text-align:center;padding-block:clamp(7rem,22vh,12rem)}.closing__line{font-size:var(--display-2);letter-spacing:-.04em;max-width:12em;margin-inline:auto}.closing__sub{max-width:32rem;color:var(--muted-light);font-size:var(--text-lg);margin:1.5rem auto 0}.closing__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;margin-top:2.5rem;display:flex}.rail{z-index:30;right:max(.75rem, env(safe-area-inset-right));color:var(--rail-ink,var(--ink-light));--rail-ink:var(--ink-light);position:fixed;top:50%;transform:translateY(-50%)}.rail[data-theme=light]{--rail-ink:var(--ink-dark)}.rail ol{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.rail a{min-width:2rem;min-height:2rem;font-size:var(--text-xs);justify-content:flex-end;align-items:center;gap:.6rem;padding-inline:.5rem;text-decoration:none;display:flex}.rail__dot{opacity:.35;width:7px;height:7px;transition:opacity .3s var(--ease), transform .3s var(--ease);background:currentColor;border-radius:99px}.rail__label{opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);white-space:nowrap;transform:translate(4px)}.rail a[aria-current] .rail__dot{opacity:1;transform:scale(1.45)}.rail a:hover .rail__label,.rail a:focus-visible .rail__label{opacity:1;transform:none}.motion .rail{opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility 0s .4s}.motion .rail.is-on{opacity:1;visibility:visible;transition:opacity .4s var(--ease)}@media (width<=899px){.rail{left:50%;right:auto;top:calc(var(--nav-h) + env(safe-area-inset-top) + .35rem);transform:translate(-50%)}.rail ol{gap:0;display:flex}.rail a{justify-content:center;min-width:1.75rem;min-height:1.75rem;padding:0}.rail__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}html:not(.motion) .rail{display:none}@media (prefers-reduced-motion:reduce){.word,.hero__sub{animation:none}}html:not(.motion) .hero__tiles,.still-toggle{display:none}.motion .still-toggle{z-index:30;left:max(.75rem, env(safe-area-inset-left));bottom:max(.75rem, env(safe-area-inset-bottom));color:#f5f5f7;min-height:2.75rem;font-size:var(--text-xs);backdrop-filter:blur(12px);cursor:pointer;opacity:.72;transition:opacity .2s var(--ease);background:#1414169e;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:0 .9rem;display:inline-flex;position:fixed}.motion .still-toggle:hover,.motion .still-toggle:focus-visible{opacity:1}.still-toggle__icon{border-inline:3px solid;width:10px;height:10px}.still-toggle[aria-pressed=true] .still-toggle__icon{border:0;border-left:9px solid;border-block:5px solid #0000;width:0;height:0}html.is-still *,html.is-still :before,html.is-still :after{animation-play-state:paused!important}