@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap");.jbm{--jbm-navy:#06152d;--jbm-royal:#155eef;--jbm-electric:#00a8ff;--jbm-magenta:#e91e8c;--jbm-off:#f5f7fa;--jbm-gray:#d9dee7;--jbm-black:#080b10;background:var(--jbm-navy);color:var(--jbm-off);font-family:Barlow,system-ui,sans-serif;overflow-x:hidden}.jbm *{box-sizing:border-box}.jbm .mx-auto{margin-left:auto!important;margin-right:auto!important}.jbm .dspl{font-family:Barlow Condensed,Barlow,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:-.01em;line-height:.94}.jbm .eyebrow{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-weight:700}.jbm .grad-text{background:linear-gradient(100deg,#fff 15%,var(--jbm-electric) 60%,var(--jbm-royal) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.jbm .sharp{background:linear-gradient(96deg,#155eef,#00a8ff 55%,#7fd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.jbm .mesh{background:radial-gradient(60% 50% at 78% 22%,rgba(21,94,239,.38),transparent 70%),radial-gradient(45% 40% at 12% 78%,rgba(0,168,255,.18),transparent 70%),radial-gradient(30% 30% at 95% 85%,rgba(233,30,140,.16),transparent 70%)}.jbm .grid-lines,.jbm .mesh{position:absolute;inset:0;pointer-events:none}.jbm .grid-lines{opacity:.5;background-image:linear-gradient(rgba(217,222,231,.06) 1px,transparent 0),linear-gradient(90deg,rgba(217,222,231,.06) 1px,transparent 0);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 78%);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 78%)}.jbm .speed{position:absolute;inset:-20% -10%;pointer-events:none;overflow:hidden}.jbm .speed span{position:absolute;top:-40%;height:180%;width:1px;transform:rotate(18deg);background:linear-gradient(180deg,transparent,rgba(0,168,255,.55),transparent);animation:jbm-slide 7s linear infinite;opacity:.35}.jbm .speed span:first-child{left:9%}.jbm .speed span:nth-child(2){left:28%;animation-delay:-1.4s;background:linear-gradient(180deg,transparent,rgba(21,94,239,.6),transparent)}.jbm .speed span:nth-child(3){left:52%;animation-delay:-3.1s}.jbm .speed span:nth-child(4){left:71%;animation-delay:-4.6s;background:linear-gradient(180deg,transparent,rgba(233,30,140,.45),transparent)}.jbm .speed span:nth-child(5){left:88%;animation-delay:-5.8s}@keyframes jbm-slide{0%{transform:translateY(-30%) rotate(18deg);opacity:0}20%{opacity:.4}80%{opacity:.4}to{transform:translateY(30%) rotate(18deg);opacity:0}}.jbm .slash{position:absolute;width:170%;height:2px;left:-35%;background:linear-gradient(90deg,transparent,rgba(21,94,239,.55),rgba(0,168,255,.65),transparent);transform:rotate(-8deg)}.jbm .card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(217,222,231,.12);border-radius:18px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}.jbm .card:hover{transform:translateY(-8px);border-color:rgba(0,168,255,.45);box-shadow:0 24px 60px -20px rgba(21,94,239,.55),0 0 0 1px rgba(0,168,255,.15)}.jbm .card img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.jbm .card:hover img{transform:scale(1.04)}.jbm .btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(100deg,var(--jbm-royal),var(--jbm-electric));color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.12em;border-radius:999px;box-shadow:0 14px 40px -12px rgba(21,94,239,.85);transition:transform .3s,box-shadow .3s;text-decoration:none;border:none;cursor:pointer}.jbm .btn:hover{transform:translateY(-2px);box-shadow:0 20px 55px -12px rgba(0,168,255,.9)}.jbm .btn:focus-visible{outline:none}.jbm .btn-ghost{border:1px solid rgba(217,222,231,.28);border-radius:999px;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:border-color .3s,color .3s,background .3s;background:none;cursor:pointer;text-decoration:none;color:var(--jbm-off);display:inline-flex;align-items:center}.jbm .btn-ghost:hover{border-color:var(--jbm-electric);background:rgba(0,168,255,.08)}.jbm .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.jbm .reveal.in{opacity:1;transform:none}.jbm .chip{border:1px solid rgba(217,222,231,.16);border-radius:14px;background:rgba(255,255,255,.03);transition:border-color .35s,background .35s,transform .35s}.jbm .chip:hover{border-color:rgba(21,94,239,.6);background:rgba(21,94,239,.1);transform:translateY(-3px)}.jbm-collection-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:641px){.jbm-collection-grid{grid-template-columns:repeat(3,1fr)}}.jbm .num{font-family:Barlow Condensed,sans-serif;font-weight:800;-webkit-text-stroke:1px rgba(0,168,255,.7);color:transparent}.jbm-hero{background:radial-gradient(120% 90% at 78% 30%,#0a2b5c 0,rgba(10,43,92,0) 62%),radial-gradient(90% 80% at 8% 8%,#111b42 0,rgba(17,27,66,0) 60%),linear-gradient(165deg,#06152d,#071a38 45%,#06152d);position:relative;min-height:100svh;display:flex;align-items:center;padding-top:6rem;padding-bottom:3.5rem;overflow:hidden}@media (min-width:1024px){.jbm-hero{padding-top:5rem;padding-bottom:0}}.jbm .hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);will-change:transform,opacity}.jbm .g1{width:60vw;height:60vw;max-width:820px;max-height:820px;right:-6%;top:2%;background:radial-gradient(circle,rgba(0,168,255,.34),rgba(0,168,255,0) 68%);animation:jbm-breathe 12s ease-in-out infinite}.jbm .g2{width:42vw;height:42vw;max-width:560px;max-height:560px;left:-10%;bottom:-14%;background:radial-gradient(circle,rgba(21,94,239,.3),rgba(21,94,239,0) 70%);animation:jbm-breathe 16s ease-in-out infinite reverse}.jbm .g3{width:26vw;height:26vw;max-width:340px;max-height:340px;right:38%;bottom:4%;background:radial-gradient(circle,rgba(233,30,140,.2),rgba(233,30,140,0) 70%);animation:jbm-drift 18s ease-in-out infinite}@keyframes jbm-breathe{0%,to{transform:scale(1) translateZ(0);opacity:.85}50%{transform:scale(1.12) translate3d(0,-2%,0);opacity:1}}@keyframes jbm-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(-6%,-8%,0)}}.jbm .hero-arc{border:1px solid rgba(0,168,255,.16);border-radius:50%}.jbm .hero-arc,.jbm .streaks{position:absolute;pointer-events:none}.jbm .streaks{inset:0;overflow:hidden}.jbm .streaks i{position:absolute;display:block;height:1.5px;border-radius:2px;transform:rotate(-18deg);opacity:0;animation:jbm-dash 5.5s cubic-bezier(.3,.1,.2,1) infinite}@keyframes jbm-dash{0%{transform:translate3d(-24vw,0,0) rotate(-18deg);opacity:0}12%{opacity:.9}55%{opacity:.5}to{transform:translate3d(26vw,0,0) rotate(-18deg);opacity:0}}.jbm .dot{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(245,247,250,.55);box-shadow:0 0 10px rgba(0,168,255,.8);animation:jbm-float 9s ease-in-out infinite}@keyframes jbm-float{0%,to{transform:translateZ(0);opacity:.25}50%{transform:translate3d(0,-26px,0);opacity:.85}}.jbm .hero-h1{font-size:clamp(2.9rem,8.6vw,7.4rem);line-height:.9;letter-spacing:-.015em}.jbm .bulk-inner,.jbm .bulk-rail{position:relative}.jbm .bulk-inner{overflow:hidden;padding:48px 40px;border-radius:24px;background:linear-gradient(135deg,rgba(233,30,140,.06),rgba(0,168,255,.06) 50%,rgba(233,30,140,.06));border:1px solid rgba(233,30,140,.15);display:flex;flex-direction:row;align-items:center;gap:32px;text-align:left}.jbm .bulk-glow{position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(233,30,140,.12) 0,transparent 70%);pointer-events:none}.jbm .bulk-badge{position:absolute;top:20px;left:24px;font-size:9px;letter-spacing:.12em;color:rgba(233,30,140,.7);text-transform:uppercase}.jbm .bulk-title{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1;flex-shrink:0}.jbm .bulk-highlight{color:#E91E8C;background:linear-gradient(135deg,#E91E8C,#FF6EC7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jbm .bulk-desc{font-size:14px;color:rgba(217,222,231,.65);flex:1;line-height:1.6}.jbm .bulk-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#E91E8C,#FF6EC7);color:#fff;font-family:var(--jbm-eyebrow);font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;flex-shrink:0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px rgba(233,30,140,.3)}.jbm .bulk-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(233,30,140,.45)}@media (max-width:640px){.jbm .hero-h1{font-size:2.2rem}.jbm .hero-figure{display:none}.jbm .price-mobile-center{grid-template-columns:1fr!important;text-align:center!important;justify-items:center}.jbm .price-mobile-center>div{text-align:center;display:flex;flex-direction:column;align-items:center}.jbm .price-mobile-center>div>div{justify-content:center;text-align:center}.jbm .price-mobile-center .eyebrow{text-align:center!important}.jbm .price-mobile-center .price-list{align-items:center;text-align:center}.jbm .price-mobile-center .price-list li{justify-content:center}.jbm .price-mobile-center .btn{margin-inline:auto}.jbm .spec{text-align:center!important}.jbm #harga .bulk-rail{margin-top:48px}.jbm #harga .bulk-inner{flex-direction:column;align-items:center;text-align:center;padding:40px 24px 36px;gap:16px;border-radius:20px}.jbm #harga .bulk-glow{top:-60px;right:-40px;width:180px;height:180px}.jbm #harga .bulk-badge{position:relative;top:0;left:0;margin-bottom:4px}.jbm #harga .bulk-title{font-size:1.5rem}.jbm #harga .bulk-desc{font-size:13px;max-width:280px;margin:0 auto}.jbm #harga .bulk-cta{margin-top:8px;padding:14px 32px;font-size:11px}.jbm .cat-card-btn{display:none}.jbm .cat-card-info{padding:12px 14px!important}.jbm .cat-card-info h3{font-size:1.1rem!important}}.jbm .hero-figure{filter:drop-shadow(0 46px 60px rgba(3,10,24,.75)) drop-shadow(0 0 70px rgba(0,168,255,.24));animation:jbm-heroIn 1.3s cubic-bezier(.2,.7,.2,1) both;will-change:transform}@keyframes jbm-heroIn{0%{opacity:0;transform:scale(.94) translateY(22px)}to{opacity:1;transform:none}}.jbm .trust{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.jbm .trust span{position:relative;padding-right:1.1rem}.jbm .trust span:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:rgba(217,222,231,.28)}.jbm .vert-label{writing-mode:vertical-rl;letter-spacing:.5em}.jbm .ph-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 100% at 30% 15%,color-mix(in srgb,var(--c1) 55%,transparent),transparent 62%),linear-gradient(150deg,color-mix(in srgb,var(--c2) 26%,#080b10),#080b10 70%);overflow:hidden}.jbm .ph-tile:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.055) 0 1px,transparent 1px 22px);opacity:.9}.jbm .ph-tile:after{content:"";position:absolute;width:150%;height:60%;left:-25%;bottom:-28%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c2) 45%,transparent),transparent);filter:blur(28px)}.jbm .ph-code{position:relative;font-size:2.6rem;letter-spacing:.06em;color:rgba(245,247,250,.9)}.jbm .ph-tag{position:relative;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(245,247,250,.7);background:rgba(8,11,16,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.jbm .cat-item[data-extra]{display:none}.jbm .cat-item.show{display:block}.jbm .toast-wrap{position:fixed;left:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:10px;pointer-events:none}.jbm .toast{display:flex;align-items:center;gap:14px;min-width:280px;max-width:340px;padding:12px 16px 12px 12px;border-radius:14px;background:rgba(10,17,32,.82);border:1px solid rgba(217,222,231,.14);box-shadow:0 24px 60px -22px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}.jbm .toast.in{opacity:1;transform:none}.jbm .toast-dot{position:relative;width:9px;height:9px;border-radius:99px;background:#22c55e;flex:none}.jbm .toast-dot:after{content:"";position:absolute;inset:-5px;border-radius:99px;border:1px solid rgba(34,197,94,.55);animation:jbm-tpulse 1.9s ease-out infinite}@keyframes jbm-tpulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}.jbm .price-tab{position:relative;color:rgba(217,222,231,.42);padding:0 0 14px;background:none;transition:color .35s;border:none;cursor:pointer}.jbm .price-tab:hover{color:rgba(255,255,255,.8)}.jbm .price-tab:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--jbm-royal),var(--jbm-electric));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.jbm .price-tab.is-on{color:#fff}.jbm .price-tab.is-on:after{transform:scaleX(1)}.jbm .price-rule{height:1px;background:linear-gradient(90deg,rgba(217,222,231,.16),rgba(217,222,231,.03))}.jbm .price-list li{display:flex;gap:12px;align-items:baseline}.jbm .spec{position:relative;padding-top:18px}.jbm .spec:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,168,255,.75),rgba(217,222,231,.08))}.jbm .spec:nth-child(3):before{background:linear-gradient(90deg,rgba(233,30,140,.7),rgba(217,222,231,.08))}.jbm .bulk-rail{border-top:1px solid rgba(217,222,231,.12)}.jbm .arrow-link{position:relative;padding-bottom:6px;transition:color .3s;text-decoration:none}.jbm .arrow-link:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.jbm .arrow-link:hover{color:#7fd7ff}.jbm .arrow-link:hover:after{transform:scaleX(1)}.jbm .price-num{transition:opacity .28s ease,transform .28s ease}.jbm .price-num.swap{opacity:0;transform:translateY(8px)}.jbm #hero{background:radial-gradient(120% 90% at 78% 30%,#0a2b5c 0,rgba(10,43,92,0) 62%),radial-gradient(90% 80% at 8% 8%,#111b42 0,rgba(17,27,66,0) 60%),linear-gradient(165deg,#06152d,#071a38 45%,#06152d)!important}.jbm .hero-figure{position:relative;width:92%;max-width:none;height:auto;margin:0 auto}@media (min-width:640px){.jbm .hero-figure{width:78%}}@media (min-width:1024px){.jbm .hero-figure{width:100%;margin:0 auto}}.jbm .hero-float{position:absolute;z-index:5;padding:12px 16px;border-radius:14px;animation:jbm-float 9s ease-in-out infinite}.jbm .hero-float:nth-of-type(2){animation-delay:-3s}.jbm .hero-float:nth-of-type(3){animation-delay:-6s}@keyframes jbm-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.jbm .jbm-marquee{display:flex;align-items:center;gap:2.5rem;white-space:nowrap;width:-moz-max-content;width:max-content;animation:jbm-marquee 26s linear infinite}.jbm .jbm-marquee i{font-style:normal;color:rgba(0,168,255,.7);font-size:8px}@keyframes jbm-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:640px){.jbm .hero-float{display:none}}.jbm .gallery-marquee{display:flex;gap:1rem;width:-moz-max-content;width:max-content;animation:jbm-gallery-slide 30s linear infinite}.jbm .gallery-marquee>div{flex:0 0 auto}@keyframes jbm-gallery-slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.jbm .stat-marquee{display:flex;width:-moz-max-content;width:max-content;animation:jbm-stat-slide 20s linear infinite}.jbm .stat-marquee>div{flex:0 0 auto}@keyframes jbm-stat-slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.jbm .tst-card{position:relative;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(217,222,231,.12);overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}.jbm .tst-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(180deg,#00a8ff,#e91e8c);transition:height .5s cubic-bezier(.2,.7,.2,1)}.jbm .tst-card:hover{transform:translateY(-6px);border-color:rgba(0,168,255,.4);box-shadow:0 24px 60px -20px rgba(21,94,239,.5)}.jbm .tst-card:hover:before{height:100%}@media (max-width:640px){.jbm .toast-wrap{left:12px;right:12px;bottom:12px}.jbm .toast{min-width:0;max-width:none}}@media (prefers-reduced-motion:reduce){.jbm .reveal{opacity:1;transform:none}.jbm .dot,.jbm .hero-float,.jbm .hero-glow,.jbm .speed span,.jbm .streaks i,.jbm .toast-dot:after{animation:none!important}}