:root{font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#202722;background:#f7f8f4;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #de6b3c;outline-offset:5px}.home{max-width:1520px;margin:auto;padding:0 clamp(20px,5vw,80px)}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:96px;border-bottom:1px solid #dce1d9}.wordmark{font-size:22px;letter-spacing:2px;font-weight:750;display:flex;align-items:center;gap:12px}.brand-dot{width:13px;height:13px;border-radius:50%;background:#d95b32}.nav-actions{display:flex;gap:28px;align-items:center}.small-link{font-size:13px;color:#61695f}.lang{display:flex;gap:2px;border:1px solid #dce1d9;padding:3px;border-radius:24px}.lang button{border:0;background:transparent;color:#70766d;border-radius:20px;min-width:42px;min-height:36px;font-size:12px}.lang button[aria-pressed=true]{background:#25392b;color:white}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(32px,6vw,100px);align-items:center;padding:clamp(52px,7vw,110px) 0 60px;min-height:660px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:2px;color:#677462;margin:0 0 28px}.eyebrow:before{content:'';width:24px;height:1px;background:#899880}h1{font-size:clamp(42px,5.4vw,78px);line-height:1.18;letter-spacing:-3px;font-weight:650;margin:0 0 28px}h1 span{color:#62795a}.intro{font-size:16px;line-height:1.95;max-width:350px;color:#747c71;margin:0 0 32px}.enter{border:0;border-radius:8px;background:#25392b;color:#fff;min-height:54px;padding:0 22px;display:inline-flex;gap:38px;align-items:center;font-size:14px;transition:background .2s,transform .2s}.enter:hover{background:#365139;transform:translateY(-2px)}.enter .arrow{font-size:23px;font-weight:300}.hero-note{margin:18px 0 0;font-size:12px;color:#828a7d}.court-visual{position:relative;border-radius:16px;background:#e9eee4;border:1px solid #dce4d6;overflow:hidden;aspect-ratio:1/1.04;box-shadow:0 24px 60px -38px #203a2c45}.visual-top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;font-size:10px;letter-spacing:1.5px;color:#75836b}.visual-top strong{font-size:11px;font-weight:500;color:#354b30}.court-visual svg{width:100%;height:auto;display:block}.visual-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6b7a62;gap:16px}.visual-bottom span:last-child{padding:6px 9px;border:1px solid #ccd7c4;border-radius:4px;font-size:10px}.ball-path{stroke-dasharray:8 7;animation:pass-drift 5s linear infinite}.focus-ring{transform-origin:320px 284px;animation:focus-pulse 4s ease-in-out infinite}.visual-label{font-family:inherit;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dce1d9;border-bottom:1px solid #dce1d9;gap:32px;padding:28px 0}.step{display:grid;grid-template-columns:32px 1fr;gap:14px}.step-number{font-size:11px;color:#98a28e;padding-top:4px}.step h2{font-size:15px;font-weight:600;margin:0 0 7px}.step p{font-size:12px;line-height:1.8;color:#80887b;margin:0}.home-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;font-size:10px;color:#90978a;letter-spacing:1px}.hero-copy,.court-visual{animation:arrive .6s ease-out both}.court-visual{animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pass-drift{to{stroke-dashoffset:-60}}@keyframes focus-pulse{50%{opacity:.3}}@media(max-width:1000px){.hero{gap:30px;min-height:540px}.home-nav{height:80px}h1{letter-spacing:-2px}.visual-top{padding:20px}.visual-bottom{left:20px;right:20px;bottom:18px}.steps{gap:18px}}@media(max-width:700px){.home-nav{height:76px}.wordmark{font-size:18px;letter-spacing:1.5px}.nav-actions{gap:12px}.small-link{display:none}.hero{grid-template-columns:1fr;gap:34px;padding:44px 0 32px;min-height:0}.eyebrow{margin-bottom:20px;font-size:10px}h1{font-size:clamp(40px,9vw,58px);letter-spacing:-1.8px;margin-bottom:20px}.intro{max-width:400px;font-size:15px;margin-bottom:24px}.enter{min-height:50px;gap:50px}.hero-note{font-size:11px}.court-visual{aspect-ratio:1.12;max-width:520px;width:100%;justify-self:center}.court-visual svg{margin-top:-15px}.visual-bottom{bottom:16px}.steps{grid-template-columns:1fr;gap:22px;padding:25px 0}.step p{font-size:13px}.home-footer{font-size:9px;letter-spacing:.3px;align-items:flex-start}.home-footer span{max-width:50%;line-height:1.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1700px){.hero{min-height:760px}}
