.sv .tm{--tm-h:clamp(520px, 44vw, 640px);gap:20px;display:grid}.sv .tm-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;display:grid}.sv .tm-tab{text-align:left;cursor:pointer;touch-action:manipulation;letter-spacing:-.015em;color:var(--text-3);white-space:nowrap;transition:color var(--t-base) ease;background:0 0;border:0;padding:4px 0 16px;font-size:clamp(.9375rem,.85rem + .25vw,1.0625rem);font-weight:600;position:relative}.sv .tm-tab[aria-selected=true]{color:var(--text)}@media (hover:hover) and (pointer:fine){.sv .tm-tab:hover{color:var(--text-2)}.sv .tm-tab[aria-selected=true]:hover{color:var(--text)}}.sv .tm-bar{background:var(--rule);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sv .tm-bar i{background:var(--text);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.sv .tm-tab.you .tm-bar i{background:var(--brand)}.sv .tm-tab[aria-selected=true] .tm-bar i{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.sv .tm[data-running="1"] .tm-tab[aria-selected=true] .tm-bar i{animation:sv-tm-bar var(--step) linear both}}@keyframes sv-tm-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sv .tm-panel{isolation:isolate;min-height:var(--tm-h);background:#f4ece2;border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,5vw,88px);display:grid;position:relative;overflow:hidden}.sv[data-theme=dark] .tm-panel{background:var(--paper-2)}.sv .tm-copy{align-content:center;gap:14px;max-width:26rem;display:grid}.sv .tm-k{font-size:var(--fs-small);color:var(--text-2);align-items:center;gap:10px;font-weight:650;display:inline-flex}.sv .tm-k .tnum{color:var(--text-3);font-weight:600}.sv .tm-ic{background:var(--card);width:38px;height:38px;color:var(--brand-text);box-shadow:var(--sh-1);border-radius:12px;place-items:center;display:grid}.sv .tm-panel.you .tm-ic{color:var(--brand-text)}.sv .tm-h{letter-spacing:-.04em;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.625rem);font-weight:700;line-height:1.04}.sv .tm-t{font-size:var(--fs-lead);color:var(--text-2);line-height:1.5}.sv .tm-visual{place-items:center;display:grid}@media (prefers-reduced-motion:no-preference){.sv .tm-copy>*{animation:sv-lp-in .56s var(--e-out) both}.sv .tm-copy>:nth-child(2){animation-delay:60ms}.sv .tm-copy>:nth-child(3){animation-delay:.12s}.sv .tm-copy>:nth-child(4){animation-delay:.18s}.sv .tm-brick,.sv .tm-visual .hp{animation:sv-lp-in .62s var(--e-out) both}}.sv .tm-panel{grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr);padding:clamp(28px,4vw,64px)}.sv .tm-visual{width:100%}.sv .tm-demo{justify-items:center;width:100%;display:grid}.sv .tm-demo>*{width:100%}.sv .tm-demo .phone{width:290px}.sv .tm-demo .win-in{box-shadow:0 40px 80px -44px #3c1e0a80, 0 0 0 1px var(--app-line)}@media (prefers-reduced-motion:no-preference){.sv .tm-demo{animation:sv-lp-in .56s var(--e-out) both}.sv .tm-demo .sc>*,.sv .tm-demo .id-card,.sv .tm-demo .val-hooks li,.sv .tm-demo .pubs-list li,.sv .tm-demo .cli-thread>*,.sv .tm-demo .res-row,.sv .tm-demo .ads-c,.sv .tm-demo .tile{animation:sv-lp-in .56s var(--e-out) both;animation-delay:.22s}.sv .tm-demo .id-card:nth-child(2),.sv .tm-demo .val-hooks li:nth-child(2),.sv .tm-demo .pubs-list li:nth-child(2),.sv .tm-demo .cli-thread>:nth-child(2),.sv .tm-demo .res-row:nth-child(3),.sv .tm-demo .ads-c:nth-child(2){animation-delay:.38s}.sv .tm-demo .id-card:nth-child(3),.sv .tm-demo .val-hooks li:nth-child(3),.sv .tm-demo .pubs-list li:nth-child(3),.sv .tm-demo .cli-thread>:nth-child(3),.sv .tm-demo .res-row:nth-child(4){animation-delay:.54s}.sv .tm-demo .id-card:nth-child(4),.sv .tm-demo .pubs-list li:nth-child(4),.sv .tm-demo .cli-thread>:nth-child(4),.sv .tm-demo .res-row:nth-child(5){animation-delay:.7s}.sv .tm-demo .pubs-list li:nth-child(5),.sv .tm-demo .cli-thread>:nth-child(5){animation-delay:.86s}.sv .tm-demo .res-bar i{animation:sv-tm-grow 1s var(--e-out) .6s both;transform-origin:0}}@keyframes sv-tm-grow{0%{transform:scaleX(0)}}.sv .tm-brick{background:var(--app-bg);width:340px;height:440px;color:var(--text);box-shadow:0 30px 70px -36px #3c1e0a73, 0 0 0 1px var(--app-line);border-radius:26px;font-size:13px;line-height:1.38;position:relative;overflow:hidden}.sv .tm-brick .lp-pad{padding-top:18px}.sv .tm-brick .lp-idea .lp-tm{aspect-ratio:4/5}.sv .hp{--hw:340;width:calc(var(--hw) * 1px);aspect-ratio:680/930;background:#d9d4cc;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #2812048c}.sv .hp>img{object-fit:cover}.sv .hp-screen{z-index:1;clip-path:inset(0 round 11%/4.8%);background:#000;border-radius:11%/4.8%;width:36.4%;height:67%;position:absolute;top:11.7%;left:23.2%;overflow:hidden;rotate:-.4deg}.sv .hp-zoom{zoom:calc(var(--hw) * .364 / 260)}.sv .hp .lp-mini{height:654px}.sv .hp .lp-scene.s-filmer{inset:0}.sv .hp-glare{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#fff3,#fff0 32%);position:absolute;inset:0}.sv .tm-note{font-size:var(--fs-small);color:var(--text-3);max-width:44rem}@media (max-width:1000px){.sv .tm-tabs{scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter) 40px;gap:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.sv .tm-tabs::-webkit-scrollbar{display:none}.sv .tm-tab{scroll-snap-align:start;flex:none;min-height:44px;padding:10px 0 14px}.sv .tm-panel{border-radius:28px;grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:28px 20px 24px}.sv .tm-brick{width:min(320px,100%);height:400px}.sv .tm-demo .phone{width:260px}.sv .hp{--hw:260}}@media (max-width:640px){.sv .tm-panel,.sv[data-theme=dark] .tm-panel{background:0 0;border-radius:0;gap:22px;padding:8px 0 0}.sv .tm-h{font-size:1.75rem}.sv .tm-demo .win-in{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.sv .tm-demo .win-main,.sv .tm-demo .win.bare .win-main{padding:0}.sv .tm-demo .win-body{grid-template-columns:minmax(0,1fr)}.sv .tm-demo .side{display:none}.sv .tm-demo .id-cards{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);grid-auto-columns:62%}.sv .tm-panel{padding-bottom:0}}
