.fab-hero{isolation:isolate;background:radial-gradient(circle at 74% 22%,#1b4f30 0,transparent 27%),radial-gradient(circle at 56% 80%,#102a1b 0,transparent 35%),linear-gradient(135deg,#030806,#07110d 58%,#0b1811)}
.fab-hero:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,#000 45%,#000);opacity:.38}
.fab-hero:after{z-index:0;background:linear-gradient(90deg,#030806 0,transparent 35%,#02060433),radial-gradient(circle at 80% 50%,transparent 0,#02060499 78%)}
.fab-cine-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(90px);pointer-events:none;animation:fab-cine-breathe 6s ease-in-out infinite alternate}
.fab-cine-glow-a{right:7%;top:12%;width:430px;height:430px;background:#74ff3b;opacity:.105}
.fab-cine-glow-b{left:35%;bottom:-20%;width:330px;height:330px;background:#d9ff4a;opacity:.06;animation-delay:-3s}
.fab-cine-lines{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.fab-cine-lines i{position:absolute;right:-14%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#b7ff2a,#fff,transparent);transform:rotate(-16deg);filter:drop-shadow(0 0 8px #b7ff2a);opacity:.18;animation:fab-light-pass 8s linear infinite}
.fab-cine-lines i:nth-child(1){top:24%}.fab-cine-lines i:nth-child(2){top:51%;animation-delay:-2.7s}.fab-cine-lines i:nth-child(3){top:78%;animation-delay:-5.3s}
.fab-hero-grid{z-index:2}
.fab-copy{position:relative;z-index:4;animation:fab-copy-enter .9s cubic-bezier(.2,.8,.2,1) both}
.fab-copy .fab-kicker{animation:fab-copy-enter .8s .08s both}.fab-copy h1{position:relative;text-wrap:balance;text-shadow:0 14px 45px #0009;animation:fab-copy-enter .9s .16s both}.fab-copy .fab-lead{animation:fab-copy-enter .9s .26s both}.fab-copy .fab-hero-label{animation:fab-copy-enter .9s .34s both}.fab-copy .fab-actions{animation:fab-copy-enter .9s .42s both}.fab-copy .fab-proof{animation:fab-copy-enter .9s .5s both}
.fab-copy h1:after{content:"";display:block;width:84px;height:6px;margin-top:25px;background:#b7ff2a;box-shadow:0 0 25px #b7ff2a66;transform-origin:left;animation:fab-line-grow 1.2s .55s both}
.fab-hero .fab-btn{position:relative;overflow:hidden}.fab-hero .fab-btn:after{content:"";position:absolute;inset:-60% auto -60% -35%;width:22%;transform:rotate(18deg);background:#fff9;filter:blur(5px);transition:left .55s ease}.fab-hero .fab-btn:hover:after{left:120%}
.fab-hero-art{z-index:3;animation:fab-art-enter 1.1s .15s cubic-bezier(.2,.8,.2,1) both}
.fab-hero-art:before{content:"";position:absolute;left:7%;right:2%;bottom:10px;height:75px;border-radius:50%;background:#000;filter:blur(28px);opacity:.7;animation:fab-shadow-pulse 4s ease-in-out infinite}
.fab-orbit{box-shadow:inset 0 0 80px #b7ff2a08,0 0 60px #b7ff2a08}.fab-orbit:before{box-shadow:0 0 45px #b7ff2a0a}.fab-orbit:after{border-style:dashed;animation:fab-spin-reverse 16s linear infinite}
.fab-pack{transform-origin:50% 90%;will-change:transform,filter}.fab-pack-1{animation:fab-pack-left 5.5s ease-in-out infinite}.fab-pack-2{animation:fab-pack-center 5s ease-in-out infinite}.fab-pack-3{animation:fab-pack-right 5.8s ease-in-out infinite}.fab-pack:hover{animation-play-state:paused;filter:drop-shadow(0 35px 30px #000b) drop-shadow(0 0 18px #b7ff2a30)}
.fab-float-a{animation:fab-float-card 4s ease-in-out infinite}.fab-float-b{animation:fab-float-card 4.6s -2s ease-in-out infinite}
.fab-art-label{position:absolute;z-index:5;color:#718078;font-size:7px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.fab-art-label-top{right:24px;top:12px}.fab-art-label-side{right:-33px;bottom:130px;transform:rotate(90deg)}
.fab-scroll-cue{position:absolute;z-index:5;left:50%;bottom:20px;display:flex;align-items:center;gap:10px;color:#89978f;text-decoration:none;font-size:7px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;transform:translateX(-50%)}.fab-scroll-cue i{position:relative;width:18px;height:28px;border:1px solid #ffffff42;border-radius:20px}.fab-scroll-cue i:after{content:"";position:absolute;left:50%;top:5px;width:3px;height:6px;border-radius:4px;background:#b7ff2a;transform:translateX(-50%);animation:fab-scroll-dot 1.7s ease-in-out infinite}
.fab-proof strong{font-variant-numeric:tabular-nums;text-shadow:0 0 25px #b7ff2a33}
.fab-product-card,.fab-loop-card,.fab-eco-card{will-change:transform}
@keyframes fab-copy-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fab-art-enter{from{opacity:0;transform:translateX(45px) scale(.96)}to{opacity:1;transform:none}}
@keyframes fab-line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes fab-cine-breathe{to{transform:scale(1.18) translate(-20px,15px);opacity:.16}}
@keyframes fab-light-pass{0%{translate:35% -40px;opacity:0}20%{opacity:.16}60%{opacity:.2}100%{translate:-70% 180px;opacity:0}}
@keyframes fab-shadow-pulse{50%{transform:scaleX(.84);opacity:.5}}
@keyframes fab-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes fab-pack-left{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes fab-pack-center{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes fab-pack-right{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes fab-float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fab-scroll-dot{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}
@media(max-width:900px){.fab-hero:before{background-size:54px 54px}.fab-art-label-side{right:-18px}.fab-scroll-cue{display:none}.fab-cine-glow-a{right:-20%;width:350px;height:350px}}
@media(max-width:600px){.fab-copy h1:after{width:62px;height:4px;margin-top:19px}.fab-cine-lines i{width:120%;right:-55%;opacity:.12}.fab-art-label{display:none}.fab-float-a{bottom:16px}.fab-float-b{top:44px}.fab-hero-art:before{bottom:4px}}
@media(prefers-reduced-motion:reduce){.fab-home *,.fab-home *:before,.fab-home *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
