/* __JANU_HOME_WIDGETS_V2__ */
:root{
  --ice:#FDFEFF;
  --cyan:#00CFE8;
  --indigo:#3F51B5;
  --ink:#1E2238;
  --card:#F1F3FA;
  --soft: rgba(30,34,56,.78);
  --shadow: 0 18px 44px rgba(14,18,32,.12);
  --shadow2: 0 10px 24px rgba(14,18,32,.07);
  --ring: 0 0 0 3px rgba(0,207,232,.18);
}

.jv2-wrap{max-width:1260px;margin:0 auto;padding:0 18px;}
.jv2-sec{padding:54px 0;}
.jv2-h1{margin:0;font-size:44px;line-height:1.05;font-weight:1000;color:var(--ink);letter-spacing:-.6px;}
.jv2-h2{margin:0;font-size:28px;line-height:1.2;font-weight:1000;color:var(--ink);}
.jv2-sub{margin:10px 0 0;color:var(--soft);font-size:15px;line-height:1.75}

.jv2-topbar{
  background:linear-gradient(90deg, rgba(0,207,232,.18), rgba(63,81,181,.12));
  border-bottom:1px solid rgba(63,81,181,.14);
  padding:10px 0;
}
.jv2-topbar .jv2-wrap{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.jv2-pill{
  display:inline-flex;gap:8px;align-items:center;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(0,207,232,.22);
  background:rgba(253,254,255,.72);
  color:var(--ink);font-weight:1000;font-size:13px;
}
.jv2-mini{color:var(--soft);font-weight:900;font-size:13px}

.jv2-header{
  position:sticky;top:0;z-index:999;
  background:rgba(253,254,255,.90);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(63,81,181,.10);
}
.jv2-header .jv2-wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 18px;flex-wrap:wrap}
.jv2-brand{display:flex;gap:10px;align-items:center}
.jv2-logo{
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(135deg, rgba(0,207,232,.30), rgba(63,81,181,.20));
  border:1px solid rgba(63,81,181,.12);
  box-shadow:var(--shadow2);
  display:flex;align-items:center;justify-content:center;
  font-weight:1000;color:var(--indigo);
}
.jv2-brand b{font-weight:1000;color:var(--ink);font-size:16px}
.jv2-nav{display:flex;gap:14px;flex-wrap:wrap}
.jv2-nav a{color:rgba(30,34,56,.86);text-decoration:none;font-weight:900;font-size:13px}
.jv2-nav a:hover{color:var(--indigo)}

.jv2-search{position:relative; min-width:260px; flex:1; max-width:460px;}
.jv2-search input{
  width:100%; padding:12px 12px; border-radius:16px;
  border:1px solid rgba(63,81,181,.14);
  background:rgba(241,243,250,.75);
  outline:none; font-weight:800; color:var(--ink);
}
.jv2-search input:focus{box-shadow:var(--ring);}
.jv2-suggest{
  position:absolute; left:0; right:0; top:46px;
  background:rgba(253,254,255,.96);
  border:1px solid rgba(63,81,181,.14);
  border-radius:18px; padding:8px; box-shadow:var(--shadow2);
  display:none;
}
.jv2-suggest button{
  width:100%; text-align:left;
  padding:10px 12px; border-radius:14px;
  border:1px solid transparent;
  background:transparent; cursor:pointer;
  font-weight:900; color:rgba(30,34,56,.86);
}
.jv2-suggest button:hover{
  background:rgba(0,207,232,.10);
  border-color:rgba(0,207,232,.20);
}

.jv2-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 14px;border-radius:16px;
  text-decoration:none;font-weight:1000;color:#fff;
  background:linear-gradient(135deg, var(--cyan), var(--indigo));
  box-shadow:0 12px 30px rgba(63,81,181,.22);
  transition:transform .12s ease, filter .12s ease;
}
.jv2-cta:hover{filter:saturate(1.06);transform:translateY(-1px);}
.jv2-ghost{background:rgba(253,254,255,.78);border:1px solid rgba(63,81,181,.16);color:var(--ink);box-shadow:none}

.jv2-hero{
  border-radius:28px;
  border:1px solid rgba(63,81,181,.14);
  background:
    radial-gradient(900px 260px at 18% 15%, rgba(0,207,232,.26), transparent 55%),
    radial-gradient(800px 260px at 78% 20%, rgba(63,81,181,.18), transparent 55%),
    linear-gradient(135deg, rgba(253,254,255,.92), rgba(241,243,250,.86));
  box-shadow:var(--shadow);
  padding:24px;
  display:flex;gap:18px;align-items:center;justify-content:space-between;
}
.jv2-hero .left{max-width:790px}
.jv2-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.jv2-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.jv2-badge{padding:10px 12px;border-radius:999px;background:rgba(253,254,255,.78);border:1px solid rgba(0,207,232,.18);font-weight:1000;color:var(--ink);font-size:13px}
.jv2-phone{margin-top:10px;font-weight:1000;color:var(--indigo)}
.jv2-hero img{max-width:270px;height:auto;filter:drop-shadow(0 18px 30px rgba(63,81,181,.18));}

.jv2-strip{
  margin-top:18px;
  background:linear-gradient(90deg, rgba(0,207,232,.18), rgba(63,81,181,.12));
  border:1px solid rgba(63,81,181,.14);
  border-radius:22px;
  padding:16px 16px;
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
}

.jv2-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:18px}
.jv2-card{
  grid-column:span 4;
  background:var(--card);
  border:1px solid rgba(63,81,181,.12);
  border-radius:20px;
  padding:16px;
  box-shadow:var(--shadow2);
  min-height:138px;
}
@media(max-width:980px){.jv2-card{grid-column:span 6}}
@media(max-width:620px){.jv2-card{grid-column:span 12}}
.jv2-card h3{margin:0 0 8px;font-size:18px;font-weight:1000;color:var(--ink)}
.jv2-card p{margin:0;color:var(--soft);font-size:14px;line-height:1.7}

.jv2-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
@media(max-width:980px){.jv2-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.jv2-steps{grid-template-columns:repeat(1,1fr)}}
.jv2-step{
  background:rgba(253,254,255,.78);
  border:1px solid rgba(63,81,181,.12);
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 24px rgba(14,18,32,.05);
}
.jv2-step b{font-weight:1000;color:var(--ink)}
.jv2-step div{margin-top:6px;color:var(--soft);line-height:1.7}

.jv2-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:16px}
@media(max-width:980px){.jv2-cats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.jv2-cats{grid-template-columns:repeat(2,1fr)}}
.jv2-cat{
  background:rgba(253,254,255,.78);
  border:1px solid rgba(63,81,181,.12);
  border-radius:18px;
  padding:14px;
  text-align:center;
  box-shadow:0 10px 24px rgba(14,18,32,.05);
}
.jv2-cat .ic{font-size:22px}
.jv2-cat .t{margin-top:8px;font-weight:1000;color:var(--ink);font-size:13px}

.jv2-carousel{display:flex; gap:14px; overflow:auto; padding-bottom:8px; scroll-snap-type:x mandatory;}
.jv2-prod{
  min-width:260px; scroll-snap-align:start;
  background:rgba(253,254,255,.82);
  border:1px solid rgba(63,81,181,.12);
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 24px rgba(14,18,32,.05);
}
.jv2-prod img{width:100%;height:140px;object-fit:cover;border-radius:16px;border:1px solid rgba(63,81,181,.10);background:rgba(241,243,250,.9)}
.jv2-prod b{display:block;margin-top:10px;font-weight:1000;color:var(--ink)}
.jv2-prod span{display:block;margin-top:6px;color:var(--soft);font-weight:800;font-size:13px}

.jv2-marquee{
  margin-top:16px; overflow:hidden;
  border:1px solid rgba(63,81,181,.12);
  border-radius:20px; background:rgba(253,254,255,.78);
}
.jv2-track{
  display:flex; gap:14px; align-items:center;
  padding:14px 16px; width:max-content;
  animation:jv2Scroll 18s linear infinite;
}
.jv2-chip{
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(0,207,232,.18);
  background:rgba(241,243,250,.85);
  font-weight:1000;color:var(--ink);
  white-space:nowrap;
}
@keyframes jv2Scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.jv2-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
@media(max-width:980px){.jv2-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.jv2-metrics{grid-template-columns:repeat(1,1fr)}}
.jv2-metric{
  background:rgba(253,254,255,.78);
  border:1px solid rgba(63,81,181,.12);
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 24px rgba(14,18,32,.05);
}
.jv2-metric .n{font-size:26px;font-weight:1000;color:var(--ink)}
.jv2-metric .t{margin-top:6px;color:var(--soft);font-weight:900}

.jv2-testbox{position:relative;margin-top:16px}
.jv2-test{
  background:rgba(253,254,255,.82);
  border:1px solid rgba(63,81,181,.12);
  border-radius:20px;
  padding:16px;
  box-shadow:0 10px 24px rgba(14,18,32,.05);
  display:none;
}
.jv2-test.active{display:block}
.jv2-stars{letter-spacing:2px;color:var(--indigo);font-weight:1000}
.jv2-name{margin-top:6px;font-weight:1000;color:var(--ink)}
.jv2-text{margin-top:8px;color:var(--soft);line-height:1.75}

.jv2-ba{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
@media(max-width:720px){.jv2-ba{grid-template-columns:repeat(1,1fr)}}
.jv2-ba img{width:100%;height:220px;object-fit:cover;border-radius:20px;border:1px solid rgba(63,81,181,.12);background:rgba(241,243,250,.9)}

.jv2-faq{margin-top:16px}
.jv2-q{
  width:100%;
  text-align:left;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(63,81,181,.12);
  background:rgba(253,254,255,.78);
  font-weight:1000;color:var(--ink);
  cursor:pointer;
}
.jv2-a{display:none;padding:12px 14px;color:var(--soft);line-height:1.75}
.jv2-q[aria-expanded="true"]{box-shadow:var(--ring);}

.jv2-float{position:fixed; right:18px; bottom:18px; z-index:9999;}
.jv2-bottom{
  position:fixed; left:0; right:0; bottom:0; z-index:9998;
  background:rgba(253,254,255,.92);
  backdrop-filter: blur(10px);
  border-top:1px solid rgba(63,81,181,.12);
  padding:10px 12px;
  display:none;
}
@media(max-width:720px){ .jv2-bottom{display:block;} body{padding-bottom:72px;} }
.jv2-bottom .row{display:flex; gap:10px}
.jv2-bottom a{flex:1; text-align:center; padding:12px 10px; border-radius:16px; font-weight:1000; text-decoration:none}