/* VOLENG Free Solo homepage teaser · isolated namespace · 2026-10-14 */
.vfree-shell{padding:23px 0 64px;background:linear-gradient(180deg,#f8fbff 0%,#fff 85%);position:relative}.vfree-shell *{box-sizing:border-box}.vfree-wrap{max-width:1160px;margin:0 auto;padding:0 24px}.vfree-panel{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:34px;align-items:stretch;background:linear-gradient(116deg,#082448 0%,#0b3761 55%,#075c70 100%);border-radius:28px;padding:clamp(25px,4.2vw,52px);position:relative;overflow:hidden;box-shadow:0 24px 65px rgba(8,37,80,.18)}.vfree-panel:before{content:"";position:absolute;pointer-events:none;width:430px;height:430px;right:-175px;top:-205px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.vfree-panel:after{content:"";pointer-events:none;position:absolute;width:330px;height:330px;right:-185px;top:-115px;background:radial-gradient(circle,rgba(60,211,183,.14),transparent 68%)}.vfree-copy{position:relative;z-index:2;min-width:0}.vfree-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(188,236,255,.22);border-radius:99px;color:#8debe1;background:rgba(255,255,255,.07);font-weight:820;letter-spacing:.12em;font-size:10px}.vfree-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#48e7aa;box-shadow:0 0 0 4px rgba(72,231,170,.11)}.vfree-copy h2{margin:20px 0 15px;color:#fff;font-size:clamp(28px,3.3vw,43px);font-weight:850;letter-spacing:-1.6px;line-height:1.13}.vfree-copy h2 span{color:#77e7d5}.vfree-description{max-width:540px;line-height:1.72;font-size:14px;color:#d2e4f5;margin:0 0 20px}.vfree-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.vfree-fact{border:1px solid rgba(215,236,255,.17);background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;color:#fff;font-size:12px;font-weight:760}.vfree-fact--free{background:#e0fff5;color:#086e5b;border-color:#e0fff5}.vfree-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;padding:0;margin:0 0 25px;list-style:none}.vfree-features li{color:#e0f0f7;font-size:12px;line-height:1.45;display:flex;align-items:flex-start;gap:8px}.vfree-features li::before{content:'✓';color:#78e8bd;font-size:14px;font-weight:900}.vfree-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.vfree-cta{display:inline-flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;border-radius:12px;padding:14px 20px;background:#fff;color:#0a3963!important;font-weight:850;font-size:13px;border:1px solid #fff;transition:transform .15s,box-shadow .15s}.vfree-cta:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.16)}.vfree-hint{display:block;color:#adccde;font-size:11px;line-height:1.5;max-width:400px;margin:10px 0 0}.vfree-mobile{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:26px}.vfree-mobile-title{color:#8ec1d2;font-size:10px;font-weight:900;letter-spacing:.11em;width:100%}.vfree-platform{display:flex;align-items:center;gap:9px;min-height:40px;border-radius:10px;background:rgba(3,20,40,.19);border:1px solid rgba(255,255,255,.19);padding:8px 12px;color:#f1f9ff;font-size:12px;font-weight:800}.vfree-platform svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none}.vfree-platform small{font-size:10px;display:block;font-weight:600;color:#9dc6d7;margin-top:2px}.vfree-preview{position:relative;z-index:2;align-self:center;max-width:475px;width:100%;margin:0 auto}.vfree-window{background:#fff;border-radius:23px;box-shadow:0 22px 56px rgba(0,12,42,.25);overflow:hidden;border:1px solid #e3eef5}.vfree-window-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f6f9fd;padding:16px 20px;border-bottom:1px solid #e6edf4}.vfree-window-head span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#638197}.vfree-window-head strong{color:#0b7790;font-size:12px}.vfree-window-main{padding:19px}.vfree-window-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.vfree-window-top h3{margin:0;color:#092b51;font-size:19px;letter-spacing:-.5px}.vfree-counter{color:#0c826c;background:#e6faf3;padding:8px 10px;border-radius:20px;font-weight:900;font-size:11px;white-space:nowrap}.vfree-jobs{list-style:none;display:grid;gap:9px;margin:0;padding:0}.vfree-job{display:flex;gap:12px;align-items:center;border:1px solid #e5ebf1;border-radius:13px;padding:11px;background:#fff}.vfree-hour{font-weight:900;color:#104b82;font-size:12px;min-width:40px}.vfree-job-info{min-width:0;flex:1}.vfree-job-info b{color:#153752;font-size:12px;display:block}.vfree-job-info small{color:#7390a5;font-size:10px}.vfree-status{font-size:10px;font-weight:800;color:#526a7b;background:#eef3f7;padding:6px 8px;border-radius:20px;white-space:nowrap}.vfree-status--done{background:#e6f8ed;color:#25804f}.vfree-status--active{background:#e5f0ff;color:#2266b0}.vfree-progress{height:7px;border-radius:20px;background:#e6eef3;overflow:hidden;margin:17px 0 14px}.vfree-progress span{display:block;width:40%;height:100%;background:linear-gradient(90deg,#1768ff,#11bbab);border-radius:inherit}.vfree-process{display:flex;gap:4px;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:10px;background:#f5fafc}.vfree-process span{color:#517087;font-size:10px;font-weight:750;white-space:nowrap}.vfree-process span+span:before{content:'›';color:#9db3c6;font-size:14px;padding-right:7px}.vfree-preview-caption{margin:13px 0 0;font-size:11px;color:#c3e5ee;text-align:center}.vfree-highlight{display:none}@media(max-width:860px){.vfree-panel{grid-template-columns:1fr;gap:27px}.vfree-preview{max-width:540px}.vfree-shell{padding:16px 0 48px}}@media(max-width:560px){.vfree-wrap{padding:0 14px}.vfree-panel{padding:25px 19px;border-radius:20px}.vfree-features{grid-template-columns:1fr}.vfree-copy h2{font-size:31px}.vfree-description{font-size:13px}.vfree-preview{max-width:100%}.vfree-window-main{padding:13px}.vfree-window-head{padding:12px}.vfree-job{padding:9px 7px;gap:7px}.vfree-status{font-size:9px;padding:5px 6px}.vfree-hour{min-width:35px;font-size:11px}.vfree-process{flex-wrap:wrap}.vfree-process span{font-size:9px}.vfree-facts{gap:7px}.vfree-fact{padding:9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.vfree-cta{transition:none}.vfree-cta:hover{transform:none}}