[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__slogan{font-size:var(--text-lg);color:var(--ink-light);animation:word-in .4s var(--ease) 50ms both;margin-bottom:1.25rem;font-weight:600}.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:36rem;font-size:var(--text-lg);color:var(--muted-light);animation:word-in .5s var(--ease) .7s both;margin-top:1.5rem}.hero__sub span{text-wrap:balance;display:block}.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}.tile[data-menu-for]{pointer-events:auto;cursor:pointer}.app-menu{z-index:60;border-radius:var(--r-lg);backdrop-filter:saturate(180%)blur(24px);width:min(19rem,100vw - 24px);color:var(--ink-light);transform-origin:var(--nub,50%) 0;animation:menu-in .18s var(--ease) both;background:#1d1d1fd1;padding:.5rem;position:fixed;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff24,0 30px 60px -20px #000c}.app-menu[data-side=top]{transform-origin:var(--nub,50%) 100%}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.app-menu__head{font-size:var(--text);align-items:center;gap:.7rem;margin:0;padding:.5rem .6rem .7rem;font-weight:600;display:flex}.app-menu__head .app-icon,.app-menu__head .app-icon img{border-radius:23%;width:36px;height:36px}.app-menu ul{border-top:1px solid #ffffff1a;margin:0;padding:0;list-style:none}.app-menu li+li{border-top:1px solid #ffffff0f}.app-menu a{min-height:44px;font-size:var(--text-sm);white-space:nowrap;color:var(--ink-light);border-radius:10px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem .6rem;font-weight:500;text-decoration:none;display:flex}.app-menu a:hover,.app-menu a:focus-visible{background:#ffffff14}.app-menu__to{color:var(--muted-light);white-space:nowrap;font-weight:400}@media (prefers-reduced-motion:reduce){.app-menu{animation: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(36rem, 44vw);--left:max(var(--gutter), calc((100vw - var(--wide)) / 2));--right:max(var(--gutter), calc((100vw - var(--wide)) / 2 + 3vw));grid-template-columns:minmax(0, var(--col)) auto;max-width:none;padding:calc(var(--nav-h) + 2svh) var(--right) 3svh var(--left);grid-template-areas:"head device""beats device""proof device";place-content:center space-between;gap:clamp(1rem,3svh,2rem) clamp(2rem,6vw,6rem);position:absolute;inset:0}.motion .chapter__head{grid-area:head}.motion .chapter__kicker{margin-bottom:1rem}.motion .chapter__title{font-size:clamp(2.4rem,1.4rem + 3.4vw,4.5rem)}.motion .chapter__line{margin-top:1rem}.motion .chapter__beats{grid-area:beats;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.motion .chapter__beat{letter-spacing:-.01em;font-size:clamp(1.05rem,.9rem + .5vw,1.3rem);line-height:1.35}.motion .chapter__proof{grid-area:proof}.motion .chapter__facts li{color:var(--u-muted);padding:.6rem 0;font-size:1rem}.motion .chapter .app-links{margin-top:1.4rem}.motion .chapter__device{height:var(--dev-h);aspect-ratio:var(--frame-ar,1283 / 2648);grid-area:device;align-self:center;display:block}.motion .chapter__device .device{width:auto;height:100%}@media (width>=900px) and (height<=760px){.motion .chapter__line,.motion .chapter__note{display:none}}@media (width<=899px){.motion .chapter__grid{--dev-h:min(32svh, 17rem);padding:calc(var(--nav-h) + 2.4rem) var(--gutter) calc(4rem + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"head head""device beats""proof proof";justify-content:stretch;gap:clamp(.7rem,2svh,1.25rem) 1rem}.motion .chapter__kicker{display:none}.motion .chapter__icon{--icon:44px!important}.motion .chapter__title{font-size:1.9rem}.motion .chapter__line{margin-top:.6rem;font-size:1rem}.motion .chapter__beats{align-content:center}.motion .chapter__beat{font-size:.92rem;line-height:1.32}.motion .chapter__facts li{padding:.42rem 0;font-size:.9rem}.motion .chapter .app-links{gap:.6rem 1rem;margin-top:.9rem}.motion .chapter__note{margin-top:.6rem}}@media (width<=899px) and (height<=700px){.motion .chapter__line,.motion .chapter__note{display:none}.motion .chapter__grid{row-gap:.5rem}.motion .chapter__beat{font-size:.86rem}.motion .chapter__facts li{padding:.3rem 0;font-size:.86rem}}.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__slogan,.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}
