.hero-shell{position:relative;background:radial-gradient(circle at 80% 20%,rgb(120 65 224 / .12),transparent 32%),linear-gradient(180deg,#fff 0%,#fbfaff 100%);overflow:hidden}.hero-slider{position:relative;height:100vh!important}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .65s ease,transform .9s ease,visibility .65s;pointer-events:none}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.hero-slide::before{content:"";position:absolute;inset:0;z-index:2}.img-bg-hero{height:100vh!important}.hero-bg{width:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.02)}.hero-inner{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:flex-end}.hero-copy{width:460px;margin-left:145px;transform:translateY(-10px)}.hero-kicker{font-size:34px;font-weight:900;margin:0 0 4px;letter-spacing:-1.4px}.hero-title{font-size:48px;line-height:1.25;font-weight:900;margin:0 0 16px;background:linear-gradient(100deg,#2b0a70,#6f19d1 60%,#3e0e99);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;color:#fff0}.hero-desc{font-size:16px;line-height:2;font-weight:700;max-width:520px;color:#292333;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.ghost-btn{min-height:52px;border-radius:12px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #fff0;font-size:13px;font-weight:800;cursor:pointer;transition:.25s;text-decoration:none}.primary-btn{color:#fff;background:linear-gradient(135deg,#4310aa,#6718cf);box-shadow:0 12px 28px rgb(82 27 181 / .2)}.primary-btn:hover{transform:translateY(-2px);color:#fff}.ghost-btn{background:#fff;color:#3b2380;border-color:#e8dff8;box-shadow:0 9px 25px rgb(59 26 125 / .08)}.ghost-btn:hover{color:#3b2380}.play-circle{width:34px;height:34px;border-radius:50%;border:2px solid #6d2ad4;display:grid;place-items:center;flex-shrink:0}.hero-product-label{position:absolute;right:7%;bottom:92px;z-index:5;min-width:260px;padding:14px 22px;text-align:center;color:#fff;background:linear-gradient(180deg,rgb(56 22 127 / .94),rgb(37 10 89 / .94));border-radius:6px;box-shadow:0 12px 30px rgb(38 12 86 / .24);direction:ltr}.hero-product-label strong{display:block;font-size:19px}.hero-product-label span{display:block;margin-top:3px;font-size:11px;opacity:.92}.hero-pager{position:absolute;left:2%;top:50%;transform:translateY(-45%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;direction:ltr;background:#fff;border-radius:10px;display:none}.pager-item{border:0;background:#fff0;cursor:pointer;color:#171022;font-size:14px;font-weight:800;width:42px;height:38px;position:relative;transition:.25s}.pager-item::after{content:"";position:absolute;width:1px;height:24px;background:#d5d0dd;left:50%;top:30px}.pager-item:last-child::after{display:none}.pager-item.active{color:#5e12bf}.pager-item.active::before{content:"";position:absolute;width:2px;height:22px;background:#5e12bf;left:50%;top:32px;z-index:2}.pager-item:last-child.active::before{display:none}@media (max-width:1024px){.hero-slider{height:570px}.hero-copy{width:470px;margin-left:0}.hero-kicker{font-size:29px}.hero-title{font-size:40px}.hero-desc{font-size:14px}.hero-product-label{right:6%;bottom:100px;min-width:220px}}@media (max-width:768px){.hero-shell{padding-bottom:0}.hero-slider{height:40vh!important}.hero-bg{object-position:66% center;height:40vh!important}.hero-inner{align-items:flex-end;padding-bottom:14px}.hero-copy{width:auto;margin:0 22px;transform:none}.hero-kicker{font-size:25px}.hero-title{font-size:36px}.hero-desc{font-size:13px;line-height:1.9;margin-bottom:18px}.hero-actions{gap:8px}.primary-btn,.ghost-btn{min-height:30px;padding:0 14px;font-size:10px}.hero-product-label{display:none}.hero-pager{display:none;top:24px;left:18px;transform:none;flex-direction:row;background:rgb(255 255 255 / .88);padding:7px;border-radius:14px;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.pager-item::after{display:none}.pager-item:before{display:none}.hero-inner{justify-content:flex-start}.hero-copy{margin-right:10px!important}.play-circle{width:20px;height:20px}}@media (min-width:600px){.hero-slide::before{display:none}}