.hero{padding-top:calc(var(--nav-h) + clamp(2.5rem, 1.5rem + 4vw, 5rem));padding-bottom:var(--s-8);isolation:isolate;position:relative;overflow:hidden}.hero-grid{z-index:-2;background-image:linear-gradient(var(--c-line) 1px, transparent 1px), linear-gradient(90deg, var(--c-line) 1px, transparent 1px);opacity:.7;background-position:top;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 55% at 50% 0,#000 25%,#0000 75%);mask-image:radial-gradient(75% 55% at 50% 0,#000 25%,#0000 75%)}.hero-glow{z-index:-1;filter:blur(80px);pointer-events:none;translate:0 var(--py,0px);border-radius:50%;position:absolute}.hero-glow.g1{background:#3d5afe38;width:520px;height:420px;top:8%;right:8%}.hero-glow.g2{background:#c04dff2e;width:460px;height:380px;top:22%;left:6%}.hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.eyebrow{padding:.35rem .5rem .35rem 1rem;border-radius:var(--r-full);border:1px solid var(--c-line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--fs-xs);color:var(--c-text-2);box-shadow:var(--sh-1);transition:border-color var(--t-fast);background:#ffffffb3;align-items:center;gap:.6rem;padding-inline:1rem .65rem;font-weight:600;display:inline-flex}.eyebrow:hover{border-color:var(--c-text-3)}.eyebrow .i-arrow{width:14px;height:14px}.pulse{background:var(--c-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #10b98180}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-title{font-size:var(--fs-h1);max-width:14em;margin-top:var(--s-6);font-weight:800;line-height:1.45}.hero-sub{max-width:640px;margin-top:var(--s-5);font-size:var(--fs-lg);color:var(--c-text-2)}.hero-cta{justify-content:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.hero-proof{align-items:center;gap:var(--s-3);margin-top:var(--s-6);font-size:var(--fs-sm);color:var(--c-text-2);display:flex}.hero-proof b{color:var(--c-text)}.avatars{display:flex}.avatars span{color:#fff;background:var(--c);border:2px solid var(--c-bg);border-radius:50%;place-items:center;width:30px;height:30px;margin-inline-start:-8px;font-size:.75rem;font-weight:700;display:grid}.avatars span:first-child{margin-inline-start:0}.hero-visual{perspective:1600px;margin-top:clamp(3rem,1.5rem + 3vw,4rem)}.tilt{--p:0;transform-origin:50% 0;max-width:1040px;transform:rotateX(calc((1 - var(--p)) * 14deg)) scale(calc(.94 + var(--p) * .06));will-change:transform;margin-inline:auto;position:relative}.mock{border-radius:var(--r-lg);background:var(--c-bg);border:1px solid var(--c-line);box-shadow:var(--sh-3);overflow:hidden}.mock-bar{height:44px;padding-inline:var(--s-4);background:var(--c-bg-soft);border-bottom:1px solid var(--c-line);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.dots{justify-self:start;gap:7px;display:flex}.dots i{background:var(--c-line-strong);border-radius:50%;width:11px;height:11px}.dots i:first-child{background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.mock-url{color:var(--c-text-3);background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-full);direction:ltr;justify-content:center;align-items:center;gap:6px;min-width:min(320px,40vw);padding:.2rem .9rem;font-size:.75rem;display:inline-flex}.mock-url svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:12px;height:12px}.mock-bar-end{color:var(--c-text-3);justify-self:end;gap:14px;display:flex}.mock svg:not(.spark){fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mock-bar-end svg{width:15px;height:15px}.mock-body{grid-template-columns:64px 1fr;min-height:380px;display:grid}.mock-side{padding-block:var(--s-5);border-inline-end:1px solid var(--c-line);background:var(--c-bg-soft);flex-direction:column;align-items:center;gap:14px;display:flex}.ms-logo{background:var(--grad-brand);border-radius:8px;width:28px;height:28px;margin-bottom:8px}.mock-side i{width:34px;height:34px;color:var(--c-text-3);border-radius:10px;place-items:center;display:grid}.mock-side i svg{width:17px;height:17px}.mock-side i.on{background:var(--c-brand-50);color:var(--c-brand);box-shadow:inset 0 0 0 1px #d5dcff}.ms-avatar{color:#fff;background:linear-gradient(135deg, var(--c-orange), var(--c-violet));border-radius:50%;place-items:center;width:30px;height:30px;margin-top:auto;font-size:.75rem;font-weight:700;display:grid}.mock-main{padding:var(--s-5);gap:var(--s-4);text-align:start;flex-direction:column;display:flex}.mm-head{justify-content:space-between;align-items:center;display:flex}.mm-head b{font-size:1.05rem;display:block}.mm-head small{color:var(--c-text-3);font-size:.75rem}.mm-tools{align-items:center;gap:var(--s-2);display:flex}.mm-search,.mm-chip{border:1px solid var(--c-line);height:30px;color:var(--c-text-3);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding-inline:.7rem;font-size:.72rem;display:inline-flex}.mm-search{background:var(--c-bg-soft);min-width:170px}.mm-chip{color:var(--c-text-2);font-weight:600}.mm-search svg,.mm-chip svg{width:13px;height:13px}.live{color:var(--c-green);border-radius:var(--r-full);background:#e8f8f1;align-items:center;gap:6px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.live i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.kpis{gap:var(--s-3);grid-template-columns:repeat(4,1fr);display:grid}.kpi{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);gap:2px;display:grid}.kpi small{color:var(--c-text-3);font-size:.75rem}.kpi b{font-size:1.35rem;font-weight:800}.kpi-foot{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.spark{width:64px;height:22px;overflow:visible;transform:scaleX(-1)}.spark polyline{fill:none;stroke:var(--c-green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mm-grid{gap:var(--s-3);flex:1;grid-template-columns:1.75fr 1fr;display:grid}.mm-chart,.mm-panel{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-4);flex-direction:column;display:flex}.mm-chart-head{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.mm-chart-head>span{color:var(--c-text-3)}.mm-legend{gap:var(--s-3);font-size:.7rem;display:flex}.mm-legend span{align-items:center;gap:5px;display:inline-flex}.mm-legend i{background:var(--c);border-radius:3px;width:8px;height:8px}.bars{min-height:140px;margin-top:var(--s-5);background:repeating-linear-gradient(to top, var(--c-line) 0 1px, transparent 1px 25%);flex:1;align-items:flex-end;gap:3%;display:flex;position:relative}.bars i{height:var(--h);background:linear-gradient(to top, var(--c-brand-50), #c9d2ff);transform-origin:bottom;transition:transform 1.1s var(--ease);border-radius:6px 6px 3px 3px;flex:1;position:relative;transform:scaleY(0)}.bars i:nth-last-child(-n+3){background:linear-gradient(to top, #8b9bff, var(--c-brand))}.hero-visual.in .bars i{transform:scaleY(1)}.bars i:first-child{transition-delay:.5s}.bars i:nth-child(2){transition-delay:.55s}.bars i:nth-child(3){transition-delay:.6s}.bars i:nth-child(4){transition-delay:.65s}.bars i:nth-child(5){transition-delay:.7s}.bars i:nth-child(6){transition-delay:.75s}.bars i:nth-child(7){transition-delay:.8s}.bars i:nth-child(8){transition-delay:.85s}.bars i:nth-child(9){transition-delay:.9s}.bars i:nth-child(10){transition-delay:.95s}.bars i:nth-child(11){transition-delay:1s}.bars i:nth-child(12){transition-delay:1.05s}.bar-tip{background:var(--c-text);color:#fff;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.bar-tip:after{content:"";border:4px solid #0000;border-top-color:var(--c-text);position:absolute;top:100%;left:50%;translate:-50%}.mm-months{margin-top:var(--s-2);color:var(--c-text-3);justify-content:space-between;font-size:.65rem;display:flex}.mm-channels{gap:var(--s-3);margin-top:var(--s-4);display:grid}.mm-channels li{grid-template-columns:auto 1fr;gap:5px 8px;font-size:.72rem;display:grid}.ch-name{color:var(--c-text-2);align-items:center;gap:6px;display:inline-flex}.ch-name i{background:var(--c);border-radius:50%;width:7px;height:7px}.ch-val{font-weight:700}.ch-bar{background:var(--c-bg-mute);border-radius:3px;grid-column:1/-1;height:5px;position:relative;overflow:hidden}.ch-bar:after{content:"";width:var(--v);border-radius:inherit;background:var(--c);position:absolute;inset-block:0;inset-inline-start:0}.mm-task{align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--c-bg-soft);border-radius:10px;margin-top:auto;display:flex}.mm-task-icon{width:30px;height:30px;color:var(--c-orange);background:#fff1eb;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.mm-task-icon svg{width:15px;height:15px}.mm-task b{font-size:.72rem;display:block}.mm-task small{color:var(--c-text-3);font-size:.65rem;display:block}.float{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-2);translate:0 var(--py,0px);animation:bob 6s var(--ease-in-out) infinite;background:#ffffffe6;position:absolute}@keyframes bob{50%{transform:translateY(-8px)}}.f-stat{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);text-align:start;display:flex;top:-30px;left:10%}.f-stat b{color:var(--c-green);font-size:1.25rem;font-weight:800;line-height:1.3;display:block}.f-stat small{color:var(--c-text-2);font-size:.75rem}.f-icon{background:#e8f8f1;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.f-icon svg{fill:none;width:20px;height:20px;stroke:var(--c-green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.f-phone{border-radius:30px;padding:7px;animation-delay:-2s;bottom:-48px;left:-56px}.ph{border:1px solid var(--c-line);background:linear-gradient(#f7f5ff,#fff);border-radius:24px;flex-direction:column;gap:9px;width:150px;height:290px;padding:26px 14px 14px;display:flex;position:relative}.ph-notch{background:var(--c-text);border-radius:6px;width:44px;height:7px;position:absolute;top:9px;left:50%;translate:-50%}.ph-card{background:var(--grad-brand);border-radius:14px;height:88px}.ph-line{background:var(--c-bg-mute);border-radius:4px;height:8px}.w70{width:70%}.w45{width:45%}.w60{width:60%}.w40{width:40%}.ph-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.ph-row i{background:var(--c-bg-mute);border-radius:12px;height:52px}.ph-btn{border-radius:var(--r-full);background:var(--c-text);height:30px;margin-top:auto}.f-brand{padding:var(--s-3) var(--s-4);text-align:start;animation-delay:-4s;bottom:14%;right:-40px}.f-brand small{color:var(--c-text-2);font-size:.75rem;font-weight:600}.sw{gap:6px;margin-top:6px;display:flex}.sw i{background:var(--c);border-radius:8px;width:26px;height:26px}@media (max-width:1080px){.f-brand{right:-8px}.f-phone{left:-8px}.mm-search{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.mock-body{grid-template-columns:1fr;min-height:0}.mock-side{display:none}.kpis{grid-template-columns:1fr 1fr}.kpi:nth-child(n+3){display:none}.mm-grid{grid-template-columns:1fr}.mm-panel,.mm-chip,.mock-bar-end{display:none}.bars{min-height:110px}.f-brand,.f-phone{display:none}.f-stat{top:auto;bottom:-22px;right:12px}}@media (max-width:560px){.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.hero-proof{gap:var(--s-2);flex-direction:column}.mock-url{min-width:0}.mock-main{padding:var(--s-4)}}@media (prefers-reduced-motion:reduce){.tilt{transform:none}}