.home-products{color:#fff;background:#031825;padding:80px 6%;overflow:hidden}.home-products-inner{max-width:1300px;margin:0 auto}.marquee{width:100%;padding:24px 0;position:relative;overflow:hidden}.marquee-track{width:max-content;animation:8s linear infinite marquee-scroll;display:flex}.marquee-track a{text-transform:uppercase;letter-spacing:1.5px;color:#fff;white-space:nowrap;padding-right:80px;font-size:clamp(28px,6vw,70px);font-weight:800;text-decoration:none}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.products-heading{text-align:center;margin-bottom:48px}.products-heading a{color:#fff;letter-spacing:-.3px;font-size:clamp(26px,4vw,38px);font-weight:700;text-decoration:none}.products-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(28px,4vw,60px);margin-bottom:70px;display:grid}.product-card{background:#fff;border-radius:28px;height:clamp(220px,32vw,320px);text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #000000cf}.product-card img{object-fit:cover;width:100%;height:100%;display:block}.product-card:hover img{transition:transform .5s;transform:scale(1.05)}.bottom-row{grid-template-columns:420px 1fr;align-items:center;gap:80px;display:grid}.join-clientele{color:#fff;opacity:0;background:#2961a0;border-radius:0 20px 20px 0;flex-direction:column;justify-content:center;width:min(400px,100%);padding:24px 28px;text-decoration:none;transition:transform .8s,opacity .8s,box-shadow .3s;display:flex;position:relative;left:-6vw;overflow:hidden;transform:translate(-40px)}.join-clientele:before{content:"";transform-origin:top;background:#2c558c;width:4px;height:100%;transition:transform .9s;position:absolute;top:0;left:0}.join-clientele:hover{transform:translate(6px);box-shadow:0 16px 36px #000000e9}.home-products.animate .join-clientele{opacity:1;transform:translate(0)}.join-clientele h3{text-align:justify;margin-bottom:14px;font-size:34px;font-weight:700}.join-clientele p{text-align:center;max-width:320px;font-size:16px;font-weight:500;line-height:1.6}.join-clientele h3,.join-clientele p{padding-left:12px}.features-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:34px 80px;display:grid}.feature{align-items:flex-start;gap:17px;font-size:16px;font-weight:700;line-height:1.5;transition:transform .25s,opacity .25s;display:flex}.feature:hover{opacity:.9;transform:translate(6px)}.icon{flex-shrink:0;width:30px;height:30px;margin-top:2px;transition:transform .25s}.feature:hover .icon{transform:rotate(8deg)}.home-products{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:900px){.products-grid,.bottom-row{grid-template-columns:1fr;gap:40px}.join-clientele{opacity:0;border-radius:18px;width:100%;left:0;transform:translateY(40px)}.features-grid{grid-template-columns:1fr}.home-products.animate .join-clientele{opacity:1;transform:translateY(0)}}@media (hover:none){.product-card:hover,.feature:hover,.join-clientele:hover{box-shadow:none;transform:none}.product-card:hover img{transform:none}}
.popup{z-index:50;background:#3b4d5b;border-radius:12px 0 0 12px;flex-direction:column;gap:12px;width:320px;padding:18px;transition:transform .3s;animation:1s ease-out forwards slideIn;display:flex;position:fixed;bottom:20px;right:-340px;box-shadow:-2px 4px 14px #00000040}@keyframes slideIn{to{right:0}}.popup img{object-fit:cover;border-radius:8px;width:100%;height:120px}.popup p{color:#fff;margin:0;font-size:1rem;font-weight:600}.popup a{color:#cce4ff;font-size:.85rem;text-decoration:underline}.popup-products{animation-delay:.2s;bottom:255px}.popup a img{cursor:pointer;transition:transform .2s}.popup a img:hover{transform:scale(1.03)}.popup-hidden{opacity:0;pointer-events:none;transform:translate(120%)}@media (max-width:768px){.popup{border-radius:12px;width:min(92vw,320px);padding:14px;bottom:16px;right:-100%}.popup img{height:100px}.popup p{font-size:.95rem}.popup a{font-size:.8rem}.popup-products{bottom:210px}}
.video-section{text-align:center;color:#fff;background:#011823;padding:80px 24px}.video-heading{letter-spacing:.3px;color:#eaeaea;margin-bottom:48px;font-size:clamp(24px,4vw,36px);font-weight:500}.carousel-container{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;justify-content:center;align-items:center;gap:56px;padding:40px 0;display:flex;position:relative}.arrow{color:#e5e5e5;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;transition:all .25s;display:flex}.arrow:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 25px #00000059}.video-wrapper{aspect-ratio:16/9;background:#000;border-radius:28px;width:72%;max-width:1100px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000bf,0 10px 30px #0006}.video-wrapper:before{content:"";z-index:-1;opacity:.6;pointer-events:none;background:radial-gradient(circle,#008cff2e,#0000 70%);transition:opacity .35s,transform .35s;position:absolute;inset:-40px}.video-wrapper:hover{transform:translateY(-6px)scale(1.015);box-shadow:0 40px 100px #000000d9,0 18px 40px #00000080}.video-wrapper:hover:before{opacity:.9;transform:scale(1.05)}.video-player{object-fit:cover;background:#000;width:100%;height:100%}.play-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:auto;font-size:34px;transition:all .25s;display:flex;position:absolute;inset:0}.play-btn:hover{background:#000000bf;transform:scale(1.08);box-shadow:0 12px 30px #00000080}@media (max-width:768px){.video-wrapper{width:96%}.video-section{padding:60px 16px}.carousel-container{gap:14px;padding:24px 0}.arrow{width:44px;height:44px;font-size:22px}.play-btn{width:64px;height:64px;font-size:26px}.video-wrapper:before{opacity:.35}}@media (max-width:1024px){.video-wrapper{width:86%}.carousel-container{gap:32px}}@media (max-width:480px){.video-wrapper{border-radius:20px;width:96%}.arrow{width:40px;height:40px;font-size:20px}.play-btn{width:56px;height:56px;font-size:22px}.video-heading{margin-bottom:32px}}@media (hover:none){.video-wrapper:hover{transform:none;box-shadow:0 30px 80px #000000bf,0 10px 30px #0006}.video-wrapper:hover:before{opacity:.6;transform:none}.arrow:hover{box-shadow:none;background:#ffffff0f;transform:none}.play-btn:hover{box-shadow:none;background:#0000008c;transform:none}}