.hero,.wp-block-mavenvista-home-hero{background:radial-gradient(circle at 72% 42%,rgba(79,70,229,.07),transparent 30%),radial-gradient(circle at 12% 15%,rgba(255,107,0,.055),transparent 25%),#fff;box-sizing:border-box;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;isolation:isolate;min-height:760px;overflow:hidden;padding:120px 0 50px!important;position:relative}.hero *,.hero :after,.hero :before{box-sizing:border-box}.hero .grid{background-image:linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 0),linear-gradient(180deg,rgba(15,23,42,.035) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent);z-index:-3}.hero .grid,.hero .pulseCanvas{inset:0;pointer-events:none;position:absolute}.hero .pulseCanvas{height:100%;width:100%;z-index:-2}.hero .cursorGlow{background:radial-gradient(circle,rgba(99,102,241,.045),rgba(255,153,102,.02) 32%,transparent 68%);border-radius:50%;height:420px;left:0;opacity:.55;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);transition:opacity .3s ease;width:420px;z-index:-1}.hero .container{margin:auto;width:min(1240px,calc(100% - 48px))}.hero .heroInner{align-items:flex-start;display:grid;gap:55px;grid-template-columns:1fr 1fr;min-height:590px;padding:15px 0 40px}.hero .heroCopy{max-width:650px}.hero .eyebrow{align-items:center;background:hsla(0,0%,100%,.78);border:1px solid rgba(79,70,229,.15);border-radius:999px;box-shadow:0 8px 24px rgba(15,23,42,.045);color:#007dff;display:inline-flex;font-size:10px;font-weight:850;gap:8px;letter-spacing:.13em;padding:8px 12px}.hero .eyebrowDot{background:#007dff;border-radius:50%;box-shadow:0 0 12px rgba(0,125,255,.65);height:7px;width:7px}.hero h1{color:#0f172a;font-size:clamp(35px,5.2vw,65px);font-weight:820;letter-spacing:-.06em;line-height:1.02;margin:22px 0}.hero .gradient{color:#007dff;display:inline}.hero .lead{color:#475569;font-size:18px;line-height:1.7;margin:0;max-width:610px}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero .btn{align-items:center;background:var(--mv-blue);border-radius:999px;box-shadow:0 10px 15px rgba(43,127,255,.25),0 4px 6px rgba(43,127,255,.25);color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:10px;height:56px;padding:0 32px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.hero .btn:hover{background:var(--mv-blue-dark);color:#fff;transform:translateY(-2px)}.hero .btn.btn-primary{background:#007dff;box-shadow:0 14px 30px rgba(15,23,42,.16);color:#fff}.hero .btn.btn-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 22px rgba(15,23,42,.055);color:#0f172a}.hero .play{border:1px solid #cbd5e1;border-radius:50%;color:inherit;display:grid;font-size:8px;height:21px;padding-left:1px;place-items:center;width:21px}.hero .trust{border-top:0 solid #e8edf4;display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;padding-top:19px}.hero .trustItem{align-items:center;display:flex;gap:8px}.hero .trustIcon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4f46e5;display:grid;flex-shrink:0;font-size:12px;height:28px;place-items:center;width:28px}.hero .trust strong{color:#0f172a;display:block;font-size:11px}.hero .trust small{color:#94a3b8;display:block;font-size:9px;margin-top:2px}.hero .visualWrap{perspective:1300px;position:relative}.hero .product{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:24px;box-shadow:0 30px 80px -15px rgba(15,23,42,.12),0 12px 30px -5px rgba(79,70,229,.05);overflow:hidden;position:relative;transition:transform .18s ease-out,border-color .4s ease,box-shadow .4s ease}.hero .product.vendxGenieMode{border-color:rgba(79,70,229,.5);box-shadow:0 35px 95px -10px rgba(79,70,229,.26),0 0 0 1px rgba(79,70,229,.35)}.hero .browser{align-items:center;background:#fcfdff;border-bottom:1px solid #edf2f7;color:#64748b;display:flex;font-size:10px;font-weight:600;gap:12px;height:42px;padding:0 18px}.hero .dots{display:flex;gap:5px}.hero .dots i{background:#e2e8f0;border-radius:50%;display:inline-block;height:8px;width:8px}.hero .dots i:first-child{background:#fecaca}.hero .dots i:nth-child(2){background:#fef08a}.hero .dots i:nth-child(3){background:#bbf7d0}.hero .urlTag{background:#f1f5f9;border-radius:6px;color:#475569;padding:3px 10px}.hero .live,.hero .urlTag{align-items:center;display:flex;gap:6px}.hero .live{color:#15803d;font-size:9.5px;font-weight:700;margin-left:auto;transition:color .3s}.hero .live span{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;display:inline-block;height:6px;transition:background .3s;width:6px}.hero .app{background:radial-gradient(circle at 50% 45%,rgba(99,102,241,.07),transparent 46%),linear-gradient(180deg,#fff,#f8fafc);height:535px;overflow:hidden;position:relative;transition:background .5s ease}.hero .app.vendxGenieBg{background:radial-gradient(circle at 50% 50%,rgba(79,70,229,.14),transparent 58%),radial-gradient(circle at 80% 20%,rgba(244,63,94,.09),transparent 40%),linear-gradient(180deg,#fff,#f5f7ff)}.hero .app:before{background-image:radial-gradient(rgba(148,163,184,.18) 1px,transparent 1.2px);background-size:22px 22px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 30%,transparent 85%);mask-image:radial-gradient(circle at 50% 45%,#000 30%,transparent 85%);pointer-events:none;position:absolute}.hero .appTitle{color:#64748b;font-weight:800;left:22px;letter-spacing:.14em;top:16px}.hero .appTitle,.hero .chip{font-size:9px;position:absolute;z-index:4}.hero .chip{align-items:center;background:hsla(0,0%,100%,.94);border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 4px 14px rgba(15,23,42,.04);color:#334155;display:flex;font-weight:750;gap:6px;padding:4px 10px;right:20px;top:14px}.hero .chip i{background:#22c55e;border-radius:50%;display:inline-block;height:6px;width:6px}.hero .netCanvas{height:100%;inset:0;width:100%;z-index:2}.hero .centerStage,.hero .netCanvas{pointer-events:none;position:absolute}.hero .centerStage{align-items:center;display:flex;flex-direction:column;left:50%;top:46%;transform:translate(-50%,-50%);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);z-index:5}.hero .centerStage.vanish{opacity:0;transform:translate(-50%,-50%) scale(.7)}.hero .genieHubCard{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 16px 36px -8px rgba(15,23,42,.1),0 0 0 1px rgba(99,102,241,.1);display:flex;flex-direction:column;gap:3px;height:88px;justify-content:center;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:88px}.hero .genieLogoSvg{height:36px;object-fit:contain;width:36px}.hero .genieHubCard span{color:#4f46e5;font-size:7px;font-weight:850;letter-spacing:.14em}.hero .hubGuide{border:1px solid rgba(99,102,241,.12);border-radius:34px;inset:-14px;pointer-events:none;position:absolute}.hero .hubGuide.r2{border:1px dashed rgba(99,102,241,.14);border-radius:44px;inset:-28px}.hero .vendxGenieReveal{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transform:scale(.85);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);z-index:10}.hero .vendxGenieReveal.active{opacity:1;pointer-events:auto;transform:scale(1)}.hero .revealBadge{background:rgba(79,70,229,.08);border:1px solid rgba(79,70,229,.2);border-radius:999px;box-shadow:0 4px 16px rgba(79,70,229,.12);color:#4f46e5;font-size:10px;font-weight:850;letter-spacing:.2em;margin-bottom:12px;padding:5px 14px}.hero .revealTitle{background:linear-gradient(135deg,#0f172a,#4f46e5 45%,#f43f5e 80%,#ff6b00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 28px rgba(79,70,229,.2));font-size:clamp(40px,6.5vw,68px);font-weight:900;letter-spacing:-.05em;line-height:1;text-align:center}.hero .revealSub{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.02em;margin-top:12px}.hero .modCard{position:absolute;z-index:4;--w:142px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px rgba(15,23,42,.03);color:#0f172a;cursor:pointer;display:flex;font:inherit;gap:8px;left:calc(var(--x)*1%);padding:6.5px 9px;text-align:left;top:calc(var(--y)*1%);transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease,border-color .2s ease,box-shadow .2s ease;width:var(--w)}.hero .modCard:hover{border-color:color-mix(in srgb,var(--c) 40%,#cbd5e1);box-shadow:0 6px 16px rgba(15,23,42,.06);transform:translate(-50%,-50%) translateY(-2px)}.hero .modCard.on{background:#fff;border-color:var(--c);box-shadow:0 8px 22px -4px color-mix(in srgb,var(--c) 25%,transparent),0 0 0 1px var(--c);transform:translate(-50%,-50%) scale(1.03)}.hero .modCard.vanish{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.4)!important}.hero .modCard .iconBox{background:#fff;border:1px solid color-mix(in srgb,var(--c) 22%,#e2e8f0);border-radius:8px;box-sizing:border-box;color:var(--c);display:grid;flex:0 0 32px;height:32px;overflow:hidden;padding:5px;place-items:center;transition:transform .2s;width:32px}.hero .modCard.on .iconBox{border-color:color-mix(in srgb,var(--c) 45%,#cbd5e1);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent);transform:scale(1.08)}.hero .modCard .modIconSvg{color:currentColor;display:block;flex-shrink:0;height:100%;overflow:visible;width:100%}.hero .modCard .modIconSvg [fill]:not([fill=none]){fill:currentColor}.hero .modCard .iconBox svg.modIconStroke,.hero .modCard .modIconStroke{display:block;fill:none;height:16px;overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.hero .modCard .meta{flex:1;min-width:0}.hero .modCard .meta b{color:#0f172a;display:block;font-size:11px;letter-spacing:-.01em;line-height:1.2}.hero .modCard .meta span{color:#64748b;display:block;font-size:9px;line-height:1.2;margin-top:1px}.hero .modCard .liveDot{background:#cbd5e1;border-radius:50%;height:4.5px;transition:background .2s,box-shadow .2s;width:4.5px}.hero .modCard.on .liveDot{background:var(--c);box-shadow:0 0 6px var(--c)}.hero .appFooter{align-items:center;background:hsla(0,0%,100%,.95);border-top:1px solid #edf2f7;bottom:0;color:#64748b;display:flex;font-size:10px;height:42px;justify-content:space-between;left:0;padding:0 26px;position:absolute;right:0;z-index:6}.hero .footerStatus{align-items:center;color:#475569;display:flex;font-weight:600;gap:8px}.hero .footerStatus i{background:#22c55e;border-radius:50%;display:inline-block;height:6px;width:6px}.hero .footerTelemetry{align-items:center;display:flex;font-weight:600;gap:24px}.hero .footerTelemetry span{align-items:center;display:flex;gap:6px}.hero .footerTelemetry strong{color:#1e293b}.hero .bottom{background:hsla(0,0%,100%,.82);border-top:1px solid #e8edf4;display:none;position:relative}.hero .bottomInner{align-items:center;display:flex;gap:30px;height:70px;justify-content:space-between}.hero .bottomLabel{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.12em}.hero .logos{color:#94a3b8;display:flex;font-size:10px;font-weight:800;gap:32px;letter-spacing:.08em}@media (max-width:1000px){.hero .heroInner{gap:45px;grid-template-columns:1fr;padding-top:45px}.hero .heroCopy{max-width:800px}.hero .visualWrap{margin:auto;max-width:760px;width:100%}}@media (max-width:680px){.hero .container{width:min(100% - 30px,1240px)}.hero .heroInner{padding:45px 0 35px}.hero h1{font-size:38px}.hero .lead{font-size:16px}.hero .trust{gap:12px}.hero .app{height:540px}.hero .modCard{--w:118px;padding:5px 7px}.hero .modCard .iconBox{flex:0 0 26px;height:26px;padding:3px;width:26px}.hero .modCard .modIconSvg{height:100%;width:100%}.hero .modCard .meta span{display:none}.hero .appFooter{padding:0 16px}.hero .footerTelemetry{gap:14px}.hero .logos{display:none}.hero .bottomInner{justify-content:center}}
