:root{--blue:#0756d9;--navy:#061936;--line:#dce4ee;--muted:#63748a;--green:#18864b;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:14px Arial,sans-serif}button,input{font:inherit;color:inherit}.screen{width:min(1080px,calc(100% - 28px));min-height:720px;margin:20px auto;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 28px #18395d14;padding:26px 34px;position:relative}header{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700}.logo b{font-size:28px;color:var(--blue);font-style:italic}.logo span{color:var(--blue)}header small{color:var(--blue);font-weight:700}.progress{display:flex;align-items:center;max-width:290px;margin:22px 0 38px}.progress span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f4f8;font-size:11px}.progress span.active,.progress span.done{background:var(--blue);color:white}.progress i{width:34px;height:1px;background:var(--line)}h1{font-size:24px;margin:0 0 8px}h2{margin:0 0 8px}.subtitle{color:var(--muted);margin:0 0 20px}.welcome{text-align:center;padding-top:35px}.welcome h1{font-size:36px;margin-top:12px}.welcome h1 em{font-style:normal;color:var(--blue)}.welcome>p{max-width:470px;line-height:1.7;margin:14px auto 20px;color:var(--muted)}.primary,.secondary{height:46px;border-radius:5px;border:1px solid var(--line);font-weight:700;cursor:pointer}.primary{background:var(--blue);color:white;padding:0 25px;min-width:220px;display:flex;justify-content:center;align-items:center;gap:28px}.primary:hover{background:#0649b8}.secondary{background:white;min-width:110px}.hero-button{margin:0 auto}.proof{display:flex;justify-content:center;gap:70px;margin-top:65px}.proof span{display:grid;grid-template-columns:30px auto;text-align:left;color:var(--blue)}.proof b,.proof small{color:var(--navy);font-size:10px}.proof small{color:var(--muted)}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.search{height:42px;border:1px solid var(--line);border-radius:6px;display:flex;gap:10px;align-items:center;padding:0 12px;color:var(--muted)}.search input{border:0;outline:0;width:100%}.paddle-select{display:grid;grid-template-columns:300px 1fr;gap:18px;margin-top:16px}.paddle-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}.paddle-list button{width:100%;border:0;border-bottom:1px solid var(--line);background:white;text-align:left;padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer}.paddle-list button.selected{border:2px solid var(--blue);background:#f7faff}.paddle-list small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mini-paddle{width:18px;height:28px;border-radius:7px;background:#252a2c}.paddle-card{border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;grid-template-columns:1fr 200px}.paddle-card a{color:var(--blue);font-weight:700}.paddle-card dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px;line-height:1.9}.paddle-card dt{color:var(--muted)}.paddle-card dd{margin:0;font-weight:700}.verified{display:inline-block;background:#effaf3;color:var(--green);padding:8px;border-radius:5px;font-size:10px}.paddle-art{width:150px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.face{width:142px;height:175px;border-radius:44% 44% 22% 22%;background:linear-gradient(145deg,#313638,#15191b);border:3px solid #080b0c;position:relative}.neck{width:48px;height:20px;background:#181c1d}.grip{width:42px;height:105px;background:repeating-linear-gradient(#15191a 0 7px,#303638 8px 10px);border-radius:0 0 8px 8px}.tape{position:absolute;background:#ff7d29}.tape-sides{width:6px;height:42px;top:48px;left:1px;box-shadow:132px 0 #ff7d29}.tape-top{width:44px;height:6px;top:1px;left:46px}.tape-corners{width:6px;height:36px;top:18px;left:12px;box-shadow:106px 0 #ff7d29}.tape-throat{width:70px;height:6px;bottom:2px;left:33px}.tape-handle{width:42px;height:8px;bottom:-42px;left:47px;z-index:2}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 34px}.style-grid button{min-height:180px;background:white;border:1px solid var(--line);border-radius:7px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.style-grid button.selected,.choice-row button.selected,.weight-choices button.selected{border:2px solid var(--blue);background:#f6f9ff}.style-grid i{font-size:27px}.style-grid small{color:var(--muted);line-height:1.5}.choice-row{display:flex;gap:10px}.choice-row button,.weight-choices button{flex:1;height:46px;border:1px solid var(--line);background:white;border-radius:5px;cursor:pointer}.priority-list{display:grid;gap:8px}.priority-list button{height:56px;border:1px solid var(--line);background:white;border-radius:7px;display:grid;grid-template-columns:35px 1fr 100px;align-items:center;text-align:left;cursor:pointer}.priority-list button>span{width:25px;height:25px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;margin-left:8px}.priority-list small{display:block;color:var(--muted);font-weight:400}.priority-list i{color:var(--blue);font-style:normal}.priority-list button.selected{border:2px solid var(--blue);background:#f7faff}.form-section{margin:25px 0}.form-section h3{margin-bottom:4px}.form-section>p{color:var(--muted);font-size:11px}.weight-choices{display:flex;gap:10px;max-width:650px}.check{display:block;margin:12px 0}.check input{accent-color:var(--blue)}.analysis{text-align:center;max-width:580px;margin:25px auto}.analysis>p{color:var(--muted)}.ring{width:170px;height:170px;margin:28px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 78%,#cfe0fb 0);position:relative}.ring:after{content:"";position:absolute;inset:14px;background:white;border-radius:50%}.ring b{font-size:35px;z-index:1}.analysis ul{list-style:none;text-align:left;padding:0}.analysis li{display:grid;grid-template-columns:28px 1fr;color:var(--green);margin:15px}.analysis li small{grid-column:2;color:var(--muted)}.analysis li.active{color:var(--blue)}.time{background:#f5f7fa;padding:12px;color:var(--muted);margin-top:30px}.center-title{text-align:center}.center-title p{color:var(--muted)}.overview{display:grid;grid-template-columns:1fr 310px;gap:25px;margin:25px 0}.score-card{border:1px solid var(--line);border-radius:8px;text-align:center;padding:18px;display:flex;flex-direction:column;gap:7px}.score-card>b{font-size:38px;color:var(--blue)}.score-card span{color:var(--blue);font-weight:700}.score-card hr{width:100%;border:0;border-top:1px solid var(--line)}.solutions{display:flex;gap:10px}.solutions span{flex:1;border:1px solid var(--line);padding:13px;border-radius:6px;font-size:11px}.solutions b{display:block;margin-bottom:8px}.solutions .selected{border:2px solid var(--blue)}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{border:1px solid var(--line);padding:13px;text-align:left}th{background:#f4f7fb}td.change{color:var(--green);font-weight:700}.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:20px 0}.tabs>*{padding:12px;text-align:center}.tabs b{background:var(--blue);color:white}.placement{display:grid;grid-template-columns:1fr 200px 1fr;align-items:center;gap:25px;margin:20px auto;max-width:750px}.callout{border:1px solid #9fbeef;border-radius:7px;text-align:center;padding:18px;color:var(--muted)}.callout b{font-size:28px;color:var(--blue);display:block}.tips{display:flex;justify-content:space-around;background:#f7f9fc;border:1px solid var(--line);padding:18px}.tips span{display:flex;flex-direction:column;text-align:center;gap:4px}.tips small{color:var(--muted)}.details-tabs{grid-template-columns:repeat(3,1fr)}.explain{line-height:1.8;max-width:800px;color:#42556c}.checks{list-style:none;padding:0}.checks li{margin:17px 0;color:#304b65}.checks li::first-letter{color:var(--green)}.help{margin-top:50px;background:#f7f9fc;border:1px solid var(--line);padding:22px}.loading{padding:40px;text-align:center}
@media(max-width:760px){.screen{margin:0;width:100%;border-radius:0;padding:20px;min-height:100vh}.paddle-select,.overview{grid-template-columns:1fr}.style-grid{grid-template-columns:1fr}.choice-row,.weight-choices,.proof,.tips{flex-wrap:wrap}.placement{grid-template-columns:1fr}.paddle-card{grid-template-columns:1fr}.progress{margin-bottom:25px}.actions{position:sticky;bottom:0;background:white;padding:12px 0}.primary{min-width:170px}}

/* Premium paddle product asset */
.paddle-art{width:190px;height:290px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}
.paddle-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #07152a24)}
.welcome .paddle-art{width:185px;height:285px}
.paddle-card .paddle-art{width:180px;height:275px}
.placement .paddle-art{width:220px;height:335px}
.overview .paddle-art{width:210px;height:320px}
.mini-paddle{width:20px;height:32px;border-radius:0;background:url('/assets/clean-paddle.png') center/contain no-repeat}
.tape-overlay{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 1px 2px #7a250080)}
.tape-overlay i{position:absolute;display:block;background:linear-gradient(90deg,#ff5b18,#ff9a3d 48%,#f45d16);border:1px solid #d94d0b;border-radius:999px;box-shadow:0 0 0 2px #fff8,0 0 10px #ff6b2480}
.tape-overlay-top i:first-child{width:23%;height:2.5%;left:38.5%;top:5.2%}.tape-overlay-top i:last-child{display:none}
.tape-overlay-sides i{width:3.5%;height:22%;top:21%}.tape-overlay-sides i:first-child{left:21.2%}.tape-overlay-sides i:last-child{right:21.2%}
.tape-overlay-upper-corners i,.tape-overlay-corners i{width:21%;height:18%;top:4.4%;background:none;box-shadow:none;border:0;border-color:#ff741f;border-style:solid;filter:drop-shadow(0 1px 1px #7a250080)}
.tape-overlay-upper-corners i:first-child,.tape-overlay-corners i:first-child{left:18.5%;border-width:6px 0 0 6px;border-radius:78% 0 0 0}
.tape-overlay-upper-corners i:last-child,.tape-overlay-corners i:last-child{right:18.5%;border-width:6px 6px 0 0;border-radius:0 78% 0 0}
.tape-overlay-corners i{height:23%;top:5.5%}
.tape-overlay-lower-corners i,.tape-overlay-throat i{width:3.5%;height:15%;top:48%}.tape-overlay-lower-corners i:first-child,.tape-overlay-throat i:first-child{left:24%;transform:rotate(-39deg)}.tape-overlay-lower-corners i:last-child,.tape-overlay-throat i:last-child{right:24%;transform:rotate(39deg)}
.tape-overlay-handle i:first-child{width:21%;height:2.8%;left:39.5%;top:78%}.tape-overlay-handle i:last-child{display:none}

/* Official The Racket Pro brand */
.logo{gap:14px}
.logo img{display:block;width:155px;height:30px;object-fit:contain;background:#03063b;border-radius:2px}
.logo span{padding-left:14px;border-left:1px solid var(--line);letter-spacing:.025em}
@media(max-width:600px){.logo img{width:112px;height:25px}.logo span{font-size:8px;padding-left:8px}.logo{gap:8px}}

/* Welcome-screen benefit alignment */
.proof span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:135px;text-align:center;gap:4px;color:var(--blue)}
.proof b,.proof small{display:block;width:100%;text-align:center}
.proof b{margin-top:3px}

/* Data quality and estimate disclosures */
.data-status{margin-top:12px;padding:9px 10px;border-radius:5px;font-size:10px;line-height:1.4}
.data-status.warning,.estimate-warning{border:1px solid #edc86a;background:#fff8e4;color:#674d08}
.estimate-warning{margin:18px 0;padding:14px 16px;border-radius:7px;line-height:1.45}
.estimate-warning b{display:block;margin-bottom:4px}
.estimate-warning p{margin:0}
.estimate-warning.compact{font-size:12px;padding:11px 14px}

/* Honest phase-based analysis progress */
.analysis-spinner{width:130px;height:130px;margin:28px auto;display:grid;place-items:center;position:relative}
.analysis-spinner i{position:absolute;inset:0;border:10px solid #d9e6fa;border-top-color:var(--blue);border-radius:50%;animation:analysis-spin 1s linear infinite}
.analysis-spinner b{color:var(--blue);font-size:15px}
.analysis .engine-progress li{color:#9aa7b6;transition:color .2s ease}
.analysis .engine-progress li span{grid-row:1/3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;color:#7c8a9a}
.analysis .engine-progress li.active{color:var(--blue)}
.analysis .engine-progress li.active span{background:var(--blue);color:white}
.analysis .engine-progress li.done{color:var(--green)}
.analysis .engine-progress li.done span{background:#e4f5e9;color:var(--green)}
@keyframes analysis-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.analysis-spinner i{animation:none}}

/* V1 skill-only setup */
.skill-screen{max-width:850px;margin:55px auto 90px}
.skill-choices{margin-top:28px}
.skill-choices button{height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}
.skill-choices button b{font-size:15px}
.skill-choices button small{color:var(--muted);line-height:1.4}