.stick-spec-lab{position:relative;background:radial-gradient(circle at 50% 0%,#5ac8fa14,#0a0e1700 70%),#0a0e17;color:#f1f5f9;padding:6rem 0;overflow:hidden;border-top:1px solid rgba(90,200,250,.15);border-bottom:1px solid rgba(90,200,250,.15)}.stick-spec-lab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1000px;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:.8}.stick-spec-lab__inner{max-width:1240px;margin:0 auto;padding:0 2rem}.stick-spec-lab__header{text-align:center;max-width:760px;margin:0 auto 4rem}.stick-spec-lab__kicker{display:inline-flex;align-items:center;gap:.8rem;padding:.4rem 1.4rem;border-radius:999px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:#00f0ff;font-size:1.2rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.4rem}.stick-spec-lab__kicker-dot{width:7px;height:7px;border-radius:50%;background-color:#00f0ff;box-shadow:0 0 10px #00f0ff;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.stick-spec-lab__heading{font-size:clamp(2.8rem,4vw,4.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0 0 1.2rem;text-transform:uppercase}.stick-spec-lab__heading span{background:linear-gradient(135deg,#fff 40%,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stick-spec-lab__subtext{font-size:1.65rem;line-height:1.6;color:#e2e8f0;margin:0}.stick-spec-lab__nav{display:flex;justify-content:center;gap:1rem;margin-bottom:3.6rem}.stick-spec-lab__tab{padding:1.2rem 2.8rem;font-size:1.45rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;color:#cbd5e1;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:1rem}.stick-spec-lab__tab:hover{color:#fff;background:#ffffff14;border-color:#00f0ff66}.stick-spec-lab__tab[aria-selected=true]{background:#00f0ff1f;color:#fff;border-color:#00f0ff;box-shadow:0 0 20px #00f0ff33,inset 0 0 12px #00f0ff1a}.stick-spec-lab__tab svg{width:18px;height:18px;fill:currentColor}.stick-spec-lab__panel{display:none}.stick-spec-lab__panel.is-active{display:block;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spec-lab-grid{display:grid;grid-template-columns:1fr;gap:3rem;background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3rem;box-shadow:0 20px 40px -15px #00000080}@media screen and (min-width:990px){.spec-lab-grid{grid-template-columns:1.15fr 1fr;gap:4rem;padding:4rem}}.spec-lab-controls{display:flex;flex-direction:column;gap:2.8rem}.control-group{display:flex;flex-direction:column;gap:1.2rem}.control-group__header{display:flex;justify-content:space-between;align-items:baseline}.control-group__label{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1}.control-group__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.8rem;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.4)}.spec-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#1e293b;border-radius:4px;outline:none;cursor:pointer;position:relative}.spec-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #00f0ff;box-shadow:0 0 12px #00f0ffcc,0 2px 6px #00000080;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.spec-slider::-webkit-slider-thumb:hover,.spec-slider::-webkit-slider-thumb:active{transform:scale(1.15);background:#00f0ff}.spec-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #00f0ff;box-shadow:0 0 12px #00f0ffcc,0 2px 6px #00000080;cursor:pointer}.stick-spec-lab__tab:focus-visible,.spec-slider:focus-visible,.style-pill-btn:focus-visible,.spec-cta-btn:focus-visible,.curve-select-btn:focus-visible{outline:2px solid #00f0ff!important;outline-offset:3px!important;box-shadow:0 0 0 4px #00f0ff59!important}.control-group__scale{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:600;color:#cbd5e1;font-family:ui-monospace,monospace}.style-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.style-pill-btn{padding:1.2rem .8rem;background:#131d2e;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#cbd5e1;cursor:pointer;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.4rem}.style-pill-btn:hover{background:#1e293b;color:#f1f5f9;border-color:#00f0ff4d}.style-pill-btn.is-selected{background:#00f0ff1a;border-color:#00f0ff;color:#fff;box-shadow:0 0 15px #00f0ff26}.style-pill-btn .style-title{font-size:1.35rem;font-weight:800;text-transform:uppercase;color:#fff}.style-pill-btn .style-desc{font-size:1.2rem;color:#cbd5e1;font-weight:500}.style-pill-btn.is-selected .style-desc{color:#cbd5e1}.spec-lab-output{display:flex;flex-direction:column;justify-content:space-between;background:#0d1524;border:1px solid rgba(0,240,255,.2);border-radius:12px;padding:2.8rem;position:relative;overflow:hidden}.spec-lab-output:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(0,240,255,.15),transparent 70%);pointer-events:none}.spec-result-badge{display:inline-flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#38bdf8;margin-bottom:.8rem}.spec-result-hero{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:2rem}.spec-result-number{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(4.4rem,6vw,6rem);font-weight:900;line-height:1;color:#fff;text-shadow:0 0 25px rgba(0,240,255,.4)}.spec-result-unit{font-size:1.6rem;font-weight:700;color:#00f0ff;text-transform:uppercase;letter-spacing:.05em}.spec-category-tag{display:inline-block;background:#1e293b;color:#f1f5f9;font-size:1.2rem;font-weight:600;padding:.4rem 1rem;border-radius:4px;margin-bottom:2rem;border-left:3px solid #00f0ff}.stick-deflection-stage{margin:1.6rem 0 2.4rem;background:#090e18;border-radius:8px;padding:1.6rem;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center}.stick-svg-canvas{width:100%;height:80px;overflow:visible}.stick-path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;transition:all .25s ease}.stick-kick-marker{fill:#00f0ff;filter:drop-shadow(0 0 6px #00f0ff);transition:all .25s ease}.stick-blade{fill:none;stroke:#94a3b8;stroke-width:5;stroke-linecap:round}.deflection-labels{display:flex;justify-content:space-between;width:100%;font-size:1.25rem;font-weight:700;color:#cbd5e1;margin-top:.8rem;text-transform:uppercase;letter-spacing:.05em}.deflection-labels .active-kick{color:#00f0ff;font-weight:700}.spec-breakdown{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.4rem}.spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem;font-size:1.3rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.spec-row-label{flex-shrink:0;color:#cbd5e1;font-size:1.35rem;font-weight:600}.spec-row-val{text-align:right;color:#fff;font-weight:700;font-size:1.35rem}.spec-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1.6rem 2.4rem;background:#00f0ff;color:#0a0e17;font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:8px;text-decoration:none;box-shadow:0 4px 20px #00f0ff59;transition:all .2s cubic-bezier(.16,1,.3,1)}.spec-cta-btn:hover{background:#fff;box-shadow:0 6px 30px #fff6;transform:translateY(-2px)}.spec-cta-btn:active{transform:translateY(0)}.curve-selector-bar{display:flex;justify-content:center;gap:1.2rem;margin-bottom:3rem;flex-wrap:wrap}.curve-select-btn{padding:1.4rem 2.4rem;background:#111a2c;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#cbd5e1;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem}.curve-select-btn:hover{background:#1a273f;color:#fff;border-color:#00f0ff66}.curve-select-btn.is-active{background:#00f0ff1f;border-color:#00f0ff;color:#fff;box-shadow:0 0 20px #00f0ff33}.curve-badge{font-size:1.1rem;padding:.2rem .6rem;border-radius:4px;background:#00f0ff26;color:#00f0ff}.curve-detail-grid{display:grid;grid-template-columns:1fr;gap:3rem;background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3.6rem}@media screen and (min-width:990px){.curve-detail-grid{grid-template-columns:1.1fr 1fr;gap:4rem}}.curve-visual-box{background:#090e18;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:280px;position:relative}.curve-visual-svg{width:100%;max-width:380px;height:180px}.curve-arc-path{fill:none;stroke:#00f0ff;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(0,240,255,.6))}.curve-centerline{stroke:#ffffff26;stroke-dasharray:4 4}.curve-pocket-marker{fill:#fff;stroke:#00f0ff;stroke-width:3}.curve-info-card{display:flex;flex-direction:column;gap:2rem}.curve-title-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.4rem}.curve-name{font-size:2.8rem;font-weight:800;color:#fff;margin:0;text-transform:uppercase}.curve-aliases{font-size:1.35rem;color:#cbd5e1;font-family:ui-monospace,monospace;font-weight:600}.curve-summary{font-size:1.5rem;line-height:1.6;color:#cbd5e1;margin:0}.curve-meters{display:flex;flex-direction:column;gap:1.4rem}.meter-row{display:flex;flex-direction:column;gap:.6rem}.meter-label-wrap{display:flex;justify-content:space-between;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1}.meter-track{width:100%;height:8px;background:#1e293b;border-radius:4px;overflow:hidden}.meter-track .meter-fill{display:block}.meter-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#00f0ff);border-radius:4px;transition:width .4s cubic-bezier(.16,1,.3,1)}.pro-advice-box{background:#00f0ff0f;border:1px solid rgba(0,240,255,.2);border-radius:8px;padding:1.4rem 1.8rem;display:flex;gap:1.2rem;align-items:flex-start}.pro-advice-box svg{width:20px;height:20px;fill:#00f0ff;flex-shrink:0;margin-top:.2rem}.pro-advice-text{font-size:1.3rem;line-height:1.5;color:#cbd5e1;margin:0}.pro-advice-text strong{color:#00f0ff}@media screen and (max-width:749px){.stick-spec-lab__nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:2.4rem}.stick-spec-lab__tab{justify-content:center;padding:1.2rem 1rem;font-size:1.2rem;letter-spacing:.05em;line-height:1.3;text-align:center}.stick-spec-lab__tab svg{display:none}.spec-lab-grid{padding:2rem 1.6rem}.control-group__header{gap:1.2rem}.control-group__value{flex-shrink:0;font-size:1.6rem}.deflection-labels{font-size:1.05rem;letter-spacing:.02em}.spec-row{flex-direction:column;gap:.4rem}.spec-row-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em}.spec-row-val{text-align:left}.curve-title-row{flex-direction:column;gap:.6rem}.curve-name{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.stick-spec-lab__kicker-dot{animation:none}.stick-path,.stick-kick-marker,.meter-fill,.stick-spec-lab__tab,.style-pill-btn,.spec-cta-btn{transition:none!important}.stick-spec-lab__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/stick-spec-lab.css.map */