.v{--navy:#002376;--gold:#facc15;--green:#22c55e;--p:0}.v .v-pin{padding:0;position:relative}.v img{height:auto;display:block}.v-sticky{align-items:center;height:100svh;padding-top:76px;display:flex;position:sticky;top:0;overflow:hidden}.v-grad{background:linear-gradient(120deg, #1d4ed8, var(--navy));color:#0000;-webkit-background-clip:text;background-clip:text}.v-gold{color:var(--gold)}.v-kicker{color:#1d4ed8;margin-bottom:14px;font-size:15px;font-weight:700;display:inline-block}.v-h2{letter-spacing:-.045em;font-size:clamp(32px,5vw,66px);font-weight:800;line-height:1.04}.v-lead{color:var(--muted);max-width:640px;font-size:clamp(17px,1.7vw,21px);line-height:1.55}.v-browser{background:#fff;border:1px solid #0f172a1a;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #00237647}.v-browser-bar{background:#eef2f6;border-bottom:1px solid #0f172a14;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.v-browser-bar i{border-radius:50%;width:10px;height:10px}.v-browser-bar i:first-child{background:#f87171}.v-browser-bar i:nth-child(2){background:#fbbf24}.v-browser-bar i:nth-child(3){background:#34d399}.v-browser-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;max-width:60%;margin:0 auto;padding:3px 14px;font-size:12px;overflow:hidden}.v-browser img{width:100%}.v-phone{background:#0b1220;border-radius:38px;padding:10px;box-shadow:0 40px 80px #00237659}.v-phone img{border-radius:30px;width:100%}.v-hero{background:linear-gradient(#fff 0%,#eef2fb 100%);height:240vh}.v-hero .v-sticky{flex-direction:column;justify-content:flex-start;padding-top:calc(76px + 6vh)}.v-hero-title{text-align:center;z-index:2;transform:translateY(calc(var(--p) * -14vh)) scale(calc(1 - var(--p) * .3));opacity:clamp(0, calc(1 - var(--p) * 2.2), 1);padding:0 16px;position:relative}.v-hero-title .name{letter-spacing:-.055em;font-size:clamp(56px,11vw,160px);font-weight:800;line-height:.95}.v-hero-title .tag{color:var(--ink);letter-spacing:-.02em;margin-top:16px;font-size:clamp(19px,2.4vw,30px);font-weight:700}.v-hero-title .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.v-hero-stage{width:min(960px,88vw);transform:translate(-50%, calc((1 - var(--p)) * 34vh - 50%)) scale(calc(.68 + var(--p) * .32));position:absolute;top:54%;left:50%}.v-hero-stage .v-phone{width:19%;opacity:clamp(0, calc((var(--p) - .45) * 4), 1);transform:translateX(calc((1 - clamp(0, calc((var(--p) - .45) * 3), 1)) * 80%));position:absolute;bottom:6%;right:-4%}.v-hero-caption{text-align:center;color:var(--muted);opacity:clamp(0, calc((var(--p) - .8) * 6), 1);padding:0 16px;font-size:clamp(16px,1.5vw,20px);position:absolute;bottom:4vh;left:0;right:0}.v-hero-caption b{color:var(--ink)}.v-words{background:var(--navy);height:240vh}.v-words .v-sticky{justify-content:center}.v-words .wrap{max-width:1100px}.v-words .v-kicker{color:var(--gold)}.v-words p{letter-spacing:-.035em;color:#fff;font-size:clamp(30px,4.4vw,60px);font-weight:800;line-height:1.15}.v-words .w{opacity:.18;transition:opacity .35s}.v-words .w.on{opacity:1}.v-live{color:#ffffffc7;background:radial-gradient(900px 500px at 80% 0,#1d4ed873,#0000 60%),#001a57;padding:120px 0}.v-live-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.v-live .v-h2{color:#fff;max-width:760px}.v-live .v-kicker{color:var(--gold)}.v-live .v-lead{color:#ffffffb3;margin-top:14px}.v-replay{font:inherit;cursor:pointer;background:var(--gold);color:var(--navy);border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 10px 30px #facc154d}.v-replay:hover{transform:translateY(-2px)}.v-replay svg{width:18px;height:18px}.v-panel{color:#171717;background:#f8fafc;border-radius:26px;margin-top:44px;padding:28px;box-shadow:0 40px 100px #00000059}.v-panel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.v-panel-top h3{letter-spacing:-.01em;color:#171717;font-size:22px;font-weight:600}.v-live-badge{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.v-live-badge:before{content:"";background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.4s infinite v-pulse}@keyframes v-pulse{0%,to{opacity:1}50%{opacity:.25}}.v-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:16px}.v-bar{margin-top:18px}.v-bar .row{color:#404040;justify-content:space-between;font-size:14px;display:flex}.v-bar .track{background:#e5e5e5;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.v-bar .js-bar-fill{background:linear-gradient(90deg,#eab308,#22c55e);border-radius:999px;height:100%}.v-bar small{color:#737373;margin-top:8px;font-size:12px;display:block}.v-panel-grid{grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:18px;display:grid}.v-panel-grid>*{min-width:0}.v-donut svg{max-width:260px;margin:6px auto 0}.v-donut .js-donut-total{fill:#171717;font-size:30px;font-weight:700}.v-donut .label{fill:#737373;font-size:14px}.v-stats{grid-template-columns:repeat(3,1fr);gap:14px 10px;margin-top:18px;display:grid}.v-stats div{gap:8px;display:flex}.v-stats i{border-radius:3px;flex:none;width:10px;height:10px;margin-top:6px}.v-stats b{color:#171717;font-size:17px;display:block}.v-stats span{color:#737373;font-size:12.5px}.v-rings{grid-template-columns:1fr 1fr;gap:14px;display:grid}.v-ring{flex-direction:column;justify-content:space-between;display:flex}.v-ring .top{justify-content:space-between;gap:10px;display:flex}.v-ring .avatar{flex:none;position:relative}.v-ring .avatar svg{display:block;transform:rotate(-90deg)}.v-ring .avatar span{color:#a3a3a3;background:#f5f5f5;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;inset:5px}.v-ring .pct{text-align:right}.v-ring .js-ring-percentage{color:#059669;font-size:22px;font-weight:800}.v-ring .js-ring-votes{color:#737373;font-size:12px}.v-ring .name{color:#737373;margin-top:10px;font-size:12px}.v-ring .name b{color:#171717;text-transform:uppercase;font-size:16px;display:block}.v-ring .badge{border-radius:999px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.v-ring .badge.in{color:#fff;background:#10b981}.v-ring .badge.sub{color:#fff;background:#3b82f6}.v-ring .badge.out{color:#737373;border:1px solid #d4d4d4}.v-note{color:#ffffff8c;margin-top:14px;font-size:12.5px}.v-steps{background:#fff;padding:120px 0}.v-steps-grid{grid-template-columns:repeat(6,1fr);gap:20px;margin-top:56px;display:grid;position:relative}.v-steps-grid:before,.v-steps-grid:after{content:"";border-radius:3px;height:3px;position:absolute;top:22px;left:22px;right:22px}.v-steps-grid:before{background:#e5e7eb}.v-steps-grid:after{background:linear-gradient(90deg, #1d4ed8, var(--green));transform-origin:0;transform:scaleX(clamp(0, calc((var(--p) - .2) * 2.4), 1))}.v-step{--s:calc(.2 + var(--i) * .07);z-index:1;opacity:clamp(.3, calc((var(--p) - var(--s)) * 8), 1);transform:translateY(calc((1 - clamp(0, calc((var(--p) - var(--s)) * 8), 1)) * 24px));position:relative}.v-step .n{color:#fff;background:var(--navy);border-radius:14px;place-items:center;width:46px;height:46px;font-weight:800;display:grid;box-shadow:0 0 0 6px #fff}.v-step h3{letter-spacing:-.01em;margin-top:18px;font-size:18px;font-weight:800}.v-step p{color:var(--muted);margin-top:6px;font-size:14.5px}.v-gallery{background:#eef2fb}.v-gallery .v-sticky{flex-direction:column;justify-content:center;align-items:stretch;gap:36px}.v-gallery-head{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.v-track{padding:0 max(24px, calc((100vw - var(--wrap)) / 2 + 24px));will-change:transform;gap:28px;width:max-content;display:flex}.v-slide{flex:none;width:min(80vw,760px)}.v-slide .v-browser{box-shadow:0 24px 60px #0023762e}.v-slide h3{letter-spacing:-.02em;margin-top:20px;font-size:22px;font-weight:800}.v-slide p{color:var(--muted);margin-top:4px;font-size:15.5px}.v-progress{background:#0f172a1a;border-radius:4px;width:min(240px,50vw);height:4px;margin:0 auto;overflow:hidden}.v-progress i{transform-origin:0;height:100%;transform:scaleX(var(--p));background:linear-gradient(90deg, #1d4ed8, var(--green));display:block}.v-secure{background:var(--navy);color:#ffffffbf;padding:120px 0}.v-secure .v-h2{color:#fff}.v-secure .v-kicker{color:var(--gold)}.v-secure-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;display:grid}.v-secure-grid div{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;padding:28px}.v-secure-grid svg{width:28px;height:28px;color:var(--gold)}.v-secure-grid b{color:#fff;margin-top:16px;font-size:18px;display:block}.v-secure-grid span{margin-top:6px;font-size:15px;display:block}.v-features{background:#eef2fb;padding:120px 0}.v-feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;display:grid}.v-feature{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:18px;align-items:flex-start;gap:12px;padding:22px;font-weight:700;display:flex}.v-feature svg{color:#16a34a;flex:none;width:22px;height:22px}.v-audience{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.v-audience span{background:var(--navy);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}@media (width<=960px){.v-panel-grid{grid-template-columns:1fr}.v-steps-grid{grid-template-columns:repeat(3,1fr);row-gap:40px}.v-steps-grid:before,.v-steps-grid:after{display:none}.v-secure-grid,.v-feature-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.v-panel{padding:16px}.v-rings{grid-template-columns:1fr}.v-stats,.v-steps-grid{grid-template-columns:1fr 1fr}.v-secure-grid,.v-feature-grid{grid-template-columns:1fr}.v-hero-stage{width:92vw;top:58%}.v-hero-stage .v-phone{width:30%;right:-2%}}.no-motion .v{--p:1!important}.no-motion .v-hero,.no-motion .v-words,.no-motion .v-gallery{height:auto!important}.no-motion .v-sticky{height:auto;padding:100px 0;position:relative}.no-motion .v-hero-title{opacity:1;transform:none}.no-motion .v-hero-stage{margin:48px auto 0;position:relative;top:auto;left:auto;transform:none}.no-motion .v-hero-stage .v-phone{opacity:1;transform:none}.no-motion .v-hero-caption{display:none}.no-motion .v-step{opacity:1;transform:none}.no-motion .v-track{scroll-snap-type:x mandatory;width:auto;padding-bottom:12px;overflow-x:auto}.no-motion .v-slide{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){.v-live-badge:before{animation:none}}
