*{box-sizing:border-box}body{margin:0;background:#f3f0e9;color:#0b0b0b;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}main{max-width:760px;margin:auto;padding:28px 20px 60px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #111;padding-bottom:14px;font-size:12px;letter-spacing:.12em}header b{font-size:24px}small{font-size:10px;font-weight:800;letter-spacing:.13em}.homeHero{padding:55px 0 26px}.homeHero h1{font-size:clamp(47px,10vw,76px);line-height:.88;letter-spacing:-.06em;margin:14px 0}.mega,.history{width:100%;border:0;cursor:pointer;text-align:left;display:flex;align-items:center}.mega{min-height:300px;background:#111;color:#fff;border-radius:30px;padding:32px;justify-content:space-between}.mega>span{font-size:54px;font-weight:200;align-self:flex-start}.mega strong{display:block;font-size:clamp(46px,9vw,72px);line-height:.86;letter-spacing:-.055em;margin-top:10px}.mega>b,.history>b{font-size:38px}.history{margin-top:16px;background:#fff;color:#111;border-radius:24px;padding:25px 28px;justify-content:space-between}.history strong{display:block;font-size:22px;margin-top:7px}.page{margin-top:28px;padding-top:24px;border-top:2px solid #111}.page h2{font-size:42px;letter-spacing:-.04em;margin:8px 0 22px}.hidden{display:none}.back{border:0;background:transparent;padding:0 0 30px;font-weight:800;cursor:pointer}.fitCard{background:#fff;border-radius:22px;padding:24px;margin:12px 0}.fitCard.muted{background:#e8e5de}.fitCard h3{font-size:28px;margin:7px 0}.fitCard p{color:#555}.fitCard div{font-size:10px;font-weight:800;letter-spacing:.08em;margin-top:18px}.choices{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:28px}.choices button{width:min(100%,340px);min-height:58px}.choices button{background:#111;color:#fff;border:0;border-radius:999px;padding:16px 20px;font-weight:800}footer{padding-top:38px;text-align:center;color:#777;font-size:10px;letter-spacing:.12em}
.choices button.selected{background:#fff;color:#111;outline:2px solid #111}.lead{font-size:18px;line-height:1.5;max-width:520px}.continue{background:#111;color:#fff;border:0;border-radius:999px;padding:17px 28px;font-weight:800;cursor:pointer;margin-top:20px}

.riderForm{max-width:560px;margin-top:30px}.riderForm label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:16px}.riderForm input,.riderForm select{width:100%;border:1px solid #ccc;background:#fff;border-radius:14px;padding:16px;font:inherit;font-size:16px;letter-spacing:0}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.complaints{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px;margin:28px 0}.complaints button{background:#fff;color:#111;border:1px solid #bbb;border-radius:16px;padding:20px;font-weight:800}.complaints button.selected{background:#111;color:#fff}.recordMock{height:310px;max-width:560px;background:#111;border-radius:26px;position:relative;margin:25px 0;color:#fff;overflow:hidden}.recordMock>span{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);font-size:10px;font-weight:800}.wheel{position:absolute;border:2px solid #aaa;border-radius:50%;width:135px;height:135px;bottom:32px}.w1{left:35px}.w2{right:35px}.bb{position:absolute;width:50px;height:50px;border:2px solid #fff;border-radius:50%;left:50%;top:66%;transform:translate(-50%,-50%)}.tracking{font-size:11px;font-weight:800;letter-spacing:.08em}@media(max-width:560px){.formGrid,.complaints{grid-template-columns:1fr}.recordMock{height:270px}.wheel{width:105px;height:105px}.w1{left:20px}.w2{right:20px}}

.labelRow{display:flex;align-items:center;gap:7px}.infoBtn{width:20px;height:20px;border:1.5px solid #111;border-radius:50%;background:transparent;color:#111;padding:0;font-size:11px;font-weight:900;cursor:pointer}.modalShade{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:18px;z-index:99}.infoModal{position:relative;background:#f3f0e9;border-radius:26px;padding:28px;width:min(520px,100%);max-height:92vh;overflow:auto}.infoModal h2{font-size:35px;line-height:.95;margin:10px 0 22px}.modalClose{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer}.infoModal p{line-height:1.45}.hint{border-top:1px solid #bbb;padding-top:15px;font-size:13px}.inseamGraphic{height:250px;background:#fff;border-radius:18px;position:relative;overflow:hidden;margin:18px 0}.wall{position:absolute;left:25%;top:18px;bottom:25px;border-left:3px solid #111}.floor{position:absolute;left:10%;right:10%;bottom:25px;border-bottom:3px solid #111}.person{position:absolute;left:31%;top:30px;width:90px;height:190px}.head{position:absolute;left:28px;width:38px;height:38px;border:3px solid #111;border-radius:50%}.body{position:absolute;left:43px;top:38px;height:85px;border-left:5px solid #111}.leg{position:absolute;top:118px;height:85px;border-left:5px solid #111;transform-origin:top}.leg.l{left:43px;transform:rotate(9deg)}.leg.r{left:43px;transform:rotate(-9deg)}.book{position:absolute;left:30%;top:145px;width:115px;border:4px solid #111;background:#f3f0e9;padding:5px;text-align:center;font-size:9px;font-weight:900;transform:rotate(-2deg)}.measure{position:absolute;right:22%;top:150px;bottom:27px;border-right:2px dashed #111;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.measure span{font-size:24px}.measure b{font-size:9px;background:#fff}

.verticalGuide{padding:30px 24px 24px}.verticalGuide .intro{font-size:16px;line-height:1.45;margin-bottom:26px}.guideStep{position:relative;margin:0 0 34px}.stepNo{position:absolute;z-index:2;left:14px;top:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}.stepVisual{height:280px;background:#e8e5df;border-radius:18px;position:relative;overflow:hidden;margin-bottom:14px}.guideStep h3{font-size:14px;margin:0 0 6px}.guideStep p{margin:0;font-size:15px;line-height:1.45}.guideWall{position:absolute;left:35%;top:20px;bottom:0;border-left:3px solid #aaa}.cropPerson{position:absolute;left:36%;top:42px;width:70px;height:210px;border:10px solid #111;border-top:0;border-bottom:0;border-radius:28px}.legs{position:absolute;left:50%;top:30px;height:235px;width:120px;transform:translateX(-50%);border-left:28px solid #222;border-right:28px solid #222}.guideBook{position:absolute;left:50%;top:135px;transform:translateX(-50%);width:145px;padding:9px;background:#f3f0e9;border:4px solid #111;text-align:center;font-size:10px;font-weight:900}.guideBook b{font-size:24px;margin-left:8px}.sideLeg{position:absolute;left:38%;top:25px;bottom:0;width:48px;background:#222}.guideBook.side{left:49%;top:80px;width:130px}.ruler{position:absolute;left:65%;top:92px;bottom:18px;border-left:3px dashed #111;padding-left:12px;font-size:24px;display:flex;flex-direction:column;justify-content:space-between}.ruler b{font-size:18px}.tipBox{background:#e6e2da;border-radius:18px;padding:18px;margin:4px 0 20px}.tipBox p{margin:8px 0 0;line-height:1.4}.continue.full{width:100%;margin-top:0}@media(min-width:700px){.verticalGuide{max-width:540px}}

.imageGuideModal{padding:0;background:#f3f0e9;overflow:auto;max-height:94vh;width:min(620px,96vw)}.inseamGuideImage{display:block;width:100%;height:auto;border-radius:26px}.imageClose{position:absolute;z-index:3;right:22px;top:18px}.guideDone{display:none}

/* Setup measurements reuse the inseam guide's cream, black and rounded styling. */
.measurementField{min-width:0;margin-bottom:16px}
.measurementField .labelRow{min-height:24px;margin-bottom:8px}
.measurementField .labelRow label{margin:0;line-height:1.4}
.measurementField .infoBtn{flex-shrink:0;width:28px;height:28px}
.measurementField.isDisabled input{background:#e6e2da;color:#666;cursor:not-allowed}
.riderForm .cockpitOption{flex-direction:row;align-items:center;font-size:12px;letter-spacing:0;line-height:1.5;cursor:pointer}
.riderForm .cockpitOption input{width:20px;height:20px;padding:0;flex-shrink:0;accent-color:#111}
.setupHint{font-size:13px;line-height:1.5;color:#555;margin:0 0 16px}
.measurementDialog{border:0;color:#111;width:min(620px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;padding:36px;margin:auto;overscroll-behavior:contain}
.measurementDialog::backdrop{background:rgba(0,0,0,.55)}
.measurementDialog>small{display:block;padding-right:40px}
.measurementDialog h2{font-size:clamp(30px,6vw,42px);line-height:1.04;letter-spacing:-.04em;margin:14px 0 18px}
.measurementDialog .modalClose{width:44px;height:44px;right:16px;top:12px}
.guideIntro{font-size:16px}
.measurementImage{display:block;width:100%;height:auto;border-radius:18px;margin:22px 0}
.measurementImage[hidden]{display:none}
.measurementSteps{list-style:none;counter-reset:step;padding:0;margin:24px 0}
.measurementSteps li{counter-increment:step;display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;line-height:1.5;font-size:16px}
.measurementSteps li::before{content:counter(step);display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#111;color:#fff;font-weight:800}
.measurementDialog .tipBox{font-size:15px}
.infoBtn:focus-visible,.measurementDialog button:focus-visible,.cockpitOption input:focus-visible{outline:3px solid #111;outline-offset:4px}
@media(max-width:560px){.measurementDialog{padding:28px 22px}.measurementDialog h2{font-size:32px}.measurementSteps li{font-size:15px}}
.measurementDialog{position:fixed;inset:0}

.demoBadge{display:block;width:fit-content;background:#e6e2da;border-radius:999px;padding:9px 13px;margin-bottom:16px}
.demoNote{margin-top:16px;max-width:560px}
.demoStage{height:270px;background:#111;color:#fff;border-radius:26px;position:relative;overflow:hidden;margin:26px 0}
.demoStageLabel{position:absolute;left:20px;top:20px;font-size:10px;font-weight:800;letter-spacing:.1em}
.demoWheels{position:absolute;inset:65px 30px 30px;display:flex;justify-content:space-between}
.demoWheels span{width:155px;height:155px;border:2px solid #888;border-radius:50%}
.demoCrank{position:absolute;left:50%;top:63%;width:100px;height:100px;margin:-50px;border:1px dashed #777;border-radius:50%;animation:demoPedal .8s linear infinite}
.demoCrank::before{content:"";position:absolute;left:48px;top:0;height:98px;width:4px;background:#f3f0e9}
.demoCrank::after,.demoCrank i{content:"";position:absolute;left:35px;width:30px;height:8px;background:#f3f0e9;border-radius:4px}
.demoCrank::after{top:0}.demoCrank i{bottom:0}
@keyframes demoPedal{to{transform:rotate(360deg)}}
.demoProgress{height:6px;border-radius:4px;background:#d5d0c7;overflow:hidden}
.demoProgress span{display:block;width:0;height:100%;background:#111;transition:width .3s}
.demoStatus{font-weight:800;font-size:17px;min-height:26px}
.demoMetrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.demoMetrics .fitCard{margin:12px 0}
.demoActions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0}
.demoActions .continue{margin-top:0}
.secondaryBtn{background:transparent;color:#111;border:1px solid #111;border-radius:999px;padding:16px 24px;font-weight:800;cursor:pointer}
.demoTableWrap{overflow-x:auto;margin:24px 0;background:#fff;border-radius:20px;padding:20px}
.demoTable{width:100%;border-collapse:collapse;text-align:left;font-size:15px}
.demoTable caption{text-align:left;font-size:11px;font-weight:800;letter-spacing:.06em;padding-bottom:18px}
.demoTable th,.demoTable td{padding:14px 8px;border-bottom:1px solid #e6e2da}
.demoTable thead th{font-size:11px;text-transform:uppercase}
.demoTable tbody th{font-weight:600}
@media(max-width:560px){.demoMetrics{grid-template-columns:1fr}.demoMetrics .fitCard{margin:0}.demoWheels{left:18px;right:18px;top:95px}.demoWheels span{width:115px;height:115px}.demoActions{align-items:stretch;flex-direction:column}.demoTableWrap{padding:12px}.demoTable{font-size:13px}}
@media(prefers-reduced-motion:reduce){.demoCrank{animation:none}.demoProgress span{transition:none}}

.reviewStage{background:#e8e5de;border-radius:22px;overflow:hidden;margin:24px 0 12px}
.reviewStage svg{width:100%;display:block}
.reviewBike{stroke:#96928a;stroke-width:4;fill:none;stroke-linejoin:round}
.reviewBody{stroke:#222;stroke-width:15;stroke-linecap:round}.reviewHead{fill:#222}.reviewCrankLine{stroke:#777;stroke-width:5}
.reviewHighlight{stroke:#cc5525;stroke-width:3}.reviewArc{stroke:#cc5525;stroke-width:2;fill:none}.reviewPoint{fill:#fff;stroke:#cc5525;stroke-width:2}
.reviewPointLabel{font:700 9px Arial;fill:#222;paint-order:stroke;stroke:#e8e5de;stroke-width:3px}.reviewAngleLabel{font:800 17px Arial;fill:#a73510;paint-order:stroke;stroke:#e8e5de;stroke-width:4px}
.reviewSliderLabel{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;line-height:1.5;margin:20px 0 8px}.reviewSliderLabel output{font-variant-numeric:tabular-nums;text-align:right}
.reviewTimeline{width:100%;accent-color:#111;min-height:32px;cursor:pointer}.reviewTransport{display:flex;gap:8px;margin:8px 0 16px}.reviewTransport button{flex:1;padding:14px 8px;font-size:11px}.reviewTransport button:disabled{opacity:.35;cursor:default}
.reviewKeys,.reviewMetricTabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.reviewKeys button,.reviewMetricTabs button{border:1px solid #ccc;border-radius:999px;background:#fff;padding:12px;font-size:10px;font-weight:800;cursor:pointer}.reviewMetricTabs button[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
.reviewOptions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:20px 0}.reviewOptions label{font-size:13px;display:flex;align-items:center;gap:8px}.reviewOptions input{accent-color:#111;width:18px;height:18px}.reviewOptions button{font-size:11px;padding:12px 16px}
.reviewMetricCard h3{font-size:44px;font-variant-numeric:tabular-nums}.reviewMetricCard p{font-size:15px;line-height:1.5}.reviewRange{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:16px}
.reviewAssessment{background:#e6e2da;border-radius:20px;padding:22px;font-size:14px;line-height:1.5}.reviewAssessment strong{font-size:12px;letter-spacing:.06em}.reviewAssessment a{color:inherit;font-size:12px}.reviewAssessment.checkRange{border-left:4px solid #a96022}.reviewAssessment.withinRange{border-left:4px solid #537764}
.reviewSnapshots{margin:32px 0}#reviewSnapshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reviewSnapshot{border-radius:18px;background:#fff;padding:10px}.reviewThumbnail{border:0;background:#e8e5de;border-radius:12px;width:100%;cursor:pointer;padding:0 0 12px;font-size:10px}.reviewThumbnail svg{display:block;width:100%;border-radius:12px}.reviewSnapshot p{font-size:12px;line-height:1.6;margin:12px 2px}.reviewRemove{border:0;background:transparent;text-decoration:underline;padding:8px 2px;font-size:11px;cursor:pointer}
@media(min-width:1100px){.reviewLayout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}body:has(.reviewLayout) main{max-width:1100px}.reviewInspector{padding-top:10px}}
@media(max-width:420px){.reviewTransport button{font-size:10px}.reviewKeys button{flex:1 1 40%}#reviewSnapshots{grid-template-columns:1fr}.reviewSliderLabel{flex-direction:column}.reviewSliderLabel output{text-align:left}}


.inseamModal{width:min(620px,96vw);max-height:94vh;overflow:auto;padding:28px 22px 24px;background:#f3f0e9;border-radius:28px}
.inseamModal h2{font-size:clamp(34px,8vw,54px);line-height:.92;letter-spacing:-.045em;margin:10px 0 14px}
.inseamModal .intro{font-size:16px;line-height:1.45;margin:0 0 24px}
.inseamStep{margin:0 0 30px}
.inseamStep img{display:block;width:100%;height:auto;border-radius:20px;background:#e8e5df}
.stepCopy{position:relative;padding-top:14px}
.stepCopy h3{font-size:18px;margin:0 0 6px}
.stepCopy p{font-size:16px;line-height:1.48;margin:0}
.stepBadge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff;font-weight:900;font-size:14px;margin-bottom:10px}
.inseamModal .tipBox{margin-top:4px}
.inseamModal .continue.full{display:block;width:100%;margin-top:14px}
@media(min-width:700px){
  .inseamStep{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}
  .stepCopy{padding-top:4px}
}


/* BikeFit session dashboard */
.sessionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:8px 0 24px}.sessionTitle h2{margin:0 0 5px}.sessionTitle p{margin:0;color:#666}.sessionStatus{background:#111;color:#fff;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:900;letter-spacing:.1em}
.sessionOverview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#111;border:1px solid #111;border-radius:24px;overflow:hidden;margin:20px 0 38px}.sessionOverview>div{background:#fff;padding:20px;min-height:105px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.sessionOverview strong{font-size:18px;line-height:1.2}
.sessionSectionHead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:2px solid #111;padding-bottom:16px;margin-bottom:16px}.sessionSectionHead h3{font-size:30px;margin:5px 0 0}.sessionAdd{margin:0}
.sessionMeasurements{display:grid;gap:12px}.emptyMeasurements{border:1.5px dashed #aaa;border-radius:24px;padding:34px 26px}.emptyMeasurements h3{font-size:26px;margin:8px 0}.emptyMeasurements p{color:#666;max-width:500px;line-height:1.5}
.sessionMeasurement{background:#fff;border-radius:24px;padding:14px;display:grid;grid-template-columns:145px 1fr auto;gap:20px;align-items:center}.sessionMeasurement h3{font-size:22px;margin:5px 0}.sessionMeasurement p{color:#666;margin:0;line-height:1.4}.sessionThumb{height:112px;border-radius:16px;background:#111;position:relative;overflow:hidden;color:#fff;display:grid;place-items:center}.sessionThumb span{position:absolute;left:10px;top:10px;font-size:9px;font-weight:900;letter-spacing:.1em}.miniRider{width:54px;height:54px;border:3px solid #fff;border-radius:50%;opacity:.7}.frontThumb .miniRider{border-radius:14px;width:38px;height:70px}
.captureChoices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.captureChoices button{min-height:260px;border:0;border-radius:28px;background:#111;color:#fff;padding:25px;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.captureChoices small{opacity:.6}.captureChoices strong{font-size:38px;letter-spacing:-.04em;margin:auto 0 8px}.captureChoices span{max-width:220px;line-height:1.4;color:#ccc}.captureChoices b{font-size:32px;align-self:flex-end;margin-top:20px}.frontRecording .wheel,.frontRecording .bb{display:none}
@media(max-width:620px){.sessionOverview,.captureChoices{grid-template-columns:1fr}.sessionMeasurement{grid-template-columns:95px 1fr}.sessionMeasurement .secondaryBtn{grid-column:1/-1}.sessionThumb{height:95px}.sessionSectionHead{align-items:stretch;flex-direction:column}.sessionAdd{width:100%}}


/* LAB53 guided fit-mode selection and standalone Cleat Setup preview */
.fitModeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 22px}
.fitModeChoice{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:340px;padding:26px;border:2px solid #111;border-radius:28px;background:#111;color:#fff;text-align:left;cursor:pointer;gap:18px}
.fitModeChoice .modeNumber{font-size:10px;letter-spacing:.13em;font-weight:900;opacity:.7}
.fitModeChoice strong{font-size:clamp(38px,6vw,58px);font-weight:900;letter-spacing:-.065em;line-height:.91;margin:auto 0 0}
.fitModeChoice>span:not(.modeNumber){font-size:14px;line-height:1.5;opacity:.82}
.fitModeChoice>b{font-size:12px;letter-spacing:.08em;margin-top:6px}
.fitModeChoice.secondaryMode{background:#fff;color:#111}
.fitModeChoice:focus-visible,.cleatHome:focus-visible,.cleatDownload:focus-visible{outline:4px solid #b45c35;outline-offset:3px}
.cleatHome{width:100%;display:flex;align-items:center;text-align:left;gap:20px;padding:25px 27px;margin-top:16px;border:0;border-radius:24px;background:#e2dcd0;color:#111;cursor:pointer}
.cleatHome>.cleatIcon{font-size:40px;border:2px solid #111;border-radius:20px;width:70px;height:70px;display:grid;place-items:center;flex-shrink:0}
.cleatHome>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.cleatHome strong{font-size:23px;letter-spacing:-.04em}
.cleatHome em{font-size:12px;font-style:normal;color:#5c5850}
.cleatHome>b{font-size:30px;margin-left:auto}
.precisionQuestions{padding:24px;border-radius:20px;background:#e6e2da;margin:18px 0 4px}
.precisionQuestions small{display:block;margin-bottom:22px}
.precisionQuestions label{font-size:11px}
.journeyCard{margin-top:28px;border:2px solid #111}
.journeyCard h3{font-size:22px;line-height:1.08}
.journeyCard p{line-height:1.5}
.recordGuide{background:#fff;border-left:4px solid #111;padding:17px 20px;margin-top:18px;border-radius:0 16px 16px 0;max-width:560px}
.recordGuide strong{font-size:11px;letter-spacing:.08em}
.recordGuide p{font-size:14px;line-height:1.5;margin:9px 0 0;color:#555}
.saddleGuideSvg{display:block;width:100%;height:auto;border-radius:18px;margin:20px 0}
.cleatSteps{display:grid;gap:12px;margin:28px 0}
.cleatSteps article{display:flex;align-items:flex-start;gap:19px;padding:20px 22px;border-radius:20px;background:#fff}
.cleatSteps article>b{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:14px;color:#fff;background:#111}
.cleatSteps h3{font-size:16px;letter-spacing:.02em;margin:0 0 8px}
.cleatSteps p{font-size:15px;color:#555;line-height:1.5;margin:0}
.cleatDownload{display:inline-block;border-radius:999px;color:#fff;background:#111;padding:15px 20px;font-size:13px;font-weight:900;text-decoration:none;margin-top:13px}
.cleatResultDemo{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;min-height:300px;background:#e5e0d7;border-radius:28px;margin:25px 0;padding:30px}
.shoeShape{width:135px;height:235px;border:5px solid #222;border-radius:50% 50% 28% 28% / 38% 38% 16% 16%;position:relative;background:#f5f1e9;transform:rotate(-8deg)}
.cleatPlate{width:82px;height:90px;border:5px solid #111;border-radius:18px;position:absolute;left:22px;top:78px;transform:rotate(5deg);background:#7d7971}
.cleatPlate:before,.cleatPlate:after{content:"";position:absolute;width:11px;height:11px;border:2px solid white;border-radius:50%;left:14px;top:28px}
.cleatPlate:after{left:45px}
.cleatAxis{width:3px;height:140px;position:absolute;left:62px;top:45px;background:#c14f2d}
.cleatBall{position:absolute;left:-12px;top:85px;background:#c14f2d;width:17px;height:17px;border:3px solid white;border-radius:50%}
.cleatDemoLegend{display:grid;gap:15px;font-weight:800;font-size:11px;letter-spacing:.03em}
@media(max-width:560px){.fitModeGrid{grid-template-columns:1fr}.fitModeChoice{min-height:270px}.fitModeChoice strong{font-size:47px}.cleatHome{padding:19px;gap:11px}.cleatHome>.cleatIcon{height:56px;width:56px;font-size:28px}.cleatHome strong{font-size:19px}.cleatSteps article{padding:17px;gap:14px}}