.fsizer{background:#ffffff;color:var(--ink)}
.fsizer__hero{background:#ffffff;border-bottom:1px solid var(--line);padding:28px 0 32px}
.fsizer__hero-in{display:grid;gap:8px;max-width:760px}
.fsizer__logo{--one11-logo-h:36px;margin:0 0 8px}
.fsizer__kicker{margin:0;font-family:var(--display);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--red)}
.fsizer__hero h2{margin:.1em 0 .2em;font-size:clamp(40px,5vw,68px)}
.fsizer__hero p{margin:0;max-width:62ch;font-size:17px;line-height:1.5}
.fsizer__guide{background:#ffffff;border-bottom:1px solid var(--line);padding:8px 0 28px}
.fsizer__guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fsizer__guide article{background:#ffffff;border-radius:18px;padding:16px 16px 14px;box-shadow:0 16px 36px -30px rgba(11,15,23,.5)}
.fsizer__guide b{font-family:var(--display);font-weight:800;color:var(--red);letter-spacing:.08em}
.fsizer__guide h3{margin:.3em 0 .25em;font-family:var(--display);font-style:italic;font-weight:900;font-size:26px;text-transform:uppercase;line-height:.95}
.fsizer__guide p{margin:0;font-size:14.5px;line-height:1.45}
.fsizer__iso{margin:14px 0 0;max-width:72ch;font-size:14.5px;line-height:1.45}
.fsizer__frame{background:#ffffff;border-bottom:1px solid var(--line);padding:8px 0 18px}
.fsizer__rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.fsizer__setup{background:#ffffff;padding:4px 0 8px}
.fsizer__draws{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.fsizer__postures{display:grid;gap:14px;min-width:0}
.fsizer__draw{margin:0;min-width:0;background:#ffffff}
.pen-tutorial{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.pen-fig{margin:0;min-width:0}
.pen-fig img,.pen-ph{width:100%;border-radius:16px;display:block}
.pen-fig img{object-fit:cover;background:#eceff3}
.pen-ph{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:6px;
  padding:12px;
  background:#eceff3;
  border:1px dashed #9aa3ad;
  color:#3a424c
}
.pen-ph b{font-family:var(--display);font-style:italic;font-weight:900;font-size:28px;line-height:1}
.pen-ph span{font-size:13px;font-weight:700;line-height:1.3}
.wiz__walls{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.wiz__walls button{min-height:36px;padding:0 10px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:750;cursor:pointer}
.runshoes{margin:16px 0;padding:12px;border-radius:16px;background:#f6f7f9}
.runshoes h3{margin:0 0 8px;font-size:18px}
.runshoes__brands{display:flex;flex-wrap:wrap;gap:6px}
.runshoes__brands button,.runshoes__systems button{min-height:40px;padding:0 10px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #ccc;font-weight:750;cursor:pointer}
.runshoes__brands button b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:#111;color:#fff;font-size:11px}
.runshoes__brands button.is-on,.runshoes__systems button.is-on{background:#111;color:#fff}
.runshoes__brands button.is-on b{background:#fff;color:#111}
.runshoes__model{display:grid;gap:4px;margin-top:10px;font-weight:700}
.runshoes__model input,.runshoes__size{width:100%}
.runshoes__model input{min-height:40px;border:0;border-radius:10px;box-shadow:inset 0 0 0 1.5px #111;padding:0 10px;font:inherit}
.runshoes__systems{display:flex;gap:6px;margin:10px 0}
.runshoes__size{display:grid;justify-items:center;font-family:var(--display);font-style:italic;font-size:36px}
.runshoes__add{min-height:44px;margin-top:8px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:750;padding:0 14px;cursor:pointer}
.runshoes__cards{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.runshoes__cards li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border-radius:14px;background:#fff;animation:shoe-in .45s cubic-bezier(.16,.9,.24,1)}
.runshoes__cards button{border:0;background:transparent;font-size:20px;cursor:pointer}
.sizerow li.is-hint .sizerow__n{background:#e7eef0;color:#3d4a4a;border-radius:8px}
@keyframes shoe-in{from{transform:translateY(8px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.fitgauge.is-bounce .fitgauge__pct b{animation:gauge-bounce .5s cubic-bezier(.16,.9,.24,1)}
@keyframes gauge-bounce{0%{transform:translateY(8px) scale(.9)}60%{transform:translateY(-3px) scale(1.06)}100%{transform:none}}
@media (max-width:420px){
  .pen-tutorial{grid-template-columns:1fr 1fr}
  .pen-ph b{font-size:22px}
  .pen-ph span{font-size:12px}
}
.fsizer__shot{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -28px rgba(11,15,23,.45)}
.fsizer__shot img{display:block;width:100%;height:auto;max-width:100%}
.fsizer__tag{position:absolute;z-index:1;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#0B1120;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.01em;white-space:nowrap;pointer-events:none;box-shadow:0 1px 2px rgba(11,17,32,.12)}
.fsizer__rule{position:absolute;z-index:1;height:0;border-top:1.5px solid #C8102E;pointer-events:none}
.fsizer__rule::before,.fsizer__rule::after{content:"";position:absolute;top:-5px;width:1.5px;height:10px;background:#C8102E}
.fsizer__rule::before{left:0}
.fsizer__rule::after{right:0}
.fsizer__draw figcaption{margin:8px 0 0;color:#0B1120;font-size:15px;font-weight:700;line-height:1.35}
@media (max-width:700px){
  .fsizer__tag{font-size:11px;padding:2px 7px}
  .fsizer__shot--trace .fsizer__tag--toe{left:97%;top:99%;transform:translate(-100%,-100%);max-width:7.6em;white-space:normal;text-align:right;line-height:1.15}
}
.fsizer__rules li{display:grid;gap:2px}
.fsizer__rules b{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:22px;line-height:.95}
.fsizer__rules span{font-size:14.5px;line-height:1.45}
.fsizer__paper{display:grid;gap:4px;margin-top:12px;font-weight:700;font-size:14px;max-width:520px}
.fsizer__paper select,.fsizer__manual{width:100%;min-height:44px;border:0;border-radius:12px;background:#ffffff;box-shadow:inset 0 0 0 1.5px var(--ink);padding:0 12px;font:inherit}
.fsizer__manual{width:auto;border-radius:999px;font-weight:700;cursor:pointer}
.fsizer__overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fsizer__overlay polygon{fill:rgba(208,16,43,.12);stroke:#d0102b;stroke-width:.7}
.fsizer__overlay polygon.is-bad{fill:rgba(208,16,43,.2)}
.fsizer__overlay polygon.is-card{fill:rgba(26,74,168,.18);stroke:#1a4aa8}
.fsizer__overlay line.is-len{stroke:#1a4aa8;stroke-width:.9}
.fsizer__overlay line.is-wid{stroke:#0b0f17;stroke-width:.9}
.fsizer__pt--paper::after{background:#d0102b}
.fsizer__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 0 12px;align-items:start}
.fsizer__method{padding:8px 0 18px}
.fsizer__method h3,.fsizer__panel .fsizer__kicker{margin:0 0 8px}
.fsizer__final{padding:8px 0 64px}
.fsizer__final .fsizer__result{background:#fff;border-radius:20px;box-shadow:0 18px 40px -32px rgba(11,15,23,.45);padding:18px}
.fsizer__scale{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:8px 0 12px}
.fsizer__scale div{position:relative;min-height:36px;border-radius:8px;background:#ffffff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center}
.fsizer__scale b{font-family:var(--display);font-weight:800;font-size:14px}
.fsizer__scale div.is-on{box-shadow:inset 0 0 0 2px var(--ink)}
.fsizer__scale i{position:absolute;top:4px;width:2px;bottom:4px;background:var(--ink);transform:translateX(-50%)}
.fsizer__scale.is-red div.is-on,.fsizer__result.is-red .fsizer__scale div.is-on{background:var(--red);color:#fff;box-shadow:none}
.fsizer__scale.is-red i,.fsizer__result.is-red .fsizer__scale i{background:#fff}
.fsizer__alert{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:#ffffff;box-shadow:inset 4px 0 0 var(--red);font-weight:650;line-height:1.4}
.fsizer__result.is-red .fsizer__meter i.is-on{background:var(--red)}
.fsizer__panel,.fsizer__side section{background:#ffffff;border-radius:20px;box-shadow:0 18px 40px -32px rgba(11,15,23,.45)}
.fsizer__panel{padding:16px}
.fsizer__row,.fsizer__pair{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.fsizer__row button,.fsizer__tools button,.fsizer__file{min-height:44px;padding:0 14px;border:0;border-radius:999px;background:#ffffff;box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:700;cursor:pointer}
.fsizer__row button.is-on,.fsizer__thumbs button.is-on{background:var(--ink);color:#fff}
.fsizer__file{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;box-shadow:none;text-align:center}
.fsizer__file--lib{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.fsizer__file input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:16px}
.fsizer__note,.fsizer__hint,.fsizer__mm,.fsizer__wait{color:var(--muted);font-size:14px}
.wiz__checks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.wiz__checks li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.wiz__checks li.is-wait{grid-template-columns:1fr}
.wiz__checks li.is-ok{box-shadow:inset 3px 0 0 #0f8a52}
.wiz__checks li.is-bad{box-shadow:inset 3px 0 0 var(--red)}
.wiz__checks img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#f4f4f4}
.wiz__checks b{display:block;font-size:14px}
.wiz__checks small{display:block;color:var(--muted);font-size:13px;line-height:1.3}
.wiz__checks .is-ok b{color:#0c6b45}
.wiz__checks .is-bad b{color:var(--red)}
.wiz__retake{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ink);font-size:13px;font-weight:750;cursor:pointer}
.wiz__retake input{position:absolute;inset:0;opacity:0;cursor:pointer}
.wiz__know{margin:14px 0 0;font-size:14px}
.wiz__know summary{cursor:pointer;color:var(--muted);font-weight:650}
.wiz__know p{margin:8px 0;max-width:52ch}
.wiz__know a{font-weight:750}
.fsizer__why{margin:12px 0 0;max-width:68ch;font-size:15px;line-height:1.45}
.fsizer__slots{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.fsizer__slots div{padding:10px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.fsizer__slots div.is-on{box-shadow:inset 0 0 0 1.5px var(--ink)}
.fsizer__slots b{font-family:var(--display);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fsizer__slots ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.fsizer__slots li{display:grid;gap:8px;font-size:13px;font-weight:650;color:var(--muted)}
.fsizer__slots li.is-on{color:var(--ink)}
.fsizer__slot-name{display:flex;align-items:center;gap:6px}
.fsizer__slots li.is-on .fsizer__slot-name::before{content:"";width:8px;height:8px;border-radius:50%;background:#C8102E}
.fsizer__slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fsizer__slot-actions .fsizer__file{width:100%;min-height:44px;padding:0 8px;font-size:14px}
.fsizer__slot-shot{padding:0;border:0;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}
.fsizer__slot-shot img{display:block;width:100%;height:72px;object-fit:cover;background:#fff}
@media (min-width:900px){
  .fsizer__slots{grid-template-columns:1fr 1fr}
}
.fsizer__thumbs{display:flex;gap:8px;list-style:none;margin:12px 0;padding:0}
.fsizer__thumbs button{width:84px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:inset 0 0 0 1px transparent}
.fsizer__thumbs img{width:84px;height:64px;object-fit:cover;display:block;background:#ffffff}
.fsizer__thumbs span{display:block;font-size:12px;font-weight:700;padding:4px}
.fsizer__stage{position:relative;background:#ffffff;border-radius:16px;overflow:hidden;touch-action:none}
.fsizer__stage img{display:block;width:100%;height:auto;background:#ffffff}
.fsizer__pt{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;border-radius:50%;background:transparent;cursor:grab}
.fsizer__pt::after{content:"";position:absolute;left:14px;top:14px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0b0f17}
.fsizer__pt--card::after{background:var(--red)}
.fsizer__pt--len::after{background:#1a4aa8}
.fsizer__pt--wid::after{background:#0b0f17}
.fsizer__tools{display:grid;gap:8px;margin-top:12px}
.fsizer__tools label,.fsizer__pair label{display:grid;gap:4px;font-weight:700;font-size:14px}
.fsizer__tools select,.fsizer__pair select,.fsizer__pair input,.fsizer__tools input{min-height:44px;border:0;border-radius:12px;background:#ffffff;box-shadow:inset 0 0 0 1.5px var(--ink);padding:0 12px;font:inherit}
.fsizer__side{display:grid;gap:14px}
.fsizer__side section{padding:18px}
.fsizer__side h3{margin:.2em 0 .4em;font-size:28px}
.fsizer__score{display:flex;align-items:flex-end;gap:4px;margin:8px 0}
.fsizer__score b{font-family:var(--display);font-style:italic;font-weight:900;font-size:72px;line-height:.85}
.fsizer__meter{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.fsizer__meter i{display:block;height:10px;border-radius:99px;background:#ffffff;box-shadow:inset 0 0 0 1px var(--line)}
.fsizer__meter i.is-on{background:var(--red);box-shadow:none}
.fsizer__ticks{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:10px 0;padding:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fsizer__shoe{display:grid;gap:10px}
.fsizer__shoe h3{margin:0}
.fsizer__shoe label{display:grid;gap:4px;font-weight:700;font-size:14px}
.fsizer__shoe select{width:100%;min-height:44px;border:0;border-radius:12px;background:#ffffff;box-shadow:inset 0 0 0 1.5px var(--ink);padding:0 12px;font:inherit}
.fsizer__cross{margin:0;padding:12px 14px;border-radius:12px;background:#ffffff;box-shadow:inset 4px 0 0 var(--ink);line-height:1.45}
.fsizer__cross.is-off{box-shadow:inset 4px 0 0 var(--red)}
.fsizer__ticks .is-on{color:var(--ink)}
.fsizer__line{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(28px,3vw,40px);line-height:.95;text-transform:uppercase;margin:8px 0 4px}
.fsizer__fit{margin:0;font-weight:800;color:var(--red);letter-spacing:.04em;text-transform:uppercase}
.fsizer__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.fsizer__empty{padding:28px 8px}
@media (max-width:800px){
  .fsizer__grid,.fsizer__guide-grid,.fsizer__draws,.fsizer__rules{grid-template-columns:minmax(0,1fr)}
  .fsizer__grid{padding-top:18px}
  .fsizer__score b{font-size:56px}
  .fsizer__scale{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.fsizer__trace-steps{margin:14px 0 12px;padding-left:22px;display:grid;gap:6px;font-size:15px;line-height:1.45;max-width:720px}
.fsizer__trace-steps li::marker{font-weight:800;color:#C8102E}
.fsizer__places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px;min-width:0}
.fsizer__place{margin:0;min-width:0}
.fsizer__place img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 24px -18px rgba(11,15,23,.5)}
.fsizer__place figcaption{margin:6px 0 0;font-size:13px;font-weight:800;color:#0B1120}
@media (max-width:700px){
  .fsizer__places{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .fsizer__place{scroll-snap-align:start}
}
.fsizer__privacy{margin:10px 0;padding:10px 12px 10px 38px;position:relative;border-radius:12px;background:#FFF7E0;box-shadow:inset 0 0 0 1.5px #E8C46A;color:#0B1120;font-size:14px;font-weight:600;line-height:1.45;max-width:720px}
.fsizer__privacy::before{content:"";position:absolute;left:12px;top:12px;width:16px;height:11px;border-radius:2px;background:#1a4aa8;box-shadow:inset 0 4px 0 #E8C46A}

.wiz{--wiz-bar:84px;width:min(var(--wrap),100%);margin:16px auto 0;padding:8px var(--pad) 96px;overflow-x:clip}
.wiz__progress{display:grid;gap:6px;margin:4px 0 14px}
.wiz__progress span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wiz__track{height:6px;border-radius:99px;background:#f3efe8;overflow:hidden}
.wiz__track i{display:block;height:100%;background:#C8102E;border-radius:99px}
@media (prefers-reduced-motion:no-preference){
  .wiz__pane{animation:wiz-in .28s ease}
  .wiz__track i{transition:width .28s ease}
}
@keyframes wiz-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wiz__pane{animation:none}}
.wiz__pane{display:grid;gap:14px;min-width:0}
.wiz__split{display:grid;gap:16px;min-width:0}
.wiz h2{margin:0 0 .45em;font-size:clamp(28px,7vw,44px);line-height:.95}
.wiz__lead{margin:0;font-size:17px;line-height:1.45;max-width:42ch}
.wiz__bullets{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.wiz__bullets li{padding-left:18px;position:relative;font-size:15.5px;line-height:1.4}
.wiz__bullets li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#C8102E}
.wiz__chips{display:flex;flex-wrap:wrap;gap:8px}
.wiz__chips button,.wiz__start,.wiz__nav button{min-height:48px;border:0;border-radius:999px;padding:0 16px;font:inherit;font-weight:750;cursor:pointer}
.wiz__chips button{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.wiz__chips button.is-on,.wiz__start,.wiz__next{background:#C8102E;color:#fff}
.wiz__start{width:100%;margin-top:8px}
@media (min-width:960px){.wiz__start{width:auto;min-width:220px}}
.wiz__need{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.wiz__need span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:14px}
.wiz__need svg{width:20px;height:20px;flex:0 0 auto}
.wiz__example{margin:0;min-width:0}
.wiz__example img{display:block;width:100%;height:auto;max-height:min(62vh,560px);object-fit:contain;object-position:center;background:#f7f4ee;border-radius:18px;box-shadow:0 18px 40px -28px rgba(11,15,23,.45)}
.wiz__capture{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center}
.wiz__mini{position:relative;width:88px;height:112px;border-radius:14px;overflow:hidden;background:#f7f4ee;box-shadow:inset 0 0 0 1px var(--line)}
.wiz__mini img{width:100%;height:100%;object-fit:cover;display:block}
.wiz__mini b{position:absolute;z-index:2;right:6px;bottom:6px;width:28px;height:28px;border-radius:50%;background:#C8102E;color:#fff;display:grid;place-items:center;font-size:16px}
.wiz__mini .fsizer__overlay{z-index:1}
.wiz__actions{display:grid;gap:8px}
.wiz__actions .fsizer__file{width:100%;min-height:48px}
.wiz__dots{display:flex;gap:8px}
.wiz__dots button{min-width:44px;min-height:44px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:800;cursor:pointer}
.wiz__dots button.is-on{background:var(--ink);color:#fff}
.wiz__dots button.is-done{box-shadow:inset 0 0 0 1.5px #C8102E;color:#C8102E}
.wiz__why{border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:0 12px}
.wiz__why summary{min-height:44px;display:flex;align-items:center;font-weight:800;cursor:pointer}
.wiz__why p{margin:0 0 12px;font-size:14.5px;line-height:1.45}
.wiz__fields{display:grid;gap:10px}
.wiz__fields label{display:grid;gap:6px;font-weight:800}
.wiz__fields input,.wiz__fields select{width:100%;min-height:56px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);padding:0 14px;font:inherit;font-size:22px}
.wiz__fields input::placeholder{color:#a3aab4;font-weight:500}
.wiz__fields select{font-size:16px}
.wiz__nav{position:sticky;bottom:12px;z-index:65;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:8px;padding:8px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px -18px rgba(11,15,23,.45),inset 0 0 0 1px var(--line)}
.wiz__nav button{min-height:48px;border:0;border-radius:999px;font:inherit;font-weight:800;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.wiz__nav .wiz__next{background:#C8102E;color:#fff;box-shadow:none}
.wiz__nav button:disabled{opacity:.4;cursor:default}
.wiz__size{margin:0;font-size:clamp(36px,8vw,64px);line-height:.92}
.wiz__redo{display:flex;flex-wrap:wrap;gap:8px}
.wiz__redo button{min-height:44px;border:0;border-radius:999px;padding:0 12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:inherit;font-weight:700;cursor:pointer}
.wiz__score{margin-top:8px;margin-bottom:12px}
@media (max-width:640px){
  .wiz{padding-bottom:calc(var(--wiz-bar) + 68px + env(safe-area-inset-bottom))}
  .wiz input,.wiz select,.wiz textarea,.wiz__pane,.wiz__score,.fsizer__privacy,.wiz__why,.wiz__chips,.fsizer__mm{scroll-margin-bottom:calc(var(--wiz-bar) + 68px + 16px + env(safe-area-inset-bottom))}
  .wiz__nav{position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom))}
  .wiz__example{--wiz-maxh:min(28vh,240px)}
  .wiz__split > .wiz__example{order:2}
  body.sizer-wiz-on .phd--measure{display:none}
}
/* Example photos: cap the height by shrinking the frame to the photo's aspect ratio, so the HTML labels stay on their targets. */
.wiz__example{--wiz-maxh:min(62vh,560px)}
.wiz__example .fsizer__shot{width:min(100%,calc(var(--wiz-maxh) * var(--ar,1)));margin-inline:auto}
.wiz__example .fsizer__shot img{max-height:none;background:none}
.wiz__example > img{width:min(100%,calc(var(--wiz-maxh) * .75));max-height:none;margin-inline:auto}
@media (max-width:959px){
  /* Keep the example short on phones so the step copy and the photo buttons stay near the top. */
  .wiz__example{--wiz-maxh:min(40vh,360px)}
  /* Measure step on phones: fields first, so the fixed Back/Next bar never sits on them; the trace example follows. */
  .wiz__split--mm > .wiz__example{order:2}
}
@media (min-width:961px){
  .phd--measure .phd__in{padding-top:22px;padding-bottom:28px}
  .phd--measure h1{font-size:clamp(44px,4.6vw,68px);margin:.12em 0 .28em}
}
@media (min-width:960px){
  .wiz{width:min(1040px,100%)}
  .wiz__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
  .wiz__example{position:sticky;top:76px}
  .wiz__nav{position:sticky;bottom:16px}
}

/* Size row 30–47. The recommended size lifts. Green fits. Red is the size-up zone; the next size lifts in yellow. */
.sizescale{min-width:0;margin:8px 0 14px}
.sizescale__live{margin:0 0 8px;font-size:13px;font-weight:750;letter-spacing:.01em;color:var(--muted)}
.sizescale__hero{display:none}
.sizescale.is-fit .sizescale__live{color:#0c6b45}
.sizescale.is-up .sizescale__live{color:var(--red)}
.sizescale__rail{
  position:relative;
  overflow-x:auto;
  overflow-y:hidden;
  margin:0 -4px;
  padding:22px 8px 8px;
  scroll-snap-type:x proximity;
  scroll-padding-inline:32%;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
}
.sizescale__row{display:flex;gap:6px;min-width:max-content;align-items:flex-end;margin:0;padding:0 12px 2px;list-style:none}
.sizescale__row li{display:flex;scroll-snap-align:center}
.sizescale__cell{
  --pop-y:0px;--pop-s:1;
  position:relative;
  width:52px;height:64px;
  border-radius:14px;
  background:#f4f6f9;
  color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--line);
  display:grid;align-content:center;justify-items:center;
  transform-origin:center bottom;
  transform:translateY(var(--pop-y)) scale(var(--pop-s));
  transition:transform .55s cubic-bezier(.2,.85,.2,1),background .35s ease,color .35s ease,box-shadow .45s ease;
}
.sizescale__cell b{font-family:var(--display);font-style:italic;font-weight:900;font-size:22px;line-height:.85}
.sizescale__cell small{margin-top:3px;font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.sizescale__tick{position:absolute;top:6px;bottom:6px;width:2px;border-radius:2px;background:currentColor;opacity:.85;transform:translateX(-50%);transition:left .45s cubic-bezier(.2,.8,.2,1)}
.sizescale li.is-fit .sizescale__cell{
  --pop-y:-12px;--pop-s:1.22;
  background:#0f8a52;color:#fff;
  box-shadow:0 16px 28px -12px rgba(15,138,82,.7),inset 0 0 0 1px rgba(255,255,255,.35);
  z-index:2;
  animation:sizescale-pop .62s cubic-bezier(.16,.9,.24,1);
}
.sizescale li.is-up .sizescale__cell{
  --pop-y:-12px;--pop-s:1.22;
  background:var(--red);color:#fff;
  box-shadow:0 16px 28px -12px rgba(208,16,43,.65),inset 0 0 0 1px rgba(255,255,255,.3);
  z-index:2;
  animation:sizescale-pop .62s cubic-bezier(.16,.9,.24,1);
}
.sizescale li.is-next .sizescale__cell{
  --pop-y:-8px;--pop-s:1.1;
  background:#f5c400;color:#1a1200;
  box-shadow:0 14px 24px -14px rgba(196,150,0,.8);
  z-index:1;
  animation:sizescale-next .7s cubic-bezier(.16,.9,.24,1) .08s both;
}
.sizescale li.is-fit small,.sizescale li.is-up small,.sizescale li.is-next small{color:inherit;opacity:.88}
.sizescale.is-pending{opacity:.72}
@keyframes sizescale-pop{
  0%{transform:translateY(8px) scale(.82)}
  60%{transform:translateY(calc(var(--pop-y) - 4px)) scale(calc(var(--pop-s) + .06))}
  100%{transform:translateY(var(--pop-y)) scale(var(--pop-s))}
}
@keyframes sizescale-next{
  0%{transform:translateY(6px) scale(.9)}
  100%{transform:translateY(var(--pop-y)) scale(var(--pop-s))}
}
@media (max-width:640px){
  .sizescale__hero{display:flex;align-items:flex-end;gap:10px;min-height:92px;margin:0 0 4px}
  .sizescale__hero-size,.sizescale__hero-next{
    display:grid;justify-items:center;align-content:center;
    border-radius:18px;transform-origin:center bottom;
  }
  .sizescale__hero-size{width:84px;height:96px;color:#fff;animation:sizescale-pop .62s cubic-bezier(.16,.9,.24,1)}
  .sizescale__hero-size b{font-family:var(--display);font-style:italic;font-weight:900;font-size:48px;line-height:.8}
  .sizescale__hero-size small,.sizescale__hero-next small{margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  .sizescale__hero.is-fit .sizescale__hero-size{background:#0f8a52;box-shadow:0 16px 28px -14px rgba(15,138,82,.75)}
  .sizescale__hero.is-up .sizescale__hero-size{background:var(--red);box-shadow:0 16px 28px -14px rgba(208,16,43,.7)}
  .sizescale__hero-next{width:68px;height:78px;background:#f5c400;color:#1a1200;animation:sizescale-next .7s cubic-bezier(.16,.9,.24,1) .08s both}
  .sizescale__hero-next b{font-family:var(--display);font-style:italic;font-weight:900;font-size:34px;line-height:.8}
  .sizescale__rail{padding-top:18px;scroll-padding-inline:38%}
  .sizescale__cell{width:48px;height:60px;border-radius:12px}
  .sizescale__cell b{font-size:20px}
  .sizescale li.is-fit .sizescale__cell,.sizescale li.is-up .sizescale__cell{--pop-y:-8px;--pop-s:1.12}
  .sizescale li.is-next .sizescale__cell{--pop-y:-5px;--pop-s:1.06}
}
@media (prefers-reduced-motion:reduce){
  .sizescale__cell,.sizescale__tick,.thermo__tube i,.fitgauge__fill{transition:none;animation:none!important}
}
.sizeresult{display:grid;gap:8px;min-width:0}
@media (min-width:800px){
  .sizeresult{grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr);gap:18px;align-items:start}
}
.fitgauge{min-width:0;margin:4px 0 8px;padding:12px 12px 14px;border-radius:16px;background:#f7f8fa;box-shadow:inset 0 0 0 1px #e3e7ee}
.fitgauge__meter{position:relative;padding-top:18px}
.fitgauge__tube{position:relative;height:18px;border-radius:999px;background:#e4e8ee;overflow:hidden;box-shadow:inset 0 1px 2px rgba(20,28,40,.18)}
.fitgauge__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#5c6b7a,#1a7f78 55%,#0f8a52);transition:width .9s cubic-bezier(.16,.84,.24,1)}
.fitgauge__fill::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 58%);pointer-events:none}
.fitgauge__lock{position:absolute;left:90%;right:0;top:0;bottom:0;background:repeating-linear-gradient(-45deg,#d5dae2 0 4px,#eef1f5 4px 8px);pointer-events:none}
.fitgauge__ticks{position:absolute;left:0;right:0;top:0;height:16px}
.fitgauge__ticks span{position:absolute;transform:translateX(-50%);font-size:10px;font-weight:750;color:#5c6775}
.fitgauge__pct{display:flex;align-items:flex-end;gap:2px;margin:8px 0 0}
.fitgauge__pct b{font-family:var(--display);font-style:italic;font-weight:900;font-size:56px;line-height:.85;color:#14302c}
.fitgauge__pct small{font-size:18px;font-weight:750;color:#5c6775;margin-bottom:6px}
.fitgauge__chance{margin:4px 0 0;font-weight:700;font-size:14px;color:#1c2430}
.fitgauge__warn{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:inset 3px 0 0 #c4a000;font-size:13px;font-weight:700}
.fitgauge__steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
.fitgauge__steps li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:13px;color:#6b7380}
.fitgauge__steps b{font-variant-numeric:tabular-nums}
.fitgauge__steps .is-on{color:#0c6b45;font-weight:700}
.fitgauge__steps .is-bad{color:#8a5a00;font-weight:700}
.fitgauge__steps .is-locked{color:#8b93a0}
.fitgauge__try{display:block;margin-top:10px;font-size:13px;font-weight:650;line-height:1.35;color:#1a4a44}
.wiz__manual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.wiz__manual label{display:grid;gap:4px;font-size:13px;font-weight:700}
.wiz__manual input{min-height:40px;border:0;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--ink);padding:0 10px;font:inherit}
.thermo{display:flex;align-items:center;gap:10px;margin:4px 0 12px}
.thermo__tube{position:relative;width:18px;height:76px;border-radius:12px;background:#eee;box-shadow:inset 0 0 0 1px #ccc;overflow:hidden}
.thermo__tube i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#f5c400,#0f8a52);border-radius:10px;transition:height .6s cubic-bezier(.2,.8,.2,1)}
.thermo b{font-family:var(--display);font-style:italic;font-weight:900;font-size:28px;line-height:1}
.thermo small{display:block;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.shoecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.shoecard{display:grid;justify-items:center;gap:2px;padding:10px 6px 12px;border-radius:16px;background:#111;color:#fff;text-decoration:none}
.shoecard svg{width:72px;height:32px;fill:#fff}
.shoecard b{font-family:var(--display);font-style:italic;letter-spacing:.04em}
.shoecard small{color:#ddd;font-size:12px}
.photocheck{margin:0 0 14px}
.photocheck__drop{position:relative;display:grid;gap:2px;padding:14px;border:1.5px dashed #222;border-radius:16px;background:#fafafa;cursor:pointer}
.photocheck__drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.photocheck__drop b{font-size:15px}
.photocheck__drop span{color:var(--muted);font-size:13px}
.photocheck__list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.photocheck__list li{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:650}
.photocheck__list b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;flex:none}
.photocheck__list .is-ok b{background:#0f8a52;color:#fff}
.photocheck__list .is-no b{background:#1a1a1a;color:#fff}
.photocheck__note{margin:8px 0 0;font-size:13px;font-weight:650}
@media (max-width:640px){
  .shoecards{grid-template-columns:1fr}
  .shoecard{grid-template-columns:72px 1fr;justify-items:start;align-items:center}
}

/* Photo-sizer result: one compact row, 30–47. The chosen size lifts out of the line. */
.sizerow-host{min-width:0;max-width:100%}
.sizerow{min-width:0;max-width:100%;margin:8px 0 12px}
.sizerow__rail{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding:26px 8px 18px;
  scrollbar-width:thin;
}
.sizerow__row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:0;
  width:max-content;
  min-width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.sizerow__row li{
  position:relative;
  flex:1 0 22px;
  display:grid;
  justify-items:center;
  align-items:end;
  min-height:28px;
}
.sizerow__n{
  display:inline-grid;
  justify-items:center;
  gap:1px;
  transform-origin:center bottom;
  color:#3a3f46;
  font-size:15px;
  font-weight:650;
  line-height:1;
  border-radius:10px;
  transition:transform .5s cubic-bezier(.2,.85,.2,1),color .3s ease,background .3s ease,box-shadow .3s ease;
}
.sizerow__n b{font-weight:inherit}
.sizerow__n i{font-style:normal;font-size:.62em;font-weight:800;line-height:1}
.sizerow li.is-fit{z-index:2}
.sizerow li.is-fit .sizerow__n{
  transform:translateY(-10px) scale(1.72);
  color:#0c6b45;
  font-weight:800;
  background:#e7f6ee;
  padding:4px 5px 3px;
  box-shadow:0 10px 16px -10px rgba(12,107,69,.7);
  animation:sizerow-pop .55s cubic-bezier(.16,.9,.24,1);
}
.sizerow li.is-up{z-index:2}
.sizerow li.is-up .sizerow__n{
  transform:translateY(-10px) scale(1.72);
  color:#9d0c22;
  font-weight:800;
  background:#fde8eb;
  padding:4px 5px 3px;
  box-shadow:0 10px 16px -10px rgba(208,16,43,.65);
  animation:sizerow-pop .55s cubic-bezier(.16,.9,.24,1);
}
.sizerow li.is-next{z-index:1}
.sizerow li.is-next .sizerow__n{
  transform:translateY(-6px) scale(1.3);
  color:#6b4e00;
  font-weight:800;
  background:#fff4cc;
  padding:3px 4px 2px;
  box-shadow:0 8px 14px -10px rgba(180,140,0,.75);
  animation:sizerow-next .55s cubic-bezier(.16,.9,.24,1) .06s both;
}
.sizerow li small{
  position:absolute;
  left:50%;
  top:calc(100% + 2px);
  transform:translateX(-50%);
  font-size:10px;
  font-weight:800;
  letter-spacing:.01em;
  color:#8a6500;
  white-space:nowrap;
}
.sizerow__label{margin:8px 0 0;font-size:15px;font-weight:750;color:var(--ink)}
@keyframes sizerow-pop{
  from{transform:translateY(6px) scale(.86)}
  to{transform:translateY(-10px) scale(1.72)}
}
@keyframes sizerow-next{
  from{transform:translateY(4px) scale(.9)}
  to{transform:translateY(-6px) scale(1.3)}
}
@media (prefers-reduced-motion:reduce){
  .sizerow__n{transition:none;animation:none!important}
}

.reveal{position:relative;min-width:0;max-width:100%;overflow:hidden;margin:0 0 8px}
.reveal__count{margin:0 0 6px;font-family:var(--display);font-style:italic;font-weight:800;font-size:clamp(22px,6vw,34px);letter-spacing:.01em;line-height:1;color:var(--ink)}
.reveal__count b{font-weight:900}
.reveal__count.is-done{font-size:15px;font-style:normal;font-family:inherit;font-weight:750;color:var(--muted);letter-spacing:0}
.reveal__count.is-done b{font-family:var(--display);font-style:italic;font-weight:900;font-size:22px;color:var(--ink)}
.reveal__stage{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:clamp(148px,46vw,280px);margin:4px 0 2px;overflow:hidden}
.reveal__hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;opacity:0;transform:scale(.2)}
.reveal__stage.is-in .reveal__hero{opacity:1;animation:reveal-slam .72s cubic-bezier(.16,1.4,.32,1) both}
.reveal__ring{position:absolute;left:50%;top:46%;width:78%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.reveal.is-fit .reveal__ring{box-shadow:0 0 0 10px rgba(15,138,82,.16),0 0 70px 12px rgba(15,138,82,.38)}
.reveal.is-up .reveal__ring{box-shadow:0 0 0 10px rgba(208,16,43,.16),0 0 70px 12px rgba(208,16,43,.42);animation:reveal-pulse 1.5s ease-in-out .7s infinite}
.reveal__num{position:relative;font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(128px,40vw,300px);line-height:.78;letter-spacing:-.04em;color:var(--ink)}
.reveal.is-fit .reveal__num{color:#0c6b45;text-shadow:0 10px 30px rgba(15,138,82,.28)}
.reveal.is-up .reveal__num{color:var(--red);text-shadow:0 10px 28px rgba(208,16,43,.3)}
.reveal__hero small{position:relative;margin-top:2px;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.reveal__next{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:74px;margin:0 0 18px;padding:8px 10px 7px;border-radius:16px;background:#f5c400;color:#1a1200;opacity:0;transform:translateY(16px) scale(.7)}
.reveal__stage.is-in .reveal__next{animation:reveal-next .55s cubic-bezier(.16,1.25,.32,1) .18s both}
.reveal__next b{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(40px,12vw,64px);line-height:.8}
.reveal__next small{margin-top:3px;font-weight:800;font-size:12px;letter-spacing:.02em;text-transform:lowercase;white-space:nowrap}
.reveal__why{margin:0 0 8px;font-size:clamp(12px,3.5vw,16px);font-weight:750;line-height:1.3;text-align:center;white-space:nowrap}
.reveal__why.is-fit{color:#0c6b45}
.reveal.is-up .reveal__why{color:var(--red)}
.reveal__podium{min-width:0;overflow:hidden}
.reveal__arc{position:relative;height:168px;margin:0;padding:0;list-style:none}
.reveal__arc li{position:absolute;left:50%;top:22px;width:54px;transform-origin:center center}
.reveal__arc span{display:grid;place-items:center;height:48px;border-radius:12px;font-family:var(--display);font-style:italic;font-weight:900;font-size:22px;line-height:1;color:#8b93a0;background:#f3f5f8}
.reveal__arc li.is-fit span{background:#0f8a52;color:#fff;box-shadow:0 14px 24px -16px rgba(15,138,82,.9)}
.reveal__arc li.is-up span{background:var(--red);color:#fff;box-shadow:0 14px 24px -16px rgba(208,16,43,.85)}
.reveal__arc li.is-next span{background:#f5c400;color:#1a1200;box-shadow:0 12px 20px -14px rgba(180,140,0,.8)}
.reveal__cta{display:flex;align-items:center;justify-content:center;min-height:58px;margin:8px 0 14px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(22px,6vw,30px);letter-spacing:.02em;text-decoration:none;text-transform:uppercase}
.reveal__cta:hover{background:var(--red)}
.reveal__burst{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none}
.reveal__burst i{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:2px;background:#9be7b8;opacity:0;animation:reveal-bit .85s ease-out forwards}
.reveal__burst i:nth-child(3n){background:#d8ffe6;width:6px;height:10px}
.reveal__burst i:nth-child(3n+1){background:#5dce86;border-radius:50%}
@keyframes reveal-slam{0%{opacity:0;transform:scale(.18)}58%{opacity:1;transform:scale(1.12)}78%{transform:scale(.96)}100%{opacity:1;transform:scale(1)}}
@keyframes reveal-next{0%{opacity:0;transform:translateY(18px) scale(.62)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes reveal-pulse{0%,100%{box-shadow:0 0 0 8px rgba(208,16,43,.2),0 0 48px 8px rgba(208,16,43,.35)}50%{box-shadow:0 0 0 16px rgba(208,16,43,.05),0 0 70px 16px rgba(208,16,43,.2)}}
@keyframes reveal-bit{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){
  .reveal__hero,.reveal__next,.reveal__ring,.reveal__burst i{animation:none!important}
  .reveal__stage .reveal__hero,.reveal__stage.is-in .reveal__hero,.reveal__next{opacity:1;transform:none}
}