*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #06060a;--surface: #0d0d12;--surface-2: #14141b;--text: #f0f0f5;--text-2: #9090a0;--lime: #d4ff00;--lime-20: rgba(212,255,0,.2);--lime-08: rgba(212,255,0,.08);--lime-04: rgba(212,255,0,.04)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.hero{min-height:100vh;min-height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0;animation:orbIn 2s ease-out forwards}.orb-1{width:60vw;height:60vw;max-width:700px;max-height:700px;top:-15%;right:-10%;background:radial-gradient(circle,rgba(212,255,0,.12),transparent 70%);animation-delay:.3s}.orb-2{width:50vw;height:50vw;max-width:500px;max-height:500px;bottom:-10%;left:-5%;background:radial-gradient(circle,rgba(0,180,255,.06),transparent 70%);animation-delay:.6s}.orb-3{width:30vw;height:30vw;max-width:350px;max-height:350px;top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(212,255,0,.06),transparent 70%);animation-delay:.9s}@keyframes orbIn{to{opacity:1}}.court-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vw,700px);opacity:0;animation:courtDraw 2s ease-out .5s forwards;z-index:0}.court-svg line,.court-svg rect{stroke:#d4ff0012;stroke-width:1.5;fill:none}.scan-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vw,700px);height:2px;z-index:0;overflow:visible}.scan-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--lime-20),transparent);animation:scanMove 4s ease-in-out infinite;animation-delay:2s;opacity:0}@keyframes scanMove{0%{transform:translateY(-180px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(180px);opacity:0}}@keyframes courtDraw{to{opacity:1}}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:900px}.logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:3.5rem;opacity:0;animation:fadeUp .8s ease-out .2s forwards}.logo-dot{width:10px;height:10px;background:var(--lime);border-radius:50%;box-shadow:0 0 20px var(--lime-20);animation:logoPulse 3s ease-in-out infinite 1.5s}@keyframes logoPulse{0%,to{box-shadow:0 0 20px var(--lime-20)}50%{box-shadow:0 0 35px #d4ff0059}}.logo-text{font-size:.95rem;font-weight:700;letter-spacing:.4em;color:var(--lime)}.hero h1{font-size:clamp(2.8rem,8vw,6rem);font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:2rem;opacity:0;animation:fadeUp .8s ease-out .4s forwards}.hero h1 .accent{color:var(--lime);position:relative}.hero-sub{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;color:var(--text-2);line-height:1.65;max-width:34ch;margin:0 auto;opacity:0;animation:fadeUp .8s ease-out .6s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:1;opacity:0;animation:fadeUp .6s ease-out 1.5s forwards}.scroll-cue-inner{width:24px;height:40px;border-radius:12px;border:1.5px solid var(--text-2);position:relative;opacity:.35}.scroll-cue-inner:after{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:3px;height:8px;border-radius:2px;background:var(--text-2);animation:scrollDot 2s ease-in-out infinite}@keyframes scrollDot{0%,to{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(14px);opacity:0}}.features{display:flex;align-items:center;padding:4rem 1.5rem;position:relative}.features-inner{max-width:1200px;width:100%;margin:0 auto}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--lime);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--lime-20),transparent)}.features-list{display:flex;flex-direction:column;gap:1px}.feat{display:grid;grid-template-columns:80px 1fr 1fr;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.04);opacity:0;transform:translateY(50px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.feat.visible{opacity:1;transform:translateY(0)}.feat:first-child{border-top:1px solid rgba(255,255,255,.04)}.feat-num{font-size:4.5rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.1);-webkit-user-select:none;user-select:none;transition:-webkit-text-stroke-color .4s ease}.feat:hover .feat-num{-webkit-text-stroke-color:var(--lime-20)}.feat-title{display:flex;align-items:start;gap:1rem}.feat-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--lime-04);border:1px solid var(--lime-08);border-radius:14px;transition:background .3s,border-color .3s,transform .3s}.feat-icon svg{width:24px;height:24px;stroke:var(--lime);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feat:hover .feat-icon{background:var(--lime-08);border-color:var(--lime-20);transform:scale(1.05)}.feat h3{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;line-height:1.25;letter-spacing:-.02em}.feat-desc{font-size:1rem;color:var(--text-2);line-height:1.7;max-width:32ch}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 4rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--lime-04) 0%,transparent 60%);pointer-events:none}.cta-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.2rem .55rem .9rem;border-radius:100px;border:1px solid var(--lime-20);background:var(--lime-04);font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--lime);margin-bottom:1.5rem;z-index:1;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.cta-badge.visible{opacity:1;transform:translateY(0)}.cta-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.footer h2{font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.95;letter-spacing:-.05em;z-index:1;margin-bottom:.5rem;opacity:0;transform:translateY(30px);transition:opacity .7s ease .1s,transform .7s ease .1s}.footer h2.visible{opacity:1;transform:translateY(0)}.footer-location{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;color:var(--text-2);z-index:1;margin-bottom:2.5rem;opacity:0;transform:translateY(30px);transition:opacity .7s ease .2s,transform .7s ease .2s}.footer-location.visible{opacity:1;transform:translateY(0)}.footer-mail{z-index:1;opacity:0;transform:translateY(30px);transition:opacity .7s ease .3s,transform .7s ease .3s}.footer-mail.visible{opacity:1;transform:translateY(0)}.footer-mail a{display:inline-flex;align-items:center;gap:.75rem;color:var(--bg);text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:.01em;padding:1rem 2.2rem;border-radius:100px;background:var(--lime);transition:transform .25s ease,box-shadow .25s ease}.footer-mail a:hover{transform:translateY(-2px);box-shadow:0 8px 40px #d4ff0033}.footer-mail a:active{transform:translateY(0)}.copy{margin-top:4rem;font-size:.65rem;color:var(--text-2);opacity:.3;letter-spacing:.1em}.reveal-fade{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal-fade.visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.feat{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}.feat-num{display:none}.feat-desc{max-width:none}}@media (max-width: 480px){.hero h1{font-size:2.4rem}.hero-content{padding:1.5rem}.feat-title{flex-direction:column;gap:.8rem}.feat-icon{width:44px;height:44px;font-size:1.3rem;border-radius:12px}}
