.vyn-home{--ink:#131a28;--muted:#6b7482;--line:#e8ebef;--blue:#526cf5;--blue-dark:#425ce8;--bg:#fbfcfd;--soft:#f2f5fa;--white:#fff;--radius:18px;min-height:100vh;color:var(--ink);background:var(--bg);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}html:has(.vyn-home){color-scheme:light;scroll-behavior:smooth}body:has(.vyn-home){background:#fbfcfd;background-image:none;color:#131a28}.vyn-home,.vyn-home *{box-sizing:border-box}.vyn-home ::selection{background:#d9e0ff;color:#131a28}.vyn-home a{text-decoration:none;color:inherit}.vyn-home button,.vyn-home textarea{font:inherit}.vyn-home button{cursor:pointer}.vyn-home .wrap{max-width:1180px;margin:auto;padding:0 28px}.vyn-home .nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vyn-home .brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.2px}.vyn-home .brand-word{color:#9da5b1;font-size:12px;font-weight:600;letter-spacing:0;margin-left:1px}.vyn-home .mark{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:white;border-radius:10px;font-family:Manrope,sans-serif;font-size:22px;line-height:1;transform:rotate(-9deg)}.vyn-home .mark span{transform:rotate(9deg)}.vyn-home .navlinks{display:flex;gap:36px;align-items:center;margin-left:90px}.vyn-home .login,.vyn-home .navlinks a{font-size:13px;color:#505b69;font-weight:600}.vyn-home .login:hover,.vyn-home .navlinks a:hover{color:var(--blue)}.vyn-home .navright{display:flex;align-items:center;gap:26px}.vyn-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:14px 21px;font-size:13px;font-weight:700;transition:.2s}.vyn-home .btn:hover{transform:translateY(-2px)}.vyn-home .btn.primary{background:var(--blue);color:white;box-shadow:0 7px 20px #526cf526}.vyn-home .btn.primary:hover{background:var(--blue-dark)}.vyn-home .btn.secondary{background:white;border-color:#e3e7ec;color:var(--ink)}.vyn-home .btn.sm{padding:11px 17px;font-size:12px}.vyn-home .hamburger{display:none;border:0;background:transparent;font-size:25px;color:var(--ink)}.vyn-home .hero{padding:100px 0 58px;text-align:center}.vyn-home .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #e5e9f1;border-radius:40px;background:#fff;font-size:11px;font-weight:700;color:#606c7d;letter-spacing:.2px}.vyn-home .eyebrow .dot{width:7px;height:7px;background:#7a8cfa;border-radius:50%;box-shadow:0 0 0 4px #edf0ff}.vyn-home .hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,6.25vw,76px);line-height:1.13;letter-spacing:-4.3px;max-width:890px;margin:25px auto 22px;font-weight:800}.vyn-home .hero h1 em{font-style:normal;color:var(--blue)}.vyn-home .hero>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:590px;margin:0 auto}.vyn-home .actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}.vyn-home .hero .subnote{font-size:11px;color:#9ba3af;margin-top:17px}.vyn-home .product-wrap{position:relative;margin:25px auto 115px;max-width:1180px;padding:0 28px}.vyn-home .product-wrap:before{content:"";position:absolute;z-index:-1;inset:5% 3% -5%;background:radial-gradient(ellipse at 50% 60%,#dee5ff 0,#eef2ff 40%,transparent 70%);filter:blur(35px)}.vyn-home .app{background:white;border:1px solid #e3e7ed;border-radius:16px;overflow:hidden;box-shadow:0 32px 90px #17203c16,0 3px 12px #1b24550c;display:grid;grid-template-columns:1fr 307px;text-align:left}.vyn-home .appbar{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;grid-column:1/-1}.vyn-home .crumb{display:flex;gap:11px;align-items:center;font-size:12px;color:#8a94a3}.vyn-home .crumb strong{color:#313b4b;font-weight:700}.vyn-home .crumb-mark{font-weight:800;color:#526cf5}.vyn-home .appbar-right{display:flex;align-items:center;gap:15px}.vyn-home .app-pill{font-size:10px;background:#ecf8f0;color:#30905e;padding:7px 10px;border-radius:30px;font-weight:700}.vyn-home .avatar{width:29px;height:29px;border-radius:50%;background:#dfd0bf;display:grid;place-items:center;font-size:10px;font-weight:800;color:#5d4534;border:2px solid white}.vyn-home .player-area{padding:24px 26px 27px;min-width:0}.vyn-home .player-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.vyn-home .player-title h3{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:700}.vyn-home .player-title span{font-size:11px;color:#8a93a0}.vyn-home .video{height:344px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(105deg,#b6c5c5,#7e939b 44%,#354b5d)}.vyn-home .video:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1c2b77,#ffffff00 45%),radial-gradient(ellipse at 17% 84%,#e4c6a0 0,#bb996c 21%,transparent 22%),linear-gradient(110deg,transparent 48%,#dbe8ec99 49%,#dbe8ec33 52%,transparent 53%)}.vyn-home .video-scene{position:absolute;bottom:0;right:9%;width:43%;height:88%;transform:skew(-6deg);background:linear-gradient(120deg,#eef3f3,#b0bdc2 32%,#273b48 33%,#374d5b 45%,#d0d9d5 46%,#9cafb7 75%,#253c4d 76%);clip-path:polygon(20% 0,70% 8%,95% 100%,0 100%);opacity:.7}.vyn-home .video-overlay{position:absolute;inset:0;display:grid;place-items:center}.vyn-home .play{width:62px;height:62px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;color:white;background:#ffffff33;backdrop-filter:blur(12px);font-size:23px;transition:.2s}.vyn-home .play:hover{transform:scale(1.07);background:#ffffff55}.vyn-home .video-caption{position:absolute;bottom:20px;left:23px;font-size:12px;color:white;font-weight:600;letter-spacing:.2px}.vyn-home .video-caption small{display:block;font-size:10px;opacity:.7;font-weight:400;margin-top:5px}.vyn-home .controls{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;font-size:11px;color:#7f8b99}.vyn-home .controls .left{display:flex;gap:13px;align-items:center}.vyn-home .controls strong{color:#2a3443}.vyn-home .timeline{height:6px;background:#e9edf3;border-radius:8px;position:relative}.vyn-home .timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:37%;background:var(--blue);border-radius:8px}.vyn-home .timeline:after{content:"";position:absolute;left:37%;top:50%;width:12px;height:12px;border-radius:50%;background:white;border:3px solid var(--blue);transform:translate(-50%,-50%);box-shadow:0 1px 5px #526cf540}.vyn-home .pin{position:absolute;top:-7px;width:3px;height:20px;border-radius:3px;background:#f0ad66}.vyn-home .pin.one{left:23%}.vyn-home .pin.two{left:64%}.vyn-home .pin.three{left:79%}.vyn-home .versionline{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:11px;color:#87919e}.vyn-home .versionline b{font-weight:700;color:#434d5b}.vyn-home .versions{background:#f4f6fa;border:1px solid #e7eaf0;border-radius:6px;padding:7px 10px;color:#455063;font-size:10px}.vyn-home .side{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.vyn-home .side-head{padding:24px 22px 19px;border-bottom:1px solid var(--line)}.vyn-home .side-head-top{display:flex;justify-content:space-between;align-items:center}.vyn-home .side-head h3{margin:0;font-size:14px}.vyn-home .count{font-size:10px;background:#eef0f7;border-radius:8px;padding:5px 8px;color:#7c8698}.vyn-home .side-head p{color:#99a1ad;font-size:11px;margin:8px 0 0}.vyn-home .comment-list{padding:20px 20px 0;flex:1}.vyn-home .comment{display:flex;gap:10px;margin-bottom:23px}.vyn-home .comment .avatar{flex:0 0 28px}.vyn-home .comment .avatar.a2{background:#dfd9f5;color:#685893}.vyn-home .comment .avatar.a3{background:#cee1d8;color:#477360}.vyn-home .comment-content{min-width:0}.vyn-home .comment-top{font-size:11px;font-weight:700;display:flex;gap:8px;align-items:center}.vyn-home .comment-top span{font-size:9px;color:#a4adba;font-weight:400}.vyn-home .timestamp{display:inline-block;font-size:10px;font-weight:700;color:var(--blue);background:#f0f2ff;padding:4px 7px;border-radius:5px;margin:7px 0 2px}.vyn-home .comment-content p{margin:5px 0;font-size:11px;line-height:1.55;color:#646e7b}.vyn-home .resolved{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#3d996e;margin-top:5px}.vyn-home .comment-input{padding:16px 20px 20px;border-top:1px solid var(--line)}.vyn-home .comment-input textarea{width:100%;resize:vertical;border:1px solid #e7eaf0;border-radius:8px;padding:11px;font-size:11px;min-height:59px;color:#293443;outline:0;background:white}.vyn-home .comment-input textarea:focus{border-color:#a9b5ff}.vyn-home .input-bottom{margin-top:9px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa4b0}.vyn-home .send{border:0;background:var(--blue);color:white;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:700}.vyn-home .section-tag{text-transform:uppercase;letter-spacing:1.8px;color:var(--blue);font-size:11px;font-weight:800}.vyn-home .section-heading{font-family:Manrope,sans-serif;font-size:clamp(30px,3.4vw,45px);letter-spacing:-2px;line-height:1.22;margin:16px 0;font-weight:800}.vyn-home .section-lead{font-size:15px;line-height:1.8;color:var(--muted);max-width:530px}.vyn-home .features{padding:55px 0 115px}.vyn-home .features-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.vyn-home .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vyn-home .feature{border:1px solid #e9ecf0;background:#fff;border-radius:17px;padding:29px 27px 30px;min-height:243px;transition:.2s}.vyn-home .feature:hover{transform:translateY(-4px);box-shadow:0 14px 35px #1b2a460c}.vyn-home .feature-icon{width:42px;height:42px;background:#eef1ff;border-radius:12px;color:var(--blue);display:grid;place-items:center;font-size:23px;margin-bottom:23px}.vyn-home .feature h3{font-family:Manrope,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.5px;margin:0 0 11px}.vyn-home .feature p{font-size:13px;color:#77818e;line-height:1.8;margin:0}.vyn-home .how{background:#f4f6fa;padding:95px 0 102px}.vyn-home .how-head{text-align:center;margin-bottom:53px}.vyn-home .how-head .section-lead{margin:auto}.vyn-home .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative}.vyn-home .step{position:relative;text-align:center}.vyn-home .step-number{position:relative;z-index:1;width:41px;height:41px;background:white;border:1px solid #e4e8f0;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--blue);margin:0 auto 22px;box-shadow:0 5px 18px #1620410c}.vyn-home .step h3{font-family:Manrope,sans-serif;font-weight:800;font-size:16px;margin:0 0 9px}.vyn-home .step p{font-size:13px;color:#7a8593;line-height:1.8;max-width:270px;margin:auto}.vyn-home .steps:before{content:"";height:1px;border-top:1px dashed #d6dce8;position:absolute;top:20px;left:17%;right:17%}.vyn-home .cta{padding:120px 0}.vyn-home .cta-inner{border-radius:24px;padding:72px 35px;text-align:center;background:#19213a;position:relative;overflow:hidden;color:white}.vyn-home .cta-inner:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:#6275ee66;filter:blur(95px);right:-160px;top:-240px}.vyn-home .cta-inner:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#657bea3b;filter:blur(100px);left:-160px;bottom:-270px}.vyn-home .cta-inner>*{position:relative;z-index:1}.vyn-home .cta-inner .section-tag{color:#a9b5ff}.vyn-home .cta-inner h2{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(29px,4vw,45px);line-height:1.25;letter-spacing:-2px;margin:15px auto;max-width:650px}.vyn-home .cta-inner p{font-size:14px;color:#aab4cc;margin:0 auto 25px;max-width:500px;line-height:1.8}.vyn-home .cta-inner .btn{background:white;color:#243156}.vyn-home .footer{border-top:1px solid #e8ebf0;padding:36px 0}.vyn-home .footer-in{display:flex;justify-content:space-between;align-items:center}.vyn-home .footer .brand{font-size:20px}.vyn-home .footer p{font-size:11px;color:#9ba5b1}.vyn-home .footlinks{display:flex;gap:23px;font-size:12px;color:#777f8d}.vyn-home .footlinks a:hover{color:var(--blue)}.vyn-home .toast{position:fixed;right:24px;bottom:24px;padding:12px 17px;background:#212b3a;color:white;border-radius:12px;font-size:12px;box-shadow:0 10px 30px #18233430;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;z-index:5}.vyn-home .toast.visible{opacity:1;transform:none}@media (max-width:850px){.vyn-home .app{grid-template-columns:1fr}.vyn-home .side{border-left:0;border-top:1px solid var(--line)}.vyn-home .comment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vyn-home .comment{margin-bottom:8px}.vyn-home .comment-input{display:none}.vyn-home .video{height:330px}.vyn-home .navlinks{margin-left:0}.vyn-home .feature-grid{gap:12px}.vyn-home .feature{padding:24px 19px}}@media (max-width:650px){.vyn-home .wrap{padding:0 20px}.vyn-home .nav{height:73px}.vyn-home .navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:22px;z-index:10;box-shadow:0 20px 30px #121b2a10;flex-direction:column;align-items:flex-start;gap:20px}.vyn-home .navlinks.open{display:flex}.vyn-home .navright .btn,.vyn-home .navright .login{display:none}.vyn-home .hamburger{display:block}.vyn-home .hero{padding:64px 0 45px}.vyn-home .hero h1{letter-spacing:-2.7px;font-size:43px}.vyn-home .hero>p{font-size:14px}.vyn-home .actions{flex-direction:column}.vyn-home .actions .btn{width:100%;max-width:270px}.vyn-home .product-wrap{padding:0 12px;margin-bottom:75px}.vyn-home .appbar{padding:0 15px}.vyn-home .appbar .app-pill{display:none}.vyn-home .app{border-radius:11px}.vyn-home .player-area{padding:17px}.vyn-home .video{height:230px}.vyn-home .comment-list{display:block}.vyn-home .comment{margin-bottom:18px}.vyn-home .feature-grid,.vyn-home .steps{grid-template-columns:1fr}.vyn-home .features{padding:15px 0 80px}.vyn-home .features-head{display:block}.vyn-home .feature{min-height:0}.vyn-home .how{padding:70px 0}.vyn-home .steps{gap:35px}.vyn-home .steps:before{display:none}.vyn-home .cta{padding:74px 0}.vyn-home .cta-inner{padding:60px 25px}.vyn-home .footer-in{flex-direction:column;gap:20px;text-align:center}.vyn-home .footlinks{justify-content:center}.vyn-home .section-heading{letter-spacing:-1.5px}}