.app-sec{padding-top:0;padding-bottom:0}#appen .app-scene{position:relative}#appen .app-pin{padding:clamp(40px,5vh,64px) 0 clamp(28px,4vh,40px)}#appen .app-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;margin-bottom:clamp(20px,3vh,36px)}#appen .app-head .sec-side{margin-top:6px}#appen .app-head .sec-title,#appen .app-head .sec-side{grid-column:1/-1}#appen .app-head .sec-side{padding:0}#appen .app-head .body{max-width:44em}#appen .app-head .sec-title{grid-column:1/3}#appen .app-head .sec-side{grid-column:3/5;padding-bottom:4px}#appen .app-head .h2{font-size:clamp(32px,2.6vw,40px)}#appen .app-stage{max-width:var(--app-w,960px);margin:0 auto;perspective:1800px}#appen .device{transform-origin:50% 100%}#appen .app-screen{position:relative;aspect-ratio:4/3;border-radius:2.3%/3.2%;overflow:hidden;background:#f4f2ee}#appen .app-screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1)}#appen .app-screen img.on{opacity:1}#appen .app-tabs{display:inline-flex;justify-content:center;gap:4px;margin:clamp(20px,3vh,36px) auto 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 1px 2px #1d1d1b0d}#appen .app-tabs-wrap{text-align:center;margin-bottom:clamp(20px,2.4vw,36px)}#appen .app-note{margin:8px 0 0;text-align:center;font-size:14px;color:var(--ink2)}#appen .app-tabs button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--ink2);font:inherit;font-size:17px;font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:color .2s,background .2s}#appen .app-tabs button:hover{color:var(--ink)}#appen .app-tabs .ic{width:20px;height:20px;color:currentColor}#appen .app-tabs button[aria-selected=true]{color:#fff;background:var(--ink)}#appen .app-tabs button[aria-selected=true] .ic{color:#fff}#appen .app-tabs button:focus-visible{outline:2px solid var(--focus-ink);outline-offset:2px}#appen .app-tabs i{position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.5}#appen .app-tabs button.run i{animation:appfill var(--dur,6s) linear forwards}@keyframes appfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#appen .app-cap{margin:16px auto 0;max-width:36em;min-height:2.6em;text-align:center;font-size:clamp(18px,1.2vw,22px);font-weight:500;line-height:1.4;color:var(--ink);text-wrap:balance}#appen.pin .app-scene{height:calc(var(--vh,100vh) * 3.4)}#appen.pin .app-pin{position:sticky;top:0;height:var(--vh,100vh);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:0;padding-bottom:0}#appen.pin .app-head{margin-bottom:clamp(16px,2.4vh,28px)}#appen.pin .app-stage{width:min(var(--app-w,960px),100%)}#appen.pin .app-tabs i{animation:none;transition:transform .15s linear}#appen.pin .app-tabs button[aria-selected=true] i{opacity:.7}#appen .app-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-size:14px;color:var(--ink2);opacity:0;transition:opacity .3s}#appen.pin .app-hint.show{opacity:1}@media(max-width:640px){#appen .app-tabs-wrap{overflow-x:auto;margin:20px calc(-1*var(--gut)) 0;padding:0 var(--gut);scrollbar-width:none;text-align:left}#appen .app-tabs{margin:0;display:inline-flex}#appen .app-tabs-wrap::-webkit-scrollbar{display:none}#appen .app-tabs button{flex:none;padding:0 16px;font-size:15px}#appen .app-cap{text-align:left;min-height:4.5em}#appen .app-head{grid-template-columns:1fr}#appen .app-head .sec-title,#appen .app-head .sec-side{grid-column:1/-1}}@media(max-width:1180px){#appen .app-head{grid-template-columns:1fr}#appen .app-head .sec-title,#appen .app-head .sec-side{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){#appen .app-screen img{transition:none}}