:root{--night:#07110d;--night-2:#101a15;--surface-deep:#1f2c24;--lime:#9cff5f;--lime-soft:#d6ffbb;--ivory:#f4f1e8;--safe-x:clamp(20px, 5vw, 96px);color:var(--ivory);background:var(--night);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.business-shell{background:linear-gradient(180deg, var(--night) 0%, var(--night-2) 42%, var(--ivory) 42%, var(--ivory) 70%, var(--night) 70%), var(--night);min-height:100svh;overflow:hidden}.hero-viewport{isolation:isolate;min-height:100svh;padding:clamp(28px, 6vw, 104px) var(--safe-x) clamp(64px, 8vw, 120px);background:linear-gradient(112deg, #07110dfa 0%, #0d1c15fa 48%, #0b120ffa 100%), var(--night);grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(28px,5vw,84px);display:grid;position:relative;overflow:hidden}.hero-grid,.hero-glow{pointer-events:none;position:absolute;inset:0}.hero-grid{z-index:-3;background-image:linear-gradient(#9cff5f14 1px,#0000 1px),linear-gradient(90deg,#9cff5f12 1px,#0000 1px);background-size:68px 68px;-webkit-mask-image:linear-gradient(90deg,#0003,#000 52%,#000000a6);mask-image:linear-gradient(90deg,#0003,#000 52%,#000000a6)}.hero-glow{z-index:-2;opacity:.75;filter:blur(2px)}.hero-glow-one{clip-path:polygon(58% 0,100% 0,80% 100%,36% 100%);background:linear-gradient(115deg,#0000 0%,#9cff5f42 38%,#0000 70%);animation:9s ease-in-out infinite alternate lightDrift}.hero-glow-two{clip-path:polygon(0 62%,48% 34%,92% 64%,38% 100%,0 100%);background:linear-gradient(8deg,#f4f1e805,#9cff5f1c,#0000);animation:12s ease-in-out infinite alternate-reverse lightDrift}.hero-copy,.hero-object-zone{z-index:1;position:relative}.hero-copy{justify-items:start;gap:clamp(18px,2.4vw,30px);max-width:58rem;display:grid}.brand-row,.section-kicker{color:var(--lime-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(.72rem,.78vw,.86rem);font-weight:850;line-height:1;display:inline-flex}.brand-mark{justify-content:space-between;align-items:flex-end;width:42px;height:18px;display:inline-flex;position:relative}.brand-mark:before{content:"";background:var(--lime);transform-origin:50%;height:2px;position:absolute;bottom:7px;left:8px;right:8px;transform:rotate(-12deg)}.brand-mark span{border:2px solid var(--lime);background:#9cff5f14;border-radius:999px;width:16px;height:16px;box-shadow:0 0 16px #9cff5f6b}.hero-copy h1{max-width:14ch;color:var(--ivory);letter-spacing:0;text-wrap:balance;font-size:clamp(3.15rem,8.4vw,8.1rem);font-weight:880;line-height:.9}.hero-subtitle{color:#f4f1e8d6;max-width:34rem;font-size:clamp(1.05rem,1.55vw,1.32rem);font-weight:520;line-height:1.6}.primary-cta{--cta-bg:var(--lime);--cta-fg:var(--night);background:var(--cta-bg);min-height:52px;color:var(--cta-fg);border:1px solid #9cff5fbd;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:0 20px 0 24px;font-size:.98rem;font-weight:850;line-height:1;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 18px 42px #9cff5f30,inset 0 -2px #07110d2e}.primary-cta:hover{background:var(--ivory);border-color:var(--ivory);color:var(--night);box-shadow:0 22px 54px #f4f1e829,0 0 0 1px #9cff5f33}.primary-cta svg{flex:none;transition:transform .18s}.primary-cta:hover svg{transform:translate(2px,2px)}.primary-cta:focus-visible,.scroll-cue:focus-visible,.offer-card:focus-within{outline:3px solid var(--lime);outline-offset:4px}.hero-object-zone{place-items:center;min-width:0;display:grid}.bike-stage{aspect-ratio:1.36;background:linear-gradient(145deg,#f4f1e80f,#9cff5f14 38%,#07110d1a 76%),repeating-linear-gradient(0deg,#0000 0 32px,#f4f1e80d 33px 34px),#1f2c2433;border:1px solid #f4f1e826;border-radius:8px;width:min(100%,760px);transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden;transform:rotate(-1.2deg);box-shadow:inset 0 0 0 1px #9cff5f14,0 34px 110px #00000057}.bike-stage:hover{border-color:#9cff5f8c;transform:rotate(0)translateY(-6px);box-shadow:inset 0 0 0 1px #9cff5f29,0 42px 126px #0000006b,0 0 60px #9cff5f21}.stage-light{clip-path:polygon(8% 0,100% 0,82% 100%,0 76%);opacity:.8;background:linear-gradient(100deg,#0000,#9cff5f42,#f4f1e814,#0000);width:70%;height:34%;animation:7.5s ease-in-out infinite alternate lightSweep;position:absolute;inset:9% 5% auto auto}.bike-shadow{filter:blur(7px);background:radial-gradient(#0000008a,#0000 70%);border-radius:50%;height:8%;position:absolute;bottom:17%;left:13%;right:11%}.wheel{aspect-ratio:1;border:clamp(7px, 1vw, 12px) solid var(--lime);background:repeating-conic-gradient(#f4f1e89e 0deg 2deg,#0000 2deg 27deg),radial-gradient(circle,#0000 0 58%,#9cff5f1f 59% 62%,#0000 63%);border-radius:50%;width:28%;animation:16s linear infinite wheelTurn;position:absolute;bottom:22%;box-shadow:0 0 0 1px #f4f1e81f,0 0 34px #9cff5f4d}.wheel span{background:var(--ivory);border-radius:50%;position:absolute;inset:43%;box-shadow:0 0 0 7px #f4f1e814}.wheel-left{left:13%}.wheel-right{right:11%}.tube{background:linear-gradient(90deg, var(--lime), var(--lime-soft));transform-origin:0;border-radius:999px;height:clamp(8px,1.1vw,12px);position:absolute;box-shadow:0 0 18px #9cff5f59,inset 0 -1px #07110d47}.top-tube{width:33%;top:45%;left:35%;transform:rotate(2deg)}.down-tube{width:35%;top:58%;left:31%;transform:rotate(-34deg)}.seat-tube{width:26%;top:47%;left:33%;transform:rotate(66deg)}.chain-stay{width:36%;top:68%;left:28%;transform:rotate(3deg)}.fork{width:28%;top:49%;left:64%;transform:rotate(62deg)}.handlebar{width:21%;top:36%;left:68%;transform:rotate(-13deg)}.bike-seat{background:var(--ivory);border-radius:999px 999px 6px 6px;width:18%;height:4%;position:absolute;top:38%;left:31%;transform:rotate(-4deg);box-shadow:0 10px 28px #00000038}.pedal{aspect-ratio:1;border:4px solid var(--ivory);background:#07110d70;border-radius:50%;width:8%;position:absolute;top:61%;left:47.3%;box-shadow:0 0 22px #f4f1e829}.pedal:before,.pedal:after{content:"";background:var(--ivory);transform-origin:0;border-radius:999px;width:120%;height:4px;position:absolute;top:50%;left:50%}.pedal:before{transform:rotate(24deg)}.pedal:after{transform:rotate(204deg)}.stage-rail{background:linear-gradient(90deg,#0000,#f4f1e857,#0000);height:1px;position:absolute}.rail-one{bottom:18%;left:6%;right:9%}.rail-two{bottom:12%;left:22%;right:2%}.scroll-cue{z-index:2;left:var(--safe-x);color:#f4f1e8bd;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:.78rem;font-weight:800;transition:color .18s;display:inline-flex;position:absolute;bottom:clamp(22px,3vw,42px)}.scroll-cue i{background:currentColor;width:44px;height:1px;display:block}.scroll-cue:hover{color:var(--lime)}.offer-band{min-height:92svh;padding:clamp(72px, 10vw, 150px) var(--safe-x);background:linear-gradient(90deg, #07110d14, transparent 36%), var(--ivory);color:var(--night);grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(28px,5vw,82px);display:grid;position:relative}.offer-band:before{content:"";background:var(--lime);width:clamp(8px,1vw,14px);position:absolute;top:0;bottom:0;left:0}.offer-heading{gap:20px;max-width:42rem;display:grid}.offer-heading .section-kicker{color:#315433}.offer-heading h2,.trust-panel h2{letter-spacing:0;text-wrap:balance;font-size:clamp(2.25rem,5.4vw,5.4rem);font-weight:880;line-height:.95}.offer-heading h2{max-width:10ch}.offer-heading p{color:#07110dc7;max-width:55ch;font-size:clamp(1.02rem,1.4vw,1.22rem);font-weight:520;line-height:1.65}.offer-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(14px,1.5vw,22px);display:grid}.offer-card{background:linear-gradient(145deg, #1f2c24fa, #0e1a13fa), var(--surface-deep);min-height:clamp(260px,29vw,386px);color:var(--ivory);border:1px solid #07110d26;border-radius:8px;align-content:start;gap:18px;padding:clamp(20px,2.2vw,30px);transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #07110d29,inset 0 0 0 1px #f4f1e80a}.offer-card:before{content:"";background:var(--lime);height:5px;transition:right .22s;position:absolute;top:0;left:0;right:38%}.offer-card:nth-child(2){transform:translateY(42px)}.offer-card:nth-child(3){transform:translateY(-20px)}.offer-card:hover{border-color:#9cff5f8c;transform:translateY(-8px);box-shadow:0 34px 80px #07110d33,0 0 34px #9cff5f1c,inset 0 0 0 1px #9cff5f17}.offer-card:nth-child(2):hover{transform:translateY(28px)}.offer-card:nth-child(3):hover{transform:translateY(-32px)}.offer-card:hover:before{right:12%}.card-number{width:48px;height:48px;color:var(--lime);border:1px solid #9cff5f73;border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;line-height:1;display:inline-grid}.offer-card h3{color:var(--ivory);letter-spacing:0;font-size:clamp(1.45rem,2.4vw,2.2rem);font-weight:850;line-height:1.05}.offer-card p{color:#f4f1e8cc;font-size:clamp(.96rem,1.1vw,1.05rem);font-weight:500;line-height:1.62}.trust-finale{isolation:isolate;min-height:88svh;padding:clamp(70px, 10vw, 140px) var(--safe-x);background:linear-gradient(118deg, #9cff5f1c 0%, transparent 34%), linear-gradient(180deg, var(--night-2), var(--night));color:var(--ivory);place-items:center;display:grid;position:relative}.trust-finale:before{content:"";inset:10% var(--safe-x) auto auto;background:linear-gradient(90deg, transparent, var(--lime), transparent);opacity:.8;width:min(34vw,440px);height:2px;position:absolute}.trust-panel{gap:clamp(18px,2.2vw,28px);width:min(100%,1120px);padding-left:clamp(20px,3vw,46px);display:grid;position:relative}.trust-panel:before{content:"";background:var(--lime);border-radius:999px;width:5px;position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 0 28px #9cff5f57}.trust-panel h2{max-width:11ch}.trust-panel p{color:#f4f1e8d1;max-width:58ch;font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:520;line-height:1.68}.finale-cta{justify-self:start;margin-top:clamp(8px,1.4vw,18px)}@keyframes wheelTurn{to{transform:rotate(360deg)}}@keyframes lightSweep{0%{opacity:.55;transform:translate(-4%)skew(-8deg)}to{opacity:.9;transform:translate(7%)skew(-8deg)}}@keyframes lightDrift{0%{transform:translate(-2%)}to{transform:translate(2%,-1%)}}@media (width<=1060px){.hero-viewport{grid-template-columns:1fr;align-content:center;gap:clamp(24px,5vw,46px)}.hero-copy{max-width:100%}.hero-copy h1{max-width:13ch;font-size:clamp(3rem,12vw,6.2rem)}.hero-object-zone{width:100%}.bike-stage{justify-self:center;width:min(100%,680px)}.scroll-cue{justify-self:start;position:relative;bottom:auto;left:auto}.offer-band{grid-template-columns:1fr;align-items:start}.offer-heading h2{max-width:13ch}}@media (width<=760px){:root{--safe-x:clamp(18px, 6vw, 28px)}.hero-viewport{min-height:100svh;padding-top:clamp(24px,7vw,42px);padding-bottom:clamp(30px,8vw,54px)}.hero-copy{gap:16px}.brand-row,.section-kicker,.scroll-cue{letter-spacing:.1em;font-size:.7rem}.hero-copy h1{max-width:13.5ch;font-size:clamp(2.55rem,11.2vw,4.25rem);line-height:.96}.hero-subtitle{font-size:1rem;line-height:1.56}.primary-cta{width:min(100%,280px);min-height:50px}.bike-stage{aspect-ratio:1.42;transform:rotate(0)}.bike-stage:hover{transform:translateY(-4px)}.wheel{width:30%;bottom:25%}.wheel-left{left:10%}.wheel-right{right:8%}.offer-band,.trust-finale{min-height:auto;padding-top:72px;padding-bottom:76px}.offer-cards{grid-template-columns:1fr}.offer-card,.offer-card:nth-child(2),.offer-card:nth-child(3),.offer-card:hover,.offer-card:nth-child(2):hover,.offer-card:nth-child(3):hover{min-height:auto;transform:none}.offer-heading h2,.trust-panel h2{max-width:12ch;font-size:clamp(2.2rem,11vw,3.8rem)}.trust-panel{padding-left:20px}}@media (width<=430px){.hero-copy h1{max-width:13ch;font-size:clamp(2.38rem,10.8vw,3.25rem)}.bike-stage{aspect-ratio:1.24}.tube{height:7px}.top-tube{width:35%;left:33%}.handlebar{width:24%;left:67%}.fork{width:30%;left:63%}.pedal{width:10%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
