.s10-home{background:#050506;color:#f8f7fa}.s10-v8-hero{position:relative;display:flex;align-items:center;min-height:clamp(620px,calc(100svh - 118px),800px);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:24px 46px}.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:20px 32px}.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:14px 24px}.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}}.s10-home .s10-v8-stage .s10-stage__layer{pointer-events:auto;cursor:pointer}.s10-v8-stage{--v10-stage-progress:66%;--v10-stage-glow-x:50%;--v10-stage-glow-y:48%;--v10-product-x:0px;--v10-product-y:0px;transition:background .68s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .5s ease}.s10-v8-stage:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--v10-stage-glow-x) var(--v10-stage-glow-y),rgba(255,255,255,.075),transparent 27%);opacity:.9;transition:background-position .3s ease,opacity .4s ease}.s10-v8-stage[data-v8-active-role=prime]{background:radial-gradient(circle at 43% 46%,rgba(211,153,82,.18),transparent 30%),radial-gradient(circle at 70% 32%,rgba(132,76,222,.17),transparent 36%),linear-gradient(145deg,#11100e,#09080c 68%)}.s10-v8-stage[data-v8-active-role=perform]{background:radial-gradient(circle at 50% 48%,rgba(153,80,255,.27),transparent 34%),radial-gradient(circle at 76% 28%,rgba(91,52,177,.14),transparent 34%),linear-gradient(145deg,#0d0b12,#07070a 68%)}.s10-v8-stage[data-v8-active-role=reset]{background:radial-gradient(circle at 56% 46%,rgba(91,124,255,.18),transparent 31%),radial-gradient(circle at 74% 30%,rgba(153,82,255,.15),transparent 36%),linear-gradient(145deg,#0b0d13,#07070a 68%)}.s10-v8-stage:after{left:6%;right:6%;bottom:11%;height:2px;border-radius:999px;background:linear-gradient(90deg,#b98aff 0 var(--v10-stage-progress),rgba(255,255,255,.13) var(--v10-stage-progress) 100%);box-shadow:0 0 18px #a668ff29;transition:background .48s cubic-bezier(.2,.8,.2,1)}.s10-v8-stage__glow{left:var(--v10-stage-glow-x);top:var(--v10-stage-glow-y);transition:left .28s ease,top .28s ease,background .55s ease,opacity .4s ease}.s10-v8-stage[data-v8-active-role=prime] .s10-v8-stage__glow{background:radial-gradient(circle,rgba(207,149,85,.21),rgba(128,65,218,.07) 44%,transparent 72%)}.s10-v8-stage[data-v8-active-role=perform] .s10-v8-stage__glow{background:radial-gradient(circle,rgba(166,87,255,.3),rgba(119,45,234,.09) 44%,transparent 72%)}.s10-v8-stage[data-v8-active-role=reset] .s10-v8-stage__glow{background:radial-gradient(circle,rgba(94,127,255,.22),rgba(123,64,222,.08) 44%,transparent 72%)}.s10-v8-stage .s10-stage__layer.is-v8-active img{transform:translate3d(var(--v10-product-x),var(--v10-product-y),0) scale(1.018)}.s10-v8-stage .s10-stage__label{transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.s10-v8-stage.is-v10-switching .s10-stage__label{opacity:.28;transform:translateY(6px)}@media(max-width:599px){.s10-v8-stage:after{left:7%;right:7%;bottom:12%}.s10-v8-stage .s10-stage__layer.is-v8-active img{transform:none}}@media(prefers-reduced-motion:reduce){.s10-v8-stage,.s10-v8-stage:after,.s10-v8-stage__glow,.s10-v8-stage .s10-stage__label{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/supify-v8-home.css.map */