:root{--v9-ease:cubic-bezier(.22,.9,.24,1);--v9-glass:#ffffff14;--v9-line:#ffffff26}
h1,h2{font-family:'Bricolage Grotesque','Inter',system-ui,sans-serif;letter-spacing:-.035em}
.reveal{transition-timing-function:var(--v9-ease)!important}
.feature-card:hover .icon-tile img,.feature-card:hover .app-icon{animation:v9pop .7s var(--v9-ease)}
@keyframes v9pop{30%{transform:translateY(-6px) rotate(-6deg) scale(1.1)}60%{transform:rotate(4deg)}}
.v9-stage{position:relative;height:460vh;background:#050c1a;color:#fff}
.v9-pin{position:sticky;top:0;height:100vh;overflow:hidden}
.v9-pin canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.v9-caps{position:absolute;inset:0;pointer-events:none}
.v9-cap{position:absolute;left:max(24px,7vw);top:50%;max-width:min(470px,86vw);opacity:0;transform:translateY(-50%)}
.v9-cap h2{font-size:clamp(34px,5vw,68px);line-height:1.02;margin:0 0 16px;color:#fff}
.v9-cap p{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#b9c8e8;margin:0}
.v9-dots{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;gap:10px}
.v9-dots i{width:6px;height:6px;border-radius:9px;background:#ffffff40;transition:height .4s var(--v9-ease),background .4s}
.v9-dots i.on{height:26px;background:#19d3a2}
.v9-fb{display:none}
.v9-static{height:auto}.v9-static .v9-pin{position:relative;height:auto;padding:80px 24px;display:grid;gap:36px}
.v9-static canvas,.v9-static .v9-dots{display:none}.v9-static .v9-caps{position:static}.v9-static .v9-cap{position:static;opacity:1;transform:none;margin-bottom:28px}
.v9-static .v9-fb{display:block;max-width:260px;margin:0 auto;border-radius:30px}
.v9-cfg{padding:96px 24px;background:linear-gradient(180deg,#050c1a,#0b1b3a);color:#fff}
.v9-cfg .in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.v9-cfg h2{font-size:clamp(32px,4.4vw,56px);line-height:1.04;margin:0 0 26px;color:#fff}
.v9-cfg label{display:block;font-size:14px;color:#9fb2d8;margin:20px 0 10px}
.v9-chips{display:flex;gap:8px;flex-wrap:wrap}
.v9-chips button{border:1px solid var(--v9-line);background:var(--v9-glass);color:#fff;border-radius:999px;padding:10px 18px;font:inherit;backdrop-filter:blur(10px);transition:background .3s,transform .3s var(--v9-ease)}
.v9-chips button.on{background:#2f6bff;border-color:#2f6bff;transform:translateY(-2px)}
.v9-cfg input[type=range]{width:100%;accent-color:#19d3a2}
.v9-out{border:1px solid var(--v9-line);background:var(--v9-glass);backdrop-filter:blur(18px);border-radius:28px;padding:30px;box-shadow:0 1px 0 #ffffff25 inset,0 40px 80px -30px #000a}
.v9-out svg{width:100%;height:90px;overflow:visible}.v9-out path{fill:none;stroke:#2f6bff;stroke-width:3;stroke-linecap:round}.v9-out circle{fill:#19d3a2;transition:cx .5s var(--v9-ease)}
.v9-res{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.v9-res b{display:block;font-size:30px;font-variant-numeric:tabular-nums}.v9-res span{font-size:13px;color:#9fb2d8}
@media(max-width:820px){.v9-cfg .in{grid-template-columns:1fr}.v9-cap{top:auto;bottom:9vh;transform:none!important}.v9-dots{display:none}}