.hero-shell{padding-top:var(--hv-chrome-h,64px);background:var(--hv-page,#fcfbf8);position:relative;overflow-x:clip;container:shell/inline-size}.hero-inner{--u:1;--t:1;--g:calc(88px * var(--t));--cw:calc(1264px * var(--t));--pl:max(var(--g), calc((100cqw - var(--cw)) / 2), env(safe-area-inset-left,0px));--pr:max(var(--g), calc((100cqw - var(--cw)) / 2), env(safe-area-inset-right,0px));--reserve:104px;height:calc(100cqh - var(--hv-chrome-h,64px));box-sizing:border-box;min-height:520px;padding:calc(24px * var(--u)) var(--pr) var(--reserve) var(--pl);flex-direction:column;transition:padding-bottom .5s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:clip}html:has(.cookie-banner) .hero-inner:not(.is-apps-side){--reserve:194px}.hero-inner.is-apps-side .hero-side{transition:padding-bottom .5s cubic-bezier(.4,0,.2,1)}html:has(.cookie-banner) .hero-inner.is-apps-side .hero-side{padding-bottom:90px}@container shell (max-width:1119px){html:has(.cookie-banner) .hero-inner.is-apps-side{--reserve:194px}}.hero-pickrow{margin-bottom:calc(32px * var(--u));flex:none;justify-content:center;display:flex}.hero-pickrow .hero-pill{align-self:center}.hero-row{align-items:stretch;gap:calc(48px * var(--t));z-index:2;flex:auto;min-height:0;display:flex;position:relative}.hero-side{flex:0 0 calc(440px * var(--t));z-index:30;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.hero-col{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.hero-apps{margin-top:calc(40px * var(--u));z-index:1;width:var(--cw);box-sizing:border-box;flex-direction:column;flex:none;align-self:center;align-items:center;max-width:100%;padding:0;display:flex;position:relative;container:apps/inline-size}.hero-apps-box{border-radius:calc(20px * var(--sq,1));corner-shape:squircle;-webkit-backdrop-filter:blur(3px)saturate(1.9);backdrop-filter:blur(3px)saturate(1.9);max-width:100%;box-shadow:var(--hv-glass-edge), -2px 0px 11px 0px #05080c0a;background:linear-gradient(#ffffff75,#ffffff1a);justify-content:center;align-items:center;gap:clamp(22px,2.8vw,40px);padding:7px 40px;display:flex}@container apps (max-width:1040px){.hero-apps-box{padding:10px 28px}}.hero-apps .hv-applogos.hv-applogos--under.hv-applogos--hero{--lg:calc(40px * var(--t));gap:calc(12px * var(--u)) calc(38px * var(--t))}.hero-inner.is-apps-side .hero-apps{display:none}.hero-side .hero-apps-side{margin-top:calc(34px * var(--u));gap:calc(10px * var(--u));flex-direction:column;display:flex}.hero-apps-side .hero-apps-cap{font-size:max(12px, calc(13px * var(--t)));color:var(--hv-faint,#00000080);margin:0}.hero-side .hero-apps-side .hv-applogos.hv-applogos--under.hv-applogos--hero{--lg:calc(28px * var(--t));justify-content:start;justify-items:start;gap:calc(12px * var(--u)) calc(26px * var(--t));grid-template-columns:repeat(3,auto);margin:0}.hero-pill{--pk-th:44px;--pk-pad:4px;--pk-tab:18px;--pk-fs:13px;--pk-ic:17px;--pk-lg:8px;padding:var(--pk-pad);isolation:isolate;align-self:flex-start;gap:2px;max-width:100%;display:inline-flex;position:relative}@container shell (min-width:1800px){.hero-pill{--pk-th:48px;--pk-tab:20px;--pk-fs:14px;--pk-ic:18px;--pk-lg:9px}}.hero-pill-bg,.hero-pill-hl{pointer-events:none;corner-shape:squircle;width:0;display:block;position:absolute;left:0}.hero-pill-bg{z-index:0;border-radius:calc((var(--pk-th) / 2 + var(--pk-pad)) * var(--sq,1));background:color-mix(in srgb, var(--hv-text,#111) 5%, transparent);top:0;bottom:0}.hero-pill-hl{top:var(--pk-pad);bottom:var(--pk-pad);z-index:1;border-radius:calc(var(--pk-th) / 2 * var(--sq,1));will-change:transform;background:#fff;overflow:hidden;box-shadow:0 0 0 .5px #11121417,0 1px 2px #11121412,0 2px 8px -2px #11121412}@property --hero-p{syntax:"<percentage>";inherits:true;initial-value:0%}.hero-pill.is-timing .hero-tab.is-on .hero-tab-l>span{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg, #3d3f44 calc(var(--hero-p) - 14%), #b4b6bb calc(var(--hero-p) + 14%))}.hero-tab{z-index:2;height:var(--pk-th);padding:0 var(--pk-tab);border-radius:calc(var(--pk-th) / 2 * var(--sq,1));corner-shape:squircle;color:#6a6c72;font:500 var(--pk-fs)/1 var(--font-body,-apple-system, system-ui, sans-serif);letter-spacing:0;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;border:0;align-items:center;transition:color .2s;display:inline-flex;position:relative}.hero-tab.is-on{color:#232529}@media (hover:hover){.hero-tab:hover{color:#3f4146}.hero-tab.is-on:hover{color:#232529}}.hero-tab .hero-tab-l{color:#a3a5aa;transition:color .2s}.hero-tab.is-on .hero-tab-l{color:#7d7f85}.hero-pill.is-all .hero-tab .hero-tab-l{color:#6f7177}.hero-pill.is-all .hero-tab.is-on .hero-tab-l{color:#3d3f44}@media (hover:hover){.hero-pill.is-all .hero-tab:hover .hero-tab-l{color:#2b2d31}}.hero-tab-l{white-space:nowrap;width:0;display:inline-block;overflow:hidden}.hero-tab-l>span{display:inline-block}.hero-tab-ghost{z-index:1;pointer-events:none;white-space:nowrap;font:500 var(--pk-fs)/1 var(--font-body,-apple-system, system-ui, sans-serif);color:#a3a5aa;position:absolute}.hero-ic{--icon-h:var(--pk-ic,17px);min-width:calc(var(--icon-h) + 5px);height:calc(var(--icon-h) + 7px);flex:none;place-items:center;line-height:0;display:inline-grid}.hero-ic svg{height:calc(var(--icon-h) * var(--ih,1));width:calc(var(--icon-h) * var(--ih,1) * var(--ia,1));display:block;overflow:visible}.hero-ic svg path{stroke-width:var(--icw,1.35px)}.hero-text{margin-top:0;display:grid}.hero-text>.hero-words{grid-area:1/1}.hero-words.is-ghost{visibility:hidden}.hero-side .hv-sec-head--hero{margin:0}.hero-side .hv-sec-head :where(h1,h2){letter-spacing:-.005em;text-wrap:balance;font-size:max(32px, calc(46px * var(--t)))!important;max-width:11em!important;line-height:1.04!important}.hero-side .hv-sec-head :where(h1,h2) .hv-ws--name{color:var(--hv-faint);display:block}.hero-side .hv-sec-head :where(h1,h2) .hv-ws--line{color:var(--hv-text);display:block}.hero-side .hv-sec-head :where(h1,h2) .hv-ws span{color:inherit;display:inline-block}.hero-side .hv-ws{position:relative}.hero-side .hv-ws>.hv-wl.is-cur{display:inline}.hero-side .hv-ws>.hv-wl.is-old{pointer-events:none;width:100%;display:block;position:absolute;top:0;left:0}.hero-side .hv-kick{margin:calc(18px * var(--u)) 0 0;max-width:26em;font-size:max(15px, calc(18px * var(--t)));line-height:1.5;animation:none}.hero-cta{margin-top:calc(32px * var(--u));flex-wrap:wrap;gap:10px;display:flex}@container shell (min-width:1800px){.hero-cta .hv-btn--lg{height:46px;padding:0 18px 1px;font-size:17px}}.hero-tab:focus-visible,.hero-cw-catch:focus-visible,.hero-inner .hv-btn:focus-visible{outline-offset:2px;outline:2px solid #1112148c}.hero-tab:focus:not(:focus-visible){outline:none}.hero-stage{flex:auto;min-width:0;min-height:0;position:relative}.hero-stage-in,.hero-part{position:absolute;inset:0}.hero-part.is-on{z-index:2}.hero-part:not(.is-on){z-index:1;pointer-events:none}.hero-part.is-away{visibility:hidden;pointer-events:none}@container shell (max-width:999px){.hero-inner{height:auto;min-height:0;padding-block:8px 260px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}.hero-row{flex-direction:column;flex:none;gap:32px}.hero-col{flex:none}.hero-side{flex:none;width:100%;max-width:640px}.hero-text{margin-top:0}.hero-pickrow{justify-content:flex-start;margin-bottom:24px;translate:none}.hero-cta{margin-top:24px}.hero-side .hv-sec-head :where(h1,h2){font-size:clamp(36px,9cqw,56px)!important}.hero-stage{flex:none;height:clamp(280px,93cqw - 37.2px,720px)}.hero-inner{--hero-stack:1}}@container shell (min-width:1000px){@media (max-width:1219px),(max-height:819px){.hero-inner{--hero-stack:1;height:auto;min-height:0;padding-bottom:140px}.hero-pickrow{margin-bottom:calc(28px * var(--u))}.hero-row{align-items:center;gap:calc(36px * var(--u));flex-direction:column;flex:none}.hero-side{width:100%;max-width:calc(860px * var(--t));text-align:center;flex:none;align-items:center}.hero-side .hv-sec-head :where(h1,h2){max-width:none!important;font-size:max(36px, calc(44px * var(--t)))!important;margin-inline:auto!important}.hero-side .hv-kick{margin-inline:auto;margin-top:calc(14px * var(--u))}.hero-cta{margin-top:calc(24px * var(--u));justify-content:center}.hero-text>.hero-words:not(.is-ghost){align-self:center}.hero-col{width:100%;max-width:min(1080px * var(--t), 1240px);flex:none}.hero-stage{height:clamp(420px, calc(min(100cqw - 2 * var(--g), 1080px * var(--t), 1240px) * .62), min(720px * var(--t), 800px));flex:none}.hero-apps{margin-top:calc(56px * var(--u))}}}@container shell (max-width:640px){.hero-tab-l{display:none}.hero-pill{--pk-th:40px;--pk-tab:14px}}.hero-fbox{position:absolute;inset:0;overflow:visible}.hero-wbox,.hero-pbox{position:absolute;top:0;left:0;overflow:hidden}.hero-wbox iframe,.hero-pbox iframe{transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:0;position:absolute}.hero-wbox{border-radius:12px;box-shadow:0 22px 40px #11121429,0 2px 6px #11121414}.hero-pbox{filter:drop-shadow(0 16px 30px #11121429)}.hero-live{position:absolute;inset:0;overflow:visible}.hero-scene{pointer-events:none;position:absolute}.hero-scene .hm-layer{width:100%;position:relative;bottom:auto;left:auto;transform:none}.hero-scene .hm-call-pan{visibility:hidden}.hero-scene .hm-call-ground,.hero-scene .hm-call-name,.hero-scene .hm-cur{display:none}.hero-coach{position:absolute;inset:0}.hero-cw{transform-origin:50%;will-change:transform;position:absolute;top:0;left:0}.hero-cw .hero-wbox{transition:filter .3s,box-shadow .3s}.hero-cw .hero-pbox{transition:filter .3s}.hero-cw:not(.is-front) .hero-wbox{filter:brightness(.97)saturate(.9);box-shadow:0 10px 24px #1112141f}.hero-cw:not(.is-front) .hero-pbox{filter:brightness(.97)saturate(.9)drop-shadow(0 10px 24px #1112141f)}.hero-cw-tag{font:600 12px/1 var(--font-body,system-ui);color:var(--hv-muted,#6b6d72);white-space:nowrap;background:#ffffffd9;border-radius:999px;padding:6px 10px;transition:color .3s,background .3s;position:absolute;top:-30px;left:6px;box-shadow:0 0 0 1px #1112140f}.hero-cw--panel .hero-cw-tag{left:auto;right:6px}.hero-cw.is-front .hero-cw-tag{color:var(--hv-text,#111);background:#fff}.hero-cw-catch{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.hero-cw-catch span{opacity:0;font:600 13px/1 var(--font-body,system-ui);color:#fff;pointer-events:none;background:#111214d1;border-radius:999px;padding:9px 14px;transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(4px)}.hero-cw-catch:hover span,.hero-cw-catch:focus-visible span{opacity:1;transform:none}.hero-cw:has(.hero-cw-catch:hover) .hero-wbox{filter:brightness()saturate();box-shadow:0 14px 30px #11121429}.hero-cw:has(.hero-cw-catch:hover) .hero-pbox{filter:brightness()saturate()drop-shadow(0 14px 30px #11121429)}.hero-desk{position:absolute;inset:0;overflow:hidden}.hero-desk-scene{position:absolute}.hero-desk-scene .hm-layer{width:100%;position:relative;bottom:auto;left:auto;transform:none}.hero-desk .hm-pill{display:none!important}.hero-desk .hm-row-c{cursor:pointer;border-radius:calc(12px * var(--sq,1));corner-shape:squircle;transition:background .15s}.hero-desk .hm-row-c+.hm-row-c{margin-top:6px}.hero-desk .hm-row-c:not(.is-open):hover{background:#11121409}.hero-lang{color:#5d6066;vertical-align:1px;background:#1112140f;border-radius:6px;margin-left:8px;padding:2px 7px;font-size:.8em;font-weight:500;display:inline-block}.hero-pill-frame{z-index:20;transform-origin:0 0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;pointer-events:none;background:0 0;border:0;width:600px;height:180px;position:absolute}.hero-desk .hm-compose.hero-hold{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hero-desk .hm-compose.hero-hold .hm-field{transition:border-color .25s,box-shadow .35s}.hero-desk .hm-ph{transition:opacity .2s}@media (hover:hover){.hero-desk .hm-compose.hero-hold:hover .hm-field{border-color:#d9dbe0}}.hero-desk-scene.is-listen .hm-field,.hero-desk-scene.is-write .hm-field,.hero-desk .hm-field.hero-typing{border-color:#c9ccd2;box-shadow:0 0 0 3px #1112140b}.hero-kbd{font:500 .82em/1 var(--font-body,-apple-system, system-ui, sans-serif);color:#4a4c52;vertical-align:1px;background:#f3f3f5;border-radius:5px;margin:0 2px;padding:3px 7px 4px;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-block;box-shadow:inset 0 -1px #11121421,0 0 0 1px #11121417}.hero-kbd.is-pressed{background:#e4e4e8;transform:translateY(1px)scale(.92);box-shadow:inset 0 1px 1px #11121429,0 0 0 1px #1112141f}.hero-stop{color:#b3b6bd;white-space:nowrap;pointer-events:none;opacity:0;font-size:.86em;line-height:1.5;transition:opacity .25s;position:absolute;bottom:9px;right:13px}.hero-desk-scene.is-listen .hero-stop{opacity:1;transition-delay:.3s}.hero-caret{vertical-align:-.2em;background:#1f2326;border-radius:1px;width:1.5px;height:1.15em;margin-left:1px;transition:opacity .35s;animation:1.06s step-end infinite hero-blink;display:inline-block}.hero-caret.is-typing{opacity:1;animation:none}.hero-caret.is-gone{opacity:0;animation:none}@keyframes hero-blink{0%,55%{opacity:1}56%,to{opacity:0}}.hero-w{display:inline-block}@media (prefers-reduced-motion:reduce){.hero-caret{animation:none}.hero-tab{transition:none}}.hero-part.is-on .hero-wbox{view-transition-name:hero-win}.hero-part.is-on .hero-pbox{view-transition-name:hero-panel}.hero-part.is-on .hero-scene .hm-scene.is-on .hm-call-win{view-transition-name:hero-call}.hero-part.is-on .hero-desk .hm-win{view-transition-name:hero-desk}.hero-part.is-on .hero-cw:not(.hero-cw--panel) .hero-cw-tag{view-transition-name:hero-tag-win}.hero-part.is-on .hero-cw--panel .hero-cw-tag{view-transition-name:hero-tag-panel}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}.hero-part.is-away :is(.lh-gsl,.lh-lean,.lh-fl),html.hero-vt .hero-part :is(.lh-gsl,.lh-lean,.lh-fl){animation-play-state:paused!important}::view-transition-group(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.45,0,.15,1);animation-fill-mode:both}::view-transition-group(hero-call){z-index:1}::view-transition-group(hero-desk){z-index:1}::view-transition-group(hero-win){z-index:1}::view-transition-group(hero-panel){z-index:2}::view-transition-group(hero-tag-win){z-index:3}::view-transition-group(hero-tag-panel){z-index:3}::view-transition-old(*):only-child{animation:.34s cubic-bezier(.4,0,1,1) both hero-vt-leave}::view-transition-new(*):only-child{animation:.62s cubic-bezier(.2,.8,.2,1) .14s both hero-vt-arrive}::view-transition-new(hero-panel):only-child{animation-delay:.24s}::view-transition-new(hero-tag-win):only-child{animation-delay:.34s}::view-transition-new(hero-tag-panel):only-child{animation-delay:.34s}@keyframes hero-vt-out{to{opacity:0}}@keyframes hero-vt-in{0%{opacity:0}}@keyframes hero-vt-leave{to{opacity:0;transform:scale(.97)}}@keyframes hero-vt-arrive{0%{opacity:0;transform:translateY(14px)scale(.985)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
