.s10-home{background:#050506;color:#f8f7fa}.s10-v8-hero{position:relative;display:flex;align-items:center;min-height:clamp(650px,calc(100svh - 72px),840px);overflow:clip;background:radial-gradient(circle at 78% 36%,rgba(138,69,255,.14),transparent 31%),linear-gradient(180deg,#08080a,#050506)}.s10-v8-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%)}.s10-v8-hero .s10-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:clamp(26px,4vw,72px);align-items:center;padding-block:48px 54px}.s10-v8-hero .s10-hero__copy{max-width:620px;min-width:0}.s10-v8-hero .s10-kicker{display:inline-flex;margin-bottom:20px;padding:8px 12px;border:1px solid rgba(177,129,255,.34);border-radius:999px;background:#7e3ee014;color:#d9c4ff;letter-spacing:.15em}.s10-v8-hero .s10-hero__title{margin:0;font-size:clamp(58px,6vw,90px);line-height:.82;letter-spacing:-.065em;max-width:9ch;text-wrap:balance}.s10-v8-hero .s10-gradient-text{display:inline-block;background:linear-gradient(115deg,#fff 7%,#d7c6ff 45%,#aa62ff 86%);-webkit-background-clip:text;background-clip:text;color:transparent}.s10-v8-hero .s10-lead{max-width:540px;margin:28px 0 0;color:#b7b4bf;font-size:clamp(17px,1.45vw,21px);line-height:1.5}.s10-v8-hero .s10-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.s10-v8-hero .s10-hero__proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:#9895a1;font-size:12px;font-weight:700;letter-spacing:.04em}.s10-v8-hero .s10-hero__proof span{position:relative;padding-left:14px}.s10-v8-hero .s10-hero__proof span:before{content:"";position:absolute;left:0;top:.45em;width:5px;height:5px;border-radius:50%;background:#9e66ff;box-shadow:0 0 14px #9e66ff}.s10-v8-stage{position:relative;min-width:0;height:clamp(540px,53vw,690px);border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(145,74,255,.22),transparent 34%),linear-gradient(145deg,#ffffff09,#ffffff03);box-shadow:inset 0 1px #ffffff14,0 40px 90px #00000059}.s10-v8-stage:after{content:"";position:absolute;inset:auto 5% 13% 5%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent)}.s10-v8-role-nav{position:absolute;z-index:8;top:18px;left:18px;right:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#050507b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.s10-v8-role-nav button{min-width:0;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#7f7c88;text-align:left;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.s10-v8-role-nav button:hover{color:#fff;background:#ffffff0e}.s10-v8-role-nav button.is-v8-active{background:linear-gradient(135deg,#8747ee42,#ffffff0e);color:#fff;box-shadow:inset 0 0 0 1px #b689ff40}.s10-v8-role-nav small,.s10-v8-role-nav strong,.s10-v8-role-nav span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s10-v8-role-nav small{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.s10-v8-role-nav strong{margin-top:4px;font:800 15px/1 Outfit,sans-serif}.s10-v8-role-nav span{margin-top:4px;font-size:10px;color:#95929d}.s10-v8-stage__glow{position:absolute;z-index:0;left:50%;top:48%;width:56%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(163,85,255,.24),rgba(119,45,234,.08) 42%,transparent 70%);filter:blur(12px)}.s10-v8-stage .s10-stage__layer{position:absolute;z-index:2;top:17%;bottom:16%;display:flex;align-items:flex-end;justify-content:center;text-decoration:none;transform-origin:center bottom;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease,filter .4s ease}.s10-v8-stage .s10-stage__layer img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,0,0,.56));transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}.s10-v8-stage .s10-stage__layer>span{position:absolute;bottom:-6px;padding:6px 9px;border-radius:999px;background:#09090b;color:#aaa6b1;font:800 9px/1 Outfit,sans-serif;letter-spacing:.14em}.s10-v8-stage .s10-stage__layer--prime{left:3%;width:35%;transform:translateY(25px) scale(.82);filter:saturate(.76);opacity:.72}.s10-v8-stage .s10-stage__layer--perform{left:29%;width:43%;z-index:4;transform:translateY(0) scale(1.04)}.s10-v8-stage .s10-stage__layer--reset{right:2%;width:35%;transform:translateY(27px) scale(.82);filter:saturate(.76);opacity:.72}.s10-v8-stage .s10-stage__layer.is-v8-active{z-index:5;opacity:1;filter:saturate(1);transform:translateY(-8px) scale(1.08)}.s10-v8-stage .s10-stage__layer.is-v8-active img{filter:drop-shadow(0 36px 42px rgba(0,0,0,.68)) drop-shadow(0 0 28px rgba(145,73,255,.16))}.s10-v8-stage .s10-stage__label{position:absolute;z-index:7;left:26px;right:26px;bottom:22px;display:flex;align-items:center;justify-content:center;gap:12px;color:#898692;font-size:11px;letter-spacing:.04em}.s10-v8-stage .s10-stage__label strong{color:#eeeaf3;font-size:10px;letter-spacing:.13em}.s10-home .s10-proofbar{border-block:1px solid rgba(255,255,255,.08);background:#08080a}.s10-home .s10-proofbar__grid{min-height:74px}.s10-home .s10-proofbar__item{border-color:#ffffff12}.s10-home .s10-range{background:linear-gradient(180deg,#050506,#09090c)}.s10-home .s10-range__shell,.s10-home .s10-product-card{border-color:#ffffff1a;background:linear-gradient(145deg,#ffffff0b,#ffffff05)}.s10-home .s10-range__tabs button[aria-selected=true]{background:linear-gradient(135deg,#8b4af430,#ffffff08)}@media(max-width:1100px){.s10-v8-hero .s10-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr)}.s10-v8-hero .s10-hero__title{font-size:clamp(52px,6.2vw,74px)}.s10-v8-stage{height:570px}}@media(max-width:900px){.s10-v8-hero{min-height:auto}.s10-v8-hero .s10-hero__grid{grid-template-columns:1fr;padding-block:42px 36px}.s10-v8-hero .s10-hero__copy{max-width:680px}.s10-v8-stage{height:min(68vw,560px)}.s10-v8-hero .s10-hero__title{font-size:clamp(58px,10vw,82px)}}@media(max-width:599px){.s10-v8-hero .s10-hero__grid{gap:30px;padding-block:30px 28px}.s10-v8-hero .s10-kicker{margin-bottom:15px;font-size:9px}.s10-v8-hero .s10-hero__title{font-size:clamp(39px,11.3vw,48px);line-height:.88;letter-spacing:-.055em}.s10-v8-hero .s10-lead{margin-top:20px}.s10-v8-hero .s10-actions{display:grid;margin-top:22px}.s10-v8-hero .s10-actions .s10-button{width:100%}.s10-v8-hero .s10-hero__proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.s10-v8-hero .s10-hero__proof span{padding:9px 7px;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-align:center;font-size:9px}.s10-v8-hero .s10-hero__proof span:before{display:none}.s10-v8-stage{height:390px;border-radius:22px}.s10-v8-role-nav{top:10px;left:10px;right:10px}.s10-v8-role-nav button{padding:9px 7px;text-align:center}.s10-v8-role-nav span{display:none}.s10-v8-stage .s10-stage__layer{top:22%;bottom:18%}.s10-v8-stage .s10-stage__layer--prime{left:-1%;width:38%}.s10-v8-stage .s10-stage__layer--perform{left:27%;width:46%}.s10-v8-stage .s10-stage__layer--reset{right:-2%;width:38%}.s10-v8-stage .s10-stage__label{left:12px;right:12px;bottom:13px;display:grid;gap:4px;text-align:center}.s10-home .s10-proofbar__grid{grid-template-columns:repeat(2,1fr);padding-block:8px}.s10-home .s10-proofbar__item{min-width:0;padding:10px 4px}.s10-home .s10-proofbar__text{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/supify-v8-home.css.map */