:root{--navy:#071426;--navy2:#0b1c32;--ice:#edf7fa;--white:#fff;--ink:#0c1c2c;--muted:#637487;--line:#d8e4e9;--cyan:#1ee6d1;--blue:#198dff;--orange:#ff6b35;--shadow:0 24px 70px rgba(3,22,41,.13);--display:"Barlow Condensed",Impact,sans-serif;--body:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5fafb;color:var(--ink);font-family:var(--body);line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:70px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:.5px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{position:relative;display:inline-block;width:29px;height:29px;border:2px solid var(--cyan);transform:skew(-13deg);border-radius:5px}.brand-mark:after,.brand-mark span{content:"";position:absolute;left:5px;right:5px;height:2px;background:var(--cyan);top:8px;box-shadow:0 6px 0 var(--cyan)}.photo-button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#dcecf4;border-radius:999px;display:flex;align-items:center;gap:8px;padding:8px 11px 8px 13px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.photo-button svg{width:16px;fill:var(--cyan)}.photo-button span{font-size:9px;color:var(--navy);background:var(--cyan);padding:2px 6px;border-radius:999px}
.hero{min-height:505px;color:#fff;background:radial-gradient(circle at 78% 35%,#173553 0,transparent 30%),linear-gradient(135deg,#071426 25%,#0a223b 100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;padding:68px max(28px,calc((100vw - 1180px)/2)) 88px;position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(to bottom right,transparent 49%,#f5fafb 50%)}.hero-copy{max-width:610px;position:relative;z-index:2}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:11px;color:#1cbcaf;margin:0 0 15px}.eyebrow{color:#a4f9f0;display:flex;align-items:center;gap:9px}.eyebrow span{width:30px;height:2px;background:var(--cyan)}h1{font:800 clamp(52px,7vw,88px)/.87 var(--display);letter-spacing:-1.5px;text-transform:uppercase;margin:0;max-width:720px}h1 em{display:block;color:var(--cyan);font-style:normal}.hero-copy>p:nth-of-type(2){font-size:16px;color:#b4c8d6;max-width:540px;margin:26px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap}.trust-row span{display:flex;align-items:center;gap:7px;color:#d9e7ef;font-size:12px}.trust-row svg{width:16px;fill:var(--cyan)}
.rink-art{width:min(490px,45vw);height:330px;justify-self:end;position:relative;transform:rotate(-3deg);opacity:.98}.rink-art:before{content:"";position:absolute;inset:0;border-radius:46% 46% 42% 42%/20% 20% 20% 20%;border:1px solid rgba(138,226,241,.28);background:linear-gradient(90deg,transparent 49.7%,rgba(40,153,214,.35) 50%,transparent 50.3%),linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 0 50px rgba(67,179,225,.1)}.rink-lines:before,.rink-lines:after{content:"";position:absolute;border:1px solid rgba(235,76,89,.25);border-radius:50%;width:90px;height:90px;top:117px}.rink-lines:before{left:68px}.rink-lines:after{right:68px}.rink-lines{position:absolute;inset:0}.rink-lines:after{box-shadow:-158px 0 0 -44px transparent}.stick-art{position:absolute;width:310px;height:13px;background:linear-gradient(90deg,#e8f2f6,#687888);transform:rotate(-55deg);top:135px;left:70px;border-radius:4px;box-shadow:0 10px 30px #0007}.stick-art:after{content:"";position:absolute;width:74px;height:26px;border-radius:3px 3px 24px 5px;background:linear-gradient(150deg,#18deca,#0e857f);right:-55px;top:-7px;transform:skewX(-26deg)}.stick-art span{position:absolute;inset:2px 30px 2px 20px;background:linear-gradient(90deg,var(--cyan) 0 5%,transparent 5% 70%,var(--orange) 70% 73%,transparent 73%)}.puck{position:absolute;width:55px;height:18px;background:#02090f;border-radius:50%;right:45px;bottom:62px;box-shadow:0 10px 14px #0009}.stat{position:absolute;background:rgba(5,20,35,.82);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);border-radius:13px;padding:11px 17px;box-shadow:0 10px 30px #0005;transform:rotate(3deg)}.stat small{font-size:8px;letter-spacing:1.5px;color:#a9c0ce;display:block}.stat strong{font:800 28px var(--display);color:#fff}.stat strong span{font-size:15px;color:var(--cyan)}.stat-flex{right:8px;top:35px}.stat-length{left:25px;bottom:30px}
.fit-shell{width:min(1060px,calc(100% - 36px));margin:-34px auto 80px;background:#fff;border:1px solid #e4edf0;border-radius:22px;box-shadow:var(--shadow);position:relative;z-index:3;overflow:hidden}.fit-header{padding:30px 34px 21px;display:flex;align-items:flex-end;justify-content:space-between}.fit-header h2,.photo-preview h2{font:800 32px/1 var(--display);text-transform:uppercase;margin:0}.fit-header .section-kicker{margin-bottom:7px}.time-pill{margin:0;font-size:11px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:999px}.time-pill span{color:#16bca9}.steps{list-style:none;margin:0;padding:0 34px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf2f4;border-bottom:1px solid #e3ebee}.steps li{position:relative;display:flex;align-items:center;gap:9px;padding:15px 0;color:#96a5b2;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.steps li:not(:last-child):after{content:"";height:1px;background:#dce7eb;position:absolute;left:52px;right:18px;top:50%}.steps span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #cdd9de;background:#fff;position:relative;z-index:1;font-weight:700}.steps li.active{color:var(--ink)}.steps li.active span{border-color:var(--cyan);background:var(--navy);color:var(--cyan);box-shadow:0 0 0 4px #dffbf8}.steps li.done span{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.form-step{display:none;padding:35px 34px 5px;animation:fade .32s ease}.form-step.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:30px}.step-heading>span{font:800 39px/.9 var(--display);color:#d4e3e8}.step-heading h3,.rank-head h3,.result-hero h3{font:800 28px/1 var(--display);text-transform:uppercase;margin:0 0 7px}.step-heading p,.result-hero p{margin:0;color:var(--muted);font-size:13px}.field-grid{display:grid;gap:18px}.field-grid.two{grid-template-columns:1fr 1fr}.field>span:first-child,.field-label,.measure-card legend{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#26394b}.input-wrap{border:1px solid var(--line);background:#fbfdfe;border-radius:10px;display:flex;align-items:center}.input-wrap:focus-within,.measure-pair label div:focus-within{border-color:#1aaea1;box-shadow:0 0 0 3px #1ee6d119}.input-wrap input{border:0;outline:0;background:transparent;padding:13px;width:100%;font-weight:600}.input-wrap small{padding-right:14px;color:#778897;font-size:11px}.error{display:none;font-size:10px;color:#d83d35;font-style:normal;margin-top:5px}.invalid .error,.measure-card.invalid>.error{display:block}.invalid .input-wrap,.measure-card.invalid .measure-pair label:first-child div{border-color:#d83d35}.measure-card{border:0;padding:0;margin:23px 0}.measure-card legend{width:100%}.measure-card legend span{float:right;font-weight:500;color:#91a0ad;font-size:10px}.measure-pair{display:grid;grid-template-columns:1fr 36px 1fr;align-items:end}.measure-pair label>span{display:block;text-transform:uppercase;letter-spacing:1px;color:#81909e;font-size:9px;margin:0 0 5px 2px}.measure-pair label div{border:1px solid var(--line);background:#fbfdfe;border-radius:10px;display:flex;align-items:center}.measure-pair input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:13px;font-weight:600}.measure-pair b{font-size:10px;color:#7a8b99;margin-right:13px}.equals{text-align:center;color:#91a0ad;padding-bottom:12px}.feet-label div input{padding-right:3px}.feet-label div b{margin-right:4px}.field-block{margin:25px 0}.field-label small{font-weight:400;color:#8393a0;margin-left:5px}.option-grid{display:grid;gap:10px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-grid.two-wide{grid-template-columns:repeat(2,1fr)}.choice input,.shot-grid input,.segmented input,.feel-options input{position:absolute;opacity:0;pointer-events:none}.choice>span{border:1px solid var(--line);border-radius:11px;min-height:86px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;padding:13px;background:#fbfdfe;transition:.2s}.choice i{grid-row:1/3;align-self:center;width:34px;height:34px;background:#e8f0f3;color:#536a79;display:grid;place-items:center;border-radius:8px;font:800 17px var(--display);font-style:normal}.choice b{font-size:12px}.choice small{font-size:9px;color:#7f8e99}.choice input:checked+span{border-color:#13b6a7;background:#ecfffc;box-shadow:0 0 0 1px #13b6a7}.choice input:checked+span i{background:var(--navy);color:var(--cyan)}.choice.disabled{opacity:.45}.choice.line>span{min-height:72px}.shot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shot-grid label>span{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--line);border-radius:11px;padding:14px 8px;background:#fbfdfe;transition:.2s}.shot-grid svg{width:36px;height:36px;fill:none;stroke:#5f7585;stroke-width:2;margin-bottom:6px}.shot-grid b{font-size:11px}.shot-grid small{font-size:8px;color:#83929e}.shot-grid input:checked+span{border-color:#14b7a8;background:#edfffc;box-shadow:0 0 0 1px #14b7a8}.shot-grid input:checked+span svg{stroke:#0c9f92}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#edf3f5;border-radius:11px;padding:4px;gap:4px}.segmented label span{display:block;text-align:center;padding:10px;border-radius:8px;color:#687987;font-size:11px;font-weight:600}.segmented input:checked+span{background:#fff;color:#10263a;box-shadow:0 2px 8px #1934491a}.feel-options{display:grid;gap:10px}.feel-options label>span{position:relative;border:1px solid var(--line);background:#fbfdfe;border-radius:12px;padding:14px;display:flex;align-items:center;gap:13px}.feel-options i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#eaf2f5;color:#536a79}.feel-options b{display:block;font-size:12px}.feel-options small{display:block;font-size:9px;color:#7f8e99}.feel-options em{font-style:normal;margin-left:auto;background:#dffaf7;color:#078c81;border-radius:99px;padding:4px 8px;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:800}.feel-options input:checked+span{border-color:#14b7a8;background:#edfffc;box-shadow:0 0 0 1px #14b7a8}.feel-options input:checked+span i{background:var(--navy);color:var(--cyan)}.segmented.budget{grid-template-columns:repeat(4,1fr)}.info-card{display:flex;gap:12px;background:#eff8fa;border-radius:12px;padding:16px;margin:25px 0}.info-card svg{width:20px;min-width:20px;fill:#159c91}.info-card b{font-size:11px}.info-card p{font-size:10px;color:#617481;margin:4px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:26px 34px 34px}.next-button,.back-button,.restart-button,.edit-button{border:0;border-radius:9px;font-weight:700;font-size:11px;padding:13px 18px}.next-button{background:var(--navy);color:#fff;min-width:145px}.next-button span{color:var(--cyan);margin-left:15px}.back-button,.edit-button{background:#edf3f5;color:#486071}.restart-button{display:block;background:var(--navy);color:#fff;margin:25px auto}.results-step{padding:0!important}.results-step+.form-actions{display:none}.result-hero{background:linear-gradient(130deg,#08172a,#0f304d);color:#fff;padding:32px 34px;display:flex;justify-content:space-between;align-items:center}.result-hero .section-kicker{margin-bottom:8px}.result-hero p:last-child{color:#aec2cf}.edit-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff}.fit-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.fit-metrics article{padding:25px 24px;border-right:1px solid var(--line)}.fit-metrics article:last-child{border-right:0}.fit-metrics small{font-size:8px;letter-spacing:1.2px;color:#79909e;font-weight:700}.fit-metrics strong{display:block;font:800 30px/1.1 var(--display);text-transform:uppercase;margin:7px 0 4px}.fit-metrics strong span{color:#16ab9f;font-size:18px}.fit-metrics p{font-size:9px;color:#718390;margin:0}.fit-note{margin:20px 34px;padding:13px 15px;background:#f0faf9;border-left:3px solid #18c8b7;border-radius:0 9px 9px 0;font-size:10px;color:#536a79}.fit-note b{color:#153044}.rank-head{padding:26px 34px 15px;display:flex;justify-content:space-between;align-items:end}.rank-head .section-kicker{margin-bottom:7px}.sort-select{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#768996;font-weight:700}.sort-select select{display:block;margin-top:5px;border:1px solid var(--line);border-radius:8px;padding:8px 26px 8px 10px;background:#fff;color:#203849;font-size:10px;text-transform:none;letter-spacing:0}.stick-results{padding:0 34px;display:grid;gap:10px}.stick-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;display:grid;grid-template-columns:58px 1fr auto;background:#fff;position:relative}.stick-rank{background:#eff6f7;display:grid;place-items:center;font:800 26px var(--display);color:#75909f}.stick-card:first-child{border-color:#17bcae;box-shadow:0 6px 22px #0da99a17}.stick-card:first-child .stick-rank{background:var(--navy);color:var(--cyan)}.stick-main{padding:15px 18px}.badges{display:flex;gap:5px;margin-bottom:6px;flex-wrap:wrap}.badge{font-size:7px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;border-radius:999px;padding:3px 6px;background:#eaf2f4;color:#58707d}.badge.best{background:#d8faf6;color:#078c80}.badge.level{background:#e8efff;color:#3168ad}.stick-main h4{font:800 19px/1 var(--display);text-transform:uppercase;margin:0}.stick-main>p{font-size:9px;color:#677c8a;margin:6px 0}.spec-row{display:flex;gap:13px;flex-wrap:wrap}.spec-row span{font-size:8px;color:#708391}.spec-row b{color:#263e4e}.stick-buy{padding:14px 18px;min-width:126px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.stick-buy small{font-size:8px;color:#7a8c98}.stick-buy strong{font:800 21px var(--display)}.stick-buy a{font-size:9px;color:#087d75;font-weight:700;margin-top:5px}.price-note{margin:14px 34px;color:#8795a0;font-size:8px;text-align:center}.source-box{margin:25px 34px}.source-box details{border:1px solid var(--line);border-radius:12px;background:#fbfdfe;padding:0 16px}.source-box summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:11px}.source-box p{font-size:10px;color:#627685}.source-box a{color:#087e75}.source-box .disclaimer{border-top:1px solid var(--line);padding-top:10px}.photo-preview{width:min(1060px,calc(100% - 36px));margin:0 auto 80px;background:linear-gradient(135deg,#071426,#0d2b47);border-radius:22px;color:#fff;padding:46px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.photo-preview h2{font-size:44px}.photo-preview p:not(.section-kicker){color:#adc1cd;font-size:13px;max-width:560px}.photo-preview button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#8498a7;border-radius:8px;padding:11px 14px;font-size:10px}.phone-mock{width:160px;height:290px;border:6px solid #253f55;border-radius:26px;justify-self:center;background:linear-gradient(#7592a8,#d5e0e5);position:relative;overflow:hidden}.player-shape{position:absolute;width:58px;height:190px;left:50px;bottom:8px;background:linear-gradient(90deg,#21384c,#0c1a28);clip-path:polygon(38% 0,65% 0,74% 17%,65% 29%,80% 52%,70% 100%,50% 100%,47% 61%,35% 100%,17% 100%,27% 50%,14% 31%,29% 16%)}.scan-line{position:absolute;left:10px;right:10px;height:2px;background:var(--cyan);top:90px;box-shadow:0 0 10px var(--cyan)}.fit-zone{position:absolute;top:63px;left:8px;color:#042a32;background:var(--cyan);font-size:6px;font-weight:800;padding:3px 5px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#10263a;color:#fff;padding:12px 18px;border-radius:99px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:10;box-shadow:0 10px 30px #0004}.toast.show{opacity:1;transform:translate(-50%,0)}footer{background:#04101e;color:#96abba;text-align:center;padding:35px 20px}footer .brand{color:#fff}footer p{font-size:10px;margin:12px 0 4px}footer small{font-size:8px;color:#60788a}
.store-fit-card{margin:26px 34px;background:linear-gradient(125deg,#071426,#0d2c49);border-radius:16px;padding:25px;color:#fff;display:grid;grid-template-columns:1.05fr 1.25fr;gap:22px;position:relative;overflow:hidden}.store-fit-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(30,230,209,.13);border-radius:50%;right:-90px;top:-95px}.store-fit-intro{position:relative}.soon-badge{position:absolute;right:0;top:0;background:var(--cyan);color:#06282d;font-size:7px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;padding:4px 7px;border-radius:99px}.store-fit-intro .section-kicker{margin-bottom:7px}.store-fit-intro h3{font:800 25px/1 var(--display);text-transform:uppercase;margin:0 0 8px}.store-fit-intro>p:last-child{font-size:10px;color:#abc0ce;margin:0;max-width:360px}.pose-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pose-list li{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px}.pose-list li>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(30,230,209,.13);color:var(--cyan);font:800 14px var(--display)}.pose-list b{display:block;font-size:9px}.pose-list small{display:block;color:#91a8b7;font-size:7px;margin-top:1px}.upload-soon{grid-column:1/-1;border:1px dashed rgba(30,230,209,.45);border-radius:9px;background:rgba(30,230,209,.07);color:#c4d9e2;padding:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;font-weight:700}.upload-soon svg{width:15px;fill:var(--cyan)}.upload-soon span{font-size:7px;text-transform:uppercase;letter-spacing:.7px;color:var(--cyan);border-left:1px solid rgba(255,255,255,.2);padding-left:8px}.community-band{width:min(1060px,calc(100% - 36px));margin:0 auto 80px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:34px;display:grid;grid-template-columns:1.25fr 1fr auto;align-items:center;gap:30px;box-shadow:0 14px 40px rgba(3,22,41,.07)}.community-band h2{font:800 31px/1 var(--display);text-transform:uppercase;margin:0 0 9px}.community-band>div:first-child>p:last-child{color:#607583;font-size:11px;margin:0;max-width:470px}.community-points{display:grid;gap:8px}.community-points span{display:block;border-left:2px solid var(--cyan);padding-left:10px}.community-points b,.community-points small{display:block}.community-points b{font-size:10px}.community-points small{font-size:8px;color:#7b8d99}.share-button{border:0;border-radius:9px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;padding:12px 15px;white-space:nowrap}.share-button span{color:var(--cyan);margin-left:7px}
@media(max-width:760px){.topbar{height:60px;padding:0 18px}.brand{font-size:21px}.brand-mark{width:25px;height:25px}.photo-button{font-size:0}.photo-button span{font-size:8px}.hero{display:block;min-height:570px;padding:54px 22px 90px}.hero-copy>p:nth-of-type(2){font-size:14px}.trust-row{gap:12px}.rink-art{position:absolute;width:310px;height:205px;right:-35px;bottom:48px;opacity:.8}.stick-art{width:210px;height:9px;top:88px;left:52px}.stick-art:after{width:54px;height:20px;right:-43px}.rink-lines:before,.rink-lines:after{width:55px;height:55px;top:74px}.rink-lines:before{left:44px}.rink-lines:after{right:44px}.stat{padding:7px 11px}.stat strong{font-size:21px}.stat-flex{right:18px}.stat-length{left:12px;bottom:17px}.fit-shell{width:calc(100% - 20px);border-radius:17px;margin-top:-35px}.fit-header{padding:24px 19px 17px}.fit-header h2{font-size:26px}.time-pill{display:none}.steps{padding:0 18px}.steps li{padding:13px 0}.steps li b{display:none}.steps li:not(:last-child):after{left:32px;right:8px}.form-step{padding:27px 19px 2px}.field-grid.two,.option-grid.two-wide{grid-template-columns:1fr}.option-grid.three{grid-template-columns:1fr 1fr}.choice.disabled{display:none}.shot-grid{grid-template-columns:1fr 1fr}.segmented.budget{grid-template-columns:1fr 1fr}.form-actions{padding:22px 19px 28px}.result-hero{padding:25px 20px;display:block}.edit-button{margin-top:15px}.fit-metrics{grid-template-columns:1fr 1fr}.fit-metrics article{padding:19px;border-bottom:1px solid var(--line)}.fit-metrics article:nth-child(2){border-right:0}.fit-note,.rank-head,.price-note,.source-box,.store-fit-card{margin-left:19px;margin-right:19px}.rank-head{padding:23px 0 12px;align-items:flex-start}.rank-head h3{font-size:23px}.stick-results{padding:0 19px}.stick-card{grid-template-columns:42px 1fr}.stick-rank{grid-row:1/3}.stick-main{padding:13px}.stick-buy{grid-column:2;padding:10px 13px;border-left:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between}.stick-buy a{margin:0}.store-fit-card{padding:19px;grid-template-columns:1fr;gap:16px}.upload-soon{grid-column:1}.photo-preview{width:calc(100% - 20px);padding:32px 24px;grid-template-columns:1fr;gap:28px}.phone-mock{width:140px;height:250px}.player-shape{left:42px;transform:scale(.86);transform-origin:bottom}.measure-card legend span{display:none}.community-band{width:calc(100% - 20px);grid-template-columns:1fr;padding:25px;gap:21px}.community-band h2{font-size:28px}.share-button{justify-self:start}}
@media(max-width:390px){h1{font-size:48px}.trust-row span:nth-child(2){display:none}.measure-pair{grid-template-columns:1fr 22px 1fr}.measure-pair input{padding:12px 8px}.measure-pair b{margin-right:7px}.option-grid.three{grid-template-columns:1fr 1fr}.fit-metrics strong{font-size:26px}.sort-select{max-width:110px}.sort-select select{max-width:110px}.stick-main h4{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.results-step+.form-actions{display:flex}
.show-more-button{display:block;width:calc(100% - 38px);max-width:390px;margin:20px auto 7px;border:1px solid #a9ddd7;border-radius:12px;background:#f0fbf9;color:#087d75;font-size:12px;font-weight:800;padding:14px 20px;box-shadow:0 4px 14px rgba(7,125,117,.08)}.show-more-button span{display:inline-block;margin-left:8px;font-size:15px}.show-more-button small{margin-left:7px;color:#6e8d91;font-size:9px;font-weight:600}.show-more-button:hover{background:#e2f8f4;border-color:#13b6a7}.show-more-button[hidden]{display:none}
.beta-badge{background:#bffbf4}.photo-fit-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-upload-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:15px;min-width:0}.photo-card-head{display:flex;gap:10px;align-items:center;margin-bottom:13px}.photo-card-head>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(30,230,209,.13);color:var(--cyan);font:800 14px var(--display)}.photo-card-head b,.photo-card-head small{display:block}.photo-card-head b{font-size:11px}.photo-card-head small{font-size:8px;color:#91a8b7;margin-top:2px}.photo-file-button{display:block;border:1px dashed rgba(30,230,209,.55);border-radius:9px;background:rgba(30,230,209,.08);color:#d8ebf0;text-align:center;padding:12px;font-size:9px;font-weight:800;cursor:pointer}.photo-file-button input{position:absolute;opacity:0;width:1px;height:1px}.photo-canvas-wrap{margin-top:12px}.photo-canvas-wrap canvas,.stance-preview{display:block;width:100%;max-height:430px;object-fit:contain;background:#020a12;border-radius:9px}.photo-canvas-wrap p{font-size:9px;color:#b4c8d3;margin:9px 0}.reset-points-button{border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.06);color:#b7cad4;padding:7px 10px;font-size:8px}.stance-preview{margin-top:12px}.blade-contact{border:0;padding:0;margin:13px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.blade-contact legend{font-size:9px;font-weight:700;margin-bottom:8px;color:#c5d7df}.blade-contact label span{display:block;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:9px;color:#adc1cc;font-size:8px}.blade-contact input{position:absolute;opacity:0}.blade-contact input:checked+span{border-color:var(--cyan);background:rgba(30,230,209,.14);color:#fff}.blade-contact:disabled{opacity:.48}.analyze-fit-button{grid-column:1/-1;justify-self:center;border:0;border-radius:9px;background:var(--cyan);color:#042a32;font-size:10px;font-weight:900;padding:12px 24px}.analyze-fit-button:disabled{opacity:.4}.photo-fit-result{grid-column:1/-1;border-radius:12px;background:#fff;color:#193247;padding:18px}.photo-fit-result.good{border-left:4px solid #16b69f}.photo-fit-result.adjust{border-left:4px solid #f0a736}.photo-fit-result.warning{border-left:4px solid #d96855}.photo-verdict{display:inline-block;border-radius:99px;background:#ddf8f4;color:#087e75;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;padding:4px 8px}.photo-fit-result h4{font:800 18px/1 var(--display);text-transform:uppercase;margin:12px 0 5px}.photo-fit-result p{font-size:9px;margin:0 0 8px;color:#5e7482}.photo-fit-result .flex-limit{border-top:1px solid #dce6ea;padding-top:10px;margin-top:11px}.photo-privacy{grid-column:1/-1;color:#8fa7b5!important;font-size:8px!important;margin:0!important;text-align:center}
@media(max-width:760px){.photo-fit-grid{grid-template-columns:1fr}.blade-contact{grid-template-columns:1fr}.photo-upload-card{padding:13px}.photo-canvas-wrap canvas,.stance-preview{max-height:360px}}
.photo-fit-tool{background:#f5f9fa;color:#10263a;border:1px solid #dbe7ea;box-shadow:0 8px 24px rgba(12,38,58,.06)}.photo-fit-tool:after{border-color:rgba(20,183,168,.12)}.photo-fit-tool .store-fit-intro,.photo-fit-tool .pose-list,.photo-fit-tool .photo-fit-grid,.photo-fit-tool .analyze-fit-button,.photo-fit-tool .photo-fit-result,.photo-fit-tool .photo-privacy{position:relative;z-index:1}.photo-fit-tool .store-fit-intro>p:last-child{color:#627986;font-size:11px;line-height:1.5;max-width:440px}.photo-fit-tool .pose-list li{background:#fff;border-color:#dfe9ec;box-shadow:0 2px 8px rgba(12,38,58,.035)}.photo-fit-tool .pose-list li>span{background:#dcf7f3;color:#078c81}.photo-fit-tool .pose-list b{color:#203849;font-size:10px}.photo-fit-tool .pose-list small{color:#728894;font-size:8px;line-height:1.35}.photo-fit-tool .photo-upload-card{background:#fff;border-color:#dce8eb;box-shadow:0 4px 14px rgba(12,38,58,.04)}.photo-fit-tool .photo-card-head b{color:#203849;font-size:12px}.photo-fit-tool .photo-card-head small{color:#728894;font-size:9px}.photo-fit-tool .photo-file-button{background:#eafaf7;border-color:#8edbd3;color:#087d75;font-size:10px;padding:13px}.photo-fit-tool .photo-canvas-wrap p{color:#526d7a}.photo-fit-tool .reset-points-button{background:#edf3f5;border-color:#d5e1e5;color:#486071}.photo-fit-tool .blade-contact legend{color:#304957}.photo-fit-tool .blade-contact label span{background:#f8fbfc;border-color:#dce7ea;color:#526b78;font-size:9px}.photo-fit-tool .blade-contact input:checked+span{border-color:#13b6a7;background:#eafaf7;color:#153b3d}.photo-fit-tool .photo-privacy{color:#6f858f!important;line-height:1.45}.photo-fit-tool h3,.photo-fit-tool p,.photo-fit-tool small{overflow-wrap:anywhere}
@media(max-width:760px){.photo-fit-tool{padding:18px 15px}.photo-fit-tool .store-fit-intro h3{font-size:24px;max-width:90%}.photo-fit-tool .pose-list{gap:7px}.photo-fit-tool .pose-list li{padding:10px}.photo-fit-tool .photo-fit-grid{gap:11px}.show-more-button{width:calc(100% - 38px)}}
.camera-start-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #dce8eb;border-radius:12px;padding:16px;position:relative;z-index:1}.camera-start-card b,.camera-start-card small{display:block}.camera-start-card b{font-size:12px;color:#203849}.camera-start-card small{font-size:9px;color:#718691;margin-top:3px}.open-camera-button{border:0;border-radius:9px;background:#0b8f86;color:#fff;font-size:10px;font-weight:800;padding:12px 18px}.camera-open{overflow:hidden}.camera-modal{position:fixed;inset:0;z-index:100;background:#020a12;color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.camera-modal[hidden]{display:none}.camera-topbar{min-height:62px;padding:max(10px,env(safe-area-inset-top)) 15px 10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;background:#061524}.camera-topbar button{width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px}.camera-topbar b,.camera-topbar small{display:block}.camera-topbar b{font:800 18px var(--display);text-transform:uppercase}.camera-topbar small{font-size:9px;color:#9cb2bf;margin-top:2px}.camera-topbar>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#06282d;background:var(--cyan);padding:5px 8px;border-radius:99px}.camera-stage{position:relative;overflow:hidden;min-height:0;background:#000}.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fit-camera-overlay{position:absolute;inset:0;pointer-events:none}.fit-camera-overlay[hidden]{display:none}.head-guide{position:absolute;left:50%;top:7%;width:clamp(58px,18vw,92px);aspect-ratio:.82;border:2px dashed rgba(255,255,255,.8);border-radius:48%;transform:translateX(-50%)}.shoulder-guide{position:absolute;left:50%;top:19%;width:clamp(150px,46vw,250px);height:10%;border:2px dashed rgba(255,255,255,.68);border-bottom:0;border-radius:50% 50% 0 0;transform:translateX(-50%)}.body-guide{position:absolute;left:50%;top:25%;width:clamp(105px,30vw,165px);height:40%;border-left:2px dashed rgba(255,255,255,.68);border-right:2px dashed rgba(255,255,255,.68);transform:translateX(-50%)}.leg-guide{position:absolute;top:63%;width:2px;height:30%;border-left:2px dashed rgba(255,255,255,.68);transform-origin:top}.leg-guide.left{left:47%;transform:rotate(5deg)}.leg-guide.right{left:53%;transform:rotate(-5deg)}.fit-zone-guide{position:absolute;left:18px;right:18px;top:14.5%;height:7%;border-top:2px solid var(--cyan);border-bottom:2px solid var(--cyan);background:rgba(30,230,209,.1);display:flex;justify-content:space-between;align-items:center;padding:0 8px;color:#fff;font-size:7px;font-weight:800;letter-spacing:.5px}.fit-zone-guide b{color:var(--cyan);font-size:8px;letter-spacing:1px}.stick-guide{position:absolute;right:17%;top:17.8%;bottom:6%;border-left:2px dashed rgba(255,193,82,.8)}.stick-guide:after{content:"";position:absolute;width:42px;height:13px;border:2px dashed rgba(255,193,82,.8);left:-2px;bottom:0;border-radius:2px 2px 10px 2px}.stick-guide span{position:absolute;top:-20px;left:-17px;color:#ffd58b;font-size:7px;font-weight:800}.floor-guide{position:absolute;left:14px;right:14px;bottom:5%;border-bottom:2px solid rgba(255,255,255,.75);padding-bottom:4px;text-align:center;font-size:7px;font-weight:800;letter-spacing:1px}.tap-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:rgba(4,20,34,.86);border:1px solid rgba(30,230,209,.5);border-radius:99px;padding:8px 12px;color:#fff;font-size:10px;font-weight:800;white-space:nowrap;pointer-events:none}.camera-actions{min-height:86px;padding:12px 22px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;background:#061524}.capture-camera-button{grid-column:2;width:62px;height:62px;border:4px solid #fff;border-radius:50%;background:transparent;padding:5px}.capture-camera-button span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.retake-camera-button,.use-result-button{border:0;border-radius:9px;font-size:10px;font-weight:800;padding:11px 13px}.retake-camera-button{justify-self:start;background:rgba(255,255,255,.1);color:#fff}.use-result-button{justify-self:end;background:var(--cyan);color:#06282d}.use-result-button:disabled{opacity:.4}.camera-actions button[hidden]{display:block;visibility:hidden}.photo-fit-tool .photo-fit-result{grid-column:1/-1}
@media(max-width:520px){.camera-start-card{grid-template-columns:1fr}.open-camera-button{width:100%;font-size:11px}.camera-modal{grid-template-rows:auto 1fr auto}.camera-topbar{min-height:54px}.photo-fit-tool .pose-list small{font-size:9px}}

/* Refined hockey artwork and camera alignment guide */
.rink-art{width:min(520px,46vw);height:390px;transform:none;filter:drop-shadow(0 28px 28px rgba(0,0,0,.2))}
.rink-art:before{inset:44px 8px 20px;border-radius:42% 42% 18% 18%;background:radial-gradient(circle at 50% 54%,rgba(30,230,209,.12),transparent 48%),linear-gradient(90deg,transparent 49.8%,rgba(30,230,209,.18) 50%,transparent 50.2%);border-color:rgba(170,236,245,.16);box-shadow:inset 0 0 70px rgba(31,181,210,.08)}
.hero-player{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-shadow{fill:#010810;opacity:.55}.hero-head{fill:#d4e3ea}.hero-helmet{fill:#0b1827;stroke:#46f0dc;stroke-width:3}.hero-body{fill:url(#jerseyGlow);stroke:#b8fff7;stroke-opacity:.25;stroke-width:2}.hero-stripe{fill:#071426;opacity:.8}.hero-arm,.hero-leg{fill:#142d43;stroke:#86aabd;stroke-opacity:.25;stroke-width:2}.hero-glove,.hero-skate{fill:#07111e}.hero-stick{fill:#dcebf0}.hero-blade{fill:#1ee6d1}.hero-puck{fill:#01070c}.rink-art .stat{z-index:2;transform:none}.stat-flex{right:6px;top:62px}.stat-length{left:5px;bottom:37px}
.phone-mock{background:radial-gradient(circle at 50% 25%,#b9dce6,#5f8198 64%,#25445a);border-color:#19354b;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.preview-person{position:absolute;inset:8px 0 0;width:100%;height:100%;fill:rgba(6,25,40,.12);stroke:#f2ffff;stroke-width:2.25;stroke-dasharray:5 4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.phone-mock .fit-zone{left:23px;right:23px;top:57px;text-align:center;border-radius:99px;padding:4px 5px;font-size:5px;letter-spacing:.35px;box-shadow:0 2px 8px rgba(0,0,0,.18)}.player-shape{display:none}
.fit-camera-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,transparent 0 31%,rgba(0,8,15,.25) 54%,rgba(0,8,15,.52) 100%)}
.person-guide-svg{position:absolute;inset:1.5% 9% 4%;width:82%;height:94.5%;fill:rgba(255,255,255,.025);stroke:rgba(255,255,255,.88);stroke-width:2.4;stroke-dasharray:8 7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.head-guide,.shoulder-guide,.body-guide,.leg-guide{display:none}.fit-zone-guide{top:14.7%;height:7.7%;left:12px;right:12px;border-radius:6px;border-left:1px solid rgba(30,230,209,.35);border-right:1px solid rgba(30,230,209,.35);background:rgba(13,91,87,.2);box-shadow:0 0 20px rgba(30,230,209,.13)}
.stick-guide{right:11%;top:20%;bottom:6%;border-left-width:3px}.stick-guide:after{width:48px;height:15px}.floor-guide{z-index:2}
@media(max-width:760px){.rink-art{width:330px;height:248px;right:-42px;bottom:44px}.stat-flex{right:14px;top:30px}.stat-length{left:10px;bottom:18px}}