@charset "UTF-8";
:root{--ink:#14202d;--muted:#737b80;--paper:#f5f4ef;--line:#ddded9;--violet:#7958f5;--navy:#0c1c2d;--white:#fff;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--violet);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,72px);line-height:1.2;letter-spacing:-2px;font-weight:650}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.3;letter-spacing:-1px}h3{font-size:23px;line-height:1.4}p{color:var(--muted)}small{font-size:12px}.preview{padding:5px 5%;background:#152331;color:#f0f1f1;font-size:11px;display:flex;justify-content:space-between;letter-spacing:1px}.preview span{color:#b5c2cf}.header{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(245,244,239,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);gap:28px}.logo{font-size:30px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap;line-height:1;position:relative;font-style:italic}.logo span{font-size:14px;letter-spacing:2px;border-left:1px solid #93999f;margin-left:13px;padding-left:12px;font-style:normal}.logo i{font-size:9px;position:absolute;top:-5px;right:-10px}.header nav{display:flex;gap:29px;font-size:13px}.header nav a{padding:27px 0;position:relative}.header nav a.active:after{content:"";height:3px;background:var(--violet);position:absolute;bottom:13px;left:0;right:0}.header-cta{font-size:12px;border:1px solid #aeb3b7;padding:9px 17px;white-space:nowrap}.header-cta span{margin-left:20px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:0}.wrap{max-width:1440px;padding:85px 6%;margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:23px;display:block}.eyebrow:before{content:"";display:inline-block;width:19px;height:2px;background:var(--violet);vertical-align:middle;margin-right:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:47px;padding:11px 24px;background:var(--ink);color:white;border:1px solid transparent;font-size:13px;border-radius:2px}.btn:hover{background:#314659}.btn.light{background:var(--paper);color:var(--ink)}.btn.outline{background:transparent;color:inherit;border-color:#818a92}.btn.purple{background:var(--violet);color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-head h2{margin-bottom:0}.section-head p{margin-bottom:0;max-width:430px}.hero{min-height:690px;height:calc(100svh - 116px);max-height:920px;background:radial-gradient(ellipse at 76% 42%,#264a60 0%,#0d263a 38%,#0c1b2b 74%);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 125px,#ffffff03 126px 127px)}.hero-copy{padding:70px 6% 105px;position:relative;z-index:2;width:58%}.hero .eyebrow{color:#afbfcc}.hero h1{font-size:clamp(43px,5.5vw,80px);font-weight:550;line-height:1.25}.hero h1 em{font-style:normal;color:#a0b9c9}.hero-copy>p{color:#b0c1cd;max-width:390px;font-size:14px}.hero-product{margin-top:38px;font-size:22px;letter-spacing:1px}.hero-product span{font-size:11px;color:#a2b3c1;display:block;letter-spacing:2px;margin-top:3px}.hero-art{position:absolute;right:1%;top:0;width:52%;height:94%;display:grid;place-items:center}.hero-art .paddle{width:82%;height:90%;max-height:670px;transform:rotate(18deg);filter:drop-shadow(0 35px 30px #0009)}.hero-word{position:absolute;bottom:10%;right:-1%;font-size:clamp(100px,17vw,270px);font-weight:900;letter-spacing:-12px;line-height:1;color:#abc9df07;white-space:nowrap}.hero-label{position:absolute;right:5%;bottom:105px;font-size:10px;letter-spacing:2px;color:#90a5b6}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #a2b7c32a;padding:21px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#a4b6c5;z-index:2}.hero-bottom b{color:white}.ticker{display:flex;justify-content:space-around;padding:20px 5%;border-bottom:1px solid var(--line);gap:20px;font-size:11px;letter-spacing:2px}.ticker span:before{content:"+";color:var(--violet);margin-right:12px}.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.need{background:var(--paper);padding:30px 25px;position:relative;transition:background .2s}.need:hover{background:#e9e6f7}.need small{color:var(--muted);font-size:10px;letter-spacing:2px}.need strong{display:block;font-size:40px;font-weight:500;margin:25px 0 7px}.need>span{font-size:13px}.need i{position:absolute;right:24px;bottom:28px;font-style:normal}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{min-width:0}.product-visual{height:350px;background:#e7eae8;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual .paddle{height:87%;width:76%;transition:transform .45s;transform:rotate(12deg)}.product-card:hover .paddle{transform:rotate(6deg) translateY(-7px)}.product-visual .badge{position:absolute;left:17px;top:17px;font-size:9px;letter-spacing:2px;background:#f5f4efb0;padding:3px 8px}.product-visual .concept{position:absolute;right:12px;bottom:9px;font-size:9px;color:#717b81}.product-info{padding:20px 0}.product-info h3{margin:0 0 4px}.product-info p{font-size:13px;margin-bottom:14px}.card-actions{display:flex;justify-content:space-between;align-items:center;font-size:12px}.compare-btn{padding:5px 9px;border:1px solid #b7bcbf;background:transparent;border-radius:2px;font-size:12px}.compare-btn[aria-pressed=true]{background:#e6dffc;border-color:var(--violet);color:#5131bb}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.finder-promo{background:#eae6f3}.finder-graphic{background:#f8f7fb;padding:32px;border:1px solid #d5cee6;box-shadow:14px 14px 0 #dfd9eb;transform:rotate(-2deg)}.finder-graphic .mini-top{display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:18px}.finder-graphic h3{margin:26px 0}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-block;padding:8px 15px;border:1px solid #c2bdd1;font-size:12px;border-radius:30px}.pill.selected{background:var(--violet);color:white;border-color:var(--violet)}.lab-section{background:var(--navy);color:white}.lab-section p{color:#a6b8c7}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #344552;margin-top:40px}.lab-grid>div{padding:28px;border-right:1px solid #344552}.lab-grid>div:last-child{border:0}.lab-grid strong{display:block;font-size:27px;font-weight:400;margin-bottom:12px}.lab-grid small{color:#9eb0be}.lab-drawing{border:1px solid #344552;padding:36px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 38px,#b4d2ec08 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#b4d2ec08 39px 40px);height:350px;display:flex;align-items:center;justify-content:center;gap:38px}.lab-drawing .paddle{height:260px;width:140px;opacity:.8;transform:rotate(-8deg)}.lab-drawing .metrics{font-size:11px;color:#a0b8c8;line-height:3.5}.lab-drawing>small{position:absolute;left:16px;bottom:12px;letter-spacing:2px}.play-court{background:#658377;min-height:340px;position:relative;overflow:hidden;display:grid;place-items:center}.court-lines{position:absolute;border:3px solid #dbe1bb;inset:55px -30px;transform:rotate(-23deg);background:linear-gradient(90deg,transparent 49.7%,#dbe1bb 50%,transparent 50.3%),linear-gradient(0deg,transparent 30%,#dbe1bb 30% 31%,transparent 31% 69%,#dbe1bb 69% 70%,transparent 70%)}.ball{border-radius:50%;width:78px;height:78px;background:radial-gradient(circle at 32% 32%,#525d28 0 5px,transparent 6px),radial-gradient(circle at 70% 45%,#525d28 0 6px,transparent 7px),radial-gradient(circle at 45% 75%,#525d28 0 6px,transparent 7px),#d8e875;box-shadow:16px 22px 24px #173c4870;z-index:1}.play-court>span{position:absolute;bottom:20px;left:24px;color:#fff;font-size:11px;letter-spacing:3px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.editorial{padding:26px;border-top:1px solid #a9b0b3;background:#eeeee7;min-height:240px}.editorial .number{font-size:48px;font-weight:300;color:#989f94}.editorial h3{font-size:21px;margin:24px 0 12px}.editorial p{font-size:13px}.brand-banner{background:#dedfd5;text-align:center;padding:80px 6%}.brand-banner h2{font-size:clamp(30px,4.5vw,62px);font-weight:450}.brand-banner p{max-width:640px;margin:0 auto}.join{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.join a{border-top:1px solid var(--line);padding:22px 0;font-size:20px}.join span{float:right;color:var(--violet)}footer{background:#101a24;color:#e7eced;padding:65px 6% 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-top p{font-size:13px;margin:24px 0 6px;color:#bec6cb}.footer-top small{color:#7f8c98}.footer-top b{font-size:12px;display:block;margin-bottom:16px}.footer-top>div>a:not(.logo){display:block;font-size:12px;color:#9faeb8;margin:10px 0}.footer-bottom{margin-top:55px;border-top:1px solid #35404a;padding-top:23px;display:flex;justify-content:space-between;font-size:10px;color:#83919c;letter-spacing:1px}.page-title{padding-bottom:40px}.page-title h1{font-size:clamp(36px,5vw,62px);margin-bottom:20px}.page-title p{max-width:660px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:40px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filter{border:1px solid var(--line);padding:9px 18px;background:transparent;border-radius:2px}.filter.active{background:var(--ink);color:white}.note{font-size:12px;color:var(--muted);padding:14px 18px;border-left:2px solid #a292cd;background:#efedf3;margin-top:20px}.detail-top{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.detail-image{height:570px;display:grid;place-items:center;position:relative;background:#e1e6e7}.detail-image .paddle{height:90%;width:85%;transform:rotate(13deg);filter:drop-shadow(10px 20px 12px #14273825)}.detail-image small{position:absolute;left:20px;bottom:14px;color:#647680}.detail-copy h1{font-size:52px;margin:12px 0 18px}.detail-copy .lead{font-size:23px;color:var(--ink)}.detail-copy p{font-size:14px}.detail-facts{display:flex;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:18px 0;font-size:12px}.detail-facts span{color:var(--muted);display:block;font-size:10px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{padding:28px;border:1px solid var(--line);background:#faf9f5}.tile h3{font-size:19px}.tile p{font-size:13px;margin-bottom:0}.specs{width:100%;border-collapse:collapse;font-size:14px}.specs th,.specs td{text-align:left;padding:18px;border-bottom:1px solid var(--line);vertical-align:top}.specs th{font-weight:500}.specs td{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{margin:14px 0 0;font-size:14px;max-width:760px}.narrow{max-width:1000px}.compare-dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:30;background:var(--ink);color:white;padding:12px 14px 12px 24px;box-shadow:0 8px 30px #0003;border:1px solid #53606b;display:flex;gap:30px;align-items:center;font-size:13px;max-width:95vw}.compare-dock[hidden]{display:none}.compare-dock button{border:0;background:transparent;color:#c6cfd7;font-size:12px}.compare-dock .btn{min-height:36px;padding:5px 18px;font-size:12px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);z-index:40;background:#111e2ded;color:white;padding:12px 24px;opacity:0;pointer-events:none;transition:all .2s;font-size:13px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.table-scroll{overflow:auto}.compare-table{min-width:650px;width:100%;table-layout:fixed;border-collapse:collapse}.compare-table th,.compare-table td{padding:20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare-table th:first-child{width:120px;font-size:13px}.compare-table td{font-size:13px;color:var(--muted)}.compare-table th .paddle{height:160px;width:110px;display:block;margin:auto}.compare-table th h3{font-size:20px;margin:15px 0}.compare-table .remove{display:block;border:0;background:none;font-size:12px;color:var(--muted);margin-top:12px;padding:0}.compare-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.compare-picker label{font-size:13px}.compare-picker select{background:#fff;border:1px solid var(--line);padding:10px;max-width:100%}.wizard{max-width:790px;margin:auto;background:#faf9f6;border:1px solid var(--line);padding:42px}.wizard-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.progress{height:3px;background:#e5e0ee;margin:18px 0 35px}.progress>span{display:block;background:var(--violet);height:3px}.choices{display:grid;gap:12px;margin-top:25px}.choice{display:flex;gap:20px;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;padding:18px 20px;width:100%}.choice:before{content:"";width:16px;height:16px;border:1px solid #aeb1b3;border-radius:50%;flex:none}.choice.selected{border-color:var(--violet);background:#ede8fb}.choice.selected:before{border:5px solid var(--violet)}.choice strong{display:block;font-size:16px;font-weight:500}.choice small{color:var(--muted)}.wizard-controls{display:flex;justify-content:space-between;margin-top:28px}.wizard-controls button:first-child{background:transparent;border:0;color:var(--muted)}.result{border:1px solid #c4b5e6;background:#f0ebfa;padding:30px;margin-bottom:30px}.result .eyebrow{margin-bottom:12px}.result-grid{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:20px}.result .paddle{width:100%;height:270px}.empty{padding:45px;border:1px dashed #b1b8bc;text-align:center}.empty h3{font-size:23px}.empty p{max-width:640px;margin:0 auto 20px}.status{display:inline-block;background:#e5e0ef;color:#655781;font-size:11px;padding:3px 10px;margin-bottom:20px}.steps{counter-reset:step}.step{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.step:before{counter-increment:step;content:"0" counter(step);font-size:25px;color:var(--violet)}.step h3{font-size:20px;margin:0 0 8px}.step p{margin:0;font-size:14px}.article{max-width:820px}.article h2{font-size:25px;margin-top:40px}.article p,.article li{line-height:1.95;color:#626d75}.article ul{padding-left:22px}.article .eyebrow{color:var(--muted)}.spacer-top{margin-top:55px}.hide{display:none!important}
@media(min-width:1500px){.hero-copy{padding-left:max(6%,calc((100vw - 1260px)/2))}.hero-art{right:5%;width:45%}}@media(max-width:1050px){.header{gap:15px}.header nav{gap:17px}.header-cta{display:none}.split,.detail-top{gap:35px}.product-visual{height:290px}.hero{min-height:650px}.hero h1{font-size:56px}.hero-art{right:-6%;width:58%}.hero-copy{width:65%}.hero-copy>p{max-width:310px}.footer-top{gap:25px}.wrap{padding-top:65px;padding-bottom:65px}}
@media(max-width:720px){.preview{font-size:9px;padding:5px 5%}.preview span{font-size:8px;letter-spacing:0}.header{height:67px;padding:0 5%}.logo{font-size:26px}.menu-toggle{display:block;border:0;background:transparent;font-size:23px;padding:8px}.header nav{display:none;position:absolute;top:67px;left:0;right:0;padding:15px 6%;background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 24px}.header nav.open{display:grid}.header nav a{padding:14px 0}.header nav a.active:after{bottom:7px}.hero{height:auto;min-height:830px;display:block}.hero-copy{width:100%;padding:43px 6% 0}.hero h1{font-size:44px;letter-spacing:-1px;margin-bottom:20px}.hero-copy>p{font-size:12px;max-width:270px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero-product{font-size:19px;margin-top:23px}.hero-product span{font-size:10px}.hero .actions{margin-top:20px}.btn{gap:20px;padding:10px 17px;min-height:44px;font-size:12px}.hero-art{height:410px;width:85%;right:-7%;top:380px}.hero-art .paddle{height:97%;width:100%;transform:rotate(23deg)}.hero-word{bottom:17%;font-size:130px}.hero-label{bottom:88px;right:6%;font-size:8px}.hero-bottom{font-size:8px;letter-spacing:1px;padding:17px 0}.hero-bottom>span:last-child{display:none}.ticker{font-size:8px;letter-spacing:1px;gap:8px;padding:16px 4%;flex-wrap:wrap}.ticker span:before{margin-right:6px}.wrap{padding:52px 6%}.eyebrow{font-size:9px;margin-bottom:15px}.section-head{display:block;margin-bottom:27px}.section-head>a,.section-head>p{margin-top:18px}.needs{grid-template-columns:1fr 1fr}.need{padding:22px}.need strong{font-size:33px;margin:20px 0 6px}.product-grid{grid-template-columns:1fr 1fr;gap:15px}.product-visual{height:230px}.product-visual .badge{font-size:7px;left:9px;top:10px;padding:3px 5px}.product-info h3{font-size:19px}.product-info p{font-size:11px;min-height:37px}.product-info{padding-top:14px}.card-actions{gap:8px;align-items:flex-start;flex-direction:column}.concept{font-size:8px!important}.split{grid-template-columns:1fr;gap:35px}.finder-graphic{padding:25px;margin-right:12px}.lab-grid{grid-template-columns:1fr}.lab-grid>div{border-right:0;border-bottom:1px solid #344552;padding:20px}.lab-grid strong{font-size:23px;display:inline-block;margin:0 15px 0 0}.lab-drawing{height:300px}.lab-drawing .paddle{height:225px}.editorial-grid,.tiles{grid-template-columns:1fr;gap:15px}.editorial{min-height:0;padding:20px}.editorial .number{font-size:30px}.editorial h3{margin:12px 0}.brand-banner{padding:55px 6%}.join{grid-template-columns:1fr;gap:0}.join a{font-size:18px;padding:18px 0}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:10px;margin-bottom:65px}.page-title h1{font-size:38px}.page-title{padding-bottom:25px}.breadcrumbs{margin-bottom:27px}.detail-top{grid-template-columns:1fr;gap:28px}.detail-image{height:370px}.detail-copy h1{font-size:39px}.detail-copy .lead{font-size:21px}.detail-facts{gap:25px}.compare-dock{bottom:12px;width:94%;gap:12px;padding:10px 12px;font-size:11px;justify-content:space-between}.compare-dock .btn{padding:7px 10px}.compare-dock button{font-size:10px}.compare-table th,.compare-table td{padding:15px 10px}.wizard{padding:24px 20px}.wizard h2{font-size:26px}.choice{padding:14px;gap:12px}.choice strong{font-size:14px}.choice small{font-size:11px}.result{padding:20px}.result-grid{grid-template-columns:1fr}.result .paddle{height:230px}.empty{padding:30px 20px}.filters{gap:7px}.filter{font-size:12px;padding:8px 12px}.play-court{min-height:270px}.article h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}