:root {
            --secondary-deep-in: #7a2331;
        }

        .hero-section {padding:5rem 0 0}
    .v2-hero{ position:relative; overflow:hidden; padding:8rem 0 4rem;  background:  #f7f5f1;}
    .v2-hero-blob-a{ position:absolute; top:-220px; right:-180px; width:640px; height:640px; border-radius:50%;
      background:radial-gradient(circle at 30% 30%, rgba(76,63,234,.14), rgba(76,63,234,0) 70%); z-index:0; }
    .v2-hero-blob-b{ position:absolute; bottom:-260px; left:-220px; width:560px; height:560px; border-radius:50%;
      background:radial-gradient(circle at 60% 60%, rgba(65, 51, 255, 0.12), rgba(51, 68, 255, 0) 70%); z-index:0; }
    .v2-eyebrow{ display:inline-flex; align-items:center; gap:.5rem; background:#fbfbfb !important; border:3px solid color-mix(in oklab, #fff 70%, transparent);
      border-radius:999px; padding:.4rem .9rem; font-size:12px; font-weight:500; color:var(--primary); margin-bottom: 20px;}
    /* .v2-eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:#17A24C; } */
    .v2-title{ font-size:clamp(34px, 5.2vw, 52px); font-weight:600; line-height:1.08; color: var(--dark); letter-spacing: -1.5px; }
    /* .v2-title .accent{ color:#4C3FEA; } */
    @media (max-width:767px){ .v2-title{ font-size:2rem; } }
    .v2-sub{ color:var(--dark); font-size:16px; max-width:620px; margin:1.5rem auto 2.3rem;  line-height: 1.5; }
    .v2-btn-primary{ background:var(--primary); color:#fff; border:none; font-weight:600;
      padding:.9rem 1.7rem; border-radius:12px; box-shadow:0 1px 0 rgba(0,0,0,.05), 0 10px 20px -10px rgba(95, 31, 40, 0.45); display:inline-flex;
      align-items:center; gap:.4rem; text-decoration:none; transition:.2s all ease; }
    .v2-btn-primary:hover{ color:#fff; transform:translateY(-2px);background:var(--primary);  }
    .v2-btn-outline{ background:none; color:var(--primary); border:1.5px solid var(--primary); font-weight:500; padding:.85rem 1.7rem;
      border-radius:12px; display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; transition:.2s all ease; }
    .v2-btn-outline:hover{ background:none; border-color:var(--primary); transform:translateY(-2px);color:var(--primary); box-shadow:0 4px 10px -6px rgba(79,70,229,.18);background:linear-gradient(180deg,#FFFFFF,#F4F2FF);}
    .v2-btn-outline i{ color:var(--primary); }
    .v2-rating-row{ display:flex; gap:1.6rem; flex-wrap:wrap; align-items:center; justify-content:center; }
    .v2-rating-chip{ display:flex; align-items:center; gap:.45rem; font-weight:500; font-size:.9rem; color:var(--dark); }
    .v2-rating-chip i.bi-star-fill, .v2-rating-chip i.bi-star-half{ color:#F5A623; }
    .v2-rating-chip i { color:var(--primary); }
    .v2-dash-frame{ position:relative; margin-top:3rem; border-radius:22px; background:#fff; box-shadow:0 20px 60px -20px rgba(22,35,31,.25); 
      padding:0; z-index:1; margin-bottom: 2rem;}
    .v2-dash-frame .v2-dots{ display:flex; gap:6px; padding:6px 8px 12px; }
    .v2-dash-frame .v2-dots span{ width:9px; height:9px; border-radius:50%; background:#E4E2F3;}
    .v2-app-window{ border-radius:14px; overflow:hidden; border:1px solid #E7E5F5; }
    .v2-appbar{ background:#0b1220; padding:.75rem 1.2rem; display:flex; align-items:center; gap:20px; }
    .v2-appbar-left{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
    .v2-appbar-grid{ width:15px; height:15px; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:3px; }
    .v2-appbar-grid i{ background:#c88865; border-radius:2px; display:block; }
    .v2-appbar-title{ color:#fff; font-weight:700; font-size:.825rem; font-family:'Space Grotesk',sans-serif; white-space:nowrap; }
    .v2-appbar-search{ height: 32px;flex:1; max-width:400px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08);
      border-radius:8px; padding:.45rem 1rem; display:flex; align-items:center; gap:.6rem; color:rgba(255,255,255,.45); font-size:.9rem; }
    .v2-appbar-right{ display:flex; align-items:center; gap:18px; color:rgba(255,255,255,.7); font-size:1.1rem; margin-left:auto; flex-shrink:0; }
    .v2-appbar-avatar{ width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#cdc6ff,#1d157a); display:inline-flex; justify-content: center; align-items: center;color: #fff; }
    @media (max-width:576px){ .v2-appbar-search{ display:none; } }
    .v2-dash-img{ width:100%; display:block; }
    .v2-float-chip{ position:absolute; background:#fff; border:1px solid #E7E5F5; border-radius:12px; padding:.75rem 1.1rem;
      box-shadow:0 24px 60px -20px rgba(76,63,234,.22); z-index:2; }
    .v2-float-chip .lbl{ font-size:.70rem; color:#726C93; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
    .v2-float-chip .val{ font-family:'Inter',sans-serif; font-weight:600; font-size:1.15rem; }
    .v2-chip-left{ bottom: 180px; right:-26px; }
    .v2-chip-right{ bottom:-22px; left:-20px; }
    @media (max-width:767px){ .v2-float-chip{ position:static; display:inline-block; margin:8px 8px 0 0; } 
      .logos-row {gap:.8rem;}
      .strip-wrapper {margin-top: -40px !important;}
  }

    .v2-why{ padding:5.5rem 0; background:var(--surface,#F6F5FE); }
    .v2-eyebrow-label{ font-weight:600; color:#4C3FEA; font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; }
    .v2-why-title{ font-size:2.3rem; font-weight:600; color:#161230; letter-spacing:-0.02em; }
    .v2-why-title .accent{ color:#4C3FEA; }
    .v2-why-sub{ line-height: 1.4; font-size:1.05rem; max-width:610px; margin-left:auto; margin-right:auto; }
    .v2-checklist{ list-style:none; padding:0; margin:1.3rem 0 1.6rem; display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem 1.8rem; }
    .v2-checklist li{ display:flex; gap:.55rem; align-items:flex-start; color:#161230; text-align:left; }
    .v2-checklist i{ color:#17A24C; margin-top:0; }
    .v3-stat-card{ background:#fff; border:1px solid #E7E5F5; border-top:3px solid #E7E5F5; border-radius:16px;
      padding:1.6rem 1.5rem; height:100%; text-align:left; box-shadow:0 8px 20px -12px rgba(22,18,48,.12);
      transition:.2s transform ease; }
    .v3-stat-card:hover{ transform:translateY(-4px); }
    .v3-stat-icon{ width:44px; height:44px; border-radius:50%; border:1px solid #cfcfcf; display:flex;
      align-items:center; justify-content:center; color:var(--secondary); font-size:1.15rem; margin-bottom:0; }
    .v3-stat-label{ font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:#818181; margin-bottom:.45rem; }
    .v3-stat-num{ font-family:'Inter',sans-serif; font-weight:800; font-size:1.6rem; margin-bottom:.7rem; }
    .v3-stat-desc{ color:#463F70; font-size:.92rem; line-height:1.4; }

    /* .logo-name {color: #5c4c4c;}
    .logos p {color: #8a7a78;} */

    .section-label {color:var(--primary)}
    /* .wstep-num, .workflow-steps::before { background: linear-gradient(135deg, #cc6480, #79233b); } */
    .home-features_marquee-item i { color: var(--primary); }
    .home-features_marquee-item {gap: 0.6rem;}
    .feat-card:hover,.ftag{ background:  #fafafd;}
    /* stat strip */
  /* .stat-strip{
    background:#fff; box-shadow: 0 8px 10px rgba(0, 70, 4, 0.053); border-radius:22px;
    padding:2rem 1rem; color:#fff; margin-bottom: .5rem;
  } */

  .stat-strip {
    background: #fbfbfb;
    box-shadow: 0px 10px 30px 0px var(--tw-shadow-color, #1a17141f), 0px 1px 2px 0px var(--tw-shadow-color, #1a17140f), inset 0px 1px 0px 0px var(--tw-shadow-color, #ffffffd9);
    border-radius: 22px;
    padding: 2rem 1rem;
    color: #fff;
    margin-bottom: .5rem;
    border: 2px solid 
color-mix(in oklab, #fff 70%, transparent);
}


      .hero-btn-primary,.hero-btn-outline {display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.7rem;border-radius:12px;font:600 .95rem/1.5 'Inter',sans-serif;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
.hero-btn-primary {color:#fff;background:linear-gradient(180deg,#6B60ED,#4F46E5 55%,#4338CA);border:1px solid #4338CA;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px -8px rgba(79,70,229,.4);}
.hero-btn-primary:hover {color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(79,70,229,.45);}
.hero-btn-outline {color:var(--primary);background:rgba(255,255,255,.45);border:1px solid #9496AE;}
.hero-btn-outline:hover {color:var(--primary-dark);border-color:var(--primary);transform:translateY(-2px);}
.hero-btn-primary:focus-visible,.hero-btn-outline:focus-visible {outline:3px solid #8279ED;outline-offset:4px;}

/* Inventory dashboard: central product preview with supporting stock cards. */
/* .inv-dashboard-stage {display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3.5fr) minmax(180px,1fr);gap:24px;align-items:center;max-width:1720px;margin:52px auto 0;padding-bottom:88px;} */
.inv-dashboard-stage {   position:relative; width:100%; margin-top:0; padding:0 1.2rem 5rem;
    display:flex; align-items:flex-end; justify-content:center; gap:1.3rem; flex-wrap:nowrap;}
.inv-dashboard-main {width: min(860px, 56vw);}
.inv-dashboard-stage .v2-dash-frame {margin:0;border-radius:12px;box-shadow:0 28px 64px -24px rgba(20,29,48,.26);}
.inv-dashboard-stage .v2-app-window {border-radius:12px 12px 6px 6px;border:1px solid #e2e5ed;background:#fff;}
.inv-dashboard-stage .v2-appbar {gap:16px;}
.inv-dashboard-stage .v2-appbar-search {min-width:0;}
.inv-dashboard-side {display:grid;gap:20px;min-width:0;}
.inv-dashboard-side-left {padding-top:28px;}
.inv-dashboard-side-right {padding-top:112px;}
.inv-peek-card {    width: 236px;padding:16px 18px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(243,246,249,.97));border:1px solid #dfe4db;border-radius:12px;box-shadow:0 18px 36px -24px rgba(24,36,50,.3),inset 0 1px 0 #fff;}
.inv-peek-label {display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 .7rem/1.5 'Inter',sans-serif;letter-spacing:.065em;text-transform:uppercase;color:#657080;}
.inv-peek-label i {color:#6555d8;font-size:1rem;}
.inv-peek-metric {margin:0 0 6px;font:700 1.2rem/1.2 'Inter',sans-serif;letter-spacing:-.04em;color:#161a30;font-variant-numeric:tabular-nums;}
.inv-peek-metric span {display:block;margin-top:7px;font-size:.76rem;font-weight:400;letter-spacing:0;color:#657080;}
.inv-peek-rows {margin:0;font-size: .7rem;}
.inv-peek-rows > div {display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #d8dce3;}
.inv-peek-rows > div:last-child {border-bottom:0;padding-bottom:0;}
.inv-peek-rows dt {font-weight:400;color:#657080;}
.inv-peek-rows dd {margin:0;font-weight:600;white-space:nowrap;color:#283144;font-variant-numeric:tabular-nums;}
.inv-peek-rows .inv-warning {color:#a06520;}
.inv-peek-foot {margin:16px 0 0;font-size:.7rem;color:#657080;line-height:1.5;}
.inv-value-chart {display:flex;align-items:flex-end;gap:9px;margin-top:12px;}
.inv-value-chart > div {display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;color:#657080;}
.inv-value-bar {display:block;width:100%;height:var(--bar-height);background:#d9dce5;border-radius:5px 5px 0 0;}
.inv-value-bar-current {background:linear-gradient(180deg,#aaa0f1,#7868d9);}
.inv-bar-value {font-size:.65rem;white-space:nowrap;}
.inv-status {display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:6px 8px;background:#fff3e4;border:1px solid #f1ddbf;border-radius:7px;font-size:.65rem;font-weight:600;color:#946020;}
.inv-status > span {width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.inv-dashboard-note {grid-column:1/-1;text-align:center;margin:0;font-size:.7rem;color:#687286;}
@media (max-width:1199px) {
 .inv-dashboard-stage {grid-template-columns:1fr 1fr;max-width:1000px;gap:20px;}
 .inv-dashboard-main {width: 100%;}
 .inv-dashboard-side {grid-template-columns:1fr 1fr;padding-top:0;gap:16px;}
 .inv-peek-card {padding:20px 16px;}
}
@media (max-width:767px) {
 .inv-dashboard-stage {gap:16px;margin-top:32px;}
 .inv-dashboard-side {grid-template-columns:1fr;align-self:start;display:none}
 .inv-peek-label {font-size:.65rem;letter-spacing:.03em;}
 .inv-peek-card {padding:18px 14px;border-radius:14px;}
 .inv-peek-metric {font-size:1.4rem;}
 .inv-peek-rows {font-size:.7rem;}
 .inv-dashboard-stage .v2-appbar {padding:12px;gap:10px;}
 .inv-dashboard-stage .v2-appbar-right {gap:12px;}
  .inv-dashboard-main {width: 100%;}
}
@media (max-width:380px) {
 .inv-dashboard-stage {grid-template-columns:1fr;}
 .inv-dashboard-stage .v2-appbar-title {font-size:.75rem;}
}