.application-page{--application-header:104px;overflow-x:clip}.application-page .site-nav{z-index:40;height:var(--application-header);backdrop-filter:blur(12px);background:#f2f4f6ef;border-bottom:1px solid #d0d8e480;max-width:none;padding:8px max(30px,50vw - 660px);position:sticky;top:0}.application-page .brand-logo{width:70px;height:84px}.application-page .site-nav>.button{color:#fff;box-shadow:none}.application-tour{position:relative}.application-stage{max-width:1400px;margin:auto;padding:22px 40px 0}.application-orientation{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.08fr;gap:42px;padding-bottom:22px;display:grid}.application-orientation h1{font:500 clamp(30px,3vw,44px)/1.04 var(--display);letter-spacing:-.045em;margin:12px 0 0}.application-orientation h1 em{color:var(--accent);font-style:normal}.application-orientation .kicker{font-size:9px}.application-orientation-copy p{color:var(--muted);max-width:650px;margin:0 0 14px;font-size:14px}.application-orientation .actions{gap:18px;margin-top:0}.application-orientation .button{color:#fff;padding:9px 14px;font-size:12px}.text-link{color:var(--accent);font-size:12px;font-weight:650;text-decoration:none}.text-link:hover{text-underline-offset:4px;text-decoration:none}.application-group{scroll-margin-top:calc(var(--application-header) + 20px);padding:24px 0 40px}.application-group-label{font:500 10px/1.5 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 12px}.application-group-label>span{color:var(--accent);margin-right:10px}.application-tabs{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.application-tabs[hidden],.application-controls[hidden],.application-panel[hidden]{display:none}.application-tabs button{font:600 12px/1.4 var(--body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#f8faffb3;border-radius:6px;padding:9px 14px}.application-tabs button:hover{color:var(--ink);background:#e5ecf6}.application-tabs button[aria-selected=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.application-panel{grid-template-columns:1fr 1.08fr;align-items:center;gap:42px;padding:16px 0;display:grid}.application-copy{z-index:2;min-width:0;position:relative}.application-copy h3{font:500 clamp(28px,3.1vw,46px)/1.06 var(--display);letter-spacing:-.035em;max-width:580px;margin:0 0 20px}.application-copy p{color:var(--muted);max-width:580px;margin:0 0 20px;font-size:15px;line-height:1.6}.application-copy ul{color:var(--soft);margin:0;padding:0;font-size:12px;list-style:none}.application-copy li{border-bottom:1px solid #d0d8e466;padding:7px 0 7px 16px;position:relative}.application-copy li:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:14px;left:0}.application-page .story-word{display:inline-block}.application-figure{justify-self:center;width:100%;min-width:0;max-width:650px;margin:0}.application-image-area{position:relative}.application-image-link{cursor:zoom-in;border-radius:9px;display:block;position:relative;box-shadow:0 14px 40px #17243b1a}.application-image-link img{border-radius:9px;width:100%;height:auto;display:block}.screenshot-expand{color:var(--accent);border:1px solid var(--line);background:#fffffff0;border-radius:5px;place-items:center;width:29px;height:29px;font-size:21px;display:grid;position:absolute;bottom:10px;right:10px}.application-image-link:focus-visible,.application-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.application-figure figcaption{color:var(--muted);text-align:center;padding-top:14px;font-size:10px}.application-particles{pointer-events:none;z-index:3;visibility:hidden;position:fixed}.application-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:16px 0 20px;display:flex;position:relative}.application-group-links{gap:24px;display:flex}.application-group-links a{color:var(--muted);padding:6px 0;font-size:11px;text-decoration:none}.application-group-links a[aria-current]{color:var(--accent);box-shadow:0 2px var(--accent)}.application-motion-toggle{border:0;border-bottom:1px solid var(--line);color:var(--muted);font:11px var(--body);cursor:pointer;background:0 0;padding:5px 0}.application-progress{background:var(--line);width:100%;height:2px;position:absolute;bottom:0}.application-progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.application-animated .application-stage{top:var(--application-header);height:calc(100svh - var(--application-header));grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:sticky;overflow:visible}.application-animated .application-scenes{min-height:0;position:relative}.application-animated .application-group{flex-direction:column;padding:12px 0;display:flex;position:absolute;inset:0}.application-animated .application-panels{flex:1;min-height:0;position:relative}.application-animated .application-panel{padding:0;position:absolute;inset:0}.application-reading .application-group+.application-group{border-top:1px solid var(--line)}.application-reading .application-controls{margin-top:10px}.application-reading .application-progress{display:none}.application-download{max-width:var(--max);margin:auto;padding:60px 26px 20px}.application-download .closing{margin-bottom:54px}.application-download .download-support{margin-top:8px;font-size:12px}.screenshot-viewer{--viewer-gap:40px;width:min(1440px,calc(100vw - var(--viewer-gap)),calc((100dvh - var(--viewer-gap)) * var(--screenshot-ratio,1.595)));max-width:calc(100vw - var(--viewer-gap));height:fit-content;max-height:calc(100dvh - var(--viewer-gap));color:var(--ink);background:#f2f4f6;border:0;border-radius:9px;padding:0;overflow:hidden}.screenshot-viewer[open]{display:block}.screenshot-viewer::backdrop{background:#121a2bb3}.screenshot-viewer-toolbar{z-index:2;position:absolute;top:8px;right:8px}.screenshot-viewer-toolbar button{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;font:23px/1 var(--body);background:#fffffff0;border-radius:6px;place-items:center;padding:0;display:grid}.screenshot-viewer-error{color:var(--muted);margin:14px;font-size:12px}.screenshot-viewer-scroll{overflow:hidden}.screenshot-viewer-scroll img{width:100%;height:auto;display:block}body:has(.screenshot-viewer[open]){overflow:hidden}@media (width>=701px) and (height<=850px){.application-stage{padding-top:16px}.application-orientation{padding-bottom:16px}.application-orientation h1{font-size:34px}.application-orientation-copy p{font-size:13px;line-height:1.45}.application-copy h3{margin-bottom:14px;font-size:32px}.application-copy p{margin-bottom:12px;font-size:13px;line-height:1.5}.application-copy ul{font-size:11px}.application-copy li{padding-top:5px;padding-bottom:5px}.application-copy li:before{top:12px}.application-figure{max-width:min(650px,60svh)}}@media (width<=1000px){.application-stage{padding-inline:26px}.application-orientation,.application-panel{gap:24px}.application-group-links{gap:16px}.application-group-links a{font-size:10px}}@media (width<=700px),(pointer:coarse) and (width<=1100px){.application-stage{padding:12px 20px 0}.application-orientation{grid-template-columns:.85fr 1.15fr;gap:12px;padding-bottom:10px}.application-orientation h1{margin-top:6px;font-size:22px}.application-orientation h1 br{display:none}.application-orientation h1 em:before{content:" "}.application-orientation-copy p{margin-bottom:8px;font-size:11px;line-height:1.4}.application-orientation .button{padding:8px 10px;font-size:11px}.application-orientation .actions{gap:14px}.application-panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:stretch;align-items:stretch;gap:10px}.application-figure{grid-row:1;max-width:100%}.application-image-link{width:100%;margin:auto}.application-animated .application-image-link{width:min(100%,calc(var(--application-image-height,180px) * var(--surface-ratio,1.595)))}.application-image-area{width:100%;margin:auto}.application-figure figcaption{padding-top:8px;font-size:9px}.application-copy{grid-row:2}.application-copy h3{margin-bottom:10px;font-size:27px}.application-copy p{margin-bottom:10px;font-size:12px;line-height:1.45}.application-copy ul{font-size:10px}.application-copy li{padding:4px 0 4px 13px}.application-copy li:before{top:10px}.application-group-label{margin-bottom:9px;font-size:8px}.application-tabs{gap:5px;margin-bottom:10px}.application-tabs button{padding:7px 10px;font-size:10px}.application-animated .application-group{padding:12px 0}.application-controls{gap:12px;padding:10px 0 14px}.application-group-links{gap:18px}.application-group-links a span{display:none}.application-motion-toggle{font-size:10px}.application-download{padding:44px 20px 20px}.application-download .closing{margin-inline:0;margin-bottom:35px}.screenshot-viewer{--viewer-gap:16px}.application-mobile.application-animated .application-copy{flex-direction:column;min-height:0;display:flex}.application-mobile.application-animated .application-copy h3{flex:none;margin-bottom:8px;font-size:24px}.application-mobile .application-copy p{font-size:14px;line-height:1.55}.application-mobile .application-copy ul{font-size:12px}.application-mobile .application-copy li{padding-block:6px}.application-mobile.application-animated .application-details{scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.application-mobile .application-orientation-copy .application-motion-toggle{margin-top:6px}.application-details:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.application-orientation,.application-controls{z-index:5;position:relative}.application-orientation-copy .application-motion-toggle{margin-top:12px}.application-motion-toggle[hidden]{display:none}.application-ripple{pointer-events:none;z-index:4;border-radius:9px;width:100%;height:100%;position:absolute;inset:0}.application-ripple[hidden]{display:none}.application-character{transform-origin:50% 0;display:inline-block}.application-page-refraction{pointer-events:none;z-index:30;width:100vw;height:100dvh;position:fixed;inset:0}.application-page-refraction .application-ripple{border-radius:0}@media (width<=700px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.application-mobile.application-animated .application-panel{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1.08fr;gap:24px}.application-mobile.application-animated .application-copy{grid-area:1/1}.application-mobile.application-animated .application-figure{grid-area:1/2;align-self:center}.application-mobile.application-animated .application-copy h3{font-size:23px}}@media (width<=700px),(pointer:coarse) and (width<=1100px){html[data-theme] body.direction-02.application-page .application-tabs{gap:6px 14px}html[data-theme] body.direction-02.application-page .application-tabs button{padding-block:5px;font-size:11px}}@media (width<=380px) and (height<=720px){.application-mobile.application-animated .application-panel{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.application-mobile.application-animated .application-copy{grid-area:1/1}.application-mobile.application-animated .application-figure{grid-area:1/2;align-self:center}.application-mobile.application-animated .application-copy h3{font-size:20px}.application-mobile .application-copy p{font-size:13px;line-height:1.45}.application-mobile .application-copy ul{font-size:11px}.application-mobile .application-orientation-copy p{font-size:10.5px;line-height:1.35}}@media (width<=700px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.application-orientation{grid-template-columns:.65fr 1.35fr}.application-orientation-copy .actions{vertical-align:middle;margin-right:16px;display:inline-flex}.application-mobile .application-orientation-copy .application-motion-toggle{margin-top:0;padding-block:3px;display:inline-block}}