:root{--bg:#000;--fg:#f5f5f7;--mut:color-mix(in srgb,var(--fg) 58%,transparent);--ember:#2997ff;--pad:clamp(20px,5vw,72px);--pl:calc(var(--pad) + env(safe-area-inset-left,0px));--pr:calc(var(--pad) + env(safe-area-inset-right,0px));--tb:0px;--ti:0px;--sh:100svh;--ui:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Helvetica Neue",Arial,sans-serif}html,body{height:100%;overflow:hidden;overscroll-behavior:none}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);-webkit-font-smoothing:antialiased}.page{position:fixed;top:0;left:0;right:0;height:100vh;height:var(--sh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none}.page::-webkit-scrollbar{display:none}.nav{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--pr) 0 var(--pl);box-sizing:border-box;font:600 13px var(--ui);letter-spacing:-.01em;background:color-mix(in srgb,var(--bg) 66%,transparent);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px)}.nav a{color:var(--fg);text-decoration:none}.nav a:first-child{padding:14px 0}.nav .navcta{position:relative;background:#0071e3;color:#fff;border-radius:980px;padding:6px 14px;font-weight:500;font-size:12px}.nav .navcta:after{content:"";position:absolute;top:-10px;right:-8px;bottom:-10px;left:-8px}.bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--ember);transform:scaleX(0);transform-origin:0 50%}.scroller{position:relative;height:calc(var(--sh)*7)}.stage{position:sticky;top:0;height:var(--sh);overflow:hidden}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 45% at 50% 46%,rgba(41,151,255,.14),transparent 70%);opacity:var(--glow,0);will-change:opacity}.orb{position:absolute;width:80vmax;height:80vmax;border-radius:50%;opacity:calc(var(--glow,0)*.55);will-change:transform}.o1{left:-30vmax;top:-26vmax;background:radial-gradient(closest-side,#0a4a9ae6,#0a4a9a73 45%,#0a4a9a00)}.o2{right:-34vmax;bottom:-36vmax;background:radial-gradient(closest-side,#4a1e8ae6,#4a1e8a73 45%,#4a1e8a00)}.scene{position:absolute;top:0;right:0;bottom:0;left:0}#gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y;will-change:opacity,filter}.cap{position:absolute;left:var(--pl);bottom:calc(var(--sh)*.09 + var(--tb));width:min(32ch,60vw);opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity,filter}.cap.r{left:auto;right:var(--pr);text-align:right}.cap p.k{margin:0 0 .9em;font:600 clamp(14px,1.3vw,17px) var(--ui);color:var(--ember)}.cap h2{margin:0 -.06em -.16em;padding:0 .06em .16em;font:600 clamp(28px,3.6vw,56px)/1.07 var(--ui);letter-spacing:-.035em;text-wrap:balance;color:var(--fg)}@supports (color:color-mix(in srgb,red 50%,blue)){.cap h2{background:linear-gradient(180deg,var(--fg) 45%,color-mix(in srgb,var(--fg) 55%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}}@supports not (color:color-mix(in srgb,red 50%,blue)){:root{--mut:var(--fg)}.nav{background:var(--bg)}}.cap.title{top:calc(var(--sh)*.17);bottom:auto;left:0;right:0;width:auto;text-align:center}.cap.title br{display:none}.cap.title h2{font-size:clamp(44px,7.4vw,112px);line-height:1.02;letter-spacing:-.045em}.cap.hint{left:0;right:0;width:auto;text-align:center}.cap.hint p.k{color:var(--mut);margin:0}.cap .sub{margin:1.2em auto 0;max-width:32ch;font:400 clamp(17px,1.7vw,24px)/1.4 var(--ui);letter-spacing:-.012em;color:var(--mut);text-wrap:balance}.cap.title .cta{margin-top:30px}.cta .cp{margin-left:.2em;padding-left:.85em;border-left:1px solid rgba(255,255,255,.4);font-weight:600}.hint .t{display:none}@media(pointer:coarse){.hint .d{display:none}.hint .t{display:inline}}.cue{display:block;width:1px;height:30px;margin:14px auto 0;background:linear-gradient(var(--mut),transparent);transform-origin:top;animation:cue 2.2s cubic-bezier(.2,.7,.2,1) infinite}@keyframes cue{0%{transform:scaleY(0);opacity:0}30%{opacity:1}65%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media(prefers-reduced-motion:reduce){.cue{animation:none}}.buy{top:0;bottom:0;height:fit-content;margin:auto 0;left:auto;right:calc(var(--pad)*1.2 + env(safe-area-inset-right,0px));display:flex;flex-direction:column;width:min(360px,34vw);padding:40px;border-radius:30px;box-sizing:border-box;background:color-mix(in srgb,var(--fg) 6%,transparent);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent)}.price{font:600 clamp(56px,6vw,88px)/1 var(--ui);letter-spacing:-.05em;margin:.15em 0 .1em}.buy .m{margin:0 0 2.2em;color:var(--mut);font-size:14px}.cta{pointer-events:auto;align-self:flex-start;display:inline-flex;gap:.6em;align-items:center;background:#0071e3;color:#fff;text-decoration:none;padding:.85em 1.6em;border-radius:980px;font:500 17px var(--ui);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s}.cta i{font-style:normal;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.cta:focus-visible{background:#0077ed}@media(hover:hover){.cta:hover{background:#0077ed}.cta:hover i{transform:translate(6px)}}.cta:active{background:#006edb;transform:scale(.97)}.cta:active i{transform:translate(4px)}a:focus-visible{outline:2px solid var(--ember);outline-offset:4px}@media(max-width:820px){.cap,.cap.r{left:var(--pl);right:var(--pr);width:auto;text-align:center;bottom:calc(var(--sh)*.03 + var(--tb) + env(safe-area-inset-bottom,0px))}.cap h2{font-size:clamp(26px,7.4vw,40px)}.cap p.k{font-size:15px}.cap.hint{bottom:calc(var(--sh)*.07 + var(--tb) + env(safe-area-inset-bottom,0px))}.cap.hint p.k{font-size:16px}.cap .sub{font-size:clamp(16px,4.4vw,21px);max-width:28ch}.cap.title .cta{margin-top:22px}.cap.title{top:calc(var(--sh)*.12);bottom:auto}.cap.title h2{font-size:15vw}.cap.title br{display:inline}.buy{top:auto;align-items:center;width:auto;padding:26px 20px}.cta{align-self:center}.price{font-size:64px}.buy .m{margin-bottom:1.4em}}@media(max-width:820px),(pointer:coarse){.cap{will-change:transform,opacity}.nav{-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}.buy{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}}@media(max-height:500px)and (orientation:landscape){.nav{height:calc(40px + env(safe-area-inset-top,0px))}.cap h2{font-size:clamp(20px,3.2vw,30px)}.buy{padding:18px 24px}.price{font-size:44px}.buy .m{margin-bottom:1em}.cta{font-size:15px}}.rm .scroller{height:auto}.rm .stage{position:relative;top:auto;height:auto;min-height:var(--sh);display:flex;flex-direction:column;align-items:center;gap:44px;padding:14svh var(--pad) 10svh}.rm .scene{position:relative;inset:auto;order:-1;width:min(70vw,420px);height:min(88vw,540px)}.rm .cap,.rm .cap.r,.rm .buy{position:static;opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important;text-align:center;width:min(40ch,100%);display:block;height:auto;margin:0}.rm .cap.hint{display:none}.rm .cta{display:inline-flex}.buy .was{margin:0 0 .9em;font:500 clamp(18px,1.6vw,22px)/1 var(--ui);letter-spacing:-.02em;color:var(--mut)}.buy .was s{text-decoration-thickness:1.5px}.buy .was b{margin-left:.7em;font-weight:600;font-size:.72em;letter-spacing:0;color:var(--ember)}@media(min-width:821px)and (min-height:501px){.buy{width:clamp(340px,28vw,460px);padding:44px}.buy h2{font-size:clamp(30px,2.6vw,46px);line-height:1.1}}.rm .stage{gap:32px;padding:calc(48px + 8svh) var(--pad) 10svh}.rm .scene{height:auto;width:min(62vw,340px);flex:none}.rm .scene canvas{display:block;width:100%;height:auto}.rm .cap,.rm .cap.r{width:min(46ch,100%)}.rm .cap.title{width:min(820px,100%)}.rm .cap h2{font-size:clamp(28px,3.4vw,48px);margin:0;padding:0}.rm .cap.title h2{font-size:clamp(44px,8vw,96px);line-height:1.04}.rm .cap .sub{margin-left:auto;margin-right:auto}.rm .buy{width:min(420px,100%);padding:36px 28px}.rm .buy .cta,.rm .cap .cta{align-self:center;margin-left:auto;margin-right:auto}
/*# sourceMappingURL=/cdn/shop/t/6/assets/attention-style.css.map */