.anchor { scroll-margin-top: 0; }
.main { padding-top: var(--header-h); }
.lead--680 { max-width: 680px; }
.lead__p { font-size: 1.25rem; line-height: 1.6; }
em { font-style: italic; }
.nums { padding: 80px 0; }
@media (min-width: 48rem) { .nums { padding: 120px 0; } }
.nums__wrap { display: flex; flex-direction: column; gap: 48px; }
.nums__head .h2 { max-width: 12em; }
.nums__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 64rem) {
  .nums__row { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; align-items: stretch; }
  .nums--cards-right .nums__photo { order: -1; }
}
.nums__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-content: start; }
@media (min-width: 40rem) { .nums__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.num { display: flex; flex-direction: column; aspect-ratio: 1; border-radius: 20px; padding: 8%; container-type: inline-size; }
.num__big { font-size: clamp(2.25rem, 21cqi, 5.5rem); line-height: 1; letter-spacing: -.01em; }
.num__txt { margin-top: 11cqi; font-size: clamp(.9375rem, 8.4cqi, 2rem); line-height: 1.3; text-wrap: pretty; }
.num--blue { background: var(--blue); color: var(--neutral-white); }
.num--navy { background: var(--navy-dark); color: var(--paper-soft); }
.num--navy .num__txt { color: color-mix(in oklab, var(--paper-soft) 84%, transparent); }
.num--mist { background: var(--blue-subtle); color: var(--neutral-black); }
.num--peri { background: var(--peri); color: var(--neutral-black); }
.nums__photo { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 20px; background: var(--paper-dark); }
@media (min-width: 64rem) { .nums__photo { aspect-ratio: auto; } }
.nums__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nums--blend .nums__photo { --fx: linear-gradient(90deg, transparent, rgb(0 0 0 / .16) 10px, rgb(0 0 0 / .5) 20px, rgb(0 0 0 / .84) 30px, #000 40px,
      #000 calc(100% - 40px), rgb(0 0 0 / .84) calc(100% - 30px), rgb(0 0 0 / .5) calc(100% - 20px), rgb(0 0 0 / .16) calc(100% - 10px), transparent);
    --fy: linear-gradient(transparent, rgb(0 0 0 / .16) 10px, rgb(0 0 0 / .5) 20px, rgb(0 0 0 / .84) 30px, #000 40px,
      #000 calc(100% - 40px), rgb(0 0 0 / .84) calc(100% - 30px), rgb(0 0 0 / .5) calc(100% - 20px), rgb(0 0 0 / .16) calc(100% - 10px), transparent);
  border-radius: 0; background: none;
  -webkit-mask-image: var(--fx), var(--fy); -webkit-mask-composite: source-in;
  mask-image: var(--fx), var(--fy); mask-composite: intersect; }
.nums__note { max-width: 44rem; margin-top: -24px; color: var(--fg-60); }
.nums__nav { display: none; }
@media not all and (min-width: 64rem) {
  .nums__head { text-align: center; }
  .nums__head .h2 { margin-inline: auto; }
  .nums__cards { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
  .nums__cards::-webkit-scrollbar { display: none; }
  .nums__cards:focus-visible { outline: none; }
  .num { flex: 0 0 calc(100% - 2rem); scroll-snap-align: start; }
  .nums__nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; }
  .nums__nav[hidden] { display: none; }
  .nums__photo { display: none; }
}
@media (min-width: 40rem) and (max-width: 63.99rem) { .num { flex-basis: 326px; } }
.stats__bar { height: 2px; flex: 1 1 0%; overflow: hidden; border-radius: calc(infinity * 1px); background: color-mix(in oklab, var(--neutral-black) 10%, transparent); }
.stats__bar-fill { height: 100%; border-radius: calc(infinity * 1px); background: var(--blue); transition: width .2s var(--ease); }
.stats__btns { display: flex; align-items: center; gap: 12px; }
.round-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: calc(infinity * 1px);
  background: var(--blue); color: var(--neutral-white); transition: color .15s var(--ease), background-color .15s var(--ease); }
.round-btn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
@media (hover: hover) { .round-btn:not(:disabled):hover { background: var(--blue-dark); } }
.round-btn:disabled { cursor: not-allowed; background: color-mix(in oklab, var(--neutral-black) 10%, transparent); color: color-mix(in oklab, var(--neutral-black) 40%, transparent); }
.benefits { padding: 80px 16px; background: var(--paper-soft); }
@media (min-width: 48rem) { .benefits { padding-inline: 32px; } }
@media (min-width: 64rem) { .benefits { padding-block: 120px; } }
.benefits__wrap { display: flex; flex-direction: column; gap: 80px; }
@media (min-width: 48rem) { .benefits__wrap { gap: 96px; } }
.benefits--covered .benefits__wrap { gap: 0; }
.bn-eyebrow { font-size: 1.5rem; }
.bn-eyebrow em { font-family: var(--font-display); font-style: italic; font-weight: 400; font-size: 1.12em;
  font-variation-settings: "opsz" 144, "SOFT" 60, "WONK" 1; }
@media not all and (min-width: 64rem) { .bn-eyebrow { text-align: center; } }
@media (min-width: 64rem) {
  .benefits--covered .bn-card__media--illo { position: relative; right: auto; bottom: auto; order: 1; align-self: flex-end; flex: none;
    width: 188px; height: auto; margin: 0 -32px -32px 0; }
}
@media (min-width: 40rem) {
  .benefits--covered .bn-card--wide .bn-card__body { max-width: 24rem; }
  .benefits--covered .bn-card--wide .bn-card__scrim { background: linear-gradient(90deg, color-mix(in oklab, var(--navy-dark) 88%, transparent) 0%,
    color-mix(in oklab, var(--navy-dark) 80%, transparent) 55%, color-mix(in oklab, var(--navy-dark) 50%, transparent) 75%, transparent 100%); }
}
@media not all and (min-width: 40rem) {
  .benefits--covered .bn-card--wide { padding-bottom: 166px; }
  .benefits--covered .bn-card--wide .bn-card__scrim { background: linear-gradient(180deg, color-mix(in oklab, var(--navy-dark) 88%, transparent),
    color-mix(in oklab, var(--navy-dark) 84%, transparent) calc(100% - 190px), color-mix(in oklab, var(--navy-dark) 12%, transparent) calc(100% - 16px)); }
}
.bn-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 40rem) { .bn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bn-cell--6 { grid-column: span 2 / span 2; } }   
@media (min-width: 64rem) { .bn-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.bn-cell { grid-column: span 1 / span 1; min-width: 0; }
@media (min-width: 40rem) { .bn-cell--4 { grid-column: span 2 / span 2; } }
@media (min-width: 64rem) { .bn-cell--2 { grid-column: span 2 / span 2; } .bn-cell--3 { grid-column: span 3 / span 3; } .bn-cell--4 { grid-column: span 4 / span 4; } }
.bn-card { position: relative; isolation: isolate; display: flex; height: 100%; min-height: 240px; min-width: 0; flex-direction: column; justify-content: space-between;
  gap: 16px; overflow: hidden; border-radius: 12px; padding: 16px; cursor: pointer; transition: box-shadow .15s var(--ease); }
@media (min-width: 64rem) { .bn-card { min-height: 392px; padding: 32px; } }
@media (hover: hover) { .bn-card:hover, .bn-mini--link:hover { box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); } }
.bn-card--white { background: var(--neutral-white); color: var(--neutral-black); }
.bn-card--navy { background: var(--navy-dark); color: var(--neutral-white); }
.bn-card--blue-soft { background: var(--blue-soft); color: var(--neutral-black); }
.bn-card--blue { background: var(--blue-ink); color: var(--neutral-white); }   
.bn-card--blue .bn-card__p { color: color-mix(in oklab, var(--neutral-white) 90%, transparent); }
.bn-card--static { cursor: default; }
@media (hover: hover) { .bn-card--static:hover { box-shadow: none; } }
.bn-card__num { font-size: .875rem; line-height: 1; letter-spacing: .02em; font-weight: 500; opacity: .7; font-variant-numeric: tabular-nums; }
@media (min-width: 64rem) { .bn-cell--6 { grid-column: span 6 / span 6; } .bn-card--wide { min-height: 440px; } .bn-card--wide .bn-card__body { max-width: 34rem; } }
.bn-card__media { pointer-events: none; position: absolute; overflow: hidden; }
.bn-card__media--illo { right: 0; bottom: 0; z-index: -10; display: none; height: 52%; aspect-ratio: 1; }
.bn-card__media--illo > * { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.bn-card--white .bn-card__media--illo > *, .bn-card--blue-soft .bn-card__media--illo > * { transform: translate(8%, 6%); }
@media (min-width: 64rem) { .bn-card__media--illo { display: block; } }
.bn-card__media--photo { inset: 0; z-index: -20; }
.bn-card__media--photo > * { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bn-card__scrim { position: absolute; inset: 0; z-index: -10;
  background: linear-gradient(180deg, color-mix(in oklab, var(--navy-dark) 78%, transparent) 0%, color-mix(in oklab, var(--navy-dark) 45%, transparent) 55%, color-mix(in oklab, var(--navy-dark) 20%, transparent) 100%); }
@media (min-width: 64rem) { .bn-card--wide .bn-card__scrim { background: linear-gradient(90deg, color-mix(in oklab, var(--navy-dark) 82%, transparent) 0%, color-mix(in oklab, var(--navy-dark) 55%, transparent) 38%, transparent 70%); } }
.bn-card__body { display: flex; flex-direction: column; gap: 16px; }
.bn-card__title { font-size: 1.25rem; line-height: 1.3; letter-spacing: -.01em; font-weight: 500; }
@media (min-width: 64rem) { .bn-card__title { font-size: 1.625rem; } }
.bn-card__p { font-size: 1rem; line-height: 1.6; text-wrap: pretty; max-width: 36ch; }
.bn-card--navy .bn-card__p { color: color-mix(in oklab, var(--neutral-white) 86%, transparent); }
.bn-card__title em { font-family: var(--font-display); font-style: italic; font-weight: 400; font-size: 1.12em; font-variation-settings: "opsz" 144, "SOFT" 60, "WONK" 1; }
.bn-note { color: var(--fg-60); max-width: 60rem; margin-top: -48px; }
@media (min-width: 48rem) { .bn-note { margin-top: -64px; } }
.bn-card__link { align-self: flex-start; color: inherit; border-radius: 4px; }
.bn-card__link::after { content: ""; position: absolute; inset: 0; }
.lottie-fig { overflow: hidden; }
.bn-smalls { grid-column: span 2 / span 2; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 64rem) { .bn-smalls { grid-column: span 3 / span 3; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
.bn-mini { position: relative; display: flex; min-height: 56px; align-items: center; gap: 16px; border-radius: 16px; background: var(--neutral-white);
  padding: 16px; color: var(--neutral-black); transition: box-shadow .15s var(--ease); }
.bn-mini--link { cursor: pointer; }
@media (min-width: 64rem) { .bn-mini { min-height: 120px; flex-direction: column; align-items: stretch; justify-content: space-between; padding: 24px; } }
.bn-mini__top { display: flex; min-width: 0; flex: 1 1 0%; align-items: center; gap: 16px; }
@media (min-width: 64rem) { .bn-mini__top { flex: none; } }
.bn-mini__icon { flex-shrink: 0; color: var(--blue-dark); }
.bn-mini__title { min-width: 0; font-size: 1.25rem; line-height: 1.3; letter-spacing: -.01em; font-weight: 500; }
.bn-mini__bottom { display: flex; flex-shrink: 0; align-items: flex-end; justify-content: flex-end; gap: 16px; }
.bn-mini__p { display: none; flex: 1 1 0%; font-size: 1rem; line-height: 1.6; color: color-mix(in oklab, var(--neutral-black) 80%, transparent); text-wrap: pretty; }
@media (min-width: 64rem) { .bn-mini__p { display: block; } }
.bn-mini__arrow { display: inline-flex; width: 20px; height: 20px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: calc(infinity * 1px);
  border: 1px solid color-mix(in oklab, var(--neutral-black) 40%, transparent); color: var(--neutral-black);
  transition: color .15s var(--ease), background-color .15s var(--ease), border-color .15s var(--ease); }
@media (hover: hover) { .group:hover .bn-mini__arrow { border-color: var(--blue); background: var(--blue); color: var(--neutral-white); } }
.bn-mini__hit { position: absolute; inset: 0; border-radius: 16px; }
.bn-aside { display: flex; flex-direction: column; gap: 48px; border-radius: 16px; background: var(--blue); padding: 16px; color: var(--neutral-white); }
@media (min-width: 64rem) { .bn-aside { grid-column: span 2 / span 2; min-height: 120px; flex-direction: row; align-items: center; gap: 16px; padding: 32px; } }
.bn-aside__text { display: flex; min-width: 0; flex: 1 1 0%; flex-direction: column; gap: 16px; }
.bn-aside__btn { height: 48px; min-width: 80px; padding-inline: 24px; width: 100%; }
@media (hover: hover) { .bn-aside__btn:hover { background: var(--paper-dark); } }
@media (min-width: 64rem) { .bn-aside__btn { height: 56px; width: auto; min-width: 120px; } }
.app, .blog { padding: 80px 0; }
@media (min-width: 48rem) { .app, .blog { padding: 96px 0; } }
.app__wrap, .blog__wrap { display: flex; flex-direction: column; gap: 80px; }
@media (min-width: 48rem) { .app__wrap, .blog__wrap { gap: 96px; } }
.rail { padding-bottom: 32px; }
@media (min-width: 48rem) { .rail { padding-bottom: 0; } }
.rail__list { display: flex; flex-direction: row; gap: 16px; padding-top: 24px; margin-top: -24px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
  scroll-behavior: smooth; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
.rail__list::-webkit-scrollbar { display: none; }
.rail__list:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.rail__item { scroll-snap-align: start; flex-shrink: 0; width: 85%; }
.rail__item > * { height: 100%; }
@media (min-width: 48rem) { .rail__item { width: calc(50% - .5rem); } }
@media (min-width: 80rem) { .rail__item { width: calc(25% - .75rem); } }
.feat-card { position: relative; display: flex; width: 100%; flex-direction: column; gap: 8px; border-radius: 16px; padding: 8px; cursor: pointer;
  background: var(--neutral-white); transition: color .15s var(--ease), background-color .15s var(--ease); }
@media (min-width: 48rem) and (hover: hover) { .feat-card { background: transparent; } }
@media (min-width: 48rem) { .feat-card:has(:focus-visible) { background: var(--neutral-white); }
@media (hover: hover) { .feat-card:hover { background: var(--neutral-white); } } }
.feat-card__media { position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 12px; clip-path: inset(-100vmax 0 0 0 round .75rem); }
.feat-card__media--peri-soft { background: var(--peri-soft); } .feat-card__media--stone-soft { background: var(--stone-soft); }
.feat-card__media--blue-soft { background: var(--blue-soft); } .feat-card__media--navy-soft { background: var(--navy-soft); }
.feat-card__tf { position: absolute; inset: 0; transform-origin: bottom; }
.rail__item:nth-child(1) .feat-card__tf { transform: translate(0%, 5%) rotate(0deg) scale(1.1); }
.rail__item:nth-child(2) .feat-card__tf { transform: translate(0%, 10%) rotate(0deg) scale(1.2); }
.feat-card__lift { position: absolute; inset: 0; display: flex; transform-origin: bottom; justify-content: center; align-items: flex-end;
  transition: transform .3s var(--ease), translate .3s var(--ease), scale .3s var(--ease); scale: 1; }
.feat-card__lift img { height: 100%; width: auto; max-width: none; object-fit: contain; }
@media (hover: hover) { .group:hover .feat-card__lift { translate: 0 -24px; scale: 1.1; } }
.feat-card__body { display: flex; width: 100%; flex: 1 1 0%; flex-direction: column; padding: 16px; }
.feat-card__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.feat-card__titles { display: flex; flex-direction: column; gap: 4px; color: var(--fg); }
.feat-card__text { margin-top: auto; padding-top: 32px; color: var(--fg-80); white-space: pre-line; }
.feat-card__cta { display: flex; padding-top: 32px; }
.feat-card__link { color: var(--neutral-black); border-radius: 0; justify-content: normal; }
.feat-card__link::before { content: ""; position: absolute; inset: 0; }
.rail-ctl { margin-top: 32px; display: flex; align-items: center; gap: 24px; }
.rail-ctl__track { position: relative; height: 1px; flex: 1 1 0%; background: var(--border); }
.rail-ctl__fill { position: absolute; top: 0; bottom: 0; left: 0; background: var(--blue); transition: width .15s var(--ease); }
.rail-ctl__btns { display: flex; flex-shrink: 0; align-items: center; gap: 8px; }
.rail-btn { position: relative; display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: calc(infinity * 1px);
  background: var(--blue); color: var(--neutral-white); }
.rail-btn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
@media (hover: hover) { .rail-btn:hover { background: var(--blue-dark); } }
.rail-btn:disabled { cursor: not-allowed; background: var(--paper-dark); color: var(--fg); opacity: 1; }
.rail-btn__icon { width: 16px; height: 16px; }
@media (min-width: 48rem) { .rail-btn { width: 24px; height: 24px; } .rail-btn__icon { width: 14px; height: 14px; } }
.app__foot { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.app__cta { width: 100%; }
@media (min-width: 40rem) { .app__cta { width: auto; } }
.blog__head { text-align: center; }
.blog__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; margin-top: 48px; }
.blog__lead { max-width: 42rem; margin-inline: auto; font-size: 1.25rem; line-height: 1.6; color: var(--fg-80); white-space: pre-line; text-align: center; }
.blog__cta { margin-left: auto; flex-shrink: 0; display: none; }
@media (min-width: 48rem) { .blog__head { text-align: left; } .blog__lead { margin-inline: 0; text-align: left; } .blog__cta { display: flex; } }
.blog__mcta { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.blog__mbtn { width: 100%; }
@media (min-width: 40rem) { .blog__mbtn { width: auto; } }
@media (min-width: 48rem) { .blog__mcta { display: none; } }
.post__tagbox { position: relative; display: flex; width: 100%; align-items: flex-start; padding: 16px; min-height: 80px; border-radius: 12px; }
.post__tag { display: inline-flex; height: 28px; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; padding-inline: 8px;
  font-size: 1rem; line-height: 1.6; white-space: nowrap; color: var(--neutral-black); }
.post__tag--stone-soft { background: var(--stone-soft); } .post__tag--blue-soft { background: var(--blue-soft); } .post__tag--navy-soft { background: var(--navy-soft); }
.post__mins { color: var(--fg-60); }
.post__link { display: inline-flex; flex-shrink: 0; }
.post__link .arrow-disc { opacity: 1; transition: background-color .15s var(--ease), opacity .15s var(--ease); }
@media (min-width: 48rem) and (hover: hover) { .post__link .arrow-disc { opacity: 0; } }
.group:has(:focus-visible) .post__link .arrow-disc { opacity: 1; }
@media (hover: hover) { .group:hover .post__link .arrow-disc { opacity: 1; } }
@media (hover: hover) { .group:hover .post__link .arrow-disc { background: var(--blue-dark); } }
.post__link::before { content: ""; position: absolute; inset: 0; }
.zip { padding-top: 80px; }
@media (min-width: 48rem) { .zip { padding-top: 96px; } }
.zip__wrap { display: flex; flex-direction: column; align-items: center; gap: 64px; padding-inline: 16px; }
@media (min-width: 48rem) { .zip__wrap { gap: 80px; padding-inline: 32px; } }
.zip__form { display: flex; width: 100%; flex-direction: column; gap: 32px; border-radius: 16px; background: var(--neutral-white); padding: 16px; }
@media (min-width: 48rem) { .zip__form { max-width: 56rem; } }
@media (min-width: 64rem) { .zip__form { padding: 32px; } }
.zip__art-wrap { width: 100%; padding-top: 96px; }
@media (min-width: 64rem) { .zip__art-wrap { padding-top: 120px; } }
.blog .h2 a { color: inherit; }
@media (hover: hover) { .blog .h2 a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; } }
.blog__row > span:empty { display: none; }
.story { position: relative; isolation: isolate; overflow: hidden; border-radius: 16px; aspect-ratio: 4 / 5; background: var(--navy-dark); }
.story__media { position: absolute; inset: 0; z-index: -1; }
.story__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale .5s var(--ease); }
.story__tag { position: absolute; top: 16px; left: 16px; }
.post__tag--white { background: var(--neutral-white); }
.story__link { position: absolute; inset: 0; display: flex; align-items: flex-end; border-radius: 16px; color: var(--neutral-white); }
.story__link:focus-visible { outline: 2px solid var(--blue); outline-offset: -4px; }
.story__scrim { position: absolute; inset: 0; z-index: -1; transition: opacity .3s var(--ease);
  background: linear-gradient(180deg, transparent 30%, color-mix(in oklab, var(--navy-dark) 50%, transparent) 58%, color-mix(in oklab, var(--navy-dark) 90%, transparent) 100%); }
.story__body { position: relative; display: flex; width: 100%; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 24px;
  transition: opacity .3s var(--ease), translate .3s var(--ease); }
.story__text { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.story__sub { color: color-mix(in oklab, var(--neutral-white) 86%, transparent); }
@media (hover: hover) {
  .story__body { opacity: 0; translate: 0 16px; }
  .story__scrim { opacity: 0; }
  .story:hover .story__body, .story:focus-within .story__body { opacity: 1; translate: none; }
  .story:hover .story__scrim, .story:focus-within .story__scrim { opacity: 1; }
  .story:hover .story__media img { scale: 1.04; }
}
@media (prefers-reduced-motion: reduce) { .story__body { translate: none !important; } .story__media img { transition: none; } }
.cmp { background: var(--blue-subtle); padding: 80px 16px; }
@media (min-width: 48rem) { .cmp { padding: 120px 32px; } }
.cmp__wrap { display: flex; flex-direction: column; gap: 64px; }
@media (min-width: 48rem) { .cmp__wrap { gap: 96px; } }
.cmp__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: 100%; max-width: 72rem; margin-inline: auto; }
@media (min-width: 48rem) { .cmp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cmp__card { display: flex; flex-direction: column; gap: 24px; border-radius: 16px; background: var(--neutral-white); padding: 24px; color: var(--fg); }
@media (min-width: 64rem) { .cmp__card { padding: 40px; gap: 32px; } }
.cmp__card--arthur { background: var(--blue-ink); color: var(--neutral-white); }
.cmp__label { color: var(--fg-60); }
.cmp__card--arthur .cmp__label { color: color-mix(in oklab, var(--neutral-white) 80%, transparent); }
.cmp__amt { display: flex; align-items: baseline; gap: 16px; font-size: 3.1875rem; line-height: 1; letter-spacing: -.01em; }
@media (min-width: 64rem) { .cmp__amt { font-size: 4.4375rem; } }
.cmp__tag { display: inline-flex; height: 28px; align-items: center; border-radius: 8px; padding-inline: 10px; font-family: var(--font-sans);
  font-size: 1rem; line-height: 1; font-weight: 500; letter-spacing: 0; background: var(--paper); color: var(--fg); }
.cmp__card--arthur .cmp__tag { background: var(--neutral-white); color: var(--blue-ink); }
.cmp__list { display: flex; flex-direction: column; border-top: 1px solid var(--fg-12); }
.cmp__card--arthur .cmp__list { border-color: color-mix(in oklab, var(--neutral-white) 24%, transparent); }
.cmp__row { display: flex; align-items: center; gap: 12px; padding-block: 14px; border-bottom: 1px solid var(--fg-12); font-size: 1.125rem; line-height: 1.4; }
.cmp__card--arthur .cmp__row { border-color: color-mix(in oklab, var(--neutral-white) 24%, transparent); }
.cmp__icon { flex-shrink: 0; color: var(--blue-ink); }
.cmp__card--arthur .cmp__icon { color: var(--neutral-white); }
.cmp__row.is-off { color: var(--fg-60); }
.cmp__row.is-off .cmp__icon { color: var(--fg-40); }
.cmp__note { color: var(--fg-80); }
.cmp__card--arthur .cmp__note { color: color-mix(in oklab, var(--neutral-white) 86%, transparent); }
.cmp__link { align-self: flex-start; margin-top: auto; color: var(--neutral-white); }
.arrow-disc--white { background: var(--neutral-white); color: var(--blue-ink); }
.cmp__foot { max-width: 72rem; margin-inline: auto; text-align: center; color: var(--fg-60); margin-top: -32px; }
.practice { background: var(--blue-subtle); padding: 80px 16px; }
@media (min-width: 48rem) { .practice { padding: 120px 32px; } }
.practice__wrap { display: flex; flex-direction: column; align-items: center; gap: 64px; }
@media (min-width: 64rem) { .practice__wrap { gap: 96px; } }
.practice__head { display: flex; max-width: 60rem; flex-direction: column; align-items: center; text-align: center; }
.practice__card { display: grid; width: 100%; max-width: 80rem; grid-template-columns: minmax(0, 1fr); gap: 8px; border-radius: 16px; background: var(--neutral-white); padding: 8px; }
@media (min-width: 64rem) { .practice__card { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.practice__img { position: relative; min-height: 280px; overflow: hidden; border-radius: 12px; }
.practice__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.practice__body { display: flex; flex-direction: column; gap: 40px; padding: 16px; }
@media (min-width: 64rem) { .practice__body { padding: 40px; } }
.practice__p { font-size: 1.25rem; line-height: 1.6; color: var(--fg-80); text-wrap: pretty; }
.practice__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; margin: 0; }
.practice__fact { display: flex; flex-direction: column; gap: 6px; padding-top: 16px; border-top: 1px solid var(--fg-12); }
.practice__fact dt { color: var(--fg-60); }
.practice__fact dd { margin: 0; }
.practice__foot { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; margin-top: auto; }
.practice__fine { color: var(--fg-60); max-width: 36rem; }
.contact__alt { margin-top: 24px; color: var(--fg-80); }
.contact__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: 100%; }
@media (min-width: 48rem) { .contact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .contact__field--wide { grid-column: 1 / -1; } }
.contact__field { display: flex; flex-direction: column; gap: 8px; }
.contact__label { font-size: .875rem; line-height: 1.3; font-weight: 500; color: var(--fg-80); }
.contact__input { width: 100%; height: 56px; border-radius: 12px; padding-inline: 16px; background: color-mix(in oklab, var(--neutral-black) 4%, transparent);
  border: 2px solid transparent; font-size: 1rem; line-height: 1.6; color: var(--fg); outline: none; }
.contact__input::placeholder { color: color-mix(in oklab, var(--neutral-black) 50%, transparent); }
.contact__input:focus { outline: 2px solid var(--blue); outline-offset: 2px; }
.contact__textarea { height: 140px; padding-block: 14px; resize: vertical; }
.contact__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
@media (min-width: 48rem) { .contact__actions { flex-direction: row; align-items: center; gap: 24px; } }
.contact__send { gap: 12px; }
.contact__fine { color: var(--fg-60); }
.contact__ok { color: var(--blue-ink); }
.contact__photo { position: relative; width: 100%; aspect-ratio: 21 / 9; min-height: 220px; overflow: hidden; border-radius: 16px; }
.contact__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.contact { padding-bottom: 32px; }