/* GoShoppingTR laptop hero: a self-contained, original, six-scene showreel. */
.home-page .hero-screen-showreel {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 1;
  transition: opacity .45s ease;
}
.home-page .hero-screen-showreel[hidden] { display: none !important; }
.home-page .hs-image-plane {
  position: absolute;
  top: 0;
  left: 0;
  width: 1672px;
  height: 941px;
  transform-origin: 0 0;
  will-change: transform;
}
.home-page .hs-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 460px;
  overflow: hidden;
  border-radius: 7px;
  background: #0e1123;
  color: #fff;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transform-origin: 0 0;
  transform: matrix3d(.4459823725,-.1140600495,0,-.0002458632,-.2348581274,.7681802185,0,-.0000593885,0,0,1,0,1035,239,0,1);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.home-page .hs-stage *,
.home-page .hs-stage *::before,
.home-page .hs-stage *::after { box-sizing: border-box; }
.home-page .hs-scene {
  position: absolute;
  inset: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.home-page .hs-scene.is-leaving { z-index: 0; visibility: visible; opacity: 1; }
.home-page .hs-scene.is-active { z-index: 1; visibility: visible; opacity: 1; animation: hs-scene-wipe .52s cubic-bezier(.19,.86,.24,1) both; }
.home-page .hs-scene.is-active::after { content: ""; position: absolute; z-index: 5; inset: 0; pointer-events: none; background: linear-gradient(100deg,transparent 33%,rgba(255,255,255,.23) 50%,transparent 67%); animation: hs-scene-glint .67s ease-out both; }
.home-page .hs-topbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 20px;
  height: 57px;
  padding: 0 26px;
  background: rgba(10,13,28,.92);
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.home-page .hs-brand { display: inline-flex; align-items: center; gap: 9px; flex: none; font-size: 13px; line-height: 1; letter-spacing: .105em; font-weight: 800; white-space: nowrap; }
.home-page .hs-brand-mark,
.home-page .hs-admin-symbol { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #fff; font-size: 17px; font-weight: 900; line-height: 1; background: linear-gradient(135deg,#be87ff,#7447ff 60%,#3638ba); box-shadow: 0 3px 14px rgba(136,83,255,.3); }
.home-page .hs-top-links { margin-left: auto; font-size: 11px; font-weight: 650; color: #b7b4cf; white-space: nowrap; }
.home-page .hs-top-icons { display: flex; gap: 11px; align-items: center; }
.home-page .hs-top-icons i { width: 12px; height: 12px; border: 1.5px solid #cbc8e1; border-radius: 50%; }
.home-page .hs-top-icons i:last-child { width: 13px; height: 11px; border-radius: 3px; }
.home-page .hs-eyebrow { display: block; font-size: 10px; font-weight: 800; letter-spacing: .21em; color: #c6b0ff; }

/* Storefront */
.home-page .hs-store { background: #111224; }
.home-page .hs-store-hero { position: relative; display: flex; height: 271px; margin: 15px 20px 12px; overflow: hidden; border-radius: 16px; background: radial-gradient(circle at 71% 40%,#ad69ed 0,#6434af 29%,#302054 56%,#1d1b33 100%); }
.home-page .hs-store-hero::before { content: ""; position: absolute; width: 440px; height: 440px; right: -20px; top: -170px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 32px rgba(255,255,255,.035), 0 0 0 75px rgba(255,255,255,.025); }
.home-page .hs-store-copy { position: relative; z-index: 2; padding: 43px 0 0 34px; width: 54%; }
.home-page .hs-store-copy strong { display: block; margin-top: 15px; font-size: 45px; font-weight: 800; line-height: .99; letter-spacing: -.06em; }
.home-page .hs-store-copy strong em { font-style: normal; background: linear-gradient(100deg,#fff,#debfff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.home-page .hs-store-button { display: inline-flex; align-items: center; gap: 17px; margin-top: 24px; padding: 10px 13px 10px 16px; border-radius: 5px; background: #fff; color: #211b3b; font-size: 10px; font-weight: 800; letter-spacing: .02em; box-shadow: 0 7px 16px rgba(16,7,38,.16); }
.home-page .hs-store-button b { font-size: 15px; line-height: .7; }
.home-page .hs-product-art { position: absolute; width: 250px; height: 250px; left: 355px; top: 3px; animation: hs-product-float 5s ease-in-out infinite; }
.home-page .hs-product-halo { position: absolute; inset: 20px; border-radius: 50%; background: radial-gradient(circle at 45% 35%,#f4dfff,#aa70e8 54%,#7036bd 67%,transparent 69%); filter: blur(1px); opacity: .61; box-shadow: 0 0 46px #af70ee; }
.home-page .hs-watch-band { position: absolute; left: 110px; width: 52px; height: 104px; border: 11px solid #15192e; background: linear-gradient(90deg,#242849,#0c0f23,#252d50); box-shadow: inset 0 0 8px #0a0916, 7px 10px 21px #1d113b88; }
.home-page .hs-watch-band-top { top: 11px; border-radius: 25px 25px 8px 8px; transform: rotate(-23deg); }
.home-page .hs-watch-band-bottom { top: 136px; border-radius: 8px 8px 25px 25px; transform: rotate(-23deg); }
.home-page .hs-watch-face { position: absolute; z-index: 1; left: 77px; top: 80px; display: grid; place-items: center; width: 117px; height: 118px; border: 10px solid #1a1d37; border-radius: 36px; background: linear-gradient(145deg,#8457e4,#11183b 48%,#7d41d3); box-shadow: inset 0 0 0 4px #8e83b6, inset 0 0 24px #1d174d, 12px 14px 21px #150f3588; transform: rotate(-23deg); }
.home-page .hs-watch-face::before { content: "10:28"; font-size: 28px; font-weight: 750; letter-spacing: -.07em; text-shadow: 0 0 14px #c39fff; }
.home-page .hs-watch-face span { position: absolute; width: 48px; height: 5px; bottom: 19px; border-radius: 8px; background: linear-gradient(90deg,#9769ff,#eee); }
.home-page .hs-product-glint { position: absolute; width: 18px; height: 18px; left: 175px; top: 60px; background: #fff; clip-path: polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%); filter: drop-shadow(0 0 6px #fff); animation: hs-spark 2.7s ease-in-out infinite; }
.home-page .hs-store-hero-index { position: absolute; z-index: 2; bottom: 18px; right: 22px; font-size: 12px; font-weight: 800; letter-spacing: .08em; }.home-page .hs-store-hero-index span { color: #c9addc; font-weight: 500; }
.home-page .hs-store-products { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 0 20px; }
.home-page .hs-store-card { display: grid; grid-template-columns: 54px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 8px; min-width: 0; height: 93px; padding: 8px; border-radius: 11px; background: #1c1c32; border: 1px solid rgba(255,255,255,.08); }
.home-page .hs-card-art { grid-row: 1 / 3; display: grid; place-items: center; width: 54px; height: 74px; border-radius: 7px; background: radial-gradient(circle at 62% 29%,#a884da,#5a3c8e 64%,#312349); }
.home-page .hs-card-art i { display: block; width: 30px; height: 38px; border: 8px solid #24213f; border-radius: 12px; background: linear-gradient(140deg,#d1a8ff,#7143ce,#282648); transform: rotate(-19deg); box-shadow: 5px 7px 8px #0a081488; }
.home-page .hs-card-art-two { background: radial-gradient(circle at 50% 35%,#99b4e6,#43517e 62%,#272b4a); }.home-page .hs-card-art-two i { width: 30px; height: 30px; border-radius: 50%; border: 7px solid #252b53; box-shadow: 11px 7px 0 -1px #222748, 4px 8px 9px #11162c; }
.home-page .hs-card-art-three { background: radial-gradient(circle at 55% 30%,#daa6d9,#76457f 65%,#332445); }.home-page .hs-card-art-three i { width: 22px; height: 44px; border: 5px solid #e7c7e2; border-radius: 7px; background: linear-gradient(#6a4a85,#352747); }
.home-page .hs-store-card span:nth-child(2) { align-self: end; min-width: 0; }.home-page .hs-store-card b { display: block; overflow: hidden; color: #f3edff; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }.home-page .hs-store-card small { display: block; margin-top: 2px; color: #9a94b5; font-size: 8px; white-space: nowrap; }.home-page .hs-store-card strong { align-self: start; color: #c8a9fa; font-size: 10px; font-weight: 750; }
.home-page .hs-store.is-active .hs-store-card { animation: hs-card-enter .7s both; }.home-page .hs-store.is-active .hs-store-card:nth-child(2) { animation-delay: .12s; }.home-page .hs-store.is-active .hs-store-card:nth-child(3) { animation-delay: .24s; }

/* Four visually distinct storefront previews: fashion, organic and cosmetics follow electronics. */
.home-page .hs-theme-top { height: 58px; display: flex; align-items: center; gap: 22px; padding: 0 31px; background: #f4eee8; color: #302a2a; border-bottom: 1px solid #ddd5ce; }
.home-page .hs-theme-logo { font-family: Georgia, serif; font-size: 26px; font-weight: 700; letter-spacing: -.055em; }.home-page .hs-theme-logo span { color: #a8775c; }.home-page .hs-theme-top > span:nth-child(2) { margin-left: auto; font-size: 10px; font-weight: 700; letter-spacing: .02em; }.home-page .hs-theme-top > b { font-size: 19px; font-weight: 400; }
.home-page .hs-theme-label { display: block; font-size: 10px; font-weight: 800; letter-spacing: .16em; }.home-page .hs-theme-cta { display: inline-flex; align-items: center; gap: 22px; width: max-content; padding: 10px 13px 10px 15px; font-size: 10px; font-weight: 800; }.home-page .hs-theme-cta b { font-size: 14px; }

.home-page .hs-fashion { background: #f2e9e1; color: #2e2727; }.home-page .hs-fashion-main { position: relative; height: 315px; overflow: hidden; background: linear-gradient(115deg,#f2e9e1 36%,#d9b9a5 100%); }.home-page .hs-fashion-main::after { content: ""; position: absolute; top: 25px; right: -39px; width: 300px; height: 300px; border: 1px solid #7c51434f; border-radius: 50%; }.home-page .hs-fashion-copy { position: relative; z-index: 2; padding: 53px 0 0 37px; }.home-page .hs-fashion-copy .hs-theme-label { color: #a16a53; }.home-page .hs-fashion-copy strong { display: block; margin: 18px 0 22px; font-family: Georgia, serif; font-size: 49px; font-weight: 400; line-height: 1.03; letter-spacing: -.05em; }.home-page .hs-fashion-copy strong em { color: #966952; font-weight: 400; }.home-page .hs-fashion-copy .hs-theme-cta { background: #332a2a; color: #fff; }
.home-page .hs-fashion-art { position: absolute; z-index: 1; top: 4px; right: 30px; width: 300px; height: 307px; animation: hs-product-float 6s ease-in-out infinite; }.home-page .hs-fashion-ring { position: absolute; inset: 24px 5px 4px 42px; border-radius: 48% 48% 12% 12%; background: #d6b29c; box-shadow: 18px 13px 30px #8e634344; }.home-page .hs-fashion-coat { position: absolute; top: 34px; left: 25px; width: 242px; height: 270px; background: linear-gradient(100deg,#8b5341,#b17c60 43%,#81503e 90%); clip-path: polygon(33% 2%,43% 0,50% 13%,57% 0,67% 2%,84% 14%,100% 38%,83% 48%,75% 34%,77% 100%,23% 100%,25% 34%,17% 48%,0 38%,16% 14%); filter: drop-shadow(13px 9px 9px #74513d77); }.home-page .hs-fashion-coat::before { content: ""; position: absolute; top: 20px; left: 100px; height: 245px; width: 4px; background: #e5bba083; transform: rotate(4deg); }.home-page .hs-fashion-coat::after { content: "•\A •\A •"; white-space: pre; position: absolute; top: 97px; left: 120px; color: #e6c5aa; font-size: 21px; line-height: 47px; }.home-page .hs-fashion-tag { position: absolute; top: 54px; right: -10px; display: block; padding: 13px; background: #f8f1e9; border: 1px solid #b99781; color: #956d56; font-family: Georgia,serif; font-size: 20px; line-height: .95; transform: rotate(8deg); box-shadow: 0 7px 16px #5b3c2d3c; }.home-page .hs-fashion-tag b { font-family: Arial,sans-serif; font-size: 8px; letter-spacing: .12em; }
.home-page .hs-theme-strip { display: flex; align-items: center; justify-content: center; gap: 22px; height: 38px; font-size: 9px; font-weight: 800; letter-spacing: .13em; }.home-page .hs-fashion-strip { background: #3e302b; color: #f1ded2; }.home-page .hs-fashion-strip b { color: #b98970; font-size: 12px; }.home-page .hs-fashion-footer { display: flex; justify-content: space-between; padding: 15px 26px; font-size: 10px; color: #75655f; }.home-page .hs-fashion-footer b { font-size: 8px; letter-spacing: .09em; }

.home-page .hs-organic { background: #f4f4e9; color: #233b2a; }.home-page .hs-organic-top { background: #f4f4e9; border-color: #d8dfce; }.home-page .hs-organic-top .hs-theme-logo { font-size: 27px; font-weight: 800; color: #355742; }.home-page .hs-organic-top .hs-theme-logo span { color: #97b84d; }.home-page .hs-organic-top > b { font-size: 25px; }
.home-page .hs-organic-main { position: relative; height: 331px; overflow: hidden; background: radial-gradient(circle at 82% 45%,#d8e8b7,#9fc07e 43%,#f4f4e9 44%); }.home-page .hs-organic-copy { position: relative; z-index: 2; padding: 53px 0 0 34px; }.home-page .hs-organic-copy .hs-theme-label { color: #668944; }.home-page .hs-organic-copy strong { display: block; margin: 16px 0 13px; font-family: Georgia,serif; font-size: 52px; line-height: 1; letter-spacing: -.05em; font-weight: 400; }.home-page .hs-organic-copy strong em { color: #72a04c; font-weight: 400; }.home-page .hs-organic-copy > span:nth-of-type(2) { display: block; margin-bottom: 20px; color: #6e8068; font-size: 11px; }.home-page .hs-organic-copy .hs-theme-cta { background: #2b563c; color: #fff; }
.home-page .hs-organic-art { position: absolute; top: 17px; right: 3px; width: 350px; height: 300px; animation: hs-product-float 6.5s ease-in-out infinite; }.home-page .hs-organic-plate { position: absolute; top: 30px; right: 10px; width: 266px; height: 266px; border-radius: 50%; background: radial-gradient(circle,#edf1d9 57%,#dae4c3 59%,#f1f3e5 65%,#9db789 66%,#7b9a6e 68%,transparent 69%); box-shadow: 14px 19px 32px #456d4340; }.home-page .hs-fruit { position: absolute; display: block; width: 110px; height: 110px; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#ffcc6e,#e98830 60%,#c45f20); box-shadow: inset -9px -10px 14px #9b4e1b55, 9px 13px 13px #385b2b44; }.home-page .hs-fruit-one { top: 47px; right: 96px; }.home-page .hs-fruit-two { top: 113px; right: 25px; width: 122px; height: 122px; background: radial-gradient(circle at 35% 28%,#ffde76,#f6a63e 55%,#df7527); }.home-page .hs-fruit-three { top: 158px; right: 151px; width: 91px; height: 91px; background: radial-gradient(circle at 35% 28%,#c8dd7f,#86ad4a 60%,#5b8538); }.home-page .hs-fruit-three::after { content: ""; position: absolute; inset: 8px; border: 2px solid #e5f6a470; border-radius: 50%; }.home-page .hs-leaf { position: absolute; width: 54px; height: 31px; border-radius: 2% 100% 4% 100%; background: linear-gradient(120deg,#72a245,#2e663a); box-shadow: 4px 6px 9px #2d5a2b66; }.home-page .hs-leaf-one { top: 29px; right: 119px; transform: rotate(-39deg); }.home-page .hs-leaf-two { top: 138px; right: 188px; transform: rotate(24deg); }.home-page .hs-organic-badge { position: absolute; top: 39px; right: 1px; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: #275b40; color: #fff; font-size: 17px; font-weight: 900; line-height: .75; transform: rotate(13deg); }.home-page .hs-organic-badge b { font-size: 9px; letter-spacing: .1em; }
.home-page .hs-organic-footer { display: flex; align-items: center; justify-content: space-between; height: 71px; padding: 0 28px; border-top: 1px solid #d9e1ce; }.home-page .hs-organic-footer span { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 700; }.home-page .hs-organic-footer i { width: 10px; height: 10px; border-radius: 2px 80% 2px 80%; background: #78a254; transform: rotate(-20deg); }.home-page .hs-organic-footer b { font-size: 8px; letter-spacing: .08em; color: #71915e; }

.home-page .hs-beauty { background: #faeeee; color: #442c3a; }.home-page .hs-beauty-top { background: #faeeee; border-color: #eddfe4; }.home-page .hs-beauty-top .hs-theme-logo { font-size: 27px; letter-spacing: .13em; font-weight: 400; }.home-page .hs-beauty-top .hs-theme-logo span { color: #d78d9e; }
.home-page .hs-beauty-main { position: relative; height: 333px; overflow: hidden; background: radial-gradient(circle at 77% 53%,#efb7c9,#dc9eb2 31%,#f5d8df 48%,#fbeced 74%); }.home-page .hs-beauty-copy { position: relative; z-index: 2; padding: 50px 0 0 35px; }.home-page .hs-beauty-copy .hs-theme-label { color: #a66a80; }.home-page .hs-beauty-copy strong { display: block; margin: 18px 0 13px; font-family: Georgia,serif; font-size: 52px; font-weight: 400; line-height: 1; letter-spacing: -.05em; }.home-page .hs-beauty-copy strong em { color: #ac7083; font-weight: 400; }.home-page .hs-beauty-copy > span:nth-of-type(2) { display: block; margin-bottom: 20px; color: #90717e; font-size: 11px; }.home-page .hs-beauty-copy .hs-theme-cta { background: #4a2d3d; color: #fff; }
.home-page .hs-beauty-art { position: absolute; top: 5px; right: 6px; width: 330px; height: 320px; animation: hs-product-float 6.5s ease-in-out infinite; }.home-page .hs-beauty-disc { position: absolute; top: 30px; right: 19px; width: 265px; height: 265px; border-radius: 50%; background: linear-gradient(130deg,#f9e7e8,#dc9aaf); border: 2px solid #fce9ec; box-shadow: 13px 16px 28px #874c684d; }.home-page .hs-beauty-bottle { position: absolute; display: block; width: 79px; height: 151px; border: 5px solid #ead1ce; border-radius: 13px 13px 17px 17px; background: linear-gradient(90deg,#f7dcce,#d5a5a8 38%,#f7dfd3 73%,#d0a2ab); box-shadow: inset 5px 0 9px #ffffff99, 10px 16px 17px #8b546a55; }.home-page .hs-beauty-bottle::before { content: ""; position: absolute; width: 39px; height: 37px; top: -38px; left: 15px; border-radius: 5px 5px 1px 1px; background: linear-gradient(90deg,#70495a,#a8788d,#654258); }.home-page .hs-beauty-bottle i { position: absolute; display: block; top: 13px; right: 10px; width: 6px; height: 88px; border-radius: 6px; background: #fff9; }.home-page .hs-beauty-bottle b { position: absolute; left: 0; right: 0; top: 64px; display: block; text-align: center; color: #6f4f5c; font-family: Georgia,serif; font-size: 17px; font-weight: 400; letter-spacing: .14em; }.home-page .hs-beauty-bottle b small { display: block; margin-top: 7px; font-family: Arial,sans-serif; font-size: 5px; font-weight: 800; letter-spacing: .22em; }.home-page .hs-beauty-bottle-back { top: 100px; right: 32px; transform: rotate(13deg) scale(.79); opacity: .88; }.home-page .hs-beauty-bottle-front { top: 104px; right: 117px; transform: rotate(-8deg); }.home-page .hs-beauty-shine { position: absolute; top: 44px; right: 49px; font-size: 43px; color: #fff; text-shadow: 0 0 12px #fff; animation: hs-spark 3s ease-in-out infinite; }.home-page .hs-beauty-bottom { display: flex; align-items: center; justify-content: space-between; height: 69px; padding: 0 32px; }.home-page .hs-beauty-bottom span { display: flex; gap: 8px; }.home-page .hs-beauty-bottom i { display: block; width: 24px; height: 24px; border-radius: 50%; background: #a56a7c; border: 2px solid #f8efee; box-shadow: 0 1px 6px #86606b55; }.home-page .hs-beauty-bottom i:nth-child(2) { background: #d2a9a7; }.home-page .hs-beauty-bottom i:nth-child(3) { background: #e4c6c7; }.home-page .hs-beauty-bottom strong { font-size: 11px; letter-spacing: .12em; }.home-page .hs-beauty-bottom b { font-size: 8px; color: #b08d99; letter-spacing: .08em; }

/* Website design */
.home-page .hs-web { background: radial-gradient(circle at 70% 48%,#2b3079,#17163a 37%,#101225 76%); }
.home-page .hs-topbar-web { background: rgba(10,13,30,.5); }.home-page .hs-web-contact { display: inline-block; margin-left: 7px; padding: 9px 13px; border: 1px solid #9577d9; border-radius: 4px; color: #efeaff; font-size: 9px; font-weight: 800; white-space: nowrap; }
.home-page .hs-web-body { position: relative; height: 350px; }.home-page .hs-web-copy { position: relative; z-index: 2; padding: 49px 0 0 37px; }.home-page .hs-web-copy strong { display: block; margin-top: 16px; font-size: 47px; line-height: .98; letter-spacing: -.065em; font-weight: 800; }.home-page .hs-web-copy strong em { font-style: normal; color: #c2a0ff; }.home-page .hs-web-line { display: block; width: 48px; height: 2px; margin: 18px 0 11px; background: #a783f0; }.home-page .hs-web-caption { font-size: 11px; color: #b7b6d4; }
.home-page .hs-web-art { position: absolute; top: 12px; right: 3px; width: 360px; height: 336px; }.home-page .hs-web-orbit { position: absolute; top: 38px; right: 4px; width: 295px; height: 295px; border: 1px solid #7f72dc55; border-radius: 50%; }.home-page .hs-web-orbit-two { top: 83px; right: 49px; width: 206px; height: 206px; }.home-page .hs-web-art::before { content: ""; position: absolute; top: 20px; right: 12px; width: 250px; height: 250px; border-radius: 50%; background: #825fe7; filter: blur(75px); opacity: .39; }
.home-page .hs-web-card { position: absolute; overflow: hidden; border: 1px solid #ffffff58; box-shadow: 0 20px 37px #07072288; }.home-page .hs-web-card-back { top: 27px; right: 24px; width: 189px; height: 226px; border-radius: 13px; background: linear-gradient(150deg,#684da1,#292750); transform: rotate(12deg); animation: hs-float-back 5s ease-in-out infinite; }.home-page .hs-web-card-back span { display: block; width: 102px; height: 100px; margin: 25px auto 11px; border-radius: 50%; background: linear-gradient(125deg,#bd9df8,#292e73); box-shadow: 0 0 35px #bca6ff66; }.home-page .hs-web-card-back i { display: block; width: 80px; height: 6px; margin: 9px 0 0 25px; border-radius: 8px; background: #d9c6ff99; }.home-page .hs-web-card-back i:last-child { width: 125px; opacity: .45; }
.home-page .hs-web-card-front { top: 52px; right: 94px; width: 203px; height: 246px; padding: 13px; border-radius: 13px; background: linear-gradient(145deg,#222449,#100f27 70%); transform: rotate(-8deg); animation: hs-float-front 5s ease-in-out infinite; }.home-page .hs-web-card-top { display: flex; gap: 4px; }.home-page .hs-web-card-top i { width: 5px; height: 5px; border-radius: 50%; background: #b28cff; }.home-page .hs-web-card-title { display: block; margin-top: 25px; color: #f3eaff; font-size: 22px; font-weight: 900; line-height: .96; letter-spacing: -.055em; }.home-page .hs-web-card-shape { position: absolute; right: -10px; bottom: 13px; width: 143px; height: 135px; border-radius: 46% 54% 47% 53%; background: conic-gradient(from 20deg,#b496ff,#7947ec,#382e85,#dfb7f6,#b496ff); box-shadow: inset 19px 11px 25px #e1bcf277, 0 0 18px #9865e888; transform: rotate(26deg); }.home-page .hs-web-card-shape::before { content: ""; position: absolute; width: 82px; height: 82px; top: 32px; left: 29px; border-radius: 50%; background: #1a193a; box-shadow: inset 8px 5px 18px #654ab6; }.home-page .hs-web-card-footer { position: absolute; left: 15px; bottom: 19px; display: flex; gap: 4px; }.home-page .hs-web-card-footer i { width: 21px; height: 4px; border-radius: 8px; background: #bd9aff; }.home-page .hs-web-card-footer i:last-child { width: 9px; opacity: .35; }.home-page .hs-web-card-footer i:nth-child(2) { width: 12px; opacity: .6; }
.home-page .hs-web-spark { position: absolute; right: 37px; top: 16px; color: #fff; font-size: 38px; text-shadow: 0 0 19px #d2b8ff; animation: hs-spark 3s ease-in-out infinite; }.home-page .hs-web-bottom { display: flex; align-items: center; justify-content: space-between; height: 53px; padding: 0 37px; color: #b8acd5; border-top: 1px solid #ffffff1e; font-size: 9px; font-weight: 750; letter-spacing: .09em; }.home-page .hs-web-bottom b { color: #805be4; padding: 0 8px; font-size: 6px; }.home-page .hs-web-bottom span:last-child { color: #e1d4ff; }

/* Store administration */
.home-page .hs-admin { display: flex; background: #f4f3f9; color: #21243b; }.home-page .hs-admin-sidebar { width: 131px; flex: none; display: flex; flex-direction: column; gap: 7px; padding: 19px 9px; background: #15172e; color: #8f93aa; }.home-page .hs-admin-symbol { width: 31px; height: 31px; margin: 0 0 26px 9px; }.home-page .hs-admin-nav-item { display: flex; align-items: center; gap: 8px; height: 29px; padding: 0 9px; border-radius: 6px; font-size: 10px; }.home-page .hs-admin-nav-item b { font-weight: 650; }.home-page .hs-admin-nav-item i,.home-page .hs-admin-sidebar-bottom i { display: block; width: 11px; height: 11px; border: 1px solid currentColor; border-radius: 3px; }.home-page .hs-admin-nav-item.is-selected { background: #6541bf; color: #fff; }.home-page .hs-admin-sidebar-bottom { display: flex; align-items: center; gap: 8px; margin: auto 0 1px 9px; font-size: 10px; font-weight: 650; }
.home-page .hs-admin-main { flex: 1; min-width: 0; }.home-page .hs-admin-header { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; background: #fff; border-bottom: 1px solid #e7e7ef; color: #6e6e86; font-size: 10px; font-weight: 800; letter-spacing: .06em; }.home-page .hs-admin-header b { font-weight: 500; color: #a3a2b2; }.home-page .hs-admin-avatar { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #e1d6f8; color: #7347c4; font-size: 9px; }
.home-page .hs-admin-title { display: flex; align-items: flex-end; justify-content: space-between; margin: 17px 20px 13px; }.home-page .hs-admin-title strong { font-size: 22px; line-height: 1.03; font-weight: 850; letter-spacing: -.045em; }.home-page .hs-admin-title strong em { color: #764aca; font-style: normal; }.home-page .hs-admin-title > span { padding: 7px 10px; border: 1px solid #e3e0eb; border-radius: 5px; background: #fff; font-size: 9px; font-weight: 700; color: #686579; }.home-page .hs-admin-title > span b { margin-left: 9px; }
.home-page .hs-admin-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 0 20px; }.home-page .hs-admin-metrics > div { padding: 11px 10px; border: 1px solid #e9e8f0; border-radius: 8px; background: #fff; box-shadow: 0 3px 11px #24203908; }.home-page .hs-admin-metrics small { display: flex; justify-content: space-between; align-items: center; color: #8c8a9d; font-size: 8px; font-weight: 800; letter-spacing: .03em; }.home-page .hs-admin-metrics small b { color: #7850c6; font-size: 12px; }.home-page .hs-admin-metrics strong { display: block; margin: 11px 0 5px; font-size: 21px; font-weight: 850; line-height: 1; letter-spacing: -.045em; }.home-page .hs-admin-metrics span { font-size: 8px; color: #249e72; font-weight: 750; }
.home-page .hs-admin-chart { height: 171px; margin: 10px 20px 0; padding: 12px 13px; border: 1px solid #e9e8f0; border-radius: 8px; background: #fff; }.home-page .hs-admin-chart-title { display: flex; align-items: center; justify-content: space-between; }.home-page .hs-admin-chart-title strong { font-size: 10px; font-weight: 800; }.home-page .hs-admin-chart-title span { color: #858198; font-size: 7px; font-weight: 700; }.home-page .hs-admin-chart-title b { color: #754bc9; }.home-page .hs-admin-chart-title i { color: #c5b6e3; font-style: normal; }.home-page .hs-admin-bars { display: flex; align-items: flex-end; justify-content: space-around; gap: 8px; height: 117px; margin-top: 8px; padding: 0 8px; background: repeating-linear-gradient(to top,#efedf5 0 1px,transparent 1px 28px); }.home-page .hs-admin-bars span { position: relative; display: block; width: 19px; height: var(--bar); border-radius: 4px 4px 0 0; background: linear-gradient(#9a6ef0,#613cbd); transform-origin: bottom; animation: hs-bar-rise 2.6s cubic-bezier(.25,.7,.2,1) both infinite alternate; animation-delay: var(--delay); }.home-page .hs-admin-bars span::after { content: ""; position: absolute; right: -6px; bottom: 0; width: 5px; height: 70%; border-radius: 3px 3px 0 0; background: #d5c6ed; }

/* A brisk entrance sequence gives each preview its own movement without obscuring its message. */
.home-page .hs-scene.is-active .hs-topbar,
.home-page .hs-scene.is-active .hs-theme-top,
.home-page .hs-scene.is-active .hs-admin-header { animation: hs-header-enter .36s .04s ease-out both; }
.home-page .hs-scene.is-active .hs-store-copy,
.home-page .hs-scene.is-active .hs-fashion-copy,
.home-page .hs-scene.is-active .hs-organic-copy,
.home-page .hs-scene.is-active .hs-beauty-copy,
.home-page .hs-scene.is-active .hs-web-copy,
.home-page .hs-scene.is-active .hs-admin-title { animation: hs-copy-enter .48s .09s cubic-bezier(.16,.85,.28,1) both; }
.home-page .hs-scene.is-active .hs-store-button,
.home-page .hs-scene.is-active .hs-theme-cta,
.home-page .hs-scene.is-active .hs-web-line,
.home-page .hs-scene.is-active .hs-web-caption { animation: hs-cta-enter .38s .37s ease-out both; }
.home-page .hs-store.is-active .hs-product-art,
.home-page .hs-fashion.is-active .hs-fashion-art,
.home-page .hs-organic.is-active .hs-organic-art,
.home-page .hs-beauty.is-active .hs-beauty-art { animation: hs-product-float 4s ease-in-out infinite, hs-art-reveal .63s .14s ease-out both; }
.home-page .hs-web.is-active .hs-web-art { animation: hs-art-enter .62s .14s cubic-bezier(.18,.85,.29,1) both; }
.home-page .hs-store.is-active .hs-store-card { animation: hs-card-enter .46s .3s both; }
.home-page .hs-store.is-active .hs-store-card:nth-child(2) { animation-delay: .39s; }
.home-page .hs-store.is-active .hs-store-card:nth-child(3) { animation-delay: .48s; }
.home-page .hs-admin.is-active .hs-admin-metrics > div { animation: hs-card-enter .43s .18s both; }
.home-page .hs-admin.is-active .hs-admin-metrics > div:nth-child(2) { animation-delay: .27s; }
.home-page .hs-admin.is-active .hs-admin-metrics > div:nth-child(3) { animation-delay: .36s; }
.home-page .hs-admin.is-active .hs-admin-chart { animation: hs-card-enter .45s .45s both; }
.home-page .hs-admin.is-active .hs-admin-bars span { animation-duration: 1.35s; }

.home-page .hero-screen-showreel.is-paused *, .home-page .hero-screen-showreel.is-paused *::before, .home-page .hero-screen-showreel.is-paused *::after { animation-play-state: paused !important; }
@keyframes hs-product-float { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-13px) rotate(2deg); } }
@keyframes hs-scene-wipe { from { clip-path: inset(0 0 0 100%); transform: translateX(24px) scale(1.015); } to { clip-path: inset(0); transform: none; } }
@keyframes hs-scene-glint { 0% { opacity: 0; transform: translateX(-80%); } 24% { opacity: .55; } 100% { opacity: 0; transform: translateX(80%); } }
@keyframes hs-header-enter { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes hs-copy-enter { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes hs-cta-enter { from { opacity: 0; transform: translateY(9px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes hs-art-reveal { from { opacity: 0; filter: blur(6px); } to { opacity: 1; filter: none; } }
@keyframes hs-art-enter { from { opacity: 0; transform: translateX(35px) scale(.91); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes hs-spark { 0%,100% { opacity: .2; transform: scale(.65) rotate(0); } 50% { opacity: 1; transform: scale(1.2) rotate(25deg); } }
@keyframes hs-card-enter { from { opacity: 0; transform: translateY(17px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hs-float-front { 0%,100% { transform: translateY(0) rotate(-8deg); } 50% { transform: translateY(-11px) rotate(-5deg); } }
@keyframes hs-float-back { 0%,100% { transform: translateY(0) rotate(12deg); } 50% { transform: translateY(8px) rotate(10deg); } }
@keyframes hs-bar-rise { from { transform: scaleY(.55); } to { transform: scaleY(1); } }
@media (max-width: 760px) { .home-page .hero-screen-showreel { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  .home-page .hs-stage *, .home-page .hs-stage *::before, .home-page .hs-stage *::after { animation: none !important; transition: none !important; }
}