[data-visual]:not([data-mounted]){min-height:0!important}.mock-win{background:#ffffffad;border:1px solid rgba(255,255,255,.84);border-radius:16px;overflow:hidden;backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px 2px #10141c0a,0 12px 28px -10px #10141c29,0 40px 80px -30px #10141c2e}.mock-win-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f7faff9e;border-bottom:1px solid var(--line)}.mock-win-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-strong);flex:none}.mock-win-bar i:nth-child(1){background:#ff5f57}.mock-win-bar i:nth-child(2){background:#febc2e}.mock-win-bar i:nth-child(3){background:#28c840}.mock-win-url{margin-left:8px;flex:1;font-size:11px;color:var(--text-3);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-dash{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:300px}.mock-side{background:var(--surface-2);border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:4px}.mock-side .mock-side-t{font-size:9px;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;padding:0 6px 6px}.mock-side a{font-size:11px;color:var(--text-2);padding:6px 8px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;text-decoration:none}.mock-side a.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #10141c0f}.mock-side a span{font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums}.mock-main{padding:14px;display:flex;flex-direction:column;gap:12px}.mock-head{display:flex;align-items:center;justify-content:space-between}.mock-head b{font-size:14px}.mock-tabs{display:flex;gap:4px}.mock-tabs span{font-size:10px;color:var(--text-3);padding:3px 8px;border-radius:5px;border:1px solid transparent}.mock-tabs span.on{background:var(--surface-2);border-color:var(--line);color:var(--text)}.mock-kpis{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.mock-kpi{border:1px solid rgba(255,255,255,.76);border-radius:9px;padding:8px 10px;background:#ffffff75}.mock-kpi small{font-size:9px;color:var(--text-3);display:block}.mock-kpi b{font-size:17px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block;margin-top:1px}.mock-kpi .d{font-size:9px;font-weight:600}.mock-kpi .d.up{color:var(--up)}.mock-kpi .d.down{color:var(--down)}.mock-panel{border:1px solid rgba(255,255,255,.76);border-radius:9px;background:#ffffff6b;padding:10px}.mock-panel-t{font-size:10px;color:var(--text-3);display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mock-live{display:inline-flex;align-items:center;gap:5px;color:var(--up);font-weight:600}.mock-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:mock-pulse 2s ease-out infinite}@keyframes mock-pulse{0%{box-shadow:0 0 color-mix(in oklab,currentColor 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.mock-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.mock-bars{display:flex;flex-direction:column;gap:5px}.mock-bar{display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:6px;align-items:center;font-size:9px;color:var(--text-2)}.mock-bar .t{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.mock-bar .t i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent) 55%,#7aa8ff));width:0;transition:width 1.1s cubic-bezier(.16,1,.3,1)}.mock-bar .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-3)}.mock-chart{display:block;width:100%;height:auto}.mock-chart .grid-l{stroke:var(--line);stroke-width:1}.mock-chart .area{fill:url(#mockGrad);opacity:0;transition:opacity .8s ease .5s}.mock-chart .line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len, 1000);stroke-dashoffset:var(--len, 1000)}.mock-chart .dot{fill:var(--surface);stroke:var(--accent);stroke-width:2;opacity:0}.in-view .mock-chart .line{transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1);stroke-dashoffset:0}.in-view .mock-chart .area{opacity:1}.in-view .mock-chart .dot{opacity:1;transition:opacity .4s ease 1.4s}.in-view .mock-bar .t i{width:var(--w, 50%)}.mock-map{position:relative}.mock-map svg{display:block;width:100%;height:auto}.mock-map .land{fill:var(--surface-3)}.mock-map .ping{fill:var(--accent);opacity:.9}.mock-map .ping-ring{fill:none;stroke:var(--accent);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mock-ping 2.6s ease-out infinite}@keyframes mock-ping{0%{r:2;opacity:.8}to{r:13;opacity:0}}.mock-issues{display:flex;flex-direction:column}.mock-issue{display:grid;grid-template-columns:minmax(0,1fr) 54px 40px;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);font-size:11px}.mock-issue:last-child{border-bottom:0}.mock-issue>div{min-width:0}.mock-issue .ttl{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-issue .loc{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--text-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-issue .tag{font-size:9px;padding:2px 6px;border-radius:4px;background:var(--surface-3);color:var(--text-2);text-align:center}.mock-issue .tag.fatal{background:color-mix(in oklab,var(--down) 12%,transparent);color:var(--down)}.mock-issue .n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-2);font-size:11px}.mock-player{background:var(--surface-2);border-radius:8px;padding:10px}.mock-stage{background:var(--surface);border:1px solid var(--line);border-radius:6px;height:118px;position:relative;overflow:hidden}.mock-stage .row{position:absolute;background:var(--surface-3);border-radius:3px}.mock-cursor{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:.85;box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent);animation:mock-move 7s ease-in-out infinite}@keyframes mock-move{0%{left:18%;top:22%}25%{left:62%;top:34%}45%{left:40%;top:62%}70%{left:74%;top:70%}to{left:18%;top:22%}}.mock-track{margin-top:8px;height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.mock-track i{display:block;height:100%;width:40%;background:var(--accent);border-radius:2px;animation:mock-seek 7s linear infinite}@keyframes mock-seek{0%{width:4%}to{width:100%}}.mock-phone{width:168px;border-radius:22px;padding:8px;background:var(--text);box-shadow:0 18px 40px -16px #10141c80}.mock-phone-scr{background:var(--surface);border-radius:15px;overflow:hidden;padding:10px;min-height:250px}.mock-notch{width:46px;height:4px;border-radius:3px;background:color-mix(in oklab,var(--surface-3) 70%,transparent);margin:0 auto 8px}.hero-split{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}@media(min-width:1000px){.hero-split{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:56px}.hero-split h1{font-size:clamp(30px,3.5vw,46px)}.hero-split .hero-copy p{max-width:42ch}.hero-visual{perspective:1600px}.hero-visual .mock-win{transform:rotateY(-7deg) rotateX(2.5deg) translateZ(0);transition:transform .7s cubic-bezier(.16,1,.3,1)}.hero-visual:hover .mock-win{transform:rotateY(-2deg) rotateX(1deg)}}.float-card{position:absolute;background:#ffffffa3;border:1px solid rgba(255,255,255,.84);border-radius:12px;padding:8px 11px;box-shadow:0 16px 30px -16px #10306852;backdrop-filter:blur(16px) saturate(145%);font-size:11px;display:flex;align-items:center;gap:8px;animation:mock-float 6s ease-in-out infinite}.float-card b{font-size:14px;font-variant-numeric:tabular-nums}.float-card small{color:var(--text-3);font-size:9px;display:block}@keyframes mock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-visual{position:relative}.float-card.fc-1{left:-14px;bottom:16%;animation-delay:-1s}.float-card.fc-2{right:-10px;top:10%;animation-delay:-3.4s}@media(max-width:760px){.float-card{display:none}}.showcase{display:grid;gap:28px;align-items:center;grid-template-columns:minmax(0,1fr)}.showcase>*{min-width:0}@media(min-width:900px){.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}.showcase.flip .showcase-text{order:2}}.showcase+.showcase{margin-top:clamp(56px,7vw,104px)}.showcase-text h3{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);letter-spacing:-.02em;margin:10px 0 12px}.showcase-text>p{color:var(--text-2);line-height:1.75}.showcase-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.showcase-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px}.showcase-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--text-2);line-height:1.6}.showcase-list li:before{content:"";flex:none;width:17px;height:17px;margin-top:2px;border-radius:50%;background:color-mix(in oklab,var(--accent) 13%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l3 3 6-6.4' fill='none' stroke='%231f6feb' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px 11px}.hx-tiers{display:grid;gap:16px}@media(min-width:560px){.hx-tiers{grid-template-columns:1fr 1fr}}.hx-tier{padding:24px 20px;border-radius:14px;background:#ffffff8f;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(16px);box-shadow:0 16px 32px -30px #16366ea6}.hx-tier-pro{background:color-mix(in oklab,var(--accent) 7%,var(--surface));border-color:color-mix(in oklab,var(--accent) 38%,var(--line))}.hx-tier-h{font-size:13px;color:var(--text-2);font-weight:600}.hx-tier-price{font-size:clamp(22px,3.4vw,30px);font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.15}.hx-tier-pro .hx-tier-price{color:var(--accent)}.hx-tier-sub{font-size:12.5px;color:var(--text-3)}@media(prefers-reduced-motion:reduce){.mock-live:before,.mock-map .ping-ring,.mock-cursor,.mock-track i,.float-card{animation:none!important}.mock-chart .line{stroke-dashoffset:0!important}.mock-chart .area,.mock-chart .dot{opacity:1!important}.hero-visual .mock-win{transform:none!important}}.auth-split{display:grid;gap:40px;align-items:center;grid-template-columns:minmax(0,1fr)}.auth-split>*{min-width:0}@media(min-width:940px){.auth-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px}}.auth-pitch h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem);letter-spacing:-.02em;margin:0 0 10px}.auth-pitch>p{color:var(--text-2);line-height:1.7;margin:0 0 22px}.auth-pitch .showcase-list{margin-top:20px}@media(max-width:939px){.auth-pitch [data-visual]{display:none;min-height:0!important}}.visual-inline{margin:28px 0;max-width:560px}.visual-caption{margin-top:10px;font-size:12.5px;color:var(--text-3);text-align:center}
