.av{width:var(--s);height:var(--s);isolation:isolate;background:radial-gradient(120% 120% at 0% 0%, var(--a), transparent 62%), radial-gradient(120% 120% at 100% 100%, var(--b), transparent 62%), #17181b;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.av img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;position:absolute;inset:0}.av b{font-size:calc(var(--s) * .38);letter-spacing:-.02em;color:#fff;font-weight:720;line-height:1}.bench{z-index:1;justify-items:center;width:min(100%,560px);display:grid;position:relative}.ask{z-index:2;width:min(100%,468px);height:62px;transition:border-color .3s var(--out), background-color .3s var(--out);background:#ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:0 9px 0 24px;display:flex;position:relative}.ask:focus-within{background:#ffffff24;border-color:#fff9}.ask__field{flex:1;min-width:0;height:100%;position:relative}.ask input{letter-spacing:-.012em;width:100%;height:100%;color:var(--fg);caret-color:var(--me-lit);background:0 0;border:0;outline:0;padding:0;font-size:1.06rem;font-weight:500}.ask input::placeholder{color:#f4f4f28f;opacity:1}.ask[data-demo] input::placeholder{color:#0000}.ask__demo{pointer-events:none;white-space:nowrap;letter-spacing:-.012em;align-items:center;font-size:1.06rem;font-weight:500;display:none;position:absolute;inset:0;overflow:hidden}.ask[data-demo] .ask__demo{display:flex}.ask__demo .caret{vertical-align:0;width:2px;height:1.15em;margin-left:2px}.ask__key{background:var(--fg);width:44px;height:44px;color:var(--bg);transition:transform .16s var(--out);border-radius:50%;flex:none;place-items:center;display:grid}.ask__key:active,.ask__key[data-down]{transform:scale(.86)}.sketch{aspect-ratio:560/400;stroke:#ffffffdb;stroke-width:1.7px;width:100%;height:auto;margin:-4px 0;display:block;overflow:visible}.sk-l,.sk-c{stroke-dasharray:1;stroke-dashoffset:0}.sk-l--soft{stroke:#ffffff80}.sk-l--mark{stroke:var(--me-lit);stroke-width:2.2px}.sk-c{stroke-width:1.2px}.sk-c--out{stroke:#ffffff4d}.sk-c--back{stroke:var(--me-lit);opacity:.8}.sk-d{fill:#fff;stroke:none;transform-box:fill-box;transform-origin:50%}.sk-d--mark{fill:var(--me-lit)}.found{z-index:2;width:min(100%,392px);height:76px;position:relative}.found__card{opacity:0;visibility:hidden;background:#ffffff1a;border-radius:24px;align-items:center;gap:14px;padding:0 18px 0 13px;display:flex;position:absolute;inset:0}.found__card[data-on]{opacity:1;visibility:visible}.found__k{flex:1;gap:3px;min-width:0;display:grid}.found__k b{font-family:var(--font-display);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:1.22rem;font-weight:520;line-height:1.1;overflow:hidden}.found__k .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.found__go{color:var(--soft);transition:transform .3s var(--out), color .3s;flex:none}@media (hover:hover){a.found__card:hover .found__go{color:#fff;transform:translate(4px)}}.found__blank{width:50px;height:50px;color:var(--soft);border:1.5px dashed #ffffff6b;border-radius:23%;flex:none;place-items:center;display:grid}.found__blank--you{background:var(--me);color:#fff;border:0}@media (width<=860px){.bench{width:100%;max-width:520px;margin-inline:auto}.ask{height:56px;padding-left:20px}.ask input,.ask__demo{font-size:1rem}.ask__key{width:40px;height:40px}.sketch{stroke-width:2.2px;margin:-2px 0}.found{height:70px}}.cover{align-items:end;min-height:100svh;display:grid;position:relative;overflow:clip}.cover__in{z-index:1;padding-top:clamp(96px,13vh,130px);padding-bottom:calc(var(--dock-h) + clamp(44px, 8vh, 92px));transform-origin:20% 80%;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:end;gap:clamp(28px,4vw,72px);display:grid;position:relative}.cover__copy{justify-items:start;gap:clamp(18px,2.6vh,30px);display:grid}.cover__line{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:13.5em;font-size:clamp(2.35rem,4.5vw,4.3rem);font-weight:500;line-height:1.03}.cover .bench{place-self:center end}.cover__role{letter-spacing:-.01em;color:#fff;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:calc(clamp(18px,2.6vh,30px)/-2.85714);font-size:clamp(1.02rem,1.3vw,1.2rem);font-weight:640;display:flex}.cover__role span+span:before{content:"";background:var(--quiet);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:14px;display:inline-block;transform:translateY(-2px)}.cover__copy .lead{max-width:34em;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.5}@media (width<=560px){.cover__role{flex-direction:column;align-items:flex-start;gap:2px}.cover__role span+span:before{display:none}}@media (width>=961px) and (height<=939px){.cover .now{display:none}}.cover__film{z-index:0;top:0;bottom:0;right:max(0px, calc((100vw - var(--wrap)) / 2 - 56px));pointer-events:none;opacity:.46;width:min(50vw,680px);position:absolute;-webkit-mask-image:radial-gradient(64% 72% at 52% 44%,#000 26%,#0000 78%);mask-image:radial-gradient(64% 72% at 52% 44%,#000 26%,#0000 78%)}.cover__film img,.cover__film video{object-fit:cover;object-position:42% 34%;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}.cover__film video{opacity:0;transition:opacity 1.4s var(--out)}.cover__film[data-playing] video{opacity:1}main[data-motion] .cover-wrap{height:150svh}main[data-motion] .cover{height:100svh;position:sticky;top:0}.now{border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;max-width:27rem;padding:15px 20px 17px 15px;display:grid}.now__body{gap:5px;display:grid}.now__top{letter-spacing:.01em;color:var(--soft);align-items:center;gap:9px;font-size:.8rem;font-weight:660;display:inline-flex}.now__top i{background:var(--good);width:8px;height:8px;animation:beat 2.6s var(--out) infinite;border-radius:50%;box-shadow:0 0 #3dae7780}.now__text{letter-spacing:-.012em;text-wrap:pretty;font-size:.98rem;font-weight:520;line-height:1.38}@keyframes beat{0%{box-shadow:0 0 #3dae778c}70%,to{box-shadow:0 0 0 10px #3dae7700}}@media (width>=961px) and (height<=700px){.cover .bench{transform-origin:100%;transform:scale(.9)}}@media (width>=961px) and (height<=600px){.cover__line{font-size:clamp(2rem,3.6vw,3rem)}.cover .bench{transform:scale(.78)}}@media (width<=960px){main[data-motion] .cover-wrap{height:auto}main[data-motion] .cover{height:auto;position:relative}.cover{align-items:start}.cover__in{grid-template-columns:1fr;gap:26px;padding-bottom:clamp(44px,8vh,80px)}.cover .bench{order:-1;justify-self:center}.cover__line{font-size:clamp(2.1rem,8.6vw,3.4rem)}.now{width:100%;max-width:none}.cover__film{opacity:.42;width:auto;height:min(118vw,640px);bottom:auto;left:0;right:0;-webkit-mask-image:linear-gradient(#000 38%,#0000 96%);mask-image:linear-gradient(#000 38%,#0000 96%)}.cover__film img,.cover__film video{object-position:40% 30%}}.sec--row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sec__all{min-height:44px;color:var(--soft);align-items:center;gap:6px;font-size:.9rem;font-weight:620;transition:color .2s;display:inline-flex}.sec__all svg{transition:transform .3s var(--out)}.sec__all:hover{color:#fff}.sec__all:hover svg{transform:translate(4px)}.board{z-index:2;padding-top:clamp(40px,8vh,90px);position:relative}main[data-motion] .board{margin-top:-30svh;padding-top:0}@media (width<=960px){main[data-motion] .board{margin-top:0;padding-top:clamp(40px,8vh,90px)}}.runs li{border-top:1px solid var(--line)}.runs li:last-child{border-bottom:1px solid var(--line)}.run{text-align:left;-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,32px);width:100%;padding:clamp(18px,2.6vh,26px) clamp(0px,1vw,14px);display:grid;position:relative}.run__link{color:inherit;justify-self:start}.run__link:after{content:"";z-index:1;border-radius:var(--r-md);position:absolute;inset:0}.run__parts{z-index:2;flex-wrap:wrap;gap:8px;margin-top:8px;display:flex;position:relative}.run__part{border:1px solid var(--line);min-height:36px;color:var(--soft);background:#ffffff12;border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 6px;font-size:.88rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.run__part .icon{border-radius:30%}.run__stack{display:inline-flex}.run__stack .icon+.icon{margin-left:-9px;box-shadow:0 0 0 2px #141417}@media (hover:hover){.run__part:hover{color:#fff;border-color:var(--line-strong);background:#ffffff24}}.run:before{content:"";border-radius:var(--r-md);background:var(--gl-fill);opacity:0;transition:opacity .35s var(--out);z-index:-1;position:absolute;inset:6px -14px}.run .icon,.run .folder{transition:transform .45s var(--out)}.run__k{min-width:0;transition:transform .5s var(--out);gap:6px;display:grid}.run__q{color:var(--soft);text-wrap:pretty;max-width:46em;font-size:1.04rem;line-height:1.4}.run__m{text-align:right;justify-items:end;gap:8px;display:grid}@media (hover:hover){.run:hover:before{opacity:1}.run:hover .run__k{transform:translate(clamp(6px,1vw,14px))}.run:hover .icon,.run:hover .folder{transform:scale(1.06)}}.run:active .icon,.run:active .folder{transition-duration:.12s;transform:scale(.94)}@media (width<=760px){.run{grid-template-columns:auto minmax(0,1fr);align-items:start}.run>.icon,.run .folder{--s:56px!important}.run__m{text-align:left;flex-wrap:wrap;grid-column:2;place-items:center start;gap:8px 12px;display:flex}}.run--folder{cursor:pointer}.folder{width:var(--s);height:var(--s);border-radius:23%;flex:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-content:start;gap:7%;padding:13%;display:grid}.folder .icon{aspect-ratio:1;width:100%;height:auto;box-shadow:inset 0 0 0 .5px #fff3;--s:100%!important}.folder .icon:before{display:none}.app{text-align:center;-webkit-tap-highlight-color:transparent;justify-items:center;gap:12px;width:100%;max-width:150px;display:grid}.app .icon{transition:transform .35s var(--out), box-shadow .35s var(--out)}.app__name{letter-spacing:-.005em;color:var(--soft);transition:color .25s var(--out);text-wrap:balance;font-size:.86rem;font-weight:600;line-height:1.2}@media (hover:hover){.app:hover .icon{transform:scale(1.07)translateY(-3px);box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff2e,0 30px 40px -18px #000000e6}.app:hover .app__name{color:#fff}}.app:active .icon{transition-duration:.12s;transform:scale(.93)}.fold{color:inherit;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;overflow:hidden}.fold[open]{place-items:center;display:grid}.fold::backdrop{backdrop-filter:blur(22px)saturate(140%);animation:fold-dim .4s var(--out) both;background:#0606088c}.fold[data-closing]::backdrop{animation:fold-dim .26s var(--in-out) both reverse}@keyframes fold-dim{0%{opacity:0}}.fold__sheet{transform-origin:50%;background:#ffffff1a;border-radius:44px;width:min(92vw,640px);padding:clamp(22px,3.4vw,36px)}.fold__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(22px,3vw,32px);display:flex}.fold__x{width:44px;height:44px;color:var(--fg);transition:background-color .2s, transform .15s var(--out);background:#ffffff1f;border-radius:50%;place-items:center;display:grid}.fold__x:hover{background:#ffffff38}.fold__x:active{transform:scale(.92)}.fold__apps{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:clamp(22px,3.4vw,34px) 10px;display:grid}.fold__apps .app__name{color:var(--fg)}@media (width<=640px){.fold__sheet{border-radius:34px}.fold__apps .icon{--s:72px!important}}.method__pane{border-radius:var(--r-xl);gap:clamp(24px,4vh,40px);padding:clamp(24px,3.4vw,48px);display:grid}.method__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.method__k{gap:12px;display:grid}.method__d{color:#f4f4f2e0;text-wrap:pretty;max-width:40em;font-size:clamp(1.06rem,1.35vw,1.22rem);line-height:1.55}.method__head .method__go{flex:none}.exp__head{margin-top:clamp(64px,11vh,130px)}.method__steps{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.method__steps li{align-content:start;gap:10px;padding:20px 18px 4px 0;display:grid}.method__steps li+li{border-left:1px solid var(--line);padding-left:18px}.method__n{font-family:var(--font-display);color:var(--quiet);font-variant-numeric:lining-nums;font-size:2rem;font-weight:500;line-height:1}.method__t{letter-spacing:-.012em;text-wrap:balance;font-size:1.02rem;font-weight:600;line-height:1.3}@media (width<=860px){.method__steps{grid-template-columns:1fr}.method__steps li{grid-template-columns:2.2rem minmax(0,1fr);align-items:baseline;padding:14px 0}.method__steps li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}.method__n{font-size:1.5rem}}.shelf2{padding-top:clamp(64px,11vh,130px)}.shelf2__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}@media (width<=960px){.shelf2__grid{grid-template-columns:1fr;gap:clamp(56px,9vh,90px)}}.notes__list li{border-top:1px solid var(--line)}.notes__list li:last-child{border-bottom:1px solid var(--line)}.nrow{align-items:center;gap:clamp(14px,2vw,24px);padding:16px clamp(0px,1vw,10px);display:flex;position:relative}.nrow:before{content:"";border-radius:var(--r-md);background:var(--gl-fill);opacity:0;transition:opacity .35s var(--out);z-index:-1;position:absolute;inset:5px -12px}.nrow__k{min-width:0;transition:transform .5s var(--out);gap:7px;display:grid}@media (hover:hover){.nrow:hover:before{opacity:1}.nrow:hover .nrow__k{transform:translate(8px)}}.rec{border-radius:var(--r-xl);gap:16px;padding:14px 14px 20px;display:grid}.rec__k{gap:7px;padding:0 8px;display:grid}.film__frame{aspect-ratio:16/9;border-radius:24px;display:block}.film__play{border:1px solid var(--gl-edge);backdrop-filter:blur(14px);width:46px;height:46px;transition:transform .3s var(--out);background:#1213169e;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;left:14px}.rec:hover .film__play{transform:scale(1.1)}
