:root {
  --vp-blue: #2f80ed;
  --vp-blue-dark: #1767d2;
  --vp-blue-soft: #eaf3ff;
  --vp-cyan: #5ec8ff;
  --vp-ink: #0b1830;
  --vp-text: #34445e;
  --vp-muted: #6f7d91;
  --vp-line: #dfe8f4;
  --vp-bg: #f7faff;
  --vp-white: #fff;
  --vp-radius: 24px;
  --vp-shadow: 0 24px 70px rgba(23, 65, 120, .13);
}

html { scroll-behavior: smooth; }
body.vp-site { background: var(--vp-white); color: var(--vp-text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0; overflow-x: hidden; }
body.vp-site > #header, body.vp-site > .ct-footer { display: none !important; }
.vp-site *, .vp-site *::before, .vp-site *::after { box-sizing: border-box; }
.vp-site a { color: inherit; text-decoration: none; }
.vp-site img { display: block; max-width: 100%; }
.vp-container { margin: 0 auto; max-width: 1220px; padding-left: 28px; padding-right: 28px; width: 100%; }
.vp-skip { background: var(--vp-ink); color: #fff; left: 12px; padding: 10px 16px; position: fixed; top: -80px; z-index: 9999; }
.vp-skip:focus { top: 12px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; }

.vp-header { backdrop-filter: blur(18px); background: rgba(255,255,255,.88); border-bottom: 1px solid rgba(223,232,244,.8); position: sticky; top: 0; z-index: 100; }
.vp-header__inner { align-items: center; display: flex; height: 86px; justify-content: space-between; }
.vp-brand { align-items: center; display: inline-flex; }
.vp-brand img { height: 68px; object-fit: contain; width: 68px; }
.vp-nav { align-items: center; display: flex; gap: 31px; }
.vp-nav > a:not(.vp-button) { color: #3b4960; font-size: 14px; font-weight: 650; transition: color .2s; }
.vp-nav > a:not(.vp-button):hover { color: var(--vp-blue); }
.vp-menu-toggle { background: none; border: 0; display: none; height: 42px; padding: 8px; width: 42px; }
.vp-menu-toggle span:not(.screen-reader-text) { background: var(--vp-ink); display: block; height: 2px; margin: 5px 0; width: 25px; }

.vp-button { align-items: center; background: linear-gradient(135deg, var(--vp-blue), #1f6fda); border: 1px solid transparent; border-radius: 12px; box-shadow: 0 13px 28px rgba(47,128,237,.25); color: #fff !important; display: inline-flex; font-size: 15px; font-weight: 750; gap: 10px; justify-content: center; min-height: 52px; padding: 0 23px; transition: transform .2s, box-shadow .2s, background .2s; }
.vp-button:hover { box-shadow: 0 17px 36px rgba(47,128,237,.34); transform: translateY(-2px); }
.vp-button--small { border-radius: 10px; min-height: 43px; padding: 0 18px; }
.vp-button--ghost { background: #fff; border-color: var(--vp-line); box-shadow: none; color: var(--vp-ink) !important; }
.vp-button--ghost:hover { border-color: var(--vp-blue); box-shadow: 0 12px 28px rgba(35,66,110,.08); }
.vp-button--full { width: 100%; }
.vp-button--light { background: #eef5ff; box-shadow: none; color: var(--vp-blue-dark) !important; }
.vp-button--white { background: #fff; box-shadow: 0 16px 35px rgba(8,42,100,.18); color: var(--vp-blue-dark) !important; white-space: nowrap; }

.vp-hero { background: linear-gradient(155deg, #fff 32%, #edf6ff 100%); min-height: 720px; overflow: hidden; padding: 92px 0 100px; position: relative; }
.vp-hero__grid { align-items: center; display: grid; gap: 70px; grid-template-columns: .92fr 1.08fr; position: relative; z-index: 2; }
.vp-badge { align-items: center; background: var(--vp-blue-soft); border: 1px solid #cfe3ff; border-radius: 999px; color: var(--vp-blue-dark); display: inline-flex; font-size: 12px; font-weight: 800; gap: 8px; letter-spacing: .06em; padding: 9px 14px; text-transform: uppercase; }
.vp-badge span { background: var(--vp-blue); border-radius: 50%; box-shadow: 0 0 0 5px rgba(47,128,237,.12); height: 7px; width: 7px; }
.vp-hero h1 { color: var(--vp-ink); font-size: clamp(48px, 5.2vw, 76px); letter-spacing: -.055em; line-height: .99; margin: 28px 0 26px; }
.vp-hero h1 em { color: var(--vp-blue); display: block; font-style: normal; }
.vp-hero__copy > p { font-size: 19px; line-height: 1.65; margin: 0; max-width: 620px; }
.vp-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.vp-reassurance { color: var(--vp-muted); display: flex; flex-wrap: wrap; font-size: 12px; font-weight: 650; gap: 18px; margin-top: 25px; }
.vp-reassurance span::first-letter { color: var(--vp-blue); }
.vp-orb { border-radius: 50%; filter: blur(1px); opacity: .5; position: absolute; }
.vp-orb--one { background: radial-gradient(circle at 30% 30%, #75cfff, #2f80ed); height: 430px; right: -220px; top: -200px; width: 430px; }
.vp-orb--two { background: #d9ecff; bottom: -230px; height: 400px; left: -260px; width: 400px; }

.vp-product-shot { background: #fff; border: 1px solid #dbe6f3; border-radius: 22px; box-shadow: var(--vp-shadow); overflow: hidden; transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.vp-windowbar { align-items: center; background: #f5f8fc; border-bottom: 1px solid var(--vp-line); color: #8290a5; display: flex; font-size: 11px; gap: 7px; height: 43px; padding: 0 17px; }
.vp-windowbar i { background: #f0b7b7; border-radius: 50%; height: 8px; width: 8px; }.vp-windowbar i:nth-child(2){background:#f4d68e}.vp-windowbar i:nth-child(3){background:#96d8b1}.vp-windowbar span{margin-left:9px}
.vp-app { padding: 26px; }
.vp-app__top { align-items: center; display: flex; justify-content: space-between; }
.vp-app__top div { display: grid; gap: 4px; }
.vp-app small { color: #8b98aa; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.vp-app__top strong { color: var(--vp-ink); font-size: 19px; }
.vp-app__pill { background: #eaf3ff; border-radius: 999px; color: var(--vp-blue); font-size: 10px; font-weight: 800; padding: 7px 10px; }
.vp-app__select { align-items: center; background: #f8faff; border: 1px solid var(--vp-line); border-radius: 12px; display: grid; gap: 12px; grid-template-columns: 36px 1fr auto; margin-top: 20px; padding: 13px; }
.vp-app__select div { display: grid; gap: 3px; }.vp-app__select b{color:var(--vp-ink);font-size:12px}.vp-app__icon{align-items:center;background:var(--vp-blue);border-radius:9px;color:#fff;display:flex;height:34px;justify-content:center;width:34px}
.vp-app__steps { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); margin-top: 17px; }
.vp-app__steps > div { border: 1px solid var(--vp-line); border-radius: 12px; display: grid; gap: 4px; min-height: 112px; padding: 13px; }
.vp-app__steps span { align-items:center;background:#edf2f8;border-radius:50%;color:#6c7a8e;display:flex;font-size:10px;font-weight:800;height:24px;justify-content:center;width:24px}.vp-app__steps b{color:var(--vp-ink);font-size:11px}.vp-app__steps small{font-size:8px;line-height:1.4}.vp-app__steps .is-active{background:#f2f7ff;border-color:#9fc7fb}.vp-app__steps .is-active span{background:var(--vp-blue);color:#fff}
.vp-app__result { align-items: center; background: #effaf4; border: 1px solid #bce9cf; border-radius: 12px; display: grid; gap: 10px; grid-template-columns: 30px 1fr auto; margin-top: 17px; padding: 13px; }
.vp-app__result > span { align-items:center;background:#35b974;border-radius:50%;color:#fff;display:flex;height:27px;justify-content:center;width:27px}.vp-app__result div{display:grid;gap:3px}.vp-app__result b{color:#16623e;font-size:10px}.vp-app__result small{color:#52806a;font-size:8px}.vp-app__result button{background:#1f9860;border:0;border-radius:8px;color:#fff;font-size:9px;font-weight:800;padding:9px 12px}

.vp-proof { background: var(--vp-ink); color: #fff; }
.vp-proof__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.vp-proof__grid > div { align-items: center; border-right: 1px solid rgba(255,255,255,.12); display: flex; gap: 14px; min-height: 112px; padding: 20px 32px; }.vp-proof__grid > div:last-child{border-right:0}.vp-proof strong{color:var(--vp-cyan);font-size:36px}.vp-proof span{color:#c8d4e5;font-size:12px;line-height:1.35}

.vp-section { padding: 110px 0; }
.vp-section--tint { background: var(--vp-bg); }
.vp-section--dark { background: linear-gradient(145deg, #09162c, #10264a); color: #fff; overflow: hidden; }
.vp-split { align-items: start; display: grid; gap: 90px; grid-template-columns: 1.05fr .95fr; }
.vp-kicker { color: var(--vp-blue); display: inline-block; font-size: 11px; font-weight: 850; letter-spacing: .14em; margin-bottom: 18px; text-transform: uppercase; }
.vp-section h2, .vp-cta h2 { color: var(--vp-ink); font-size: clamp(36px, 4vw, 54px); letter-spacing: -.045em; line-height: 1.08; margin: 0; }.vp-section h2 em{color:var(--vp-blue);font-style:normal}
.vp-pain__copy > p { font-size: 18px; line-height: 1.75; margin: 6px 0 25px; }
.vp-checklist { list-style: none; margin: 25px 0 32px; padding: 0; }.vp-checklist li{font-size:14px;margin:13px 0;padding-left:27px;position:relative}.vp-checklist li::before{color:#57c991;content:'✓';font-weight:900;left:0;position:absolute}.vp-checklist--pain li::before{color:#e06464;content:'×';font-size:19px;top:-3px}
.vp-heading { margin: 0 auto 55px; max-width: 800px; text-align: center; }.vp-heading p{font-size:17px;line-height:1.65;margin:20px auto 0;max-width:680px}.vp-heading--left{margin-left:0;text-align:left}.vp-heading--light h2{color:#fff}.vp-heading--light p{color:#b7c5d9}
.vp-how { display: grid; gap: 22px; grid-template-columns: repeat(3,1fr); }.vp-how article,.vp-features article{background:#fff;border:1px solid var(--vp-line);border-radius:var(--vp-radius);padding:32px;position:relative;transition:transform .25s,box-shadow .25s}.vp-how article:hover,.vp-features article:hover{box-shadow:0 18px 45px rgba(25,67,123,.1);transform:translateY(-5px)}.vp-number{color:#d8e6f7;font-size:40px;font-weight:900;position:absolute;right:25px;top:20px}.vp-feature-icon{align-items:center;background:var(--vp-blue-soft);border-radius:13px;color:var(--vp-blue);display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;margin-bottom:23px;width:48px}.vp-how h3,.vp-features h3{color:var(--vp-ink);font-size:19px;margin:0 0 11px}.vp-how p,.vp-features p{font-size:14px;line-height:1.7;margin:0}
.vp-features { display:grid;gap:20px;grid-template-columns:repeat(3,1fr) }.vp-features article{padding:29px}

.vp-demo { background:linear-gradient(180deg,#fff 0,#f4f8ff 100%);overflow:hidden }
.vp-screenshot { background:#fff;border:1px solid var(--vp-line);border-radius:24px;box-shadow:var(--vp-shadow);display:block;margin:0 auto;max-height:780px;max-width:1120px;overflow:hidden;padding:12px;position:relative }
.vp-screenshot::after { background:linear-gradient(180deg,transparent 58%,rgba(6,21,45,.82));bottom:12px;content:'';left:12px;pointer-events:none;position:absolute;right:12px;top:12px }
.vp-screenshot img { border-radius:15px;width:100% }
.vp-screenshot > span { align-items:center;background:rgba(255,255,255,.96);border-radius:999px;bottom:34px;box-shadow:0 10px 25px rgba(0,0,0,.18);color:var(--vp-ink);display:flex;font-size:13px;font-weight:800;gap:8px;left:50%;padding:12px 18px;position:absolute;transform:translateX(-50%);z-index:2 }
.vp-screenshot:hover > span { color:var(--vp-blue) }
.vp-demo__actions,.vp-free-download { align-items:center;background:#fff;border:1px solid var(--vp-line);border-radius:18px;box-shadow:0 15px 40px rgba(23,65,120,.08);display:flex;gap:30px;justify-content:space-between;margin:28px auto 0;max-width:920px;padding:22px 24px }
.vp-demo__actions div,.vp-free-download div { display:grid;gap:5px }
.vp-demo__actions strong,.vp-free-download strong { color:var(--vp-ink);font-size:16px }
.vp-demo__actions small,.vp-free-download span { color:var(--vp-muted);font-size:12px;line-height:1.5 }

.vp-compare { background: #fff; }
.vp-free-download { background:#f7faff;max-width:none }
.vp-free-download .vp-button { flex:0 0 auto }
.vp-table-wrap { border:1px solid var(--vp-line);border-radius:22px;box-shadow:0 18px 55px rgba(26,65,117,.08);overflow:auto}.vp-table{border-collapse:collapse;min-width:720px;width:100%}.vp-table th,.vp-table td{border-bottom:1px solid var(--vp-line);padding:19px 24px;text-align:center}.vp-table th:first-child,.vp-table td:first-child{text-align:left}.vp-table thead th{background:#f7faff;color:var(--vp-ink);font-size:14px}.vp-table th.is-pro{background:var(--vp-blue);color:#fff}.vp-table th span{background:rgba(255,255,255,.2);border-radius:999px;display:block;font-size:8px;letter-spacing:.08em;margin:7px auto 0;padding:4px 7px;text-transform:uppercase;width:max-content}.vp-table tbody td{font-size:13px}.vp-table tbody td:last-child{background:#f4f8ff;color:var(--vp-blue-dark);font-weight:800}.vp-table tbody tr:last-child td{border-bottom:0}.vp-free-note{color:var(--vp-muted);font-size:12px;margin:18px 0 0;text-align:center}

.vp-pricing { align-items: stretch; display: grid; gap: 20px; grid-template-columns: repeat(3,1fr); margin-top: 65px; }.vp-price-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:34px;position:relative}.vp-price-card--featured{background:#fff;border-color:#fff;box-shadow:0 25px 70px rgba(0,0,0,.25);color:var(--vp-text);transform:translateY(-14px)}.vp-price-card h3{color:#fff;font-size:22px;margin:0 0 8px}.vp-price-card--featured h3{color:var(--vp-ink)}.vp-price-card > p{color:#aebdd1;font-size:13px;margin:0}.vp-price-card--featured > p{color:var(--vp-muted)}.vp-price{align-items:baseline;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:7px;margin:28px 0 22px;padding-bottom:25px}.vp-price-card--featured .vp-price{border-color:var(--vp-line)}.vp-price strong{color:#fff;font-size:35px;letter-spacing:-.04em}.vp-price-card--featured .vp-price strong{color:var(--vp-ink)}.vp-price span{color:#9fb0c5;font-size:12px}.vp-price-card .vp-checklist{color:#d6e0ed;min-height:150px}.vp-price-card--featured .vp-checklist{color:var(--vp-text)}.vp-popular{background:var(--vp-blue);border-radius:999px;color:#fff;font-size:9px;font-weight:850;letter-spacing:.1em;padding:7px 13px;position:absolute;right:22px;top:20px}.vp-trust{color:#aebdd1;display:flex;flex-wrap:wrap;font-size:12px;gap:30px;justify-content:center;margin-top:35px}

.vp-faq-grid { align-items:start;display:grid;gap:90px;grid-template-columns:.75fr 1.25fr }.vp-faq-intro{position:sticky;top:130px}.vp-faq-intro p{line-height:1.7;margin-top:22px}.vp-faq-intro a{color:var(--vp-blue);font-weight:700}.vp-faqs details{border-bottom:1px solid var(--vp-line);padding:21px 0}.vp-faqs summary{color:var(--vp-ink);cursor:pointer;font-size:16px;font-weight:750;list-style:none;padding-right:38px;position:relative}.vp-faqs summary::-webkit-details-marker{display:none}.vp-faqs summary::after{color:var(--vp-blue);content:'+';font-size:23px;position:absolute;right:6px;top:-5px}.vp-faqs details[open] summary::after{content:'−'}.vp-faqs details p{font-size:14px;line-height:1.75;margin:14px 40px 0 0}

.vp-cta { background:linear-gradient(135deg,#2f80ed,#1261cb);color:#fff;overflow:hidden;padding:80px 0;position:relative}.vp-cta__inner{align-items:center;display:flex;gap:60px;justify-content:space-between;position:relative;z-index:2}.vp-cta .vp-kicker{color:#d9ecff}.vp-cta h2{color:#fff;max-width:770px}.vp-cta p{color:#e4f0ff;font-size:16px;margin:18px 0 0}.vp-orb--three{background:rgba(255,255,255,.13);height:380px;right:-120px;top:-180px;width:380px}

.vp-footer { background:#071225;color:#a8b6ca;padding:62px 0 28px}.vp-footer__top{align-items:center;border-bottom:1px solid rgba(255,255,255,.1);display:grid;gap:25px;grid-template-columns:auto 1fr auto;padding-bottom:35px}.vp-brand--footer img{border-radius:10px;height:62px;width:62px}.vp-footer__top p{font-size:13px}.vp-footer nav{display:flex;flex-wrap:wrap;font-size:12px;font-weight:650;gap:24px}.vp-footer a:hover{color:#fff}.vp-footer__bottom{display:flex;font-size:11px;justify-content:space-between;padding-top:25px}.vp-footer__bottom div{display:flex;flex-wrap:wrap;gap:18px}.vp-legal-note{color:#68768a;font-size:9px;line-height:1.5;margin:22px 0 0}

@media (max-width: 1050px) {
  .vp-hero__grid{gap:45px;grid-template-columns:1fr}.vp-hero__copy{text-align:center}.vp-hero__copy>p,.vp-heading{margin-left:auto;margin-right:auto}.vp-actions,.vp-reassurance{justify-content:center}.vp-product-shot{margin:0 auto;max-width:700px;width:100%}.vp-proof__grid{grid-template-columns:repeat(2,1fr)}.vp-proof__grid>div:nth-child(2){border-right:0}.vp-proof__grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.vp-split{gap:55px}.vp-features{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 800px) {
  .vp-demo__actions,.vp-free-download{align-items:stretch;flex-direction:column}.vp-demo__actions .vp-button,.vp-free-download .vp-button{width:100%}
  .vp-container{padding-left:20px;padding-right:20px}.vp-header__inner{height:76px}.vp-menu-toggle{display:block}.vp-nav{align-items:stretch;background:#fff;border-bottom:1px solid var(--vp-line);box-shadow:0 20px 35px rgba(25,50,90,.12);display:none;flex-direction:column;gap:0;left:0;padding:13px 20px 23px;position:absolute;right:0;top:76px}.vp-nav.is-open{display:flex}.vp-nav>a:not(.vp-button){border-bottom:1px solid var(--vp-line);padding:15px 5px}.vp-nav .vp-button{margin-top:14px}.vp-menu-open{overflow:hidden}.vp-hero{padding:65px 0 75px}.vp-section{padding:80px 0}.vp-split,.vp-faq-grid{grid-template-columns:1fr}.vp-faq-intro{position:static}.vp-how,.vp-pricing{grid-template-columns:1fr}.vp-price-card--featured{order:-1;transform:none}.vp-price-card .vp-checklist{min-height:0}.vp-cta__inner{align-items:flex-start;flex-direction:column}.vp-footer__top{grid-template-columns:auto 1fr}.vp-footer nav{grid-column:1/-1}.vp-footer__bottom{flex-direction:column;gap:15px}.vp-proof__grid>div{padding:18px 22px}
}

@media (max-width: 560px) {
  .vp-screenshot{border-radius:16px;padding:7px}.vp-screenshot::after{bottom:7px;left:7px;right:7px;top:7px}.vp-screenshot>span{bottom:20px;font-size:11px;white-space:nowrap}
  .vp-brand img{height:58px;width:58px}.vp-hero h1{font-size:44px}.vp-actions{align-items:stretch;flex-direction:column}.vp-actions .vp-button{width:100%}.vp-reassurance{align-items:center;flex-direction:column;gap:8px}.vp-app{padding:16px}.vp-app__steps{grid-template-columns:1fr}.vp-app__steps>div{min-height:0}.vp-app__result{grid-template-columns:30px 1fr}.vp-app__result button{grid-column:1/-1}.vp-proof__grid{grid-template-columns:1fr}.vp-proof__grid>div{border-bottom:1px solid rgba(255,255,255,.12)!important;border-right:0}.vp-proof__grid>div:last-child{border-bottom:0!important}.vp-features{grid-template-columns:1fr}.vp-table th,.vp-table td{padding:15px 16px}.vp-cta{padding:65px 0}.vp-footer__top{grid-template-columns:1fr}.vp-footer nav{gap:16px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}.vp-site *{scroll-behavior:auto!important;transition:none!important}
}
