:root{--yellow:#e8ff00;--ink:#101010;--orange:#ff7600}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yellow);color:var(--ink);font-family:Impact,'Arial Narrow',sans-serif}a{color:inherit}.skip{position:absolute;z-index:100;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:1rem}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:1rem 4vw;position:absolute;top:0;left:0;right:0;z-index:5}.header-logo{width:110px;display:block}.header nav{display:flex;gap:2rem;font-family:Arial,sans-serif;font-weight:900;font-size:.8rem;letter-spacing:.07em}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.hero{min-height: min(950px,100svh);min-height:760px;position:relative;overflow:hidden;display:flex;align-items:center;padding:95px 4vw 6vw;isolation:isolate;background:var(--yellow)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(106deg,transparent 0 60px,#101010 61px,transparent 62px 130px);mix-blend-mode:multiply;z-index:-1}.slash{position:absolute;right:-12%;top:36%;width:76%;height:20%;background:var(--orange);transform:rotate(-24deg);clip-path:polygon(0 17%,18% 5%,32% 12%,48% 1%,69% 13%,100% 0,100% 75%,82% 100%,61% 84%,37% 98%,15% 81%,0 100%);z-index:-1}.hero-copy{position:relative;z-index:2;flex:0 0 48%;max-width:730px}.hero-logo{width:min(100%,690px);display:block}.hero h1{font-size:clamp(3rem,5.2vw,6.5rem);line-height:.93;letter-spacing:-.01em;margin:1.5rem 0 .8rem}.hero h1 span,.product h2 span{color:var(--orange)}.tagline{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(.9rem,1.2vw,1.15rem);letter-spacing:.16em;margin:0 0 2.4rem}.button{display:inline-flex;gap:2rem;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:900;font-size:clamp(.8rem,1.1vw,1rem);padding:1.2rem 1.5rem;transform:skew(-5deg);transition:transform .2s,background .2s}.button:hover{background:#e45000;transform:skew(-5deg) scale(1.04)}.button span{font-size:1.4rem}.hero-motion{position:absolute;right:-10%;top:8%;width:70%;height:85%;overflow:hidden;mix-blend-mode:multiply;z-index:0;pointer-events:none}.hero-motion video,.hero-motion .still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-motion .still{display:none}.edge-note{position:absolute;right:1rem;bottom:1rem;font-family:Arial,sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.15em}.ticker{overflow:hidden;background:#101010;color:var(--yellow);border-block:5px solid var(--orange);transform:rotate(-1deg) scale(1.02);position:relative;z-index:4;padding:.55rem 0;white-space:nowrap;font-size:1.35rem;letter-spacing:.06em}.ticker div{width:max-content;animation:travel 18s linear infinite}@keyframes travel{to{transform:translateX(-50%)}}.product{min-height:720px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:var(--yellow)}.product-photo{min-height:720px;background:#101010;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.product-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.product-copy{align-self:center;padding:6vw 4vw;position:relative}.eyebrow{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.16em;font-size:.8rem}.product h2{font-size:clamp(6rem,12vw,14rem);line-height:.75;letter-spacing:-.035em;margin:2rem 0;transform:rotate(-3deg)}.product p{font-size:clamp(2rem,4vw,4.5rem);line-height:.95;margin:0}.product-arrow{color:var(--orange);font-size:9rem;line-height:1}footer{background:#101010;color:white;padding:5rem 5vw;text-align:center}footer .footer-logo{width:min(300px,60vw);filter:invert(1)}footer p{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.18em}footer div{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;font-family:Arial,sans-serif;font-weight:700;font-size:.85rem}footer a{text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:760px){.header{height:65px;padding:1rem 5vw}.header-logo{width:85px}.header nav{gap:1rem;font-size:.65rem}.hero{min-height:0;padding:105px 5vw 3rem;display:flex;flex-direction:column;align-items:stretch}.hero-copy{flex:auto}.hero-logo{width:92%;max-width:450px}.hero h1{font-size:clamp(2.9rem,11vw,5rem);margin:1rem 0 .6rem}.tagline{margin-bottom:1.5rem}.hero-motion{position:relative;right:auto;top:auto;width:130%;height:auto;aspect-ratio:1/1;margin:-3% -15% -2%;overflow:hidden}.hero-motion video,.hero-motion .still{object-fit:cover}.slash{width:115%;height:15%;top:70%;right:-20%;transform:rotate(-26deg)}.edge-note{display:none}.ticker{font-size:1.05rem}.product{display:flex;flex-direction:column}.product-photo{min-height:0;height:65vh;max-height:650px;clip-path:polygon(0 0,100% 0,100% 93%,0 100%)}.product-copy{padding:4rem 6vw 5rem}.product h2{font-size:clamp(6rem,23vw,10rem);margin:2rem 0}.product-arrow{font-size:6rem}footer{padding:4rem 5vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.hero-motion video{display:none}.hero-motion .still{display:block}.button{transition:none}}
:root{--yellow:#e8ff00}body{overflow-x:clip}.hero-motion{mix-blend-mode:normal;-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%)}

body{overflow-x:clip}.hero-motion{mix-blend-mode:normal;-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%)}

/* Refined hero and motion */
.hero{min-height: min(920px, 100svh);min-height: min(760px, 100svh)}
.hero-motion{right:-3%;top:12%;width:67%;height:78%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 88%,transparent 100%)}
.hero:after{opacity:.045;background-image:repeating-linear-gradient(106deg,transparent 0 62px,#101010 63px,transparent 64px 180px)}
.slash{filter:drop-shadow(0 3px 0 #fff);animation:slash-in .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:100% 50%}
.hero-logo{animation:logo-in .75s cubic-bezier(.18,.75,.2,1) both}
.hero h1,.tagline,.button{animation:copy-in .7s both}.hero h1{animation-delay:.12s}.tagline{animation-delay:.2s}.button{animation-delay:.3s}
@keyframes logo-in{from{opacity:0;transform:translate(-22px,8px) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes copy-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes slash-in{from{opacity:0;transform:rotate(-24deg) scaleX(.2)}to{opacity:1;transform:rotate(-24deg) scaleX(1)}}
.button:focus-visible,.header a:focus-visible,footer a:focus-visible{outline:3px solid #000;outline-offset:5px}footer a:focus-visible{outline-color:#e8ff00}
.product{scroll-margin-top:0}.product-photo{position:relative}.product-photo:after{content:'';position:absolute;right:0;inset-block:0;width:18px;background:var(--orange);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}
.product-photo img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.product-photo:hover img{transform:scale(1.045)}
.product-copy:before{content:'';display:block;position:absolute;z-index:0;top:7%;right:-20%;width:90%;height:16px;background:var(--orange);transform:rotate(-16deg)}
.product-copy>*{position:relative;z-index:1}.product-arrow{display:inline-block;animation:arrow-bounce 1.3s ease-in-out infinite alternate;transform-origin:center}
@keyframes arrow-bounce{to{transform:translate(10px,10px)}}
@supports(animation-timeline:view()){.product-photo img{animation:product-enter linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.product-copy h2{animation:heading-enter linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}
@keyframes product-enter{from{opacity:.65;transform:scale(1.08) translateY(4%)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes heading-enter{from{opacity:.4;translate:40px 0}to{opacity:1;translate:0 0}}
footer{border-top:10px solid var(--orange)}footer div a{transition:color .2s}footer div a:hover{color:var(--yellow)}
@media(max-width:760px){.hero{min-height:0;padding-top:88px}.hero-motion{right:auto;top:auto;width:130%;height:auto;aspect-ratio:1/1;margin:-1% -15% -2%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}.slash{animation:none}.product-photo:after{inset:auto 0 0;width:auto;height:14px;clip-path:none}.product h2{font-size:clamp(5.6rem,23vw,10rem)}.header-logo{width:82px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-motion video{display:none}.hero-motion .still{display:block}.product-photo img,.product-copy h2{animation:none!important}}
.product h2{line-height:.92}
.hero-motion video,.hero-motion .still{filter:url(#video-yellow)}

/* Motion accents and early interest */
.button{position:relative;isolation:isolate;overflow:visible;box-shadow:5px 5px 0 var(--orange);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background-color .22s}
.button::before{content:'';position:absolute;z-index:-1;inset:0;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.button:hover,.button:focus-visible{background:var(--ink);transform:skew(-5deg) translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink);color:var(--ink)}
.button:hover::before,.button:focus-visible::before{transform:scaleX(1)}
.button span{display:inline-block;transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.button:hover span,.button:focus-visible span{transform:translate(5px,4px) rotate(-12deg)}
.early{background:var(--orange);color:var(--ink);padding:clamp(4rem,9vw,9rem) 5vw;position:relative;overflow:hidden;isolation:isolate}
.early:before{content:'';position:absolute;inset:-30% -10%;background:repeating-linear-gradient(105deg,transparent 0 110px,#101010 111px,transparent 113px 210px);opacity:.13;transform:rotate(-7deg);pointer-events:none;z-index:-1}
.early-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:4vw}.early-kicker{font-family:Arial,sans-serif;letter-spacing:.17em;font-size:.8rem;font-weight:900}.early h2{font-size:clamp(4.4rem,9.5vw,10rem);line-height:.88;letter-spacing:-.025em;margin:1.4rem 0 0}.early h2 span{color:var(--yellow)}.early-action{max-width:34rem;padding-bottom:.5rem}.early-action p{font-family:Arial,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;line-height:1.55;max-width:32rem;margin:0 0 1.7rem}.early-button{box-shadow:5px 5px 0 var(--yellow)}.early-button::before{background:var(--yellow)}.early-button:hover,.early-button:focus-visible{box-shadow:9px 9px 0 var(--ink)}.early-action small{display:block;margin-top:1.2rem;font-family:Arial,sans-serif;line-height:1.4;font-size:.8rem;font-weight:600}
@media(max-width:760px){.early{padding:4.5rem 6vw}.early-inner{grid-template-columns:1fr;gap:1.7rem}.early h2{font-size:clamp(4.4rem,16vw,7rem)}.early-action p{font-size:1rem}.product-photo{will-change:auto}}
@media(prefers-reduced-motion:reduce){.button::before,.button span{transition:none}.product-photo{animation:none!important;transform:none!important;opacity:1!important}}
.early h2{line-height:1.02}.early h2 span{display:inline-block;color:var(--ink);background:var(--yellow);padding:0 .08em;transform:rotate(-2deg)}

/* The menu hits like a label, rather than a quiet underline. */
.header nav a{display:inline-block;position:relative;isolation:isolate;padding:.65rem .8rem;transition:transform .2s cubic-bezier(.2,.9,.25,1.3),color .18s,box-shadow .2s;text-decoration:none}
.header nav a::before{content:'';position:absolute;inset:0;background:var(--ink);z-index:-1;transform:skew(-8deg) scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.2,.9,.25,1)}
.header nav a:hover,.header nav a:focus-visible{color:var(--yellow);text-decoration:none;transform:translate(-2px,-3px) rotate(-2deg);box-shadow:4px 4px 0 var(--orange)}
.header nav a:hover::before,.header nav a:focus-visible::before{transform:skew(-8deg) scaleX(1)}
.early-action p{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(1.6rem,2.7vw,2.7rem);line-height:1.05;letter-spacing:.015em;font-weight:400}
@media(max-width:760px){.header nav{gap:.25rem}.header nav a{padding:.6rem .55rem}.early-action p{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.header nav a,.header nav a::before{transition:none}.product-photo{transform:none!important}}
.early h2 span{font-size:clamp(2.3rem,4.6vw,5rem);letter-spacing:-.01em;vertical-align:top}
@media(max-width:760px){.early h2 span{font-size:clamp(2.1rem,9.4vw,4.1rem)}}
.early h2{font-size:clamp(3.6rem,7vw,7.5rem)}.early h2 span{font-size:clamp(2rem,3.5vw,3.6rem);max-width:100%;line-height:1.12}
@media(max-width:760px){.early h2{font-size:clamp(3.3rem,13vw,6rem)}.early h2 span{font-size:clamp(1.8rem,7vw,3.2rem)}}

/* Waitlist preview: the approved orange section keeps its oversized voice. */
.early-form{font-family:Arial,sans-serif;max-width:34rem}
.email-label{display:block;font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:.5rem}
.early-form input[type=email]{display:block;width:100%;height:4.1rem;padding:0 1rem;border:3px solid var(--ink);border-radius:0;background:var(--yellow);color:var(--ink);font:700 1.05rem Arial,sans-serif;opacity:1;-webkit-text-fill-color:var(--ink)}
.early-form input[type=email]::placeholder{color:#323600;opacity:1}
.consent-label{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0 1.25rem;font-size:.82rem;font-weight:700;line-height:1.45}
.consent-label input{flex:0 0 1.2rem;width:1.2rem;height:1.2rem;margin:.05rem 0 0;accent-color:var(--ink)}
.early-form-bottom{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.early-form .button:disabled{cursor:not-allowed;opacity:1;transform:skew(-5deg);color:white;background:var(--ink);box-shadow:5px 5px 0 var(--yellow)}
.early-form .button:disabled::before{transform:scaleX(0)}
.early-form .button:disabled span{transform:none}
.privacy-link{font-size:.8rem;font-weight:800;text-underline-offset:.25em}
.privacy-link:focus-visible,.privacy-back:focus-visible,.privacy-main a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.early-form small{margin-top:1rem}
.privacy-page{background:var(--yellow);font-family:Arial,sans-serif}
.privacy-main{max-width:820px;margin:auto;padding:clamp(2rem,6vw,6rem) 6vw 6rem}
.privacy-back{font-size:.8rem;font-weight:900;text-decoration:none}
.privacy-main h1{font:normal clamp(3.8rem,10vw,7rem)/.95 Impact,'Arial Narrow',sans-serif;margin:3rem 0 2rem}
.privacy-main h1 span{color:#bd3f00}
.privacy-main h2{font-size:1.15rem;margin:2rem 0 .6rem}
.privacy-main p{max-width:65ch;line-height:1.65;margin:.6rem 0}
.privacy-main a{text-underline-offset:.2em}
.privacy-draft{font-weight:700}
@media(max-width:760px){.early-form-bottom{gap:1.25rem}.early-form .button{min-width:12rem}.consent-label{font-size:.8rem}}

/* Bring the earlybird headline back to FQIT's oversized poster scale. */
.early-inner{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(2rem,5vw,6rem)}
.early h2{font-size:clamp(5.2rem,10vw,10rem);line-height:.9;letter-spacing:-.025em;overflow-wrap:normal}
.early h2 span{display:block;width:fit-content;max-width:100%;margin-top:.16em;font-size:clamp(2.5rem,4.8vw,5.2rem);line-height:1.02;padding:.04em .12em .08em;transform:rotate(-2deg)}
@media(max-width:760px){
  .early-inner{grid-template-columns:minmax(0,1fr);gap:2.5rem}
  .early h2{font-size:clamp(4.4rem,17vw,7.5rem)}
  .early h2 span{font-size:clamp(2.3rem,9.4vw,4.4rem)}
}

/* Custom FQIT arrow, replacing the font-dependent symbol. */
.product-copy .product-arrow{display:block;width:clamp(105px,13vw,175px);height:auto;margin-top:1.4rem;transform-origin:center}
@media(max-width:760px){.product-copy .product-arrow{width:clamp(105px,30vw,150px);margin-top:1.2rem}}

/* Torn poster edge reveals the gym photo beneath the yellow surface. */
.product-photo::before{content:'';position:absolute;z-index:2;inset:0 0 auto;height:clamp(48px,5vw,72px);pointer-events:none;background-image:url('assets/torn-paper-edge-v1.png'),linear-gradient(to bottom,var(--yellow) 0 48%,transparent 49%);background-position:center center;background-size:max(850px,100%) auto,100% 100%;background-repeat:no-repeat}
@media(max-width:760px){.product-photo::before{height:48px;background-size:850px auto,100% 100%}}

/* Muted product loop; the supplied still remains available for reduced motion. */
.product-photo .product-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.product-photo .product-still{display:none}
@media(max-width:760px){.product-photo{height:auto;max-height:none;aspect-ratio:9/16}}
@media(prefers-reduced-motion:reduce){.product-photo .product-video{display:none}.product-photo .product-still{display:block}}
.product-copy .product-category{font-size:clamp(1.5rem,2.6vw,2.8rem);margin:0 0 1.3rem;line-height:1;letter-spacing:.015em}
#fqit-turnstile:not(:empty){margin:0 0 1rem}
.early-form input[type=email]:focus-visible,.consent-label input:focus-visible{outline:3px solid var(--ink);outline-offset:4px}