.home{overflow-x:clip}.kf-stick{position:sticky;top:0;height:0;z-index:-1;pointer-events:none}.kf-field{position:absolute;left:50%;top:-96px;width:1840px;transform:translate(-50%);padding-top:8px;-webkit-mask-image:linear-gradient(transparent 0,#000 260px,#000 82%,transparent);mask-image:linear-gradient(transparent 0,#000 260px,#000 82%,transparent)}.kf-row{display:flex;gap:8px;margin-bottom:8px;transform:translate(-430px)}.kf-key{flex:none;height:54px;padding:7px 9px;border-radius:11px;border:1px solid var(--keyboard-edge);background:var(--keyboard-face);color:var(--keyboard-fg);font:500 12px var(--font-mono)}@keyframes kf-press{0%,93%,to{background:var(--keyboard-face);border-color:var(--keyboard-edge);color:var(--keyboard-fg);box-shadow:0 0 0 0 transparent;transform:none}94.5%,96%{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 16%,transparent);transform:translateY(1px)}}@media(prefers-reduced-motion:no-preference){.kf-lit{animation:kf-press 6s ease-out infinite}}.halo{position:relative}.halo:before{content:"";position:absolute;inset:-72px -96px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in oklab,var(--bg) 97%,transparent) 58%,transparent)}.glass{background:#fff3;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);box-shadow:inset 0 0 0 1px #ffffffbf,0 0 0 1px #0000000f,0 24px 60px #00000014}:root[data-theme=dark] .glass,:root:not([data-theme=light]) .glass{background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff17,0 24px 60px #00000059}.home-h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.018em}.home-lead{margin:16px 0 0;font-size:clamp(17px,1.6vw,19px);line-height:1.5;color:var(--fg-muted)}.home-wrap{max-width:var(--page-w);margin:0 auto;padding:0 24px}.hero{position:relative;padding:clamp(48px,9vw,88px) 24px 0;text-align:center}.hero-words{position:relative;z-index:1}.hero-icon{display:inline-flex;width:76px;height:76px;border-radius:18px;background:var(--color-ink-800);align-items:center;justify-content:center;box-shadow:0 1px 2px #0003,0 8px 24px #0000001f}.hero-name{margin:20px 0 0;font-size:21px;font-weight:600}.hero h1{margin:8px auto 0;max-width:820px;font-size:clamp(36px,4.6vw,64px);line-height:1.07;font-weight:700;letter-spacing:-.022em}.hero .lead{margin:22px auto 0;max-width:600px;font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--fg-muted)}.hero-actions{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px}.hero-actions .pill{min-height:48px;padding:0 24px;font-size:17px}.hero-actions .link-more{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:17px}.hero .fine{margin:14px 0 0;font-size:13px;color:var(--fg-muted)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}:root[data-theme=dark] .hero-icon,:root:not([data-theme=light]) .hero-icon,:root[data-theme=dark] .dl-icon,:root:not([data-theme=light]) .dl-icon{box-shadow:0 0 0 1px var(--line-strong),0 10px 24px #00000080}.scroll-cue{position:fixed;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom));z-index:30;display:flex;justify-content:center;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.scroll-cue[data-gone=true]{opacity:0;transform:translateY(10px)}.scroll-cue button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--fg-faint);cursor:pointer}.scroll-cue[data-gone=true] button{pointer-events:none}.scroll-cue button:hover{color:var(--fg)}@media(max-height:640px){.scroll-cue{display:none}}@keyframes cue-in{0%{opacity:0;transform:translateY(14px)}}@keyframes cue-bounce{0%,22%,44%,to{translate:0 0}11%{translate:0 -9px}33%{translate:0 -4px}}@keyframes cue-light{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:no-preference){.scroll-cue{animation:cue-in .6s 1.1s cubic-bezier(.2,.7,.2,1) backwards}.scroll-cue button{animation:cue-bounce 2.4s 1.8s ease-in-out infinite}.scroll-cue .near{animation:cue-light 1.2s ease-in-out infinite}.scroll-cue .far{animation:cue-light 1.2s .3s ease-in-out infinite}}.hero-stage{position:relative;z-index:1;margin-top:clamp(36px,6vw,64px)}.stage-wrap{position:relative;margin:0 auto}.shot-inner{width:1120px;margin:0 auto;isolation:isolate}@media(max-width:1167px){.shot-inner{zoom:.9}}@media(max-width:1055px){.shot-inner{zoom:.8}}@media(max-width:943px){.shot-inner{zoom:.7}}@media(max-width:831px){.shot-inner{zoom:.6}}@media(max-width:719px){.shot-inner{zoom:.5}}@media(max-width:607px){.shot-inner{zoom:.42}}@media(max-width:517px){.shot-inner{zoom:.36}}@media(max-width:450px){.shot-inner{zoom:.31}}@media(max-width:394px){.shot-inner{zoom:.28}}@media(max-width:361px){.shot-inner{zoom:.25}}@media(max-width:327px){.shot-inner{zoom:.22}}.pin-head{display:none;max-width:var(--page-w);margin:0 auto 20px;flex-direction:column;align-items:center;text-align:center}.pin-head .title{font-size:clamp(22px,2.4vw,32px);line-height:1.15;font-weight:700;letter-spacing:-.02em}.pin-head .sub{margin-top:4px;font-size:14px;color:var(--fg-muted)}.cap-stack{position:absolute;z-index:2;top:56px;right:24px;width:340px}@media(orientation:portrait)and (max-width:1100px){.cap-stack{position:relative;top:auto;right:auto;width:auto;height:200px;margin-top:16px}}.cap-card{position:absolute;top:0;left:0;right:0;padding:16px 18px 18px;border-radius:16px;background:color-mix(in oklab,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 0 0 .5px #0000001f,0 24px 60px #00000059;text-align:left}.cap-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;color:var(--fg-muted)}.cap-dots{display:flex;gap:4px}.cap-dots>span{width:5px;height:5px;border-radius:3px;background:var(--line-strong)}.cap-dots>span[data-on=true]{width:16px;background:var(--accent)}.cap-keys{margin-top:12px;display:flex;flex-wrap:wrap;gap:5px}.h-press{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 9px;border-radius:7px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 1px 0 var(--line-strong);font-size:15px;color:var(--fg)}.cap-title{margin-top:12px;font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.cap-desc{margin-top:5px;font-size:14px;line-height:1.45;color:var(--fg-muted)}.film{padding:clamp(80px,11vw,128px) 24px 0}.film-in{max-width:980px;margin:0 auto}.film .halo{text-align:center;margin-bottom:32px}.feature{max-width:var(--page-w);margin:0 auto;padding:clamp(80px,11vw,128px) 24px 0}.feature-row{display:flex;flex-wrap:wrap;align-items:center;gap:48px 72px}.feature-words{flex:1 1 360px}.feature-tile{flex:1 1 520px;border-radius:clamp(20px,4vw,28px);padding:clamp(20px,5vw,40px)}.feature .more{margin:18px 0 0;font-size:17px}.tile-hyper{min-height:clamp(260px,48vw,380px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vw,28px)}.hyper-keys{container-type:inline-size;width:100%}.hk-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:min(16px,2.4cqw)}.hk-mods{display:flex;flex-wrap:nowrap;gap:min(16px,2.4cqw)}.hk-caps{display:inline-flex;flex:none;align-items:flex-end;width:min(168px,26cqw);height:min(76px,13cqw);padding:8px 12px;border-radius:12px;background:var(--accent);color:#1d1d1f;box-shadow:0 3px 0 var(--color-amber-600),0 10px 24px color-mix(in oklab,var(--accent) 25%,transparent);font-size:min(15px,3cqw);font-weight:600;white-space:nowrap}.hk-mod{display:inline-flex;flex:none;align-items:center;justify-content:center;width:min(76px,13cqw);height:min(76px,13cqw);border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line-strong),0 2px 0 var(--line-strong);color:var(--fg);font-size:min(28px,5.4cqw)}.hk-arrow{flex:none;width:min(28px,4.6cqw);height:min(28px,4.6cqw);color:var(--fg-faint)}@container (max-width: 420px){.hk-row{flex-direction:column;gap:12px}.hk-arrow{width:24px;height:24px;transform:rotate(90deg)}.hk-caps{width:min(200px,62cqw);height:60px;font-size:15px}.hk-mods{gap:min(12px,3cqw)}.hk-mod{width:min(64px,22cqw);height:min(64px,22cqw);font-size:min(26px,8cqw)}}.tile-hyper .caption{margin:0;font-size:15px;color:var(--fg-muted)}.snip-row{flex-wrap:wrap-reverse}.tile-snip{min-height:clamp(320px,50vw,440px);display:flex;align-items:center;justify-content:center}.snip-note-wrap{position:relative;width:100%;max-width:440px}.snip-note{border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 12px 32px #00000014;padding:18px 22px 20px;font-size:15px;line-height:2}.snip-note .label{margin-bottom:8px;color:var(--fg-faint);font-size:13px;line-height:1.4}.snip-note .line{white-space:nowrap}.tw{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top}.tw.typed{max-width:0;border-radius:3px;background:var(--accent-soft)}.sn-panel{position:absolute;z-index:2;top:82px;left:clamp(48px,24%,108px);display:grid;grid-template-columns:auto auto 1fr;padding:5px;border:1px solid var(--line-faint);border-radius:10px;background:color-mix(in oklab,var(--surface) 96%,transparent);color:var(--fg);box-shadow:0 8px 26px #0000002e;opacity:0}.sn-panel .row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;gap:0 10px;padding:3px 8px;border-radius:6px;font-size:12px;line-height:1.5;white-space:nowrap}.sn-panel .row[data-on=true]{background:var(--line-faint)}.sn-panel .typed{font-family:var(--font-mono)}.sn-panel .dim{color:var(--fg-muted)}.sn-panel .tab{display:inline-flex;align-items:center;justify-content:center;width:18px;height:16px;border-radius:4px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-text)}.sn-panel .foot{grid-column:1 / -1;display:flex;justify-content:space-between;gap:16px;margin-top:4px;padding:5px 8px 2px;border-top:1px solid var(--line-faint);font-size:10.5px;color:var(--fg-muted)}.snip-kinds{margin:24px 0 0;padding:0;list-style:none}.snip-kinds li{padding:10px 0 10px 16px;border-left:2px solid var(--line)}.snip-kinds .head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.snip-kinds b{font-size:16px;font-weight:600}.snip-kinds .eg{font-size:14px;color:var(--fg-muted)}.snip-kinds code{padding:1px 6px;border-radius:5px;background:var(--bg-alt);font-family:var(--font-mono);font-size:13px}.snip-kinds .desc{margin-top:3px;font-size:14px;line-height:1.45;color:var(--fg-muted)}.actions-band{margin-top:clamp(88px,12vw,140px);background:var(--bg-alt);padding:clamp(64px,9vw,96px) 24px}.actions-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px 24px}.actions-grid h3{margin:0 0 12px;font-size:14px;font-weight:600}.actions-grid p{margin:0 0 8px;font-size:14px;color:var(--fg-muted)}@property --n{syntax: "<integer>"; inherits: false; initial-value: 0;}.sd-count{font-variant-numeric:tabular-nums}.ext-band{background:#111214;color:#f5f5f7;padding:clamp(72px,10vw,112px) 24px}.ext-band .home-lead{color:#a1a1a6}.ext-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px}.ext-head a{font-size:17px;min-height:44px;display:inline-flex;align-items:center;color:#ffbb2e;text-decoration:none}.ext-head a:hover{text-decoration:underline}.ext-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.ext-tile{height:100%;display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;background:#1c1c1f;box-shadow:inset 0 0 0 1px #2c2c31;color:inherit;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.ext-tile:hover{transform:translateY(-3px)}.ext-tile h3{margin:2px 0 0;font-size:15px;font-weight:600;color:#f5f5f7}.ext-tile p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#a1a1a6}.pricing{max-width:var(--page-w);margin:0 auto;padding:clamp(88px,12vw,140px) 24px 0;overflow-x:clip}.pricing .halo{max-width:720px;margin:0 auto;text-align:center}.pricing .home-lead{margin-left:auto;margin-right:auto;max-width:560px}.plans{margin:48px auto 0;max-width:860px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.plan{height:100%;border-radius:22px;padding:clamp(24px,6vw,36px);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.plan:hover{transform:translateY(-3px)}.plan h3{margin:0;font-size:21px;font-weight:600}.plan .price{margin:10px 0 0;font-size:40px;font-weight:700;letter-spacing:-.02em}.plan .per{font-size:17px;font-weight:400}.plan ul{margin:22px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.5}.plan li{padding:8px 0;border-top:1px solid var(--line)}.plan .buy{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.plan-free{background:var(--bg-alt)}.plan-free li{color:var(--fg-muted)}.plan-pro{background:#1d1d1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.plan-pro .per{color:#a1a1a6}.plan-pro li{color:#d2d2d7;border-top-color:#3a3a3c}.plan-pro .amber{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:980px;background:var(--accent);color:#1d1d1f;font-size:15px;font-weight:600;text-decoration:none}.plan-pro .amber:hover{background:var(--color-amber-400)}.plan-pro .yearly{color:#ffbb2e;font-size:15px;text-decoration:none}.plan-pro .yearly:hover{text-decoration:underline}.dl{margin-top:clamp(56px,8vw,96px);padding:clamp(56px,8vw,96px) 24px clamp(72px,10vw,120px)}.dl-window{max-width:860px;margin:0 auto;border-radius:14px;background:var(--surface);box-shadow:0 0 0 .5px #00000038,0 40px 90px #0000002e,0 10px 24px #0000000f;overflow:hidden}:root[data-theme=dark] .dl-window,:root:not([data-theme=light]) .dl-window{background:var(--surface-raised);box-shadow:0 0 0 1px var(--line-strong),0 40px 90px #0009}.dl-bar{position:relative;height:38px;background:var(--bg-alt);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px}.dl-bar .lights{display:flex;gap:8px}.dl-bar .lights span{width:12px;height:12px;border-radius:50%}.dl-bar .name{position:absolute;left:0;right:0;text-align:center;font-size:13px;font-weight:600;color:var(--fg-muted);pointer-events:none}.dl-body{display:flex;flex-wrap:wrap;gap:24px 28px;padding:clamp(22px,4vw,36px)}.dl-icon{flex:none;display:inline-flex;width:80px;height:80px;border-radius:19px;background:var(--color-ink-800);align-items:center;justify-content:center;box-shadow:0 10px 24px #0003}.dl-text{flex:1 1 380px;min-width:0}.dl-text h2{margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.15;font-weight:700;letter-spacing:-.015em}.dl-text .when{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--fg-muted)}.dl-text .new{margin-top:20px;font-size:13px;font-weight:600;color:var(--fg-muted)}.dl-text ul{margin:8px 0 0;padding:12px 16px 12px 34px;border-radius:10px;background:var(--bg-alt);box-shadow:inset 0 0 0 1px var(--line-faint);font-size:14px;line-height:1.55;color:var(--fg-muted)}.dl-text li{padding:3px 0}.dl-foot{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px}.dl-foot .fine{font-size:13px;color:var(--fg-muted)}.dl-foot .buttons{display:flex;flex-wrap:wrap;gap:10px}@keyframes hero-out{to{opacity:0;transform:translateY(-56px) scale(.97)}}@keyframes shot-in{0%{transform:perspective(1800px) rotateX(18deg) scale(.88);opacity:.55}to{transform:perspective(1800px) rotateX(0) scale(1);opacity:1}}@keyframes mask-up{0%{clip-path:inset(0 0 100% 0);transform:translateY(32px)}to{clip-path:inset(0 0 -20% 0);transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(32px) scale(.94)}to{opacity:1;transform:none}}@keyframes from-left{0%{opacity:0;transform:translate(-64px)}to{opacity:1;transform:none}}@keyframes from-right{0%{opacity:0;transform:translate(64px)}to{opacity:1;transform:none}}@keyframes icon-zoom{0%{opacity:0;transform:scale(.45) rotate(-16deg)}to{opacity:1;transform:none}}@keyframes count-up{0%{--n: 0}to{--n: var(--to)}}@keyframes caps-press{to{transform:translateY(3px);box-shadow:0 0 0 var(--color-amber-600),0 3px 8px color-mix(in oklab,var(--accent) 18%,transparent)}}@keyframes mod-on{to{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent),0 2px 0 var(--color-amber-600);transform:translateY(2px)}}@keyframes caption-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sn-t1{0%,2%{max-width:0}6%{max-width:.6em}10%,23%{max-width:3em}24%,to{max-width:0}}@keyframes sn-o1{0%,24%{max-width:0}26%,to{max-width:10em}}@keyframes sn-panel{0%,7%{opacity:0;transform:translateY(-4px)}9%,23%{opacity:1;transform:none}24%,to{opacity:0;transform:none}}@keyframes sn-tab{0%,18%{transform:none}21%{transform:scale(1.3);background:var(--accent)}23%,to{transform:none}}@keyframes sn-l2{0%,27%{opacity:0;transform:translateY(6px)}30%,to{opacity:1;transform:none}}@keyframes sn-t2{0%,30%{max-width:0}36%,39%{max-width:1.4em}40%,to{max-width:0}}@keyframes sn-o2{0%,40%{max-width:0}42%,to{max-width:5em}}@keyframes sn-l3{0%,45%{opacity:0;transform:translateY(6px)}48%,to{opacity:1;transform:none}}@keyframes sn-t3{0%,48%{max-width:0}56%,59%{max-width:4.6em}60%,to{max-width:0}}@keyframes sn-o3{0%,60%{max-width:0}62%,to{max-width:5em}}@keyframes sn-l4{0%,65%{opacity:0;transform:translateY(6px)}68%,to{opacity:1;transform:none}}@keyframes sn-t4{0%,68%{max-width:0}76%,79%{max-width:4.2em}80%,to{max-width:0}}@keyframes sn-o4{0%,80%{max-width:0}82%,to{max-width:6em}}@keyframes sn-k1{0%,25%{opacity:1;border-left-color:var(--accent)}27%,to{opacity:.45;border-left-color:var(--line)}}@keyframes sn-k2{0%,26%{opacity:.45;border-left-color:var(--line)}28%,43%{opacity:1;border-left-color:var(--accent)}45%,to{opacity:.45;border-left-color:var(--line)}}@keyframes sn-k3{0%,44%{opacity:.45;border-left-color:var(--line)}46%,63%{opacity:1;border-left-color:var(--accent)}65%,to{opacity:.45;border-left-color:var(--line)}}@keyframes sn-k4{0%,64%{opacity:.45;border-left-color:var(--line)}66%,to{opacity:1;border-left-color:var(--accent)}}@keyframes head-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes show-flat{0%{opacity:0}4%,96%{opacity:1}to{opacity:0}}@keyframes show-first{0%,96%{opacity:1}to{opacity:0}}@keyframes card-in{0%{opacity:0;transform:translateY(32px) scale(.96)}12%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px) scale(.98)}}@keyframes card-first{0%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px) scale(.98)}}@keyframes card-last{0%{opacity:0;transform:translateY(32px) scale(.96)}12%,to{opacity:1;transform:none}}@keyframes press-on{0%{box-shadow:0 1px 0 var(--line-strong);transform:none}10%,85%{background:var(--accent);color:#1d1d1f;box-shadow:0 0 0 var(--color-amber-600);transform:translateY(1px)}to{box-shadow:0 1px 0 var(--line-strong);transform:none}}@keyframes h-settings{0%,10%{left:48px;top:52px;width:560px;height:470px}11%,to{left:0;top:28px;width:560px;height:542px}}@keyframes h-hud{0%,3%{opacity:0;transform:translateY(5px) scale(.985)}3.5%,9.5%{opacity:1;transform:none}10%,to{opacity:0;transform:translateY(3px) scale(.99)}}@keyframes h-key{0%,7.9%{background:#ffffff1f;color:#ffab00}8%,9.6%{background:#ffab00;color:#1c1c1e}9.7%,to{background:#ffffff1f;color:#ffab00}}@keyframes h-safari{0%,17%{opacity:0;transform:scale(.94);left:300px;top:70px;width:700px;height:440px}18.5%,50%{opacity:1;transform:none;left:300px;top:70px;width:700px;height:440px}51.5%,to{opacity:1;transform:none;left:560px;top:28px;width:560px;height:542px}}@keyframes h-code{0%,31%{opacity:0;transform:scale(.94);left:180px;top:92px;width:700px;height:440px}32.5%,45%{opacity:1;transform:none;left:180px;top:92px;width:700px;height:440px}46.5%,to{opacity:1;transform:none;left:0;top:28px;width:560px;height:542px}}@keyframes h-slack{0%,59.5%{opacity:0;transform:scale(.94)}61%,to{opacity:1;transform:none}}@keyframes h-teams{0%,73.5%{opacity:0;transform:scale(.94)}75%,79%{opacity:1;transform:none}80.5%,to{opacity:0;transform:scale(.94)}}@keyframes h-lock{0%,88.5%{opacity:0}90.5%,to{opacity:1}}@keyframes h-typed{0%,63.5%{max-width:0}65.5%,66.5%{max-width:3em}67%,to{max-width:0}}@keyframes h-out{0%,67%{max-width:0}68.5%,to{max-width:10em}}@media(prefers-reduced-motion:no-preference){.rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}@supports (animation-timeline: view()){.sd-hero-out{animation:hero-out linear both;animation-timeline:scroll(root);animation-range:0px 560px}.sd-tilt{transform-origin:50% 100%;animation:shot-in linear both;animation-timeline:view();animation-range:entry 0% cover 42%}.sd-mask{animation:mask-up linear both;animation-timeline:view();animation-range:entry 15% entry 95%}.sd-up{animation:fade-up linear both;animation-timeline:view();animation-range:entry 5% entry 90%}.sd-pop{animation:pop-in linear both;animation-timeline:view();animation-range:var(--range, entry 0% cover 28%)}.sd-left{animation:from-left linear both;animation-timeline:view();animation-range:entry 0% cover 35%}.sd-right{animation:from-right linear both;animation-timeline:view();animation-range:entry 0% cover 35%}.sd-icon{animation:icon-zoom linear both;animation-timeline:view();animation-range:entry 10% entry 100%}.sd-count{animation:count-up linear both;animation-timeline:view();animation-range:entry 30% cover 45%;counter-reset:n var(--n)}.sd-count:after{content:counter(n)}.sd-count .static{display:none}.tile-hyper{view-timeline-name:--hyper}.hk-caps{animation:caps-press linear both;animation-timeline:--hyper;animation-range:cover 30% cover 37%}.hk-mod{animation:mod-on linear both;animation-timeline:--hyper;animation-range:var(--range)}.tile-hyper .caption{animation:caption-in linear both;animation-timeline:--hyper;animation-range:cover 60% cover 67%}.snip-row{view-timeline-name:--snip}.sn-t1,.sn-o1,.sn-panel,.sn-tab,.sn-l2,.sn-t2,.sn-o2,.sn-l3,.sn-t3,.sn-o3,.sn-l4,.sn-t4,.sn-o4,.sn-k1,.sn-k2,.sn-k3,.sn-k4{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--snip;animation-range:cover 18% cover 82%}.sn-t1{animation-name:sn-t1}.sn-o1{animation-name:sn-o1}.sn-panel{animation-name:sn-panel}.sn-tab{animation-name:sn-tab}.sn-l2{animation-name:sn-l2}.sn-t2{animation-name:sn-t2}.sn-o2{animation-name:sn-o2}.sn-l3{animation-name:sn-l3}.sn-t3{animation-name:sn-t3}.sn-o3{animation-name:sn-o3}.sn-l4{animation-name:sn-l4}.sn-t4{animation-name:sn-t4}.sn-o4{animation-name:sn-o4}.sn-k1{animation-name:sn-k1}.sn-k2{animation-name:sn-k2}.sn-k3{animation-name:sn-k3}.sn-k4{animation-name:sn-k4}.hero-stage{view-timeline-name:--hero;height:3800px}.stage-pin{position:sticky;top:var(--nav-h);padding-top:20px}.pin-head{display:flex;animation:head-in linear both;animation-timeline:--hero;animation-range:contain 0% contain 3%}@media(orientation:portrait)and (max-width:1100px){.stage-pin{min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;padding:20px 0}}.h-settings,.h-hud,.h-key,.h-lock,.h-typed,.h-out{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--hero;animation-range:contain 0% contain 100%}.h-settings{animation-name:h-settings}.h-hud{animation-name:h-hud}.h-key{animation-name:h-key}.h-lock{animation-name:h-lock}.h-typed{animation-name:h-typed}.h-out{animation-name:h-out}.h-safari,.h-code,.h-slack,.h-teams{transform-origin:50% 50%;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--hero;animation-range:contain 0% contain 100%}.h-safari{animation-name:h-safari}.h-code{animation-name:h-code}.h-slack{animation-name:h-slack}.h-teams{animation-name:h-teams}.h-flat{animation:show-flat linear both;animation-timeline:--hero;animation-range:var(--range)}.h-flat.first{animation-name:show-first}.h-card{animation:card-in linear both;animation-timeline:--hero;animation-range:var(--range)}.h-card.first{animation-name:card-first}.h-card.last{animation-name:card-last}.h-press{animation:press-on linear both;animation-timeline:--hero;animation-range:var(--range)}@media(max-height:760px)and (min-width:1168px){.shot-inner{zoom:.85}}@media(max-height:660px)and (min-width:1168px){.shot-inner{zoom:.72}}}}