*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--white);cursor:none;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}body.light-theme{background:var(--cream);color:var(--ink)}body:before{content:"";z-index:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.cursor{z-index:9999;pointer-events:none;background:var(--coral-light);border-radius:50%;width:10px;height:10px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{z-index:9998;pointer-events:none;border:1.5px solid #4a674166;border-radius:50%;width:36px;height:36px;position:fixed;transform:translate(-50%,-50%)}body.light-theme .cursor{background:var(--coral)}body.light-theme .cursor-ring{border-color:#4a674161}body:has(a:hover,button:hover,label:hover,input:hover) .cursor{width:18px;height:18px}#loader{z-index:1000;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.loader-pitch{border:1.5px solid #4a674140;border-radius:6px;width:120px;height:80px;position:relative;overflow:hidden}.loader-pitch:before{content:"";background:#4a674126;width:1px;height:100%;position:absolute;top:0;left:50%}.loader-pitch:after{content:"";border:1px solid #4a674133;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-dot{background:var(--coral-light);width:6px;height:6px;box-shadow:0 0 12px var(--coral-light);border-radius:50%;animation:1.4s ease-in-out infinite loaderDot;position:absolute}@keyframes loaderDot{0%,to{opacity:1;top:20px;left:20px}25%{opacity:.7;top:15px;left:90px}50%{opacity:1;top:55px;left:85px}75%{opacity:.7;top:50px;left:15px}}.loader-text{letter-spacing:8px;color:#4a674173;font-family:DM Mono,monospace;font-size:12px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loader-bar{background:#4a67411a;width:120px;height:1px;position:relative;overflow:hidden}.loader-bar:after{content:"";background:linear-gradient(90deg,transparent,var(--coral-light),transparent);width:100%;height:100%;animation:1.4s ease-in-out infinite loaderBar;position:absolute;top:0;left:-100%}@keyframes loaderBar{to{left:200%}}nav.nav-dark,nav.nav-light{z-index:500;-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;height:70px;padding:0 60px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.nav-dark{background:#1a1614d1;border-bottom:1px solid #f5f0e80f}nav.nav-light{background:#f5f0e8eb;border-bottom:1px solid #1a161414}.nav-logo{letter-spacing:.5px;align-items:center;gap:10px;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;text-decoration:none;display:flex}nav.nav-dark .nav-logo{color:var(--cream)}nav.nav-light .nav-logo{color:var(--ink)}.logo-ball{-o-object-fit:contain;object-fit:contain;width:30px;height:30px;transition:transform .8s cubic-bezier(.22,1,.36,1)}.nav-logo:hover .logo-ball{transform:rotate(360deg)}.nav-links{gap:36px;display:flex}.nav-links a{letter-spacing:2px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10.5px;text-decoration:none;transition:color .3s;position:relative}nav.nav-dark .nav-links a{color:#f5f0e866}nav.nav-light .nav-links a{color:var(--ink-soft)}.nav-links a:after{content:"";background:var(--coral-light);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}nav.nav-dark .nav-links a:hover{color:var(--coral-light)}nav.nav-light .nav-links a:hover{color:var(--coral)}.nav-cta{letter-spacing:2px;text-transform:uppercase;cursor:none;background:0 0;border-radius:100px;padding:10px 26px;font-family:DM Mono,monospace;font-size:10.5px;text-decoration:none;transition:all .3s}nav.nav-dark .nav-cta{color:var(--coral-light);border:1px solid #4a674159}nav.nav-light .nav-cta{color:var(--coral);border:1px solid #2c3e2859}.nav-cta:hover{background:var(--coral)!important;color:var(--cream)!important;border-color:var(--coral)!important}#hero{align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden}#pitchCanvas{opacity:.55;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0% 35%,#000 55%);mask-image:linear-gradient(90deg,#0000 0% 35%,#000 55%)}#particleCanvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:10;max-width:800px;padding:0 clamp(60px,6vw,100px);position:relative}.hero-tag{letter-spacing:3px;text-transform:uppercase;color:var(--coral-light);opacity:0;border:1px solid #4a674138;border-radius:100px;align-items:center;gap:10px;margin-bottom:32px;padding:8px 18px;font-family:DM Mono,monospace;font-size:10px;animation:.8s .8s forwards fadeUp;display:inline-flex}.hero-tag:before{content:"";background:var(--coral-light);width:6px;height:6px;box-shadow:0 0 8px var(--coral-light);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.hero-h1{letter-spacing:-3px;opacity:0;margin-bottom:14px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(66px,9.5vw,140px);font-weight:300;line-height:.9;animation:.9s .95s forwards fadeUp}.hero-h1 em{color:#0000;-webkit-text-stroke:2px #7a9e6e;filter:drop-shadow(0 0 20px #7a9e6e40);font-style:italic;font-weight:300}.hero-sub{color:#f5f0e861;opacity:0;max-width:420px;margin-bottom:48px;font-family:DM Mono,monospace;font-size:12.5px;line-height:1.75;animation:.8s 1.1s forwards fadeUp}.hero-actions{opacity:0;align-items:center;gap:16px;animation:.8s 1.25s forwards fadeUp;display:flex}.btn-primary{background:var(--coral);color:var(--cream);letter-spacing:.3px;cursor:none;border:none;border-radius:100px;align-items:center;gap:10px;padding:15px 40px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--coral-light);border-radius:100px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-101%)}.btn-primary:hover:before{transform:translate(0)}.btn-primary:hover{box-shadow:0 0 36px #2c3e2873}.btn-primary span{z-index:1;position:relative}.btn-secondary{letter-spacing:2px;text-transform:uppercase;color:#f5f0e8a6;cursor:none;border-bottom:1px solid #f5f0e833;align-items:center;gap:8px;padding-bottom:4px;font-family:DM Mono,monospace;font-size:11px;text-decoration:none;transition:color .3s;display:flex}.btn-secondary:hover{color:var(--coral-light)}.btn-secondary svg{transition:transform .3s}.btn-secondary:hover svg{transform:translate(4px)}.hero-stats{z-index:10;opacity:0;flex-direction:column;gap:16px;animation:.8s 1.4s forwards fadeLeft;display:flex;position:absolute;top:50%;right:60px;transform:translateY(-50%)}@keyframes fadeLeft{to{opacity:1}}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1614d9;border:1px solid #f5f0e81f;border-radius:16px;min-width:180px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059}.stat-card:before{content:"";background:linear-gradient(90deg,transparent,var(--coral),transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:#4a674138;transform:translate(-4px)}.stat-card:hover:before{opacity:1}.stat-num{color:var(--coral-light);letter-spacing:-1px;font-family:"Source Serif 4",Georgia,serif;font-size:44px;font-weight:300;line-height:1}.stat-label{letter-spacing:2px;text-transform:uppercase;color:#f5f0e847;margin-top:4px;font-family:DM Mono,monospace;font-size:9px}.stat-trend{color:#4a674199;margin-top:6px;font-family:DM Mono,monospace;font-size:10px}.scroll-indicator{z-index:10;opacity:0;align-items:center;gap:16px;animation:.8s 1.6s forwards fadeUp;display:flex;position:absolute;bottom:40px;left:60px}.scroll-line{background:#f5f0e826;width:48px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--coral-light);width:100%;height:100%;animation:2s ease-in-out infinite scrollLine;position:absolute;top:0;left:-100%}@keyframes scrollLine{0%{left:-100%}50%{left:0%}to{left:100%}}.scroll-text{letter-spacing:3px;text-transform:uppercase;color:#f5f0e838;font-family:DM Mono,monospace;font-size:9px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#positions{background:var(--surface);padding:120px 60px;position:relative;overflow:hidden}#positions:before{content:"";background:linear-gradient(90deg,#0000,#2c3e2826,#0000);height:1px;position:absolute;top:0;left:0;right:0}.section-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--coral);align-items:center;gap:12px;margin-bottom:20px;font-family:DM Mono,monospace;font-size:10px;display:flex}.section-eyebrow:before{content:"";background:var(--coral);width:20px;height:1.5px}.section-h2{color:var(--ink);letter-spacing:-2px;margin-bottom:64px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(46px,5.5vw,88px);font-weight:300;line-height:.92}.section-h2 em{color:var(--coral);font-style:italic}.positions-grid{background:var(--ink-hairline);border-radius:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;display:grid;overflow:hidden}.pos-card{background:var(--surface);cursor:pointer;padding:40px 32px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.pos-card:before{content:"";background:var(--ink);opacity:0;transition:opacity .4s;position:absolute;inset:0}.pos-card:hover:before{opacity:1}.pos-card:hover{z-index:2;transform:scale(1.02)}.pos-card:hover .pos-title{color:var(--cream)}.pos-card:hover .pos-role{color:#f5f0e861}.pos-card:hover .pos-attrs span{color:#f5f0e873;border-color:#f5f0e81f}.pos-card:hover .pos-num{-webkit-text-stroke-color:#4a67418c;color:#4a67411f}.pos-card:hover .pos-icon-wrap{background:#4a67411a;border-color:#4a67414d}.pos-card:hover .pos-icon-wrap svg{stroke:var(--coral-light)}.pos-card:hover .pos-arrow{opacity:1;color:var(--coral-light);transform:translate(0)}.pos-num{-webkit-text-stroke:1.5px #1a161412;color:#0000;letter-spacing:-4px;-webkit-user-select:none;user-select:none;font-family:"Source Serif 4",Georgia,serif;font-size:88px;font-weight:300;line-height:1;transition:-webkit-text-stroke-color .4s,color .4s;position:absolute;top:20px;right:24px}.pos-icon-wrap{border:1px solid var(--ink-hairline);z-index:1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;transition:all .4s;display:flex;position:relative}.pos-icon-wrap svg{stroke:var(--ink-soft);transition:stroke .4s}.pos-title{color:var(--ink);z-index:1;letter-spacing:-.2px;margin-bottom:6px;font-family:"Source Serif 4",Georgia,serif;font-size:21px;font-weight:500;transition:color .4s;position:relative}.pos-role{letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);z-index:1;margin-bottom:24px;font-family:DM Mono,monospace;font-size:10px;transition:color .4s;position:relative}.pos-attrs{z-index:1;flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex;position:relative}.pos-attrs span{letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--ink-hairline);color:var(--ink-soft);border-radius:100px;padding:4px 10px;font-family:DM Mono,monospace;font-size:9px;transition:all .4s}.pos-arrow{z-index:1;opacity:0;letter-spacing:1.5px;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;text-decoration:none;transition:all .4s;display:inline-flex;position:absolute;bottom:32px;right:32px;transform:translate(-8px)}.pos-arrow svg{transition:transform .3s}.pos-card:hover .pos-arrow svg{transform:translate(4px)}#how{background:var(--ink);padding:120px 60px;position:relative;overflow:hidden}.steps-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.steps-list{flex-direction:column;gap:0;display:flex}.step{opacity:0;border-bottom:1px solid #f5f0e80d;gap:32px;padding:36px 0;transition:all .6s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translate(-20px)}.step.visible{opacity:1;transform:none}.step:first-child{padding-top:0}.step:last-child{border-bottom:none}.step-num{letter-spacing:2px;color:#4a674180;min-width:32px;margin-top:4px;font-family:DM Mono,monospace;font-size:12px}.step-icon{border:1px solid #f5f0e81a;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;margin-top:4px;display:flex}.step-title{color:var(--cream);letter-spacing:-.2px;margin-bottom:8px;font-family:"Source Serif 4",Georgia,serif;font-size:19px;font-weight:500}.step-desc{color:#f5f0e847;font-family:DM Mono,monospace;font-size:11.5px;line-height:1.8}#fieldDemo{aspect-ratio:3/4;max-height:540px;position:relative}.pitch-svg-wrap{background:linear-gradient(160deg,#1e3a1e 0%,#245c24 50%,#1e3a1e 100%);border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.pitch-stripe{fill:#ffffff08}.pitch-line{fill:none;stroke:#ffffff8c;stroke-width:1.2px}.pitch-line-thin{fill:none;stroke:#fff6;stroke-width:.8px}.player-dot{transition:transform .3s}.player-dot circle.ring{fill:none;stroke:#4a674166;stroke-width:1px}.player-dot circle.body{fill:var(--coral)}.player-dot.gk circle.body{fill:#1a1614;stroke:#f5f0e8b3;stroke-width:1.5px}.player-label{fill:#f5f0e8d9;text-anchor:middle;letter-spacing:1px;font-family:DM Mono,monospace;font-size:8px;font-weight:500}.pitch-svg-wrap:hover .player-dot{animation:3s ease-in-out infinite playerFloat}@keyframes playerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.formation-label{fill:#f5f0e84d;letter-spacing:3px;font-family:DM Mono,monospace;font-size:9px}#stats-band{background:var(--ink-mid);border-top:1px solid #f5f0e80d;border-bottom:1px solid #f5f0e80d;grid-template-columns:repeat(4,1fr);gap:1px;padding:60px;display:grid}.band-stat{border-right:1px solid #f5f0e80f;padding:0 40px;position:relative}.band-stat:first-child{padding-left:0}.band-stat:last-child{border-right:none}.band-num{color:var(--coral-light);letter-spacing:-2px;font-family:"Source Serif 4",Georgia,serif;font-size:64px;font-weight:300;line-height:1;display:block}.band-label{letter-spacing:2.5px;text-transform:uppercase;color:#f5f0e840;margin-top:8px;font-family:DM Mono,monospace;font-size:10px;display:block}.count-num{display:inline-block}#testimonial{background:var(--surface-low);padding:120px 60px;position:relative;overflow:hidden}.testimonial-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.tcard{background:var(--white);border:1px solid var(--ink-hairline);cursor:default;border-radius:20px;padding:36px 32px;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #1a16140a}.tcard:hover{border-color:#2c3e282e;transform:translateY(-8px);box-shadow:0 28px 70px #1a16141a}.tcard-author{align-items:center;gap:14px;display:flex}.tcard-avatar{aspect-ratio:1;background:linear-gradient(135deg,var(--ink),var(--coral));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-family:"Source Serif 4",serif;font-size:15px;font-weight:500;display:flex}.tcard-name{color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.35}.tcard-pos{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);margin-top:3px;font-family:DM Mono,monospace;font-size:9px}.tcard-badge{letter-spacing:1px;color:var(--coral);white-space:nowrap;border:1px solid #2c3e2833;border-radius:100px;flex-shrink:0;margin-left:auto;padding:4px 12px;font-family:DM Mono,monospace;font-size:10px}#cta-final{background:var(--ink);text-align:center;padding:140px 60px;position:relative;overflow:hidden}.cta-bg-pitch{opacity:.04;position:absolute;inset:0}.cta-title{letter-spacing:-3px;z-index:1;margin-bottom:32px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(58px,8.5vw,130px);font-weight:300;line-height:.9;position:relative}.cta-title em{color:#0000;-webkit-text-stroke:1.5px var(--coral-light);font-style:italic}.cta-sub{letter-spacing:.8px;color:#f5f0e84d;z-index:1;max-width:400px;margin:0 auto 48px;font-family:DM Mono,monospace;font-size:12.5px;line-height:1.85;position:relative}.cta-form{z-index:1;justify-content:center;gap:16px;max-width:440px;margin:0 auto;display:flex;position:relative}.cta-btn{background:var(--coral);color:var(--cream);cursor:none;white-space:nowrap;letter-spacing:.3px;border:none;border-radius:100px;align-items:center;padding:15px 44px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.cta-btn:before{content:"";background:var(--coral-light);border-radius:100px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(101%)}.cta-btn:hover:before{transform:translateY(0)}.cta-btn span{z-index:1;position:relative}.cta-btn:hover{transform:scale(1.04);box-shadow:0 0 36px #2c3e2866}.cta-btn-outline{color:var(--coral-light);background:0 0;border:1px solid #4a67414d}.cta-btn-outline:before{background:#4a674114}.cta-btn-outline:hover{border-color:var(--coral)}footer.footer-dark,footer.footer-light{justify-content:space-between;align-items:center;padding:48px 60px;transition:background-color .3s,border-color .3s;display:flex}footer.footer-dark{background:#0f0d0c;border-top:1px solid #f5f0e80d}footer.footer-dark .footer-copy{letter-spacing:1.5px;color:#f5f0e873;font-family:DM Mono,monospace;font-size:10px}footer.footer-dark .footer-links a{letter-spacing:1.5px;text-transform:uppercase;color:#f5f0e873;font-family:DM Mono,monospace;font-size:10px;text-decoration:none;transition:color .3s}footer.footer-dark .footer-links a:hover{color:var(--coral-light)}footer.footer-light{background:var(--cream);border-top:1px solid var(--ink-hairline)}footer.footer-light .footer-copy{letter-spacing:1.5px;color:#1a1614a6;font-family:DM Mono,monospace;font-size:10px}footer.footer-light .footer-links a{letter-spacing:1.5px;text-transform:uppercase;color:#1a1614a6;font-family:DM Mono,monospace;font-size:10px;text-decoration:none;transition:color .3s}footer.footer-light .footer-links a:hover{color:var(--coral)}.footer-links{gap:32px;display:flex}.reveal{opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.fade-up{opacity:0;transition:all .6s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.fade-up.visible{opacity:1;transform:none}@media (width<=1024px){nav.nav-dark,nav.nav-light,.hero-content,#positions,#how,#stats-band,#testimonial,#cta-final,footer.footer-dark,footer.footer-light{padding-left:32px;padding-right:32px}.hero-stats{right:32px}.steps-container{grid-template-columns:1fr}#fieldDemo{display:none}#stats-band{grid-template-columns:1fr 1fr}.testimonial-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-stats{display:none}.cta-form{flex-direction:column;align-items:center}#stats-band{grid-template-columns:1fr 1fr;gap:32px;padding:40px 24px}.band-stat{border-right:none;padding:0}.nav-links{display:none}nav.nav-dark,nav.nav-light,.hero-content{padding:0 20px}.hero-h1{font-size:clamp(50px,17vw,88px)}#positions{padding:80px 16px}.positions-grid{grid-template-columns:1fr}#how,#testimonial{padding:80px 20px}#cta-final{padding:100px 20px}footer.footer-dark,footer.footer-light{text-align:center;flex-direction:column;gap:20px;padding:36px 20px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}.scroll-indicator{left:20px}.section-h2{font-size:clamp(36px,10vw,64px)}.cta-title{font-size:clamp(40px,12vw,88px)}}@media (width<=430px){.hero-h1{font-size:clamp(46px,15vw,72px)}.hero-sub{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.btn-primary{justify-content:center;width:100%}.pos-card{padding:28px 20px}.band-num{font-size:48px}.cta-btn{justify-content:center;width:100%}}