:root{--green: #cdff00;--cream: #f6f5f0;--dark: #080e0b;--font-display: "Anton", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--dark);color:var(--dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}.page{width:100%;position:relative;overflow:hidden}.wrap{width:100%;max-width:1360px;margin:0 auto;padding-left:40px;padding-right:40px}.scroll-progress{position:fixed;top:0;left:0;height:4px;width:100%;z-index:100;transform:scaleX(var(--scroll, 0));transform-origin:0 50%;background:var(--green);box-shadow:0 0 12px #cdff00b3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:16px;line-height:1;padding:17px 26px;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn--green{background:var(--green);color:var(--dark)}.btn--green:hover{box-shadow:0 10px 26px #cdff0066}.btn--dark{background:var(--dark);color:var(--cream)}.btn--light{background:var(--cream);color:var(--dark)}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:-140%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);pointer-events:none}.shine:hover:before{animation:shineSweep .75s ease}@keyframes shineSweep{0%{left:-140%}to{left:150%}}.magnetic--on{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.header{position:relative;z-index:3;background:var(--cream);border-bottom:1px solid rgba(8,14,11,.14)}.header__wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}.brand{display:flex;align-items:center;gap:14px}.brand__logo{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--dark);flex-shrink:0;display:block;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{box-shadow:0 0 #cdff0000}50%{box-shadow:0 0 0 4px #cdff004d}}.brand__logo img{width:130%;height:130%;object-fit:cover;object-position:50% 6%;display:block;transform:translate(-12%)}.brand__name{font-family:var(--font-display);font-size:26px;letter-spacing:.5px}.header__actions{display:flex;align-items:center;gap:22px}.icon-link{display:inline-flex;color:var(--dark);transition:transform .15s ease,opacity .15s ease}.icon-link:hover{transform:translateY(-2px);opacity:.75}.header .btn{padding:12px 22px;font-size:15px}.hero{position:relative;z-index:0;background:var(--cream)}.hero__wrap{position:relative;padding-top:50px;padding-bottom:0;min-height:610px}.hero__wrap>*:not(.hero__art){position:relative;z-index:2;max-width:660px}.hero__kicker{font-family:var(--font-mono);font-size:14px;letter-spacing:1px;color:#080e0bb3;margin-bottom:10px}.hero__title{font-family:var(--font-display);font-size:clamp(64px,10vw,134px);line-height:.9;letter-spacing:0px;background:linear-gradient(100deg,#080e0b,#080e0b 40%,#4c5b51,#080e0b 60%,#080e0b);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero__lead{font-family:var(--font-display);font-size:clamp(26px,3.4vw,42px);line-height:1.05;margin-top:26px}.hero__sub{font-size:clamp(17px,1.6vw,21px);color:#080e0bd1;margin-top:14px}.hero__actions{display:flex;gap:14px;margin-top:30px;max-width:496px}.ca{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;width:100%;background:transparent;border:1.5px solid rgba(8,14,11,.28);border-radius:8px;padding:16px 20px;font-family:var(--font-mono);font-size:15px;letter-spacing:.5px;color:var(--dark);cursor:pointer;max-width:496px;transition:border-color .25s ease,transform .2s ease}.ca:hover{border-color:#080e0b8c}.ca--copied{border-color:var(--green);background:#cdff001f}.ca__copy{display:inline-flex;align-items:center;gap:8px;color:#080e0bbf}.hero__art{position:absolute;right:0;bottom:-26px;width:47%;max-width:620px;z-index:1;transform:translate3d(calc(var(--px, 0) * 16px),calc(var(--py, 0) * 12px),0);transition:transform .3s ease-out}.hero__art-img{display:block;width:100%;animation:floatArt 7s ease-in-out infinite}@keyframes floatArt{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.rails{position:relative;z-index:2;background:var(--dark);color:var(--cream)}.rails__wrap{position:relative;z-index:1;padding-top:30px;padding-bottom:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.rails__title{font-family:var(--font-display);font-size:clamp(50px,6.4vw,96px);line-height:.92}.rails__sub{font-size:clamp(17px,1.6vw,21px);line-height:1.5;margin-top:26px;color:#f6f5f0d9}.rails__gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;perspective:1000px}.rails__card{border-radius:0;overflow:hidden;aspect-ratio:1 / 1;background:#1a1f1b;transition:transform .35s ease,box-shadow .35s ease;transform-style:preserve-3d;will-change:transform}.rails__card:hover{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg);box-shadow:0 24px 50px #00000080,0 0 0 2px #cdff008c}.rails__card img{width:100%;height:100%;object-fit:cover;display:block;animation:kenBurns 15s ease-in-out infinite alternate}.rails__gallery .rails__card:nth-child(2) img{animation-duration:19s;animation-delay:-5s}@keyframes kenBurns{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.15) translate(-2.5%,-1.5%)}}.rails__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.rails__fx .dot{position:absolute;bottom:-12px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#eaff70,#cdff0066);box-shadow:0 0 8px #cdff00b3;opacity:0;animation-name:dotRise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes dotRise{0%{transform:translateY(0) scale(.5);opacity:0}12%{opacity:.85}85%{opacity:.5}to{transform:translateY(-360px) scale(1.1);opacity:0}}.welcome{position:relative;z-index:2;background:var(--green);color:var(--dark);overflow:hidden}.welcome:before{content:"";position:absolute;top:0;left:-30%;width:22%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg);animation:bannerSweep 5.5s ease-in-out infinite;pointer-events:none}@keyframes bannerSweep{0%{left:-30%}55%,to{left:130%}}.welcome__wrap{position:relative;z-index:1;padding-top:34px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.welcome__title{font-family:var(--font-display);font-size:clamp(32px,5vw,66px);line-height:.95}.welcome__actions{display:flex;gap:14px;flex-shrink:0}.footer{position:relative;z-index:2;background:var(--green);color:var(--dark)}.footer__wrap{display:flex;align-items:center;gap:24px;padding-top:14px;padding-bottom:26px;font-family:var(--font-mono);font-size:13px;letter-spacing:.5px}.footer__rule{flex:1;height:2px;background:var(--dark)}.footer__brand,.footer__note{flex-shrink:0}.anim-up{animation:animUp .85s cubic-bezier(.16,1,.3,1) backwards}.anim-up--d1{animation-delay:.08s}.anim-up--d2{animation-delay:.16s}.anim-up--d3{animation-delay:.24s}.anim-up--d4{animation-delay:.32s}.anim-up--d5{animation-delay:.4s}@keyframes animUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal--d1{transition-delay:.14s}.reveal--in{opacity:1;transform:none}.anim-title{animation:wipeIn 1s cubic-bezier(.16,1,.3,1) .15s backwards,titleGloss 4.5s ease-in-out 1.3s infinite}@keyframes wipeIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(10px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@keyframes titleGloss{0%{background-position:100% 0}55%,to{background-position:-30% 0}}.hero__art{animation:artIn 1.15s cubic-bezier(.16,1,.3,1) .25s backwards}@keyframes artIn{0%{opacity:0;clip-path:inset(0 0 0 26%);filter:brightness(1.4)}to{opacity:1;clip-path:inset(0 0 0 0);filter:brightness(1)}}.reveal--card{opacity:0}.reveal--card.reveal--in{opacity:1;animation:cardPop .8s cubic-bezier(.34,1.56,.64,1)}.rails__gallery .reveal--card:nth-child(2).reveal--in{animation-delay:.16s}@keyframes cardPop{0%{opacity:0;transform:translateY(60px) scale(.86) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.reveal--wipe{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .7s ease,clip-path .9s cubic-bezier(.16,1,.3,1)}.reveal--wipe.reveal--in{opacity:1;clip-path:inset(0 0 0 0)}.pulse{animation:btnPulse 2.6s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 0 #cdff0000}50%{box-shadow:0 0 24px 3px #cdff0080}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.reveal--card,.reveal--wipe{opacity:1;transform:none;clip-path:none}}@media (max-width: 860px){.wrap{padding-left:18px;padding-right:18px}.brand__name{font-size:22px}.header__actions{gap:16px}.header .btn{padding:11px 16px;font-size:14px}.hero__wrap{display:flex;flex-direction:column;padding-top:22px;padding-bottom:28px;min-height:0}.hero__wrap>*:not(.hero__art){max-width:none}.hero__kicker{order:1}.hero__title{order:2;position:relative;z-index:3;font-size:clamp(52px,17vw,96px)}.hero__art{order:3;position:relative;z-index:1;width:108%;max-width:none;align-self:center;margin:-9% 0 -2%;transform:none}.hero__lead{order:4;font-size:clamp(24px,6.6vw,34px);margin-top:50px}.hero__sub{order:5;font-size:16px}.hero__actions{order:6;flex-direction:column;margin-top:22px}.hero__actions .btn{width:100%}.ca{order:7;max-width:none}.rails__wrap{grid-template-columns:1fr;gap:26px;padding-top:40px;padding-bottom:40px}.rails__title{font-size:clamp(40px,11vw,60px)}.rails__br{display:none}.rails__sub{margin-top:16px;font-size:16px}.rails__gallery{gap:12px}.welcome__wrap{flex-direction:column;align-items:stretch;gap:18px;padding-top:26px;padding-bottom:26px}.welcome__title{font-size:clamp(30px,8.5vw,46px)}.welcome__actions{flex-direction:column}.welcome__actions .btn{width:100%}.footer__wrap{flex-wrap:wrap;gap:10px 16px;padding-top:16px;padding-bottom:24px;font-size:12px}.footer__rule{display:none}.footer__note{margin-left:auto}}
