.reveal-group[data-inview=pending]>*{opacity:0;transform:translateY(20px)}.reveal-group[data-inview=in]>*{animation:.72s cubic-bezier(.2,.8,.2,1) both reveal-up}.reveal-group[data-inview=in]>:nth-child(2){animation-delay:90ms}.reveal-group[data-inview=in]>:nth-child(3){animation-delay:.18s}.reveal-group[data-inview=in]>:nth-child(4){animation-delay:.27s}.reveal-group[data-inview=in]>:nth-child(5){animation-delay:.36s}.reveal-group[data-inview=in]>:nth-child(n+6){animation-delay:.45s}.hero-enter>*{animation:.72s cubic-bezier(.2,.8,.2,1) both reveal-up;animation-delay:calc(.12s + var(--i,0) * .11s)}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal-group[data-inview=pending]>*{opacity:1;transform:none}.reveal-group[data-inview=in]>*,.hero-enter>*{animation:none}}
.landing-nav{--nav-ease:cubic-bezier(.2, .8, .2, 1);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);transition:background .32s var(--nav-ease), border-color .32s var(--nav-ease);background:#ffffffb8}.landing-nav-brand{color:var(--color-ink)}.landing-nav-link{color:var(--color-muted);transition:color .26s var(--nav-ease)}.landing-nav-link:hover{color:var(--color-ink)}.landing-nav-signin{color:var(--color-ink);border-color:var(--color-line);transition:background .26s var(--nav-ease), border-color .26s var(--nav-ease), color .26s var(--nav-ease)}.landing-nav-signin:hover{background:var(--color-surface)}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]){background:#06141b2e;border-bottom-color:#0000}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-brand{color:#fff}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-link{color:#ffffffc7}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-link:hover{color:#fff}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-signin{color:#fff;border-color:#ffffff47}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-signin:hover{background:#ffffff1a}.landing-nav-menu{width:40px;height:40px;color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;margin-right:-8px;display:inline-flex}.landing-nav-menu:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.landing-nav-glyph{width:18px;height:12px;display:block;position:relative}.landing-nav-glyph i{width:18px;height:2px;transition:transform .32s var(--nav-ease), top .32s var(--nav-ease);background:currentColor;border-radius:1px;position:absolute;left:0}.landing-nav-glyph i:first-child{top:0}.landing-nav-glyph i:last-child{top:10px}.landing-nav-glyph[data-open] i:first-child{top:5px;transform:rotate(45deg)}.landing-nav-glyph[data-open] i:last-child{top:5px;transform:rotate(-45deg)}.landing-nav-panel{border-bottom:1px solid var(--color-line);animation:nav-panel-in .26s var(--nav-ease) both;background:#fffffffb;padding:4px 20px 20px;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 48px -24px #06141b59}.landing-nav-panel ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.landing-nav-panel li a{height:52px;color:var(--color-ink);border-bottom:1px solid var(--color-line);align-items:center;font-size:17px;font-weight:600;display:flex}.landing-nav-panel-cta{background:var(--color-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;height:48px;margin-top:16px;font-size:15px;font-weight:600;display:flex}@keyframes nav-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-menu{color:#fff}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-panel{background:#06141bfb;border-bottom-color:#ffffff1a}#top:has([data-nav-dark]) .landing-nav:not([data-scrolled]) .landing-nav-panel li a{color:#fff;border-bottom-color:#ffffff1a}@media (prefers-reduced-motion:reduce){.landing-nav,.landing-nav-link,.landing-nav-signin,.landing-nav-glyph i{transition:none}.landing-nav-panel{animation:none}}@media (min-width:640px){.landing-nav-menu,.landing-nav-panel{display:none}}
.hero{background:var(--color-sidebar-deep);color:#fff;margin-top:-64px;padding-top:64px;padding-bottom:96px;position:relative;overflow:hidden}.hero-strip{transform-origin:50%;opacity:.14;pointer-events:none;gap:14px;width:380px;height:760px;display:flex;position:absolute;top:104px;left:-150px;transform:rotate(-16deg);-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#0000 100%)}.hero-strip-track{will-change:transform;flex-direction:column;flex:none;width:92px;animation:150s linear infinite hero-strip-drift;display:flex}.hero-strip-track:nth-child(2n){animation-duration:180s;animation-direction:reverse}.hero-strip-track:nth-child(3){animation-duration:165s}.hero-strip-cover{object-fit:cover;border-radius:3px;flex:none;width:92px;height:120px;margin-bottom:14px;display:block}@keyframes hero-strip-drift{to{transform:translateY(-50%)}}.hero-search-wrap{text-align:left;width:100%;max-width:600px;margin-top:44px;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(closest-side,#e11d2e29,#e11d2e00 100%);border-radius:50%;width:1080px;height:800px;margin:-400px 0 0 -540px;position:absolute;top:50%;left:50%}.hero-search{position:relative}.hero-card{z-index:2;border-radius:var(--radius-frame);background:var(--color-panel);color:var(--color-ink);flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;box-shadow:0 40px 80px -30px #000c,0 2px 6px #0000004d}.hero-peek{aspect-ratio:17/22;object-fit:cover;box-shadow:var(--shadow-cover);border-radius:3px;animation:.48s cubic-bezier(.2,.8,.2,1) both hero-peek-in;position:absolute}.hero-peek-1{z-index:1;width:150px;top:-40px;right:-60px;transform:rotate(8deg)}.hero-peek-2{z-index:1;width:150px;bottom:-40px;left:-66px;transform:rotate(-7deg)}.hero-peek-3{z-index:0;width:126px;bottom:-52px;right:-30px;transform:rotate(5deg)}.hero-peek-out{animation:.48s cubic-bezier(.2,.8,.2,1) both hero-peek-out}@keyframes hero-peek-in{0%{opacity:0}}@keyframes hero-peek-out{to{opacity:0}}.hero-box{background:var(--color-surface);border-radius:999px;align-items:center;gap:12px;height:48px;padding:0 12px 0 16px;display:flex}.hero-box-text{min-width:0;color:var(--color-ink);white-space:nowrap;flex:1;align-items:center;font-size:15px;font-weight:500;display:flex;overflow:hidden}.hero-typed{border-radius:3px;padding:2px 0;transition:background .12s}.hero-typed-sel{background:#cfe3ff}.hero-caret{background:var(--color-ink);border-radius:1px;width:2px;height:20px;margin-left:1px;animation:1s steps(2,start) infinite hero-blink;display:inline-block}.hero-caret-hide{visibility:hidden;animation:none}@keyframes hero-blink{to{visibility:hidden}}.hero-kbd{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-muted);border-radius:6px;padding:4px 7px;font-size:12px;font-weight:600;line-height:1}.hero-results{min-height:196px;position:relative}.hero-group{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.hero-row{color:var(--color-ink);opacity:0;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;transition:background .2s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(10px)}.hero-row:hover{background:var(--color-surface)}.hero-group-on .hero-row{animation:.36s cubic-bezier(.2,.8,.2,1) forwards hero-row-in}.hero-group-off .hero-row{pointer-events:none;animation:.26s cubic-bezier(.2,.8,.2,1) forwards hero-row-out}@keyframes hero-row-in{to{opacity:1;transform:translateY(0)}}@keyframes hero-row-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.hero-row-thumb{object-fit:cover;border-radius:2px;flex:none;width:31px;height:40px;box-shadow:1px 2px 3px -1px #06141b52,6px 5px 10px -4px #06141b75}.hero-row-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.hero-row-chip{color:var(--color-ink-2);background:var(--color-surface);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600}.hero-try{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hero-try-label{color:var(--color-faint);margin-right:2px;font-size:13px}.hero-chip{border:1px solid var(--color-line);background:var(--color-panel);height:28px;color:var(--color-ink-2);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:600;transition:background .26s cubic-bezier(.2,.8,.2,1),color .26s cubic-bezier(.2,.8,.2,1),border-color .26s cubic-bezier(.2,.8,.2,1);display:inline-flex}@media (hover:hover){.hero-chip:hover{background:var(--color-surface)}}.hero-chip-on,.hero-chip-on:hover{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.hero-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hero-search-foot{border-top:1px solid var(--color-line);color:var(--color-faint);margin:0;padding-top:14px;font-size:13px}@media (max-width:639px){.hero-actions{flex-direction:column;width:100%}.hero-actions>a{justify-content:center;width:100%;max-width:320px}.hero-try{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.hero-try::-webkit-scrollbar{display:none}.hero-try-label{flex:none}}@media (max-width:767px){.hero{padding-bottom:64px}.hero-strip{display:none}.hero-search-wrap{margin-top:32px}.hero-card{border-radius:var(--radius-card);gap:14px;padding:16px}.hero-results{min-height:176px}.hero-row{gap:10px;padding:8px}.hero-row-title{font-size:14px}.hero-row-chip{padding:4px 8px;font-size:12px}.hero-peek{display:none}}@media (prefers-reduced-motion:reduce){.hero-strip-track,.hero-caret,.hero-peek{animation:none}.hero-group-on .hero-row{opacity:1;animation:none;transform:none}.hero-typed,.hero-row,.hero-chip{transition:none}}
.why-grid{gap:40px;display:grid}.why-text{flex-direction:column;gap:24px;display:flex}.why-lede{color:var(--color-muted);margin:0;font-size:17px;line-height:1.6}.why-closer{border-left:2px solid var(--color-accent);color:var(--color-ink-2);margin:0;padding-left:20px;font-size:20px;font-weight:500;line-height:1.5}@media (min-width:1024px){.why-grid-with-stage{grid-template-columns:minmax(0,1fr) minmax(0,54%);align-items:center;gap:52px}}.why-stage-box{width:100%;max-width:620px;margin-inline:auto;container-type:inline-size}@media (min-width:1024px){.why-stage-box{margin-inline:0}}.why-stage{--u:1px;--ease:cubic-bezier(.2, .8, .2, 1);width:100%;height:calc(490 * var(--u));-webkit-user-select:none;user-select:none;background:0 0;position:relative;overflow:hidden}@supports (width:1cqw){.why-stage{--u:calc(100cqw / 620)}}.why-panel{left:calc(130 * var(--u));top:calc(12 * var(--u));width:calc(360 * var(--u));height:calc(435 * var(--u));box-sizing:border-box;padding:calc(20 * var(--u)) calc(24 * var(--u));background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-card);opacity:0;transform:translateY(calc(14 * var(--u))) scale(.98);animation:why-panelin 9s var(--ease) infinite;position:absolute;box-shadow:0 14px 24px -16px #06141b59,0 3px 8px -5px #06141b24}.why-search{align-items:center;gap:calc(10 * var(--u));height:calc(40 * var(--u));padding:0 calc(14 * var(--u));box-sizing:border-box;background:var(--color-surface);color:var(--color-muted);font-size:calc(14 * var(--u));white-space:nowrap;border-radius:999px;font-weight:500;display:flex}.why-search-icon{width:calc(18 * var(--u));height:calc(18 * var(--u));flex:none}.why-kbd{font-size:calc(11 * var(--u));color:var(--color-faint);border:1px solid var(--color-line);border-radius:calc(6 * var(--u));padding:calc(2 * var(--u)) calc(6 * var(--u));background:var(--color-panel);margin-left:auto;font-weight:600;line-height:1.2}.why-src{width:calc(220 * var(--u));height:calc(140 * var(--u));transform:translate(calc(var(--cx) * var(--u)), calc(var(--cy) * var(--u))) rotate(var(--cr));animation:why-travel 9s var(--ease) infinite;animation-delay:calc(var(--i) * 60ms);will-change:transform;position:absolute;top:0;left:0}.why-frag{box-sizing:border-box;background:var(--color-panel);border:1px solid var(--color-line);border-radius:calc(10 * var(--u));color:var(--color-ink-2);font-size:calc(11 * var(--u));animation:why-fragfade 9s var(--ease) infinite;animation-delay:calc(var(--i) * 60ms);margin:auto;line-height:1.3;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 18px -10px #06141b59}.why-cov{width:calc(84 * var(--u));height:calc(109 * var(--u));box-shadow:var(--shadow-cover);opacity:0;animation:why-covfade 9s var(--ease) infinite;animation-delay:calc(var(--i) * 60ms);border-radius:3px;margin:auto;position:absolute;inset:0;transform:scale(.55)}.why-cov img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}@keyframes why-travel{0%,30%{transform:translate(calc(var(--cx) * var(--u)), calc(var(--cy) * var(--u))) rotate(var(--cr))}40%,85%{transform:translate(calc(var(--ox) * var(--u)), calc(var(--oy) * var(--u))) rotate(0deg)}95%,to{transform:translate(calc(var(--cx) * var(--u)), calc(var(--cy) * var(--u))) rotate(var(--cr))}}@keyframes why-fragfade{0%,32%{opacity:1;transform:scale(1)}40%,85%{opacity:0;transform:scale(.5)}93%,to{opacity:1;transform:scale(1)}}@keyframes why-covfade{0%,32%{opacity:0;transform:scale(.55)}40%,85%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(.55)}}@keyframes why-panelin{0%,30%{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.98)}38%,87%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.98)}}.why-frag-tab{width:calc(200 * var(--u));height:calc(120 * var(--u))}.why-frag-note{width:calc(120 * var(--u));height:calc(120 * var(--u));padding:calc(12 * var(--u));gap:calc(7 * var(--u));flex-direction:column;display:flex}.why-frag-pdf{width:calc(190 * var(--u));height:calc(64 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));align-items:center;gap:calc(10 * var(--u));display:flex}.why-frag-bookmark{width:calc(210 * var(--u));height:calc(56 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));align-items:center;gap:calc(10 * var(--u));display:flex}.why-frag-shot{width:calc(180 * var(--u));height:calc(130 * var(--u))}.why-frag-chat{width:calc(170 * var(--u));height:calc(70 * var(--u));padding:calc(10 * var(--u));align-items:flex-end;gap:calc(8 * var(--u));border-radius:calc(14 * var(--u));display:flex}.why-frag-sheet{width:calc(190 * var(--u));height:calc(110 * var(--u))}.why-frag-notes{width:calc(170 * var(--u));height:calc(120 * var(--u));padding:calc(12 * var(--u));gap:calc(7 * var(--u));flex-direction:column;display:flex}.why-frag-tabs{width:calc(220 * var(--u));height:calc(44 * var(--u));border-radius:calc(8 * var(--u))}.why-f-bar{align-items:center;gap:calc(4 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));border-bottom:1px solid var(--color-line);display:flex}.why-f-dot{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--color-line);border-radius:50%;flex:none}.why-f-url{margin-left:calc(4 * var(--u));height:calc(12 * var(--u));border-radius:calc(6 * var(--u));background:var(--color-surface);font-size:calc(8 * var(--u));color:var(--color-faint);padding:0 calc(6 * var(--u));line-height:calc(12 * var(--u));white-space:nowrap;flex:1;overflow:hidden}.why-f-thumb{margin:calc(8 * var(--u)) calc(8 * var(--u)) 0;height:calc(54 * var(--u));border-radius:calc(6 * var(--u));background:var(--color-ink-2);color:#fff;justify-content:center;align-items:center;display:flex}.why-f-play{width:calc(22 * var(--u));height:calc(22 * var(--u))}.why-f-tab-foot{padding:calc(7 * var(--u)) calc(8 * var(--u)) 0}.why-f-t{color:var(--color-ink);font-weight:700}.why-f-s{color:var(--color-faint);font-size:calc(9 * var(--u))}.why-f-ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.why-f-col{gap:calc(3 * var(--u));flex-direction:column;min-width:0;display:flex}.why-f-ln{height:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:var(--color-surface-deep);display:block}.why-f-ln-head{height:calc(8 * var(--u));background:var(--color-line)}.why-f-rows{gap:calc(6 * var(--u));flex-direction:column;display:flex}.why-f-shot-rows{padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u))}.why-f-shot-name{padding:0 calc(10 * var(--u))}.why-frag-note{clip-path:polygon(0 0, calc(100% - 16 * var(--u)) 0, 100% calc(16 * var(--u)), 100% 100%, 0 100%)}.why-frag-note:after{content:"";width:calc(16 * var(--u));height:calc(16 * var(--u));background:linear-gradient(225deg, var(--color-panel) 50%, var(--color-surface-deep) 50%);position:absolute;top:0;right:0}.why-f-pdf-icon{width:calc(26 * var(--u));height:calc(32 * var(--u));flex:none}.why-f-star{width:calc(18 * var(--u));height:calc(18 * var(--u));flex:none}.why-f-more{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none;margin-left:auto}.why-f-avatar{width:calc(20 * var(--u));height:calc(20 * var(--u));background:var(--color-line);border-radius:50%;flex:none}.why-f-bubble{background:var(--color-surface);border-radius:calc(12 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));flex:1}.why-f-grid{grid-template-columns:calc(62 * var(--u)) calc(44 * var(--u)) minmax(0, 1fr);display:grid}.why-f-cell{padding:calc(4 * var(--u)) calc(6 * var(--u));border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:calc(9 * var(--u));white-space:nowrap;overflow:hidden}.why-f-cell-h{background:var(--color-surface);color:var(--color-muted);font-weight:700}.why-f-note-line{font-size:calc(10 * var(--u));color:var(--color-muted)}.why-f-tabs{align-items:flex-end;gap:calc(3 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u)) 0;display:flex}.why-f-tab{width:calc(var(--w) * var(--u));height:calc(14 * var(--u));border:1px solid var(--color-line);border-radius:calc(5 * var(--u)) calc(5 * var(--u)) 0 0;background:var(--color-surface);align-items:center;gap:calc(3 * var(--u));padding:0 calc(5 * var(--u));box-sizing:border-box;border-bottom:0;min-width:0;display:flex}.why-f-tab i{width:calc(5 * var(--u));height:calc(5 * var(--u));background:var(--color-faint);border-radius:50%;flex:none}.why-f-tab b{height:calc(3 * var(--u));border-radius:calc(2 * var(--u));background:var(--color-line);width:100%}.why-f-badge{margin-left:auto;margin-bottom:calc(2 * var(--u));background:var(--color-accent-soft);color:var(--color-accent);padding:calc(2 * var(--u)) calc(7 * var(--u));font-size:calc(9 * var(--u));white-space:nowrap;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.why-f-tabs-rule{background:var(--color-line);height:1px}.why-benefits{border-top:1px solid var(--color-line);margin-top:48px;padding-top:32px}@media (min-width:1024px){.why-benefits{margin-top:64px}}.why-benefits-list{gap:18px 24px;margin:0;padding:0;list-style:none;display:grid}.why-benefit{color:var(--color-ink);align-items:flex-start;gap:12px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.why-chk{width:22px;height:22px;color:var(--color-accent);flex:none}.why-chk path{stroke-dasharray:15;stroke-dashoffset:0}[data-inview=pending] .why-chk path{stroke-dashoffset:15px}[data-inview=in] .why-chk path{stroke-dashoffset:15px;animation:.52s cubic-bezier(.2,.8,.2,1) forwards why-draw;animation-delay:calc(.2s + var(--i) * .12s)}@keyframes why-draw{to{stroke-dashoffset:0}}@media (min-width:640px){.why-benefits-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.why-benefits-list{grid-template-columns:repeat(5,minmax(0,1fr))}.why-benefit{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.why-src{transform:translate(calc(var(--ox) * var(--u)), calc(var(--oy) * var(--u))) rotate(0deg);animation:none}.why-frag{opacity:0;animation:none;transform:scale(.5)}.why-cov{opacity:1;animation:none;transform:scale(1)}.why-panel{opacity:1;animation:none;transform:none}[data-inview] .why-chk path,.why-chk path{stroke-dashoffset:0;animation:none}}
.who{--ease:cubic-bezier(.2, .8, .2, 1);overflow-x:clip}.who-stack{flex-direction:column;gap:56px;display:flex}.who-block{flex-direction:column;gap:28px;display:flex}@media (min-width:1024px){.who-stack{gap:72px}.who-block{gap:32px}}.who-personas{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.who-personas{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:1024px){.who-personas{grid-template-columns:repeat(4,minmax(0,1fr))}}.who-persona{background:var(--color-surface);border-radius:var(--radius-card);flex-direction:column;justify-content:space-between;gap:20px;padding:24px 24px 0;display:flex;overflow:hidden}.who-persona-text{flex-direction:column;gap:8px;display:flex}.who-persona-name{letter-spacing:-.01em;color:var(--color-ink);margin:0;font-size:20px;font-weight:700;line-height:1.3}.who-persona-line{color:var(--color-muted);margin:0;font-size:15px;line-height:1.5}.who-shelf{flex-direction:column;margin:0 -24px;display:flex;position:relative}.who-shelf-books{z-index:2;justify-content:center;align-items:flex-end;gap:14px;min-height:98px;padding:14px 0 0;display:flex;position:relative}.who-slot{width:65px;height:84px;position:relative}.who-slot:after{content:"";pointer-events:none;background:radial-gradient(52% 62% at 47% 42%,#06141b9e,#06141b00 100%);height:16px;position:absolute;bottom:-8px;left:-14%;right:-14%}.who-book{z-index:1;border-radius:2px;width:65px;height:84px;transition:transform .3s ease-out,box-shadow .3s ease-out;position:relative;overflow:hidden;box-shadow:1px 2px 3px -1px #06141b52,6px 5px 10px -4px #06141b75,14px 9px 20px -8px #06141b66}.who-book img,.who-snap-book img{object-fit:cover;width:100%;height:100%;display:block}.who-book:hover{transform:translateY(-8px);box-shadow:1px 2px 4px -2px #06141b29,9px 8px 14px -6px #06141b6b,22px 16px 28px -12px #06141b70}.who-ledge-top{background:linear-gradient(#d4dde2 0%,#eef3f5 38%,#fff 72%,#e8eef1 100%);border-radius:3px 3px 0 0;height:12px;box-shadow:inset 0 2px 3px -1px #06141b2e}.who-ledge-front{background:linear-gradient(#d9e0e4 0%,#c3ccd2 55%,#aab6bd 100%);border-bottom:1px solid #06141b2e;border-radius:0 0 4px 4px;height:18px;box-shadow:inset 0 1px #ffffff80,1px 2px 3px -1px #06141b47,3px 11px 17px -8px #06141b6b}.who-sub{color:var(--color-ink);margin:0;font-size:20px;font-weight:700;line-height:1.3}.who-reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;display:grid}@media (min-width:1024px){.who-reasons{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}}.who-reason{flex-direction:column;gap:14px;display:flex}.who-reason-text{flex-direction:column;gap:6px;display:flex}.who-reason-title{color:var(--color-ink);margin:0;font-size:15px;font-weight:700;line-height:1.4}.who-reason-line{color:var(--color-muted);margin:0;font-size:15px;line-height:1.6}.who-draw{width:32px;height:32px;color:var(--color-ink)}.who-draw :is(path,circle){stroke-dasharray:100;stroke-dashoffset:0}[data-inview=pending] .who-draw :is(path,circle){stroke-dashoffset:100px}[data-inview=in] .who-draw :is(path,circle){stroke-dashoffset:100px;animation:who-draw 1.1s var(--ease) forwards;animation-delay:var(--d,0s)}@keyframes who-draw{to{stroke-dashoffset:0}}.who-diff{background:var(--color-sidebar);border-radius:var(--radius-frame);color:#fff;--snap-scale:.34;--snap-bleed:40px;align-items:start;gap:32px;padding:28px;display:grid;overflow:visible}@media (min-width:480px){.who-diff{--snap-scale:.42}}@media (min-width:640px){.who-diff{--snap-scale:.62;--snap-bleed:64px;gap:40px;padding:40px}}@media (min-width:1024px){.who-diff{--snap-bleed:100px;grid-template-columns:minmax(0,1fr) minmax(0,56%);gap:48px}}@media (min-width:1280px){.who-diff{--snap-bleed:160px}}.who-diff-text{flex-direction:column;gap:16px;min-width:0;display:flex}.who-diff-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:28px;font-weight:800;line-height:1.15}@media (min-width:640px){.who-diff-title{font-size:32px}}.who-diff-lead{color:#ffffffbf;margin:0;font-size:17px;line-height:1.6}.who-cmp{min-width:0}.who-cmp-table{table-layout:fixed;border-collapse:collapse;width:100%}.who-cmp-table th{text-align:left;padding:0 0 14px;font-size:13px;font-weight:700}.who-cmp-table th+th,.who-cmp-table td+td{padding-left:32px}.who-cmp-theirs{color:#ffffff80}.who-cmp-ours{color:#fff}.who-cmp-table th+th.who-cmp-ours{padding-left:62px}.who-cmp-table td{vertical-align:middle;border-top:1px solid #ffffff1a;padding:16px 0;font-size:16px;line-height:1.5}.who-cmp-old{color:#fff6}.who-cmp-txt{text-decoration:none;display:inline-block;position:relative}.who-strike{background:var(--color-accent);transform-origin:0;border-radius:2px;height:2px;margin-top:-1px;position:absolute;top:50%;left:-2px;right:-2px;transform:scaleX(1)}.who-cmp-new{color:#fff;font-weight:600}.who-cmp-new>span{min-width:0;display:block}.who-cmp-new,.who-cmp-new:is(td){vertical-align:top}.who-cmp-new{align-items:flex-start;gap:10px;display:flex}.who-check{flex:none;width:20px;height:20px;margin-top:2px}.who-check path{fill:none;stroke:var(--color-accent);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}[data-inview=pending] .who-cmp-old{color:#ffffffbf}[data-inview=pending] .who-strike{transform:scaleX(0)}[data-inview=pending] .who-check path{stroke-dashoffset:100px}[data-inview=in] .who-cmp-old{color:#ffffffbf;animation:who-dim .5s var(--ease) forwards;animation-delay:calc(.3s + var(--i) * .35s)}[data-inview=in] .who-strike{animation:who-strike .5s var(--ease) forwards;animation-delay:calc(.3s + var(--i) * .35s);transform:scaleX(0)}[data-inview=in] .who-check path{stroke-dashoffset:100px;animation:who-draw .38s var(--ease) forwards;animation-delay:calc(.8s + var(--i) * .35s)}@keyframes who-strike{to{transform:scaleX(1)}}@keyframes who-dim{to{color:#fff6}}@media (max-width:1023px){.who-persona{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 18px 22px}.who-persona-text{flex:1;gap:4px;min-width:0}.who-persona-name{font-size:18px}.who-persona-line{font-size:14px}.who-shelf{flex:none;width:auto;margin:0}.who-shelf>:not(.who-shelf-books){display:none}.who-shelf-books{justify-content:flex-end;gap:8px;min-height:0;padding:0}.who-slot{width:46px;height:60px}.who-book{width:100%;height:100%}.who-slot:after{display:none}.who-diff{--snap-bleed:0px}.who-snap{max-width:100%}}@media (max-width:639px){.who-shelf-books{gap:6px}.who-slot{width:38px;height:49px}.who-diff{--snap-scale:.315}.who-cmp-theirs{width:38%}.who-cmp-table td{padding:14px 0;font-size:15px}.who-cmp-table th+th,.who-cmp-table td+td{padding-left:16px}.who-cmp-table th+th.who-cmp-ours{padding-left:46px}}.who-snap{width:calc(903px * var(--snap-scale));height:calc(613px * var(--snap-scale));margin-top:16px;margin-left:calc(-1 * var(--snap-bleed));perspective:1400px;perspective-origin:50%;flex:none;max-width:none}.who-snap-tilt{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s var(--ease);transform:rotateY(-10deg)rotateX(4deg)}.who-snap:hover .who-snap-tilt{transform:rotateY(0)rotateX(0)}.who-snap-frame{width:903px;height:613px;transform:scale(var(--snap-scale));transform-origin:0 0;color:var(--color-ink);text-align:left;gap:16px;display:flex}.who-snap-side,.who-snap-main{box-shadow:var(--shadow-float)}.who-snap-side{background:var(--color-sidebar-hover);border-radius:var(--radius-card);color:#fff;flex-direction:column;flex:none;gap:22px;width:200px;padding:20px 14px;display:flex}.who-snap-brand{flex-direction:column;gap:2px;padding:0 10px;display:flex}.who-snap-brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:800}.who-snap-brand-sub{color:#ffffff80;font-size:12px}.who-snap-navs{flex-direction:column;gap:2px;display:flex}.who-snap-nav{border-radius:var(--radius-control);color:#ffffffb3;white-space:nowrap;align-items:center;gap:10px;height:36px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.who-snap-nav svg{flex:none;width:16px;height:16px}.who-snap-nav.is-active{color:#fff;background:#ffffff1a}.who-snap-spacer{flex:1}.who-snap-ask{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.who-snap-ask-title{color:#fff;font-size:13px;font-weight:700}.who-snap-ask-sub{color:#fff9;font-size:11px}.who-orb{background:#010630;border-radius:50%;flex:none;width:24px;height:24px;animation:7s ease-in-out infinite alternate who-orb;position:relative;overflow:hidden;box-shadow:0 0 14px #3c52ff8c}.who-orb-a,.who-orb-b,.who-orb-c{border-radius:50%;position:absolute}.who-orb-a{filter:blur(3px);background:#3c52ff;width:14px;height:14px;top:4px;left:2px}.who-orb-b{filter:blur(3px);background:#2fd6c2;width:12px;height:12px;top:9px;left:9px}.who-orb-c{background:radial-gradient(circle at 32% 26%,#ffffff8c,#0000 30%);inset:0}@keyframes who-orb{0%{box-shadow:0 0 14px #3c52ff8c}to{box-shadow:0 0 18px #2fd6c280}}.who-snap-user{align-items:center;gap:10px;padding:0 6px;display:flex}.who-snap-avatar{color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.who-snap-user-name{color:#ffffffd9;font-size:12px;font-weight:600}.who-snap-main{background:var(--color-panel);border-radius:var(--radius-card);flex-direction:column;flex:1;gap:22px;min-width:0;padding:24px;display:flex;overflow:hidden}.who-snap-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.who-snap-search{background:var(--color-surface);width:320px;height:40px;color:var(--color-muted);border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 14px;display:flex}.who-snap-search svg{flex:none;width:16px;height:16px}.who-snap-search-label{color:var(--color-muted);flex:1;font-size:13px}.who-snap-kbd{background:var(--color-panel);border:1px solid var(--color-line);height:24px;color:var(--color-muted);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:flex}.who-snap-browse{border:1px solid var(--color-line);height:36px;color:var(--color-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:flex}.who-snap-welcome{letter-spacing:-.025em;color:var(--color-ink);font-size:30px;font-weight:800;line-height:1.1}.who-snap-tiles{grid-template-columns:240px repeat(3,minmax(0,1fr));gap:12px;display:grid}.who-snap-tile{background:var(--color-surface);border-radius:var(--radius-card);flex-direction:column;gap:8px;padding:18px;display:flex}.who-snap-lbl{color:var(--color-muted);font-size:12px;font-weight:600}.who-snap-num{letter-spacing:-.025em;color:var(--color-ink);font-size:26px;font-weight:800;line-height:1}.who-snap-tile-dark{background:var(--color-sidebar);color:#fff;gap:6px}.who-snap-tile-dark .who-snap-lbl{color:#fff9}.who-snap-tile-dark .who-snap-num{color:#fff;font-size:30px}.who-snap-tile-sub{color:#ffffffbf;font-size:12px}.who-snap-pill{height:28px;color:var(--color-sidebar);background:#fff;border-radius:999px;align-self:flex-start;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.who-snap-week{flex-direction:column;gap:12px;display:flex}.who-snap-week-head{justify-content:space-between;align-items:baseline;display:flex}.who-snap-week-title{color:var(--color-ink);font-size:15px;font-weight:700}.who-snap-week-all{color:var(--color-muted);font-size:13px;font-weight:600}.who-snap-shelf{flex-direction:column;display:flex}.who-snap-books{justify-content:center;align-items:flex-end;gap:24px;min-height:132px;padding:0 12px;display:flex}.who-snap-book{border-radius:2px;flex:none;width:102px;height:132px;position:relative;overflow:hidden;box-shadow:1px 2px 3px -1px #06141b52,6px 5px 10px -4px #06141b75,14px 9px 20px -8px #06141b66}@media (prefers-reduced-motion:reduce){.who-book,.who-snap-tilt{transition:none}.who-orb{animation:none}[data-inview] .who-draw :is(path,circle),.who-draw :is(path,circle){stroke-dashoffset:0;animation:none}[data-inview] .who-strike,.who-strike{animation:none;transform:scaleX(1)}[data-inview] .who-cmp-old,.who-cmp-old{color:#fff6;animation:none}[data-inview] .who-check path,.who-check path{stroke-dashoffset:0;animation:none}}
.inside-zig{--inside-cv-w:116px;--inside-cv-h:150px;--inside-sp:48px;--inside-ease:cubic-bezier(.2, .8, .2, 1);position:relative}.inside-spine{background:var(--color-line);transform-origin:50% 0;width:1px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.inside-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.inside-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:128px;height:200px;display:grid;position:relative}.inside-dot{background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--color-panel);border-radius:999px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.inside-text{text-align:right;flex-direction:column;grid-area:1/1;justify-self:end;align-items:flex-end;gap:8px;max-width:420px;display:flex}.inside-row-flip .inside-text{text-align:left;grid-column:2;justify-self:start;align-items:flex-start}.inside-asset{grid-area:1/2;justify-content:flex-start;align-items:flex-end;padding-left:40px;display:flex}.inside-row-flip .inside-asset{grid-column:1;justify-content:flex-end;padding-left:0;padding-right:40px}.inside-name{color:var(--color-ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.inside-name svg{color:var(--color-muted);flex:none}.inside-count{color:var(--color-ink);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.inside-line{color:var(--color-muted);margin:0;font-size:15px;line-height:1.6}.inside-fan{width:260px;height:172px;position:relative}.inside-ped{background:radial-gradient(#06141b47 0%,#06141b1a 40%,#06141b00 70%);width:280px;height:48px;margin-left:-140px;position:absolute;bottom:0;left:50%;transform:translateY(50%)}.inside-float{width:var(--inside-cv-w);height:var(--inside-cv-h);margin-left:calc(var(--inside-cv-w) / -2);animation:6s ease-in-out infinite inside-float;animation-delay:var(--delay,0s);position:absolute;bottom:10px;left:50%}@keyframes inside-float{0%,to{transform:translateY(4px)}50%{transform:translateY(-4px)}}.inside-cv{width:var(--inside-cv-w);height:var(--inside-cv-h);background:var(--color-surface-deep);transform-origin:50% 100%;transition:transform .42s var(--inside-ease);border-radius:3px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:1px 2px 3px -1px #06141b52,6px 5px 10px -4px #06141b75,14px 9px 20px -8px #06141b66}.inside-cv img,.inside-box img{object-fit:cover;width:100%;height:100%;display:block}.inside-cv:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff38 0,#06141b29 4px,#06141b00 14px,#fff0 60%,#ffffff14 100%);position:absolute;inset:0}.inside-cv-s0{z-index:3;transform:translate(0)rotate(0)}.inside-cv-sl{transform:translateX(calc(var(--inside-sp) * -1)) rotate(-12deg);z-index:1}.inside-cv-sr{transform:translateX(var(--inside-sp)) rotate(12deg);z-index:2}.inside-cv-hl{transform:translateX(calc(var(--inside-sp) * -.5)) rotate(-6deg);z-index:1}.inside-cv-hr{transform:translateX(calc(var(--inside-sp) * .5)) rotate(6deg);z-index:2}.inside-cv-solo{z-index:2;transform:rotate(0)}.inside-fan:hover .inside-cv-sl{transform:translateX(calc(var(--inside-sp) * -1.333)) rotate(-18deg)}.inside-fan:hover .inside-cv-sr{transform:translateX(calc(var(--inside-sp) * 1.333)) rotate(18deg)}.inside-fan:hover .inside-cv-hl{transform:translateX(calc(var(--inside-sp) * -.75)) rotate(-9deg)}.inside-fan:hover .inside-cv-hr{transform:translateX(calc(var(--inside-sp) * .75)) rotate(9deg)}.inside-fan:hover .inside-cv-s0{transform:translateY(-6px)}.inside-fan:hover .inside-cv-solo{transform:translateY(-8px)rotate(-3deg)}.inside-box{width:120px;height:120px;box-shadow:var(--shadow-cover);transition:transform .42s var(--inside-ease);border-radius:12px;margin-left:-60px;position:absolute;bottom:0;left:50%;overflow:hidden}.inside-fan:hover .inside-box{transform:translateY(-8px)scale(1.04)}.inside-pill{z-index:5;background:var(--color-panel);height:52px;box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:12px;padding:6px 18px 6px 6px;display:flex;position:absolute;bottom:8px;left:186px}.inside-play{background:var(--color-sidebar);color:#fff;width:40px;height:40px;transition:background .26s var(--inside-ease);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.inside-fan:hover .inside-play{background:var(--color-accent)}.inside-bar{background:var(--color-line);border-radius:999px;width:104px;height:4px;display:block;overflow:hidden}.inside-bar-fill{background:var(--color-accent);border-radius:999px;width:37%;height:100%;display:block}[data-inview=pending] .inside-row{opacity:0}[data-inview=pending] .inside-spine{transform:scaleY(0)}[data-inview=in] .inside-row{animation:inside-rise .5s var(--inside-ease) both;animation-delay:calc(var(--i,0) * 60ms)}[data-inview=in] .inside-spine{animation:inside-draw .8s var(--inside-ease) both}@keyframes inside-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes inside-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:1023px){.inside-row{column-gap:56px}.inside-text{max-width:340px}.inside-name{color:var(--color-muted);font-size:18px;font-weight:600}.inside-count{letter-spacing:-.03em;font-size:40px}.inside-asset{padding-left:24px}.inside-row-flip .inside-asset{padding-right:24px}.inside-pill{gap:10px;height:44px;padding:5px 14px 5px 5px;left:118px}.inside-play{width:34px;height:34px}.inside-bar{width:72px}}@media (max-width:759px){.inside-zig{--inside-cv-w:62px;--inside-cv-h:80px;--inside-sp:22px;overflow-x:clip}.inside-spine,.inside-dot,.inside-pill{display:none}.inside-row,.inside-row-flip{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) 150px;align-items:center;column-gap:12px;height:auto;padding:18px 0}.inside-rows>.inside-row:first-child{border-top:0;padding-top:0}.inside-text,.inside-row-flip .inside-text{text-align:left;grid-area:1/1;justify-self:stretch;align-items:flex-start;gap:4px;max-width:none}.inside-name{color:var(--color-muted);font-size:15px;font-weight:600}.inside-name svg{width:18px;height:18px}.inside-count{letter-spacing:-.03em;font-size:34px;font-weight:800}.inside-line{font-size:14px}.inside-asset,.inside-row-flip .inside-asset{grid-area:1/2;justify-content:center;margin-top:0;padding:0}.inside-fan{width:150px;height:104px}.inside-ped{width:150px;height:30px;margin-left:-75px}.inside-box{width:84px;height:84px;margin-left:-42px}}@media (prefers-reduced-motion:reduce){[data-inview] .inside-row{opacity:1;animation:none}[data-inview] .inside-spine{animation:none;transform:none}.inside-float{animation:none}.inside-cv,.inside-box,.inside-play{transition:none}}
.preview-stage{--preview-ease:cubic-bezier(.2, .8, .2, 1);position:relative;overflow-x:clip;container-type:inline-size}.preview-frame,.preview-overlay{--preview-fit:tan(atan2(100cqw, 1152px))}.preview-frame{aspect-ratio:1152/640;width:100%;position:relative}.preview-board{transform-origin:0 0;width:1152px;height:640px;transform:scale(var(--preview-fit));perspective:1600px;position:absolute;top:0;left:0}.preview-dash{box-sizing:border-box;transform-origin:0 0;z-index:1;background:0 0;gap:16px;width:1400px;height:780px;padding:16px;font-size:14px;line-height:1.4;display:flex;position:absolute;top:0;left:2px;transform:scale(.82)}.preview-side{box-sizing:border-box;background:var(--color-sidebar);border-radius:var(--radius-frame);color:#fff;flex-direction:column;flex:none;gap:12px;width:220px;height:748px;padding:16px;display:flex}.preview-brand{flex-direction:column;gap:2px;padding:8px 12px 12px;display:flex}.preview-brand-name{letter-spacing:-.01em;font-size:15px;font-weight:800}.preview-brand-sub{color:#ffffff80;font-size:12px}.preview-nav{flex-direction:column;gap:4px;display:flex}.preview-navitem{border-radius:var(--radius-control);color:#ffffffbf;white-space:nowrap;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.preview-navitem-on{color:#fff;background:#ffffff14}.preview-navitem-l{align-items:center;gap:10px;min-width:0;display:flex}.preview-navitem-l svg{flex:none}.preview-navitem-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.preview-navitem-r{flex:none;align-items:center;gap:6px;margin-left:8px;display:flex}.preview-count{color:#ffffff8c;font-size:12px;font-weight:700}.preview-num{font-variant-numeric:tabular-nums}.preview-new{background:var(--color-accent);color:#fff;letter-spacing:.02em;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1}.preview-grow{flex:1}.preview-gya{border-radius:var(--radius-card);background:linear-gradient(135deg,#0f1f4a,#11212d);border:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px;display:flex}.preview-gya-text{flex-direction:column;gap:2px;display:flex}.preview-gya-name{font-size:14px;font-weight:700}.preview-gya-sub{color:#fff9;font-size:12px}.preview-orb{background:#010630;border-radius:50%;flex:none;width:32px;height:32px;position:relative;overflow:hidden;transform:rotateX(-16deg)rotate(-12deg);box-shadow:0 0 22px #3c52ff8c}.preview-orb-d{filter:blur(4px);border-radius:50%;position:absolute}.preview-orb-d1{background:#3c52ff;width:20px;height:20px;top:1px;left:5px}.preview-orb-d2{background:#2fd6c2;width:17px;height:17px;top:13px;left:13px}.preview-orb-d3{background:#6f5bff;width:16px;height:16px;top:15px;left:-3px}.preview-orb-glass{background:radial-gradient(circle at 32% 26%,#ffffff8c,#0000 30%);border-radius:50%;position:absolute;inset:0}.preview-member{align-items:center;gap:10px;padding:6px 8px;display:flex}.preview-avatar{color:#fff;background:#ffffff1f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.preview-avatar-dark{background:var(--color-sidebar);width:32px;height:32px;font-size:13px}.preview-member-name{font-size:13px;font-weight:600}.preview-member-role{color:#ffffff80;font-size:11px}.preview-panel{box-sizing:border-box;background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-frame);flex-direction:column;flex:1;gap:24px;min-width:0;height:748px;padding:28px;display:flex;overflow:hidden}.preview-topbar{justify-content:space-between;align-items:center;height:40px;display:flex}.preview-search{box-sizing:border-box;background:var(--color-surface);width:360px;height:40px;color:var(--color-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 16px;font-size:14px;font-weight:500;display:flex}.preview-search-text{flex:1}.preview-kbd{background:var(--color-panel);border:1px solid var(--color-line);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.preview-topbar-r{align-items:center;gap:12px;display:flex}.preview-bell{background:var(--color-surface);width:36px;height:36px;color:var(--color-ink-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.preview-welcome{justify-content:space-between;align-items:center;gap:24px;display:flex}.preview-h1{color:var(--color-ink);letter-spacing:-.025em;white-space:nowrap;font-size:30px;font-weight:800;line-height:1.1}.preview-seg{background:var(--color-surface);border-radius:999px;padding:4px;display:flex}.preview-seg span{height:36px;color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;line-height:36px}.preview-seg .preview-seg-on{background:var(--color-panel);color:var(--color-ink);box-shadow:0 1px 2px #06141b14}.preview-filters{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-chips{align-items:center;gap:8px;display:flex}.preview-chip{background:var(--color-surface);color:var(--color-ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.preview-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-card);flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.preview-card-cover{background:var(--color-surface);border-radius:12px;justify-content:center;align-items:center;height:240px;display:flex;position:relative}.preview-card-cover img{object-fit:cover;width:auto;max-width:90%;height:200px;box-shadow:var(--shadow-cover);border-radius:3px;display:block}.preview-card-blank{background:var(--color-surface-deep);border-radius:3px;width:150px;height:200px;display:block}.preview-card-type{background:var(--color-panel);color:var(--color-ink-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px;box-shadow:0 1px 2px #06141b14}.preview-card-bm{background:var(--color-panel);width:32px;height:32px;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 2px #06141b14}.preview-card-body{flex-direction:column;gap:4px;display:flex}.preview-card-title{min-height:39px;color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.preview-card-line{background:var(--color-surface-deep);border-radius:999px;height:10px;margin-top:5px;display:block}.preview-card-line-short{width:60%}.preview-cursor{z-index:10;filter:drop-shadow(0 2px 3px #06141b59);width:20px;height:20px;animation:preview-cursor 9s var(--preview-ease) infinite;position:absolute;top:0;left:0}@keyframes preview-cursor{0%,9%{transform:translate(446px,63px)}27%,36%{transform:translate(501px,187px)}52%,78%{transform:translate(771px,261px)}93%,to{transform:translate(446px,63px)}}.preview-card-live{animation:preview-card-lift 9s var(--preview-ease) infinite}@keyframes preview-card-lift{0%,52%{transform:translateY(0);box-shadow:0 0 #06141b00}56%,78%{transform:translateY(-4px);box-shadow:0 18px 30px -18px #06141b73,0 4px 10px -6px #06141b33}84%,to{transform:translateY(0);box-shadow:0 0 #06141b00}}.preview-bm-live{animation:9s linear infinite preview-bm-fill}@keyframes preview-bm-fill{0%,56%{fill:#e11d2e00;stroke:#06141b}59%,78%{fill:#e11d2e;stroke:#e11d2e}82%,to{fill:#e11d2e00;stroke:#06141b}}.preview-overlay{transform-origin:0 0;width:1152px;height:640px;transform:scale(var(--preview-fit));pointer-events:none;z-index:4;position:absolute;top:0;left:0}.preview-leaders{width:1152px;height:640px;position:absolute;top:0;left:0;overflow:visible}.preview-callouts{margin:0;padding:0;list-style:none}.preview-callout{left:var(--x);top:var(--y);z-index:5;background:var(--color-panel);height:40px;color:var(--color-ink);white-space:nowrap;box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:14px;font-weight:600;display:flex;position:absolute}.preview-callout svg{color:var(--color-accent);flex:none}[data-inview=pending] .preview-callout,[data-inview=pending] .preview-leader{opacity:0}[data-inview=in] .preview-callout{animation:preview-co-in .5s var(--preview-ease) both;animation-delay:calc(.5s + var(--i,0) * .3s)}[data-inview=in] .preview-leader{animation:.4s ease-out both preview-ld-in;animation-delay:calc(.65s + var(--i,0) * .3s)}@keyframes preview-co-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-ld-in{0%{opacity:0}to{opacity:1}}@media (max-width:899px){.preview-frame{aspect-ratio:1400/780}.preview-board{--preview-fit:tan(atan2(100cqw, 1400px));perspective:none;width:1400px;height:780px}.preview-dash{left:0;transform:none}.preview-overlay{pointer-events:auto;width:auto;height:auto;margin-top:20px;position:static;transform:none}.preview-leaders{display:none}.preview-callouts{flex-direction:column;gap:10px;display:flex}.preview-callout{white-space:normal;border:1px solid var(--color-line);height:auto;min-height:40px;box-shadow:none;padding:10px 16px 10px 12px;position:static}}@media (prefers-reduced-motion:reduce){.preview-cursor,.preview-card-live,.preview-bm-live{animation:none}.preview-cursor{transform:translate(771px,261px)}[data-inview] .preview-callout,[data-inview] .preview-leader{opacity:1;animation:none;transform:none}}
.member-band-primary{transition:background-color .26s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.member-band-primary:hover{background-color:var(--color-accent)}}.member-band-app{border-top:1px solid var(--color-line);max-width:520px;margin-top:8px;padding-top:22px}.member-band-app-line{color:var(--color-ink-2);margin:0;font-size:15px;line-height:1.6}.member-band-app-line strong{color:var(--color-ink);font-weight:700}.member-band-app .get-app-badges{margin-top:38px}.member-band-side{flex-direction:column;align-items:center;margin:0;display:flex}.member-band-caption{color:var(--color-muted);margin-top:36px;font-size:13px;font-weight:600}@media (max-width:639px){.member-band-side .ph-landing{zoom:.78}.member-band-caption{margin-top:28px}}@media (prefers-reduced-motion:reduce){.member-band-primary{transition:none}}
.explore-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.explore-head-text{max-width:720px}.explore-btn{border:1px solid var(--color-line);height:48px;color:var(--color-ink);white-space:nowrap;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;transition:background .26s cubic-bezier(.2,.8,.2,1);display:inline-flex}.explore-btn:hover{background:var(--color-panel)}.explore-btn-solid{background:var(--color-panel);pointer-events:auto}.explore-btn-solid:hover{background:var(--color-surface)}.explore-frame{border-radius:var(--radius-frame);background:var(--color-surface);border:1px solid var(--color-line);height:760px;box-shadow:var(--shadow-float);margin-top:40px;display:flex;position:relative;overflow:hidden}.explore-rail{border-right:1px solid var(--color-line);background:var(--color-panel);flex-direction:column;flex:0 0 240px;gap:4px;width:240px;padding:20px 16px;display:flex}.explore-rail-head{letter-spacing:-.01em;color:var(--color-ink);justify-content:space-between;align-items:center;padding:6px 16px 14px;font-size:15px;font-weight:700;display:flex}.explore-rail-total{color:var(--color-faint);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.explore-rail-rows{flex-direction:column;gap:4px;display:flex;position:relative}.explore-rail-ind{border-radius:var(--radius-control);background:var(--color-surface);height:44px;transform:translateY(calc(var(--explore-rail-index,0) * 48px));pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;right:0}.explore-rail-ind:before{content:"";background:var(--color-accent);border-radius:2px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.explore-rail-row{border-radius:var(--radius-control);height:44px;color:var(--color-ink-2);text-align:left;justify-content:space-between;align-items:center;padding:0 12px 0 16px;font-size:14px;font-weight:600;transition:background .2s cubic-bezier(.2,.8,.2,1),color .2s;display:flex;position:relative}.explore-rail-row:hover{background:var(--color-surface);color:var(--color-ink)}.explore-rail-row[aria-current=true]{color:var(--color-ink)}.explore-rail-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.explore-rail-n{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.explore-content{flex-direction:column;flex:auto;gap:16px;min-width:0;padding:24px;display:flex}.explore-search{background:var(--color-surface);max-width:560px;height:40px;color:var(--color-muted);border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 8px 0 14px;display:flex}.explore-search-icon{flex:none;width:18px;height:18px}.explore-search-text{color:var(--color-faint);flex:auto;font-size:14px;font-weight:500}.explore-kbd{border:1px solid var(--color-line);background:var(--color-panel);height:22px;color:var(--color-muted);letter-spacing:.02em;border-radius:6px;align-items:center;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.explore-filters{align-items:center;gap:8px;display:flex}.explore-filters-gap{flex:auto}.explore-fchip{background:var(--color-surface);height:32px;color:var(--color-ink-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.explore-fchip svg{width:14px;height:14px;color:var(--color-muted)}.explore-fchip-outline{border:1px solid var(--color-line);background:0 0}.explore-grids{padding-top:4px;position:relative}.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.explore-grid-out{animation:.15s forwards explore-grid-out}.explore-grid>*{animation:.36s cubic-bezier(.2,.8,.2,1) backwards explore-card-in}.explore-grid>:nth-child(2){animation-delay:40ms}.explore-grid>:nth-child(3){animation-delay:80ms}.explore-grid>:nth-child(4){animation-delay:.12s}.explore-grid>:nth-child(5){animation-delay:.16s}.explore-grid>:nth-child(6){animation-delay:.2s}.explore-grid>:nth-child(7){animation-delay:.24s}.explore-grid>:nth-child(8){animation-delay:.28s}@keyframes explore-grid-out{to{opacity:0}}@keyframes explore-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.explore-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-card);color:var(--color-ink);flex-direction:column;padding:8px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.explore-card:hover,.explore-card:focus-visible{box-shadow:var(--shadow-float);transform:translateY(-4px)}.explore-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.explore-cover{background:var(--color-surface);border-radius:12px;justify-content:center;align-items:center;height:200px;display:flex;position:relative}.explore-cover img{width:auto;max-width:100%;height:176px;box-shadow:var(--shadow-cover);border-radius:3px;display:block}.explore-chip{background:var(--color-panel);color:var(--color-ink-2);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #06141b14}.explore-bm{background:var(--color-panel);width:28px;height:28px;color:var(--color-ink-2);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 2px #06141b14}.explore-bm svg{width:15px;height:15px}.explore-card-body{flex-direction:column;gap:4px;padding:10px 6px 12px;display:flex}.explore-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.explore-card-group{color:var(--color-muted);font-size:13px}.explore-more{border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;grid-column:span 2;justify-content:center;gap:6px;padding:24px 28px;display:flex}.explore-more-n{letter-spacing:-.025em;color:var(--color-ink);font-size:32px;font-weight:800;line-height:1}.explore-more-t{color:var(--color-muted);font-size:15px;line-height:1.5}.explore-more-l{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line);font-size:14px;font-weight:600}.explore-more-l:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.explore-fade{background:linear-gradient(to bottom, #f2f5f600 0%, #f2f5f6e6 55%, var(--color-surface) 100%);pointer-events:none;justify-content:center;align-items:flex-end;height:200px;padding-bottom:28px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:1023px){.explore-rail{flex-basis:200px;width:200px;padding:16px 12px}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.explore-cover{height:180px}.explore-cover img{height:156px}}.explore-rail-swipe{display:none}@media (max-width:767px){.explore-head{flex-direction:column;align-items:flex-start;gap:20px}.explore-frame{border-radius:var(--radius-card);flex-direction:column;height:640px;margin-top:28px}.explore-rail{border-right:0;border-bottom:1px solid var(--color-line);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;flex:none;align-items:center;gap:6px;width:auto;padding:12px;overflow-x:auto}.explore-rail::-webkit-scrollbar{display:none}.explore-rail-swipe{height:34px;color:var(--color-ink);background:linear-gradient(to right, #fff0 0%, var(--color-panel) 45%);pointer-events:none;flex:none;align-items:center;gap:1px;margin-left:-6px;padding:0 10px 0 26px;font-size:12px;font-weight:700;animation:1.5s cubic-bezier(.2,.8,.2,1) infinite explore-swipe;display:inline-flex;position:sticky;right:-12px}.explore-rail-swipe svg{width:14px;height:14px}.explore-rail-head{white-space:nowrap;flex:none;gap:6px;padding:0 10px 0 4px;font-size:14px}.explore-rail-rows{flex-direction:row;gap:6px}.explore-rail-ind{display:none}.explore-rail-row{background:var(--color-surface);white-space:nowrap;border-radius:999px;flex:none;gap:6px;height:34px;padding:0 10px 0 12px;font-size:13px}.explore-rail-row[aria-current=true]{background:var(--color-ink);color:#fff}.explore-rail-row[aria-current=true] .explore-rail-n{color:inherit;opacity:.7}.explore-content{gap:12px;padding:14px}.explore-search{height:36px}.explore-kbd{display:none}.explore-filters{scrollbar-width:none;overflow-x:auto}.explore-filters::-webkit-scrollbar{display:none}.explore-fchip{height:30px;font-size:12px}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.explore-cover{border-radius:10px;height:150px}.explore-cover img{height:130px}.explore-card-title{min-height:36px;font-size:14px}.explore-more{padding:18px 20px}.explore-more-n{font-size:28px}.explore-more-t{font-size:14px}.explore-fade{height:110px;padding-bottom:20px}}@keyframes explore-swipe{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.explore-rail-swipe,.explore-grid-out,.explore-grid>*{animation:none}.explore-card,.explore-rail-row,.explore-rail-ind,.explore-btn{transition:none}}
.problems-stage{aspect-ratio:1152/620;border-radius:var(--radius-frame);background:radial-gradient(60% 70% at 50% 60%, var(--color-surface) 0%, var(--color-panel) 100%);border:1px solid var(--color-surface-deep);margin-top:40px;position:relative;overflow:hidden}.problems-lines{width:100%;height:100%;position:absolute;inset:0}.problems-line{fill:none;stroke:var(--color-line);stroke-width:1.5px;stroke-dasharray:5 6;transition:stroke .3s;animation:1.6s linear infinite problems-flow}.problems-line-on{stroke:var(--color-accent);stroke-width:2px;stroke-dasharray:none}@keyframes problems-flow{0%{stroke-dashoffset:22px}to{stroke-dashoffset:0}}.problems-pills{position:absolute;inset:0}.problems-pill{left:var(--x);top:var(--y);background:var(--color-panel);border:1px solid var(--color-line);height:44px;font:inherit;color:var(--color-ink-2);white-space:nowrap;cursor:pointer;animation:.6s cubic-bezier(.2,.8,.2,1) both problems-pop;animation-delay:var(--delay,0s);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 8px;font-size:14px;font-weight:600;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s,color .3s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #06141b14}.problems-pill i{background:var(--color-surface);width:26px;height:26px;color:var(--color-muted);border-radius:999px;justify-content:center;align-items:center;transition:background .3s,color .3s;display:inline-flex}.problems-pill svg{width:15px;height:15px}.problems-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.problems-pill-on{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 0 10px 24px #e11d2e2e;color:var(--color-ink);transform:translate(-50%,calc(-50% - 4px))}.problems-pill-on i{background:var(--color-accent-soft);color:var(--color-accent)}@keyframes problems-pop{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.problems-hub{left:var(--x);top:var(--y);background:var(--color-sidebar);border:1px solid var(--color-sidebar);height:56px;box-shadow:0 0 0 6px #e11d2e1a, var(--shadow-float);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:0 22px 0 18px;font-size:17px;font-weight:700;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.problems-hub>svg{color:#fff;width:20px;height:20px}.problems-dot{background:var(--color-accent);border-radius:999px;width:10px;height:10px;position:relative}.problems-dot:after{content:"";background:var(--color-accent);border-radius:999px;animation:2s ease-out infinite problems-pulse;position:absolute;inset:0}@keyframes problems-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.problems-result{left:50%;top:var(--y);width:300px;height:82px;position:absolute;transform:translate(-50%)}.problems-card{border-radius:var(--radius-card);background:var(--color-panel);border:1px solid var(--color-surface-deep);box-shadow:var(--shadow-float);color:var(--color-ink);opacity:0;pointer-events:none;align-items:center;gap:14px;padding:12px 14px;transition:opacity .36s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(12px)}.problems-card-on{opacity:1;pointer-events:auto;transform:translateY(0)}.problems-card-on:hover,.problems-card-on:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-float);transform:translateY(-3px)}.problems-card-on:focus-visible{outline:none}.problems-card img{object-fit:cover;width:43px;height:56px;box-shadow:var(--shadow-cover);border-radius:3px;flex:none}.problems-card-text{flex:auto;min-width:0}.problems-card b{color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.problems-card small{color:var(--color-faint);margin-top:3px;font-size:12px;transition:color .2s;display:block}.problems-card-arrow{width:16px;height:16px;color:var(--color-faint);flex:none;transition:color .2s,transform .26s cubic-bezier(.2,.8,.2,1)}.problems-card-on:hover .problems-card-arrow,.problems-card-on:focus-visible .problems-card-arrow{color:var(--color-accent);transform:translate(3px)}.problems-card-on:hover small,.problems-card-on:focus-visible small{color:var(--color-accent)}@media (max-width:959px){.problems-stage{aspect-ratio:auto;border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:22px;padding:22px 16px 26px;display:flex}.problems-lines{display:none}.problems-pills{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex;position:static}.problems-pill{gap:8px;height:38px;padding:0 13px 0 7px;font-size:13px;animation-name:problems-fade;position:static;transform:none}.problems-pill-on{transform:none}.problems-hub{margin-top:10px;position:relative;top:auto;left:auto;transform:none}.problems-hub:before{content:"";border-left:2px dashed var(--color-line);height:30px;position:absolute;bottom:100%;left:50%}.problems-hub:after{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-7px;left:50%}.problems-result{width:100%;max-width:320px;position:relative;top:auto;left:auto;transform:none}}@keyframes problems-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:400px){.problems-pill{height:36px;padding:0 11px 0 6px;font-size:12px}.problems-pill i{width:24px;height:24px}.problems-hub{height:50px;font-size:16px}}@media (prefers-reduced-motion:reduce){.problems-line,.problems-dot:after,.problems-pill{animation:none}.problems-pill,.problems-card,.problems-card-arrow,.problems-line{transition:none}}
.steps-strip{perspective:1400px;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.steps-panel{flex-direction:column;gap:16px;display:flex;position:relative}.steps-frame{border-radius:var(--radius-card);background:var(--color-panel);border:1px solid var(--color-surface-deep);height:196px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 18px 30px -18px #06141b59,0 4px 10px -6px #06141b1f}.steps-panel:hover .steps-frame{box-shadow:var(--shadow-float);transform:rotateY(-6deg)rotateX(3deg)translateY(-4px)}.steps-num{z-index:3;background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.steps-p1{background:var(--color-sidebar-deep)}.steps-wall{opacity:.45;flex-direction:column;gap:8px;display:flex;position:absolute;inset:-20% -10%;transform:rotateX(38deg)rotate(-8deg)}.steps-wall-row{gap:8px;width:max-content;animation:40s linear infinite steps-wall;display:flex}.steps-wall-row:nth-child(2n){animation-duration:50s;animation-direction:reverse}.steps-wall img{object-fit:cover;border-radius:2px;flex:none;width:46px;height:60px}@keyframes steps-wall{to{transform:translate(-50%)}}.steps-login{background:var(--color-panel);border-radius:12px;flex-direction:column;gap:8px;width:180px;padding:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px -20px #06141bcc}.steps-login b{color:var(--color-ink);font-size:12px;font-weight:800}.steps-login i{background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px;height:24px;display:block}.steps-login-btn{background:var(--color-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;height:28px;font-size:11px;font-weight:700;display:flex}.steps-panel:hover .steps-login-btn{animation:.6s cubic-bezier(.2,.8,.2,1) steps-pressed}@keyframes steps-pressed{40%{transform:scale(.96)}}.steps-p2{flex-direction:column;gap:10px;padding:46px 14px 14px;display:flex}.steps-pill{background:var(--color-surface);height:32px;color:var(--color-muted);border-radius:999px;align-items:center;gap:8px;padding:0 10px;display:flex}.steps-chip{background:var(--color-panel);border:1px solid var(--color-line);height:22px;color:var(--color-ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.steps-chip i{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.steps-grid3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.steps-grid3 img{aspect-ratio:17/22;object-fit:cover;border-radius:2px;width:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 14px -8px #06141b80}.steps-panel:hover .steps-grid3 img:nth-child(2){transform:translateY(-6px)}.steps-p3{gap:12px;padding:46px 14px 14px;display:flex}.steps-p3>img{object-fit:cover;width:96px;height:124px;box-shadow:var(--shadow-cover);border-radius:3px;flex:none}.steps-page{flex-direction:column;flex:1;gap:7px;display:flex}.steps-page i{background:var(--color-surface-deep);border-radius:3px;height:6px;display:block}.steps-page i:first-child{background:var(--color-line);width:60%;height:8px}.steps-page i:nth-child(4){width:70%}.steps-page i:nth-child(6){width:55%}.steps-transport{background:var(--color-panel);border:1px solid var(--color-line);border-radius:999px;align-items:center;gap:8px;height:30px;margin-top:auto;padding:0 8px 0 3px;display:flex}.steps-play{background:var(--color-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.steps-bar{background:var(--color-surface-deep);border-radius:2px;flex:1;height:4px;overflow:hidden}.steps-bar b{background:var(--color-accent);width:35%;height:100%;display:block}.steps-panel:hover .steps-bar b{animation:4s linear infinite steps-play}@keyframes steps-play{0%{width:0}to{width:100%}}.steps-p4{flex-direction:column;justify-content:flex-end;display:flex}.steps-books{z-index:2;justify-content:center;align-items:flex-end;gap:8px;padding:0 12px;display:flex;position:relative}.steps-books img{aspect-ratio:17/22;object-fit:cover;border-radius:2px;flex:0 60px;width:60px;min-width:0;height:auto;box-shadow:1px 2px 3px -1px #06141b52,6px 5px 10px -4px #06141b75}.steps-books img.steps-new{opacity:0;flex-basis:0;margin-left:-8px;transition:opacity .4s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1),flex-basis .5s cubic-bezier(.2,.8,.2,1),margin-left .5s cubic-bezier(.2,.8,.2,1);transform:translateY(-30px)}.steps-panel:hover .steps-books img.steps-new{opacity:1;flex-basis:60px;margin-left:0;transform:none}.steps-ledge-top{background:linear-gradient(#d4dde2 0%,#eef3f5 38%,#fff 72%,#e8eef1 100%);border-radius:3px 3px 0 0;height:12px;box-shadow:inset 0 2px 3px -1px #06141b2e}.steps-ledge-front{background:linear-gradient(#d9e0e4 0%,#c3ccd2 55%,#aab6bd 100%);border-bottom:1px solid #06141b2e;border-radius:0 0 4px 4px;height:18px}.steps-week{background:var(--color-accent-soft);height:22px;color:var(--color-accent);opacity:0;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;transition:opacity .3s .3s;display:inline-flex;position:absolute;top:12px;right:12px}.steps-panel:hover .steps-week{opacity:1}@media (max-width:1023px){.steps-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:559px){.steps-strip{grid-template-columns:minmax(0,1fr)}}@media (hover:none){.steps-books img.steps-new,.steps-week{opacity:1;transform:none}.steps-books img.steps-new{flex-basis:60px;margin-left:0}}@media (prefers-reduced-motion:reduce){.steps-wall-row{animation:none}.steps-frame,.steps-grid3 img,.steps-books img.steps-new,.steps-week{transition:none}.steps-books img.steps-new,.steps-week{opacity:1;transform:none}.steps-books img.steps-new{flex-basis:60px;margin-left:0}.steps-panel:hover .steps-frame{transform:none}.steps-panel:hover .steps-login-btn,.steps-panel:hover .steps-bar b{animation:none}}
.pricing-col{flex-direction:column;display:flex}.pricing-stack{z-index:1;justify-content:center;align-items:flex-end;height:204px;margin-bottom:-6px;display:flex;position:relative}.pricing-cv{aspect-ratio:17/22;transform-origin:50% 100%;width:120px;transform:translateX(calc(var(--k) * 13px)) rotate(calc(var(--k) * 3deg));border-radius:3px;margin-left:-60px;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:50%;overflow:hidden;box-shadow:1px 2px 3px -1px #06141b52,6px 5px 10px -4px #06141b75,14px 9px 20px -8px #06141b66}.pricing-cv img{object-fit:cover;width:100%;height:100%;display:block}.pricing-stack:hover .pricing-cv{transform:translateX(calc(var(--k) * 29px)) translateY(-10px) rotate(calc(var(--k) * 6.5deg));box-shadow:1px 2px 4px -2px #06141b29,9px 8px 14px -6px #06141b6b,22px 16px 28px -12px #06141b70}.pricing-foot{pointer-events:none;background:radial-gradient(52% 62% at 50% 42%,#06141b66,#06141b00 100%);width:220px;height:18px;margin-left:-110px;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s;position:absolute;bottom:-4px;left:50%}.pricing-stack:hover .pricing-foot{opacity:.7;transform:scaleX(1.9)}.pricing-seal{z-index:20;background:var(--color-accent);color:#fff;width:64px;height:64px;box-shadow:0 0 0 4px var(--color-panel), 0 18px 30px -18px #06141b8c, 0 4px 10px -6px #06141b40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:12px;right:34px}.pricing-seal b{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1}.pricing-seal small{letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:700;line-height:1}.pricing-stack:hover .pricing-seal{transform:translateY(-10px)rotate(-8deg)}.pricing-card{border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink);flex-direction:column;flex:1;padding:28px;display:flex;position:relative}.pricing-card-dark{background:var(--color-sidebar);color:#fff}.pricing-pop{z-index:4;background:var(--color-accent);color:#fff;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-13px;left:28px}@media (max-width:1023px){.pricing-stack{height:176px}.pricing-cv{width:100px;margin-left:-50px}}@media (max-width:639px){.pricing-stack{height:150px}.pricing-cv{width:84px;transform:translateX(calc(var(--k) * 10px)) rotate(calc(var(--k) * 3deg));margin-left:-42px}.pricing-seal{width:54px;height:54px;right:20px}.pricing-seal b{font-size:20px}}@media (prefers-reduced-motion:reduce){.pricing-cv,.pricing-foot,.pricing-seal{transition:none}.pricing-stack:hover .pricing-cv{transform:translateX(calc(var(--k) * 13px)) rotate(calc(var(--k) * 3deg))}.pricing-stack:hover .pricing-foot,.pricing-stack:hover .pricing-seal{transform:none}}
.cta{position:relative;overflow:hidden}.cta-river{opacity:.16;pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cta-track{will-change:transform;width:max-content;animation:140s linear infinite cta-river;display:flex}.cta-set{flex:none;gap:18px;padding-right:18px;display:flex}.cta-set img{object-fit:cover;border-radius:3px;flex:none;width:84px;height:109px;display:block}@keyframes cta-river{to{transform:translate(-50%)}}.cta-shade{background:linear-gradient(to right, #11212d00 0%, #11212d80 18%, var(--color-sidebar) 34%, var(--color-sidebar) 66%, #11212d80 82%, #11212d00 100%);position:absolute;inset:0}@media (max-width:767px){.cta-set img{width:64px;height:83px}.cta-shade{background:linear-gradient(to right, #11212d00 0%, var(--color-sidebar) 22%, var(--color-sidebar) 78%, #11212d00 100%)}}@media (prefers-reduced-motion:reduce){.cta-track{animation:none}}
.faq-body{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1);display:grid}.faq-body>div{min-height:0;overflow:hidden}.faq-open .faq-body{grid-template-rows:1fr}.faq-plus{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.faq-open .faq-plus{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.faq-body,.faq-plus{transition:none}}
.footer-root{background:var(--color-sidebar);color:#fff;position:relative;overflow:hidden}.footer-field{transform-origin:50%;opacity:.3;pointer-events:none;justify-content:flex-end;gap:18px;width:40%;height:150%;display:flex;position:absolute;top:-34%;right:-9%;transform:rotate(-16deg);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%)}.footer-track{will-change:transform;flex-direction:column;flex:none;gap:18px;width:92px;animation:150s linear infinite footer-drift;display:flex}.footer-track:nth-child(2n){animation-duration:180s;animation-direction:reverse}.footer-track:nth-child(3){animation-duration:165s}.footer-cover{object-fit:cover;border-radius:3px;flex:none;width:92px;height:120px;margin-bottom:18px;display:block}.footer-track{gap:0}@keyframes footer-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.footer-shade{pointer-events:none;background:linear-gradient(to bottom, #11212d00 0%, #11212d99 62%, var(--color-sidebar) 100%), linear-gradient(to right, var(--color-sidebar) 0%, var(--color-sidebar) 46%, #11212d73 72%, #11212d1f 100%);position:absolute;inset:0}.footer-heading{color:#fff;font-size:13px;font-weight:700;line-height:1.4}.footer-getapp{padding-top:18px}.footer-getapp-line{color:#fff9;margin-top:4px;font-size:13px;line-height:1.5}.footer-getapp .get-app-badges{margin-top:36px}.footer-link{color:#ffffffb3;background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:1px;font-size:14px;font-weight:500;line-height:1.5;transition:color .26s cubic-bezier(.2,.8,.2,1),background-size .3s cubic-bezier(.2,.8,.2,1);display:inline-block}.footer-link:hover,.footer-link:focus-visible{color:#fff;background-size:100% 1px}.footer-signin a{color:#ffffffd9;border-bottom:1px solid #ffffff40;transition:border-color .26s cubic-bezier(.2,.8,.2,1),color .26s}.footer-signin a:hover{color:#fff;border-color:#fff}.footer-totop{color:#fff;border:1px solid #fff3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .26s cubic-bezier(.2,.8,.2,1),border-color .26s cubic-bezier(.2,.8,.2,1);display:inline-flex}.footer-totop:hover{background:#ffffff1a;border-color:#ffffff59}.footer-totop svg{transition:transform .26s cubic-bezier(.2,.8,.2,1)}.footer-totop:hover svg{transform:translateY(-2px)}@media (max-width:900px){.footer-field{opacity:.2;width:70%;top:-30%;right:-20%}}@media (max-width:640px){.footer-field{opacity:.16;width:90%;height:60%;top:-28%;right:-30%}}@media (prefers-reduced-motion:reduce){.footer-track{animation:none}.footer-link,.footer-totop,.footer-totop svg,.footer-signin a{transition:none}}