.evst {
  --evst-navy: #151d29;
  --evst-green: #bdcbd2;
  --evst-soft: #f5f3f2;
  --evst-line: #d2d5d8;
  --evst-muted: #646a72;
  --evst-font: "Helvetica Neue", Arial, sans-serif;
  --evst-max-width: 1490px;
  box-sizing: border-box;
  width: min(100%, var(--evst-max-width));
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  color: var(--evst-navy);
  font-family: var(--evst-font);
  line-height: 1.4;
}
.evst *, .evst *::before, .evst *::after { box-sizing: inherit; }
.evst button, .evst input, .evst a { font: inherit; }
.evst button { cursor: pointer; }
.evst__brand { text-transform: lowercase; }
.evst__title-line { white-space: nowrap; }
.evst__eyebrow { margin: 0 0 16px !important; color: var(--evst-navy) !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .08em !important; }
.evst h1 { margin: 0 !important; color: var(--evst-navy) !important; font-size: clamp(52px, 5vw, 76px) !important; line-height: .94 !important; letter-spacing: -.045em !important; font-weight: 900 !important; }
.evst__intro { height: 850px; display: grid; grid-template-columns: 1.02fr .98fr; }
.evst__intro-copy { padding: 54px 5vw 42px; }
.evst__lead { max-width: 650px; margin: 32px 0 !important; color: var(--evst-muted) !important; font-size: 19px !important; line-height: 1.6 !important; }
.evst__intro-points { max-width: 650px; margin: 28px 0; border-top: 1px solid var(--evst-line); }
.evst__intro-points > div { display: grid; grid-template-columns: 54px 1fr; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--evst-line); }
.evst__intro-points b { color: var(--evst-navy); }
.evst__intro-points strong, .evst__intro-points small { display: block; }
.evst__intro-points small { margin-top: 4px; color: var(--evst-muted); font-size: 13px; }
.evst__intro-visual { position: relative; display: grid; place-items: center; overflow: hidden; background: var(--evst-soft); }
.evst__intro-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.evst__intro-visual > div { position: absolute; left: 32px; bottom: 28px; display: flex; flex-direction: column; gap: 4px; }
.evst__intro-visual > div { padding: 14px 18px; background: rgba(245,243,242,.9); }
.evst__intro-visual > div strong { font-size: 28px; }
.evst__intro-visual > div span { color: var(--evst-navy); font-size: 17px; }
.evst__primary, .evst__secondary { display: inline-flex; align-items: center; justify-content: center; min-width: 152px; padding: 17px 24px; border: 1px solid var(--evst-navy); border-radius: 0; background: #fff; color: var(--evst-navy); font-size: 13px; font-weight: 800; letter-spacing: .05em; line-height: 1.2; text-decoration: none; text-transform: uppercase; }
.evst__primary { border-color: var(--evst-navy); background: var(--evst-navy); color: #fff; }
.evst__primary:hover, .evst__primary:focus-visible { background: color-mix(in srgb, var(--evst-navy), #fff 12%); color: #fff; }
.evst__primary:focus-visible, .evst__secondary:focus-visible, .evst input:focus-visible { outline: 3px solid color-mix(in srgb, var(--evst-green), transparent 72%); outline-offset: 3px; }
.evst__micro { margin: 16px 0 0 !important; color: var(--evst-muted) !important; font-size: 12px !important; }
.evst__measure { height: 850px; display: grid; grid-template-columns: 280px 1fr; }
.evst__measure > aside { display: flex; flex-direction: column; padding: 42px 36px; border-right: 1px solid var(--evst-line); background: var(--evst-soft); }
.evst__progress { margin: 30px 0 0; padding: 0; list-style: none; }
.evst__progress li { position: relative; display: grid; grid-template-columns: 48px 1fr; align-items: center; min-height: 94px; color: #9ca0a5; }
.evst__progress li::before { content: ""; position: absolute; left: 16px; top: 63px; width: 1px; height: 50px; background: var(--evst-line); }
.evst__progress li:last-child::before { display: none; }
.evst__progress li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--evst-line); border-radius: 50%; font-size: 11px; }
.evst__progress li.is-active { color: var(--evst-navy); }
.evst__progress li.is-active > span { border-color: var(--evst-navy); background: var(--evst-navy); color: #fff; }
.evst__progress li strong { font-size: 12px; letter-spacing: .08em; }
.evst__side-note { margin-top: auto; padding-top: 24px; border-top: 1px solid var(--evst-line); }
.evst__side-note strong { font-size: 13px; }
.evst__side-note p { color: var(--evst-muted) !important; font-size: 12px !important; line-height: 1.55 !important; }
.evst__measure-main { padding: 38px 5vw 24px; }
.evst__step-heading p { margin: 0 0 10px !important; color: var(--evst-navy) !important; font-weight: 900 !important; letter-spacing: .08em !important; }
.evst__measure-main h1 { max-width: 890px; font-size: clamp(46px, 4.4vw, 66px) !important; }
.evst__measure-grid { display: grid; grid-template-columns: minmax(440px, 1fr) 300px; gap: 44px; align-items: center; max-width: 1120px; margin-top: 26px; }
.evst__measure-form label { display: block; margin-bottom: 10px; font-weight: 800; }
.evst__number { display: grid; grid-template-columns: 1fr 64px; align-items: center; height: 72px; border: 1px solid var(--evst-navy); }
.evst__number input { width: 100%; height: 100%; padding: 0 20px; border: 0; outline: 0; color: var(--evst-navy); background: #fff; font-size: 30px; font-weight: 700; }
.evst__number span { color: var(--evst-muted); font-size: 14px; }
.evst__range { width: 100%; margin: 26px 0 10px; accent-color: var(--evst-navy); }
.evst__range-labels { display: flex; justify-content: space-between; color: var(--evst-muted); font-size: 12px; }
.evst__range-labels b { color: var(--evst-navy); font-size: 14px; }
.evst__instructions { margin: 24px 0 0; padding-left: 22px; color: var(--evst-muted); font-size: 14px; line-height: 1.45; }
.evst__instructions li { margin-bottom: 10px; padding-left: 6px; }
.evst__guide { height: 360px; overflow: hidden; }
.evst__guide img { width: 100%; height: 100%; object-fit: contain; }
.evst__precision { display: grid; grid-template-columns: 160px 1fr; gap: 16px; margin-top: 26px; padding: 18px; border-left: 4px solid #c49b54; background: #f7eedf; font-size: 12px; }
.evst__precision span { color: #5a5147; }
.evst__actions { display: flex; justify-content: space-between; max-width: 1120px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--evst-line); }
.evst__result { height: 850px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(680px, 1fr) 130px; }
.evst__result-primary { padding: 36px 5vw 24px; }
.evst__result-primary h1 { font-size: clamp(68px, 6.5vw, 94px) !important; }
.evst__result-primary h2 { margin: 12px 0 24px !important; color: var(--evst-navy) !important; font-size: 19px !important; font-weight: 500 !important; }
.evst__checks { display: grid; grid-template-columns: .8fr 1.05fr 1.15fr; gap: 10px 8px; font-size: 13px; }
.evst__checks span::before { content: "✓"; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 12px; border: 1px solid var(--evst-green); border-radius: 50%; color: var(--evst-green); font-size: 11px; }
.evst__size-scale { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); margin: 26px 0 24px; }
.evst__size-scale::after { content: ""; position: absolute; z-index: 0; left: 7%; right: 7%; top: 48px; height: 1px; background: var(--evst-navy); }
.evst__size-scale > div { z-index: 1; display: grid; justify-items: center; gap: 15px; }
.evst__size-scale b { font-size: 13px; }
.evst__size-scale i { display: block; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 50%; background: #aaa; }
.evst__size-scale .is-selected i { width: 52px; height: 52px; margin-top: -17px; border: 8px solid var(--evst-green); outline: 2px solid var(--evst-navy); background: var(--evst-navy); }
.evst__between { padding: 14px 18px; border: 1px solid var(--evst-navy); }
.evst__between strong { font-size: 13px; }
.evst__between p { margin: 8px 0 0 !important; color: var(--evst-muted) !important; font-size: 13px !important; line-height: 1.55 !important; }
.evst__result-buttons { display: flex; gap: 12px; margin-top: 20px; }
.evst__product { position: relative; display: grid; place-items: center; overflow: hidden; padding: 60px 42px 46px; background: var(--evst-soft); }
.evst__product img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.evst__product-label { position: absolute; left: 46px; top: 48px; display: flex; flex-direction: column; gap: 4px; padding: 10px 14px; background: rgba(245,243,242,.88); }
.evst__product-label strong { font-size: 19px; }
.evst__product-label span { font-size: 14px; }
.evst__product > p { position: absolute; left: 46px; right: 46px; bottom: 24px; max-width: 540px; margin: 0 !important; padding: 10px 12px; background: rgba(245,243,242,.88); color: var(--evst-navy) !important; font-size: 11px !important; line-height: 1.5 !important; }
.evst__product > p a { color: var(--evst-green); }
.evst__summary { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); padding: 22px 5.5vw; border-top: 1px solid var(--evst-line); }
.evst__summary > div { display: flex; flex-direction: column; gap: 8px; padding-left: 32px; border-left: 1px solid var(--evst-line); }
.evst__summary > div:first-child { padding-left: 0; border-left: 0; }
.evst__summary small { font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.evst__summary strong { font-size: 34px; }
.evst__summary em { font-size: 14px; font-style: normal; font-weight: 600; }
@media (max-width: 1000px) {
  .evst__intro, .evst__measure, .evst__result { height: auto; }
  .evst__intro { min-height: 850px; grid-template-columns: 1fr; }
  .evst__intro-visual { min-height: 480px; }
  .evst__measure { grid-template-columns: 1fr; }
  .evst__measure > aside { padding: 30px; border-right: 0; border-bottom: 1px solid var(--evst-line); }
  .evst__progress { display: grid; grid-template-columns: repeat(3, 1fr); }
  .evst__progress li { min-height: 50px; }
  .evst__progress li::before, .evst__side-note { display: none; }
  .evst__measure-grid { grid-template-columns: 1fr 280px; }
}
@media (max-width: 700px) {
  .evst h1 { font-size: 56px !important; }
  .evst__title-line { white-space: normal; }
  .evst__intro-copy { padding: 48px 22px; }
  .evst__intro-visual { min-height: 380px; }
  .evst__measure-main { padding: 38px 20px; }
  .evst__measure-main h1 { font-size: 48px !important; }
  .evst__measure-grid { grid-template-columns: 1fr; gap: 20px; }
  .evst__guide { height: 310px; order: -1; }
  .evst__precision { grid-template-columns: 1fr; }
  .evst__result { grid-template-columns: 1fr; grid-template-rows: auto; }
  .evst__result-primary { padding: 48px 22px; }
  .evst__result-primary h1 { font-size: 88px !important; }
  .evst__checks { grid-template-columns: 1fr; }
  .evst__product { min-height: 460px; }
  .evst__summary { grid-column: 1; grid-template-columns: 1fr; gap: 18px; padding: 30px 22px; }
  .evst__summary > div { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--evst-line); }
  .evst__summary > div:first-child { border-top: 0; }
  .evst__result-buttons, .evst__actions { flex-direction: column; }
}