.tl .pp-hero{position:relative;padding-top:164px;background:linear-gradient(180deg,#f3f3f5,#f8f8f9 38%,#fff 74%)}.tl .pp-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.tl .pp-kick{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border-radius:999px;background:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);font-size:13.5px;font-weight:600;color:var(--ink)}.tl .pp-kick .ic{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--ink);color:#fff}.tl .pp-h1{margin-top:24px;font-size:clamp(44px,6vw,88px)}.tl .pp-lede{max-width:640px;margin-top:24px}.tl .pp-hero .hero-cta{margin-top:34px}.tl .pp-shot{margin-top:64px}.tl .pp-sec{position:relative;padding-top:150px}.tl .pp-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}.tl .pp-row.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.tl .pp-row.flip .pp-copy{order:2}.tl .pp-copy{display:grid;gap:20px;align-content:start}.tl .pp-h2{font-size:clamp(34px,3.6vw,52px)}.tl .pp-pts{margin-top:6px}.tl .pp-demo{position:relative;min-width:0}.tl .pp-card{position:relative;padding:24px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3)}.tl .pp-card-flush{padding:0;overflow:hidden;background:var(--wash)}.tl .pp-card-nf{box-shadow:inset 0 0 0 1px var(--c-line),0 0 0 6px rgba(43,75,242,.04),0 40px 80px -40px rgba(30,57,200,.4)}.tl .pp-nf .nf-glow{top:60px}.tl .ins{max-width:560px;margin:0 auto;font-size:13.5px}.tl .ins-top{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line-3)}.tl .ins-id{font-size:12.5px;font-weight:600;color:var(--ink-4);font-variant-numeric:tabular-nums}.tl .ins-title{margin-top:16px;font-size:22px;font-weight:600;letter-spacing:-.02em}.tl .ins-crumb{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--ink-3)}.tl .ins-crumb i{width:3px;height:3px;margin:0 4px;border-radius:50%;background:var(--ink-5)}.tl .ins-props{display:grid;grid-template-columns:120px minmax(0,1fr);row-gap:4px;margin-top:16px}.tl .ins-k{color:var(--ink-3)}.tl .ins-k,.tl .ins-v{display:flex;align-items:center;height:32px}.tl .ins-v{gap:8px;font-weight:500}.tl .ins-v .chip{gap:6px}.tl .ins-more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:500;color:var(--ink-3)}.tl .ins-sec{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-3)}.tl .ins-sec b{font-size:13px;font-weight:600}.tl .ins-sec em{font-style:normal;font-size:12.5px;color:var(--ink-4);font-variant-numeric:tabular-nums}.tl .ins-sub{position:relative;display:flex;align-items:center;gap:10px;height:34px;margin-top:4px;padding:0 10px;border-radius:9px;transition:background-color .4s var(--ease)}.tl .ins-sub span{transition:color .4s}.tl .ins-sub.is-done span{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--ink-5)}.tl .ins-sub.hot{background:var(--wash-2)}.tl .ins-meter{position:relative;height:7px;margin-top:10px;overflow:hidden;border-radius:4px;background:var(--line-3)}.tl .ins-meter i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(var(--w,0));transition:transform 1s var(--ease)}.tl .ins-entry{display:flex;align-items:center;gap:7px;padding-top:10px;font-size:12.5px;color:var(--ink-3)}.tl .ins-cm{display:flex;align-items:flex-start;gap:10px;margin-top:10px}.tl .ins-cm b{font-size:13px;font-weight:600}.tl .ins-cm p{margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.tl .ins-react{display:inline-flex;align-items:center;gap:5px;height:24px;margin-top:6px;padding:0 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:600;color:var(--ink-2);transition:box-shadow .3s,transform .4s var(--ease)}.tl .ins-react.on{box-shadow:inset 0 0 0 1.5px var(--ink);transform:scale(1.06)}.tl .nd{font-size:13.5px}.tl .nd-banner{display:flex;align-items:center;gap:10px;height:52px;padding:0 10px 0 8px;border-radius:14px;background:var(--c-wash);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-ink);opacity:.45;transform:translateY(6px);transition:opacity .5s var(--ease),transform .6s var(--ease)}.tl .nd-banner.on{opacity:1;transform:none}.tl .nd-banner b{flex:1;font-size:14px;font-weight:600}.tl .nd-mk{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 34% 28%,#7189ff 0,#2b4bf2 55%,#1a33b8 100%)}.tl .nd-open{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:9px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;transition:transform .2s var(--ease),opacity .3s}.tl .nd-open.on{opacity:.55}.tl .nd-list{display:grid;gap:10px;padding-top:12px}.tl .nd-it{padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .4s var(--ease),background-color .4s}.tl .nd-it.is-applied{background:var(--wash)}.tl .nd-h{display:flex;align-items:center;gap:10px}.tl .nd-h b{flex:1;font-weight:600}.tl .nd-st{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600}.tl .nd-st.ready{color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line-2);background:var(--c-wash)}.tl .nd-st.held{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}.tl .nd-st.ok{background:var(--ink);color:#fff;animation:fadeIn .4s var(--ease) both}.tl .nd-what{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px;color:var(--ink-2)}.tl .nd-what s{color:var(--ink-4)}.tl .nd-why{display:flex;align-items:flex-start;gap:7px;margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--ink-3)}.tl .nd-why .nm{margin-top:2px}.tl .nd-held{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--ink-4)}.tl .nd-acts{justify-content:flex-end;transition:opacity .35s var(--ease)}.tl .nd-acts,.tl .nd-done{display:flex;gap:6px;margin-top:10px}.tl .nd-done{font-size:12px;animation:fadeIn .4s var(--ease) both}.tl .nd-done,.tl .nd-foot{align-items:center;color:var(--ink-3)}.tl .nd-foot{display:flex;justify-content:space-between;gap:12px;padding-top:14px;font-size:12.5px}.tl .kd{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:22px;align-items:start}.tl .kd-list{position:relative;display:grid;gap:4px}.tl .kd-row{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:11px;box-shadow:inset 0 0 0 1px transparent;font-size:13.5px;font-weight:500;transition:box-shadow .25s var(--ease),background-color .25s}.tl .kd-row.on{background:var(--wash);box-shadow:inset 0 0 0 1.5px var(--ink)}.tl .kd-row.is-done span{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--ink-5)}.tl .kd-peek{position:absolute;left:24px;right:24px;top:108px;display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 24px 48px -24px rgba(23,23,26,.45);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease)}.tl .kd-peek.on{opacity:1;transform:none}.tl .kd-peek span{font-size:12.5px;color:var(--ink-3)}.tl .kd-peek em{font-style:normal;font-weight:600;color:var(--ink)}.tl .kd-keys{display:grid;gap:8px}.tl .kd-key{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3);transition:color .2s}.tl .kd-key kbd{display:grid;place-items:center;min-width:46px;height:34px;padding:0 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 2px 0 var(--line-2);font-family:inherit;font-size:12.5px;font-weight:600;transition:transform .12s var(--ease),background-color .12s,color .12s,box-shadow .12s}.tl .kd-key kbd,.tl .kd-key.on{color:var(--ink)}.tl .kd-key.on kbd{background:var(--ink);color:#fff;box-shadow:0 0 0 var(--ink);transform:translateY(2px)}.tl .lk-stage{position:relative;width:700px;height:340px}.tl .lk-lines{position:absolute;left:0;top:0;overflow:visible}.tl .lk-lines path{fill:none;stroke:var(--line-2);stroke-width:1.5;stroke-dasharray:3 6;transition:stroke .4s}.tl .lk-lines g.on path{stroke:var(--ink);stroke-dasharray:none}.tl .lk-dot{fill:var(--ink-4)}.tl .lk-lines g.on .lk-dot{fill:var(--ink)}.tl .lk-sat{position:absolute;width:208px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 10px 24px -18px rgba(23,23,26,.3);transition:box-shadow .4s var(--ease),transform .5s var(--ease)}.tl .lk-sat.on{box-shadow:inset 0 0 0 1.5px var(--ink),0 18px 36px -20px rgba(23,23,26,.45);transform:translateY(-3px)}.tl .lk-m{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.tl .lk-sat p{margin-top:5px;font-size:12.5px;line-height:1.4;color:var(--ink-3)}.tl .lk-task{position:absolute;left:262px;top:142px;width:184px;display:grid;gap:5px;padding:14px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 24px 50px -22px rgba(23,23,26,.7)}.tl .lk-id{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.55)}.tl .lk-task b{font-size:14px;font-weight:600;letter-spacing:-.01em}.tl .lk-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:hsla(0,0%,100%,.7)}.tl .pp-voices .pp-h2{margin-top:20px}.tl .pp-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}.tl .pp-q,.tl .pp-q-cell{display:flex}.tl .pp-q{flex-direction:column;gap:16px;width:100%;margin:0;padding:26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.tl .pp-q:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),0 20px 40px -26px rgba(23,23,26,.35)}.tl .pp-q>svg{color:var(--ink-5)}.tl .pp-q p{flex:1;font-size:17px;line-height:1.5;letter-spacing:-.012em;color:var(--ink)}.tl .pp-q figcaption{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3)}.tl .pp-q figcaption b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}.tl .pp-more{padding-top:130px}.tl .pp-more-h{font-size:22px;font-weight:600;letter-spacing:-.02em}.tl .pp-mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.tl .pp-mod,.tl .pp-mod-cell{display:flex}.tl .pp-mod{align-items:center;gap:12px;width:100%;padding:14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.tl .pp-mod:hover{box-shadow:inset 0 0 0 1px var(--ink),0 14px 30px -20px rgba(23,23,26,.4);transform:translateY(-2px)}.tl .pp-mod .ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--wash-2);color:var(--ink)}.tl .pp-mod .tx{display:grid;flex:1;min-width:0}.tl .pp-mod b{font-size:14px;font-weight:600}.tl .pp-mod .tx span{font-size:12.5px;color:var(--ink-3)}.tl .pp-mod .arr{color:var(--ink-4);transition:transform .3s var(--ease),color .3s}.tl .pp-mod:hover .arr{color:var(--ink);transform:translateX(3px)}@media (max-width:1100px){.tl .pp-row,.tl .pp-row.flip{grid-template-columns:minmax(0,1fr);gap:36px}.tl .pp-row.flip .pp-copy{order:0}.tl .pp-mods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px){.tl .pp-hero{padding-top:120px}.tl .pp-shot{margin-top:44px}.tl .pp-sec{padding-top:96px}.tl .pp-card{padding:16px;border-radius:22px}.tl .pp-card-flush{padding:0}.tl .ins-props{grid-template-columns:104px minmax(0,1fr)}.tl .ins-top .b2{display:none}.tl .kd{grid-template-columns:minmax(0,1fr)}.tl .kd-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.tl .pp-mods,.tl .pp-quotes{grid-template-columns:minmax(0,1fr)}.tl .pp-more{padding-top:90px}}@media (prefers-reduced-motion:reduce){.tl .ins-meter i,.tl .ins-react,.tl .kd-key kbd,.tl .kd-peek,.tl .lk-sat,.tl .nd-banner,.tl .pp-mod,.tl .pp-q{transition-duration:.01s}.tl .nd-st.ok{animation:none}}