.btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);min-height: 2.5rem;padding: var(--sp-2) var(--sp-4);border: 1px solid transparent;border-radius: var(--radius);font: inherit;font-family: var(--font-display);font-size: var(--fs-sm);font-weight: var(--fw-medium);line-height: 1.15;text-align: center;text-decoration: none;cursor: pointer;transition: background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);}.btn:active {transform: translateY(1px);}.btn--primary {background: var(--c-brand);border-color: var(--c-brand);color: var(--c-on-brand);}.btn--secondary {background: transparent;border-color: var(--c-line-strong);color: var(--c-ink);}.btn--ghost {padding-inline: 0;background: none;color: var(--c-brand);}@media (hover: hover) {.btn--primary:hover {background: var(--c-brand-2);border-color: var(--c-brand-2);color: var(--c-on-brand);}.btn--secondary:hover {background: var(--c-brand-soft);border-color: var(--c-brand);color: var(--c-ink);}.btn--ghost:hover {color: var(--c-brand-2);text-decoration: underline;text-underline-offset: .2em;}}.btn--sm {min-height: 2rem;padding: var(--sp-1) var(--sp-3);font-size: var(--fs-xs);}.btn--lg {min-height: 3rem;padding: var(--sp-3) var(--sp-5);border-radius: var(--radius-lg);font-size: var(--fs-base);}.btn--ink,.cta-band .btn--primary {background: var(--c-ink);border-color: var(--c-ink);color: var(--c-paper);}@media (hover: hover) {.btn--ink:hover,.cta-band .btn--primary:hover {background: var(--c-brand);border-color: var(--c-brand);color: var(--c-on-brand);}}.site-header .btn--primary {height: 2.5rem;padding: 0 var(--sp-4);border-radius: var(--radius);font-family: var(--font-display);font-size: var(--fs-sm);font-weight: var(--fw-medium);line-height: 1;white-space: nowrap;background: var(--c-brand);border-color: var(--c-brand);color: var(--c-on-brand);}@media (hover: hover) {.site-header .btn--primary:hover {background: var(--c-brand-2);border-color: var(--c-brand-2);color: var(--c-on-brand);}}@media (min-width: 64rem) and (max-width: 79.9375rem) {.site-header .btn--primary {padding-inline: var(--sp-3);}}@media (max-width: 63.9375rem) {.site-header .btn--primary {display: none;}}.btn__arrow {transition: transform var(--dur-2) var(--ease-out);}@media (hover: hover) and (prefers-reduced-motion: no-preference) {.btn:hover .btn__arrow {transform: translateX(4px);}}.hero {position: relative;background: var(--c-deep);color: var(--c-on-deep);overflow: hidden;overflow: clip;}.hero__inner {align-items: center;row-gap: var(--sp-7);padding-block: var(--sp-8);}.hero__text {grid-column: content-start / content-end;}.hero__media,.hero__sfera {grid-column: content-start / content-end;}@media (min-width: 64rem) {.hero__inner {padding-block: var(--sp-9);}.hero__text {grid-column: 2 / 8;}.hero__media,.hero__sfera {grid-column: 8 / -1;}}.grid--split > .hero__media {grid-column: auto;}.hero h1,.hero h2 {color: var(--c-on-deep);}.hero__lead {color: var(--c-on-deep-2);}.hero::after {content: "";position: absolute;inset-block-end: 0;inset-inline: 0;height: 2px;background: var(--c-mark);}.hero__eyebrow {display: inline-flex;align-items: center;gap: var(--sp-3);margin-bottom: var(--sp-5);font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-on-deep-2);}.hero__eyebrow::before {content: "";width: 2rem;height: 2px;background: var(--c-mark);}.hero__title {max-width: 8.75em;font-size: var(--fs-3xl);}.hero__lead {margin-top: var(--sp-5);font-size: var(--fs-hero-lead);}.hero__actions {margin-top: var(--sp-6);}.hero__media {position: relative;overflow: hidden;overflow: clip;background: var(--c-deep-2);border: 0;border-radius: var(--radius-xl);}.hero__media img {aspect-ratio: 4 / 3;}@media (min-width: 64rem) {.hero__media img {height: 100%;}}.hero__media::before,.hero__media::after {content: "";position: absolute;width: 22px;height: 22px;border: 2px solid var(--c-mark-line);pointer-events: none;}.hero__media::before {inset-block-start: 10px;inset-inline-start: 10px;border-inline-end: 0;border-block-end: 0;}.hero__media::after {inset-block-end: 10px;inset-inline-end: 10px;border-inline-start: 0;border-block-start: 0;}.hero__media img {width: 100%;object-fit: cover;aspect-ratio: 4 / 3;}.hero__sfera {aspect-ratio: 4 / 3;width: 100%;justify-self: stretch;}.stats {display: grid;gap: var(--sp-3);grid-template-columns: repeat(auto-fit,minmax(min(100%,11rem),1fr));}.stat {display: flex;flex-direction: column;gap: var(--sp-2);padding: var(--sp-5);background: var(--c-paper);border: 1px solid var(--c-line);border-radius: var(--radius-2xl);box-shadow: var(--shadow-sm);}.stat__value {display: block;font-family: var(--font-display);font-size: var(--fs-readout);font-weight: var(--fw-heavy);line-height: 1;letter-spacing: var(--tracking-tight);color: var(--c-ink);font-variant-numeric: tabular-nums;}.stat__value--word {font-size: var(--fs-lg);line-height: var(--lh-snug);letter-spacing: var(--tracking-snug);}.stat__label {display: block;font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-ink-3);}.section--deep .stat {background: var(--c-deep-2);border-color: var(--c-brand-line);border-color: color-mix(in srgb,var(--c-on-deep) 16%,transparent);box-shadow: none;}.section--deep .stat__value {color: var(--c-on-deep);}.section--deep .stat__label {color: var(--c-on-deep-2);}.card {display: flex;flex-direction: column;gap: var(--sp-3);padding: var(--sp-5);background: var(--c-paper);border: 1px solid var(--c-line);border-radius: var(--radius-xl);box-shadow: var(--shadow-sm);transition: border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),translate var(--dur-3) var(--ease-out);}.card--link {position: relative;}@media (hover: hover) {.card--link:hover {border-color: var(--c-brand);box-shadow: var(--shadow-md);}}@media (hover: hover) and (prefers-reduced-motion: no-preference) {.card--link:hover {translate: 0 -2px;}}.card--link:focus-within {border-color: var(--c-brand);box-shadow: var(--shadow-md);}.card--link:has(a:focus-visible) {outline: 2px solid var(--c-focus);outline-offset: 2px;}.card__link::after {content: "";position: absolute;inset: 0;border-radius: var(--radius-xl);}.card__link {text-decoration: none;color: inherit;}.card__link:hover {color: inherit;}.card__eyebrow {font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-brand);}.card__title {font-size: var(--fs-md);font-weight: var(--fw-bold);letter-spacing: var(--tracking-snug);overflow-wrap: break-word;}.card__text {margin: 0;font-size: var(--fs-sm);color: var(--c-ink-2);}.card__meta {margin-top: auto;padding-top: var(--sp-3);font-size: var(--fs-sm);color: var(--c-ink-3);}.card__media {margin: calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) 0;border-radius: calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;overflow: hidden;background: var(--c-surface);}.card__media img {width: 100%;aspect-ratio: 16 / 10;object-fit: cover;}.pillar {display: flex;flex-direction: column;gap: var(--sp-3);padding: var(--sp-5);background: var(--c-brand-soft);border: 1px solid var(--c-line);border-radius: var(--radius-2xl);}.pillar__title {font-size: var(--fs-md);font-weight: var(--fw-bold);letter-spacing: var(--tracking-snug);color: var(--c-ink);overflow-wrap: break-word;}.pillar__text {margin: 0;font-size: var(--fs-sm);color: var(--c-ink-2);}.quote {position: relative;margin: 0;display: grid;gap: var(--sp-5) var(--sp-8);align-items: start;padding: var(--sp-6);background-color: var(--c-paper);background-image: linear-gradient(145deg,var(--c-paper) 0%,var(--c-surface) 45%,var(--c-brand-soft) 100%);border: 1px solid var(--c-line);border-radius: var(--radius-2xl);box-shadow: var(--shadow-lg);color: var(--c-ink);}.quote__text {margin: 0;font-size: var(--fs-lg);line-height: var(--lh-body);color: var(--c-ink);text-wrap: pretty;}.quote__cite {display: flex;flex-direction: column;gap: var(--sp-1);padding-top: var(--sp-4);border-top: 1px solid var(--c-line);font-style: normal;font-size: var(--fs-sm);}.quote__name {font-weight: var(--fw-bold);color: var(--c-ink);}.quote__role {color: var(--c-ink-2);}@media (min-width: 60rem) {.quote {grid-template-columns: 3fr 2fr;align-items: end;}.quote__cite {text-align: right;align-items: flex-end;padding-top: 0;border-top: 0;}}.logo-wall {display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-4) var(--sp-6);}.logo-wall__item {font-family: var(--font-display);font-size: var(--fs-sm);font-weight: var(--fw-semi);color: var(--c-ink-2);}.cta-band {position: relative;padding-block: var(--sp-8);background-color: var(--c-surface);background-image: linear-gradient(180deg,var(--c-paper) 0%,var(--c-surface) 55%,var(--c-ground) 100%);color: var(--c-ink);text-align: center;}.cta-band h2 {font-size: var(--fs-lg);color: var(--c-ink);}.cta-band p {margin-inline: auto;color: var(--c-ink-2);}.cta-band .stack {align-items: center;}.cta-band .row {justify-content: center;}.cta-band::before {content: "";position: absolute;inset-block-start: 0;inset-inline: 0;height: 1px;background: var(--c-line);}.section--deep + .cta-band::before,.showcase + .cta-band::before {background: var(--c-seam-deep);}.cta-band .btn--secondary {background: var(--c-brand-soft);border-color: var(--c-line-strong);color: var(--c-ink);}@media (hover: hover) {.cta-band .btn--secondary:hover {background: var(--c-paper);border-color: var(--c-brand);color: var(--c-ink);}}.hero .btn--secondary,.section--deep .btn--secondary {border-color: var(--c-on-deep-2);color: var(--c-on-deep);}.hero .btn--secondary:hover,.section--deep .btn--secondary:hover {border-color: var(--c-on-deep);background: var(--c-deep-2);color: var(--c-on-deep);}.section--deep .btn--primary {background: var(--c-on-deep);border-color: var(--c-on-deep);color: var(--c-deep);}.consent .btn--primary {background: var(--c-glow);border-color: var(--c-glow);color: var(--c-on-deep);}.consent .btn--primary:hover {background: var(--c-seam-deep);border-color: var(--c-seam-deep);color: var(--c-on-deep);}.consent .btn--secondary {background: var(--c-on-deep);background: color-mix(in srgb,var(--c-plate-on-deep) 50%,var(--c-on-deep));border-color: var(--c-plate-on-deep);color: var(--c-deep-2);}.consent .btn--secondary:hover {background: var(--c-plate-on-deep);border-color: var(--c-plate-on-deep);color: var(--c-deep-2);}.section--deep .btn--primary:hover {background: var(--c-on-deep-2);border-color: var(--c-on-deep-2);color: var(--c-deep);}.contact-line {display: flex;align-items: baseline;gap: var(--sp-3);font-size: var(--fs-md);}.contact-line__label {min-width: 5.5rem;font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-ink-3);}.lang {position: relative;}.lang__btn {display: flex;align-items: center;gap: .375rem;height: 2.5rem;padding: 0 .625rem;border-radius: var(--radius);font-family: var(--font-display);font-size: .8125rem;font-weight: var(--fw-semi);color: var(--hdr-fg);cursor: pointer;list-style: none;-webkit-user-select: none;user-select: none;}.lang__btn::-webkit-details-marker {display: none;}@media (hover: hover) {.lang__btn:hover {background: var(--hdr-hover);}}.lang__chev {transition: transform 160ms ease;}.lang__pick[open] .lang__chev {transform: rotate(180deg);}.lang__menu {position: absolute;z-index: 2;inset-block-start: calc(100% + .5rem);inset-inline-end: 0;display: flex;flex-direction: column;gap: 2px;min-width: 11.25rem;margin: 0;padding: .375rem;list-style: none;border-radius: var(--radius-lg);background: var(--c-paper);box-shadow: var(--shadow-lg),inset 0 0 0 1px var(--c-line-soft);color: var(--c-ink);}.lang__opt {display: flex;align-items: center;gap: .625rem;padding: .625rem .75rem;border-radius: var(--radius);font-size: var(--fs-sm);color: inherit;text-decoration: none;}.lang__opt:hover,.lang__opt[aria-current="true"] {background: var(--c-surface);color: inherit;}.lang__code {width: 1.5rem;font-size: var(--fs-xs);font-weight: var(--fw-bold);color: var(--c-ink-3);}.lang__name {flex: 1;}.lang__opt[aria-current="true"] .lang__name {font-weight: var(--fw-semi);}.lang__check {display: none;color: var(--c-brand);}.lang__opt[aria-current="true"] .lang__check {display: block;}@media (prefers-reduced-motion: reduce) {.lang__chev {transition: none;}}@media print {.lang {display: none;}}.crumbs {padding-block: var(--sp-4);font-size: var(--fs-sm);color: var(--c-ink-3);background: var(--c-ground);}.crumbs__list {display: flex;flex-wrap: wrap;gap: var(--sp-2);list-style: none;margin: 0;padding: 0;}.crumbs__list > li + li {margin-top: 0;}.crumbs__list > li + li::before {content: "";display: inline-block;width: .375rem;height: .375rem;margin: 0 var(--sp-2) .0625rem 0;border-top: 1.5px solid currentColor;border-right: 1.5px solid currentColor;color: var(--c-ink-3);transform: rotate(45deg);vertical-align: middle;}.crumbs__list > li:last-child {color: var(--c-ink);font-weight: var(--fw-medium);}.crumbs a {color: var(--c-ink-3);text-decoration: none;}@media (hover: hover) {.crumbs a:hover {color: var(--c-ink);text-decoration: underline;}}.note {padding: var(--sp-4) var(--sp-5);background: var(--c-brand-soft);border: 1px solid var(--c-line);border-radius: var(--radius-lg);box-shadow: inset 3px 0 0 var(--c-brand);font-size: var(--fs-sm);color: var(--c-ink-2);}.note p {margin: 0;}.map-wrap {border: 1px solid var(--c-seam-deep);background: var(--c-deep);padding: var(--sp-4);overflow-x: auto;}.map-wrap:focus-visible {outline: 2px solid var(--c-focus);outline-offset: 2px;}@media (max-width: 47.9375rem) {.map-wrap {direction: rtl;}.map {direction: ltr;}}.map {display: block;width: 100%;height: auto;min-width: 30rem;}.map__land path {fill: none;stroke: var(--c-on-deep-2);stroke: color-mix(in srgb,var(--c-on-deep) 22%,transparent);stroke-width: 1;}.map__ours path {fill: var(--c-deep-2);fill: color-mix(in srgb,var(--c-on-deep) 14%,transparent);stroke: var(--c-on-deep-2);stroke: color-mix(in srgb,var(--c-on-deep) 45%,transparent);stroke-width: 1;}.case__media {position: relative;overflow: hidden;background: var(--c-surface);border-block: 1px solid var(--c-line);}.case__media img {width: 100%;aspect-ratio: 21 / 9;object-fit: cover;}@media (max-width: 47.9375rem) {.case__media img {aspect-ratio: 3 / 2;}}.section--deep .card {background: var(--c-deep-2);border-color: var(--c-brand-line);border-color: color-mix(in srgb,var(--c-on-deep) 16%,transparent);box-shadow: none;}.section--deep .card__title,.section--deep .card a {color: var(--c-on-deep);}.section--deep .card__text,.section--deep .card__meta {color: var(--c-on-deep-2);}.section--deep .card__eyebrow {color: var(--c-on-deep-2);}@media (hover: hover) {.section--deep .card--link:hover {border-color: var(--c-on-deep-2);box-shadow: none;}}.section--deep .card--link:focus-within {border-color: var(--c-on-deep-2);box-shadow: none;}.hero__media--product,.hero__media--contain {background: var(--c-paper);}.hero__media--product img,.hero__media--contain img {object-fit: contain;aspect-ratio: 4 / 3;}.hero__media--cover img {object-fit: cover;aspect-ratio: 4 / 3;}.tile {position: relative;display: flex;isolation: isolate;min-height: 17rem;overflow: hidden;background: var(--c-deep);background-clip: padding-box;border: 1px solid var(--c-tile-edge);border-radius: var(--radius-xl);box-shadow: var(--shadow-sm);transition: box-shadow var(--dur-3) var(--ease-out),translate var(--dur-3) var(--ease-out);}.tile picture,.tile img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;}.tile img {transition: transform var(--dur-5) var(--ease-out);}.tile::after {content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient( to top,var(--c-deep) 0%,color-mix(in srgb,var(--c-deep) 88%,transparent) 34%,color-mix(in srgb,var(--c-deep) 55%,transparent) 68%,color-mix(in srgb,var(--c-deep) 34%,transparent) 100%);transition: opacity var(--dur-3) var(--ease-out);}@supports not (background: color-mix(in srgb,red 50%,transparent)) {.tile::after {background: linear-gradient(to top,var(--c-deep),rgba(20,34,61,.55));}.tile__body {background: linear-gradient(to top,var(--c-deep) calc(100% - var(--sp-5)),transparent);}}.tile__body {--c-focus: var(--c-plate-on-deep);margin-top: auto;padding: var(--sp-5);color: var(--c-on-deep);background: linear-gradient(to top,color-mix(in srgb,var(--c-deep) 65%,transparent) calc(100% - var(--sp-5)),transparent);}.tile__eyebrow {display: block;margin-bottom: var(--sp-2);font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-on-deep);}.tile__title {font-size: var(--fs-lg);font-weight: var(--fw-bold);letter-spacing: var(--tracking-snug);color: var(--c-on-deep);overflow-wrap: break-word;}.tile__title a {color: inherit;text-decoration: none;}.tile__title a::after {content: "";position: absolute;inset: 0;}.tile__text {margin: var(--sp-3) 0 0;font-size: var(--fs-sm);color: var(--c-on-deep-2);max-width: 24.066em;}@media (hover: hover) {.tile:hover {box-shadow: var(--shadow-md);}}@media (hover: hover) and (prefers-reduced-motion: no-preference) {.tile:hover {translate: 0 -2px;}.tile:hover img {transform: scale(1.04);}}.tile:focus-within {outline: 2px solid var(--c-focus);outline-offset: 2px;box-shadow: var(--shadow-md);}.tile--nophoto {background: repeating-linear-gradient(to right,var(--c-deep-2) 0 1px,transparent 1px 2.5rem),repeating-linear-gradient(to bottom,var(--c-deep-2) 0 1px,transparent 1px 2.5rem),var(--c-deep);}.tile--nophoto::after {background: none;}@media (prefers-reduced-motion: reduce) {.tile img {transition: none;}.tile:hover img {transform: none;}}.shot {margin: 0;}.shot img {display: block;width: 100%;height: auto;border: 1px solid var(--c-line);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);}.shot--wide {max-width: 1440px;margin-inline: auto;padding-inline: var(--gutter);}.shot figcaption {margin-block-start: var(--sp-3);font-size: var(--fs-sm);line-height: var(--lh-body);color: var(--c-ink-3);}.strip {display: grid;gap: var(--sp-4);grid-template-columns: repeat(auto-fit,minmax(min(100%,9rem),1fr));margin-top: var(--sp-7);margin-bottom: var(--sp-6);}@media (min-width: 64rem) {.strip {grid-template-columns: repeat(4,1fr);}}.strip__item {display: flex;flex-direction: column;gap: var(--sp-3);}.strip__item picture {display: block;}.strip__item img {width: 100%;aspect-ratio: 1 / 1;object-fit: contain;background: var(--c-paper);border: 1px solid var(--c-line);border-radius: var(--radius-lg);padding: var(--sp-3);}.strip__item figcaption {margin: 0;font-size: var(--fs-xs);line-height: 1.4;color: var(--c-ink-3);}.direct {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--sp-6);padding: var(--sp-6);background-color: var(--c-brand-soft);background-image: linear-gradient(135deg,var(--c-brand-soft) 0%,var(--c-paper) 100%);border: 1px solid var(--c-line);border-radius: var(--radius-2xl);box-shadow: var(--shadow-sm);}.direct__title {font-size: var(--fs-lg);font-weight: var(--fw-bold);}.direct__lead {margin: var(--sp-3) 0 0;color: var(--c-ink-2);max-width: 26.358em;}.direct__actions {display: flex;flex-wrap: wrap;gap: var(--sp-3);}.field__opt,.toc span {display: inline-flex;align-items: center;min-height: 1.25rem;padding: 0 var(--sp-2);border-radius: var(--radius-pill);background: var(--c-brand-soft);font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-medium);line-height: 1;letter-spacing: 0;color: var(--c-ink-2);font-variant-numeric: tabular-nums;}.field__opt {margin-left: var(--sp-2);text-transform: lowercase;vertical-align: middle;}.device-list {display: flex;flex-direction: column;border-top: 1px solid var(--c-line);}.device {position: relative;display: grid;gap: var(--sp-5);grid-template-columns: 1fr;align-items: center;padding-block: var(--sp-5);border-bottom: 1px solid var(--c-line);transition: background-color var(--dur-2) var(--ease-out);}@media (hover: hover) {.device:hover {background: var(--c-surface);}}@media (min-width: 48rem) {.device {grid-template-columns: 12rem 1fr;gap: var(--sp-6);}}.device__media {aspect-ratio: 1 / 1;background: var(--c-paper);border: 1px solid var(--c-line);border-radius: var(--radius-lg);overflow: hidden;padding: var(--sp-4);}.device__media img {width: 100%;height: 100%;object-fit: contain;}.device__media--cover {padding: 0;}.device__media--cover img {object-fit: cover;}.device__media--none {display: grid;place-items: center;padding: var(--sp-4);background: repeating-linear-gradient(to right,var(--c-line-soft) 0 1px,transparent 1px 2rem),repeating-linear-gradient(to bottom,var(--c-line-soft) 0 1px,transparent 1px 2rem),var(--c-surface);}.hero__media > .device__media--none {aspect-ratio: 16 / 10;}.device__media--none .code-mark {font-family: var(--font-mono);font-size: var(--fs-sm);text-align: center;color: var(--c-ink-3);overflow-wrap: anywhere;}.device__kind {display: block;margin-bottom: var(--sp-2);font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-brand);}.device__name {font-size: var(--fs-lg);font-weight: var(--fw-bold);letter-spacing: var(--tracking-snug);}.device__name a {color: inherit;text-decoration: none;}.device__name a::after {content: "";position: absolute;inset: 0;}.device__text {margin: var(--sp-3) 0 0;color: var(--c-ink-2);max-width: 35.526em;}.device:focus-within {background: var(--c-surface);outline: 2px solid var(--c-focus);outline-offset: 2px;}.pcite {margin: var(--sp-4) 0 0;padding: var(--sp-4);background: var(--c-surface);border: 1px solid var(--c-line);border-radius: var(--radius-lg);box-shadow: inset 3px 0 0 var(--c-brand);}.pcite p {margin: 0;font-size: var(--fs-sm);color: var(--c-ink);text-wrap: pretty;}.pcite cite {display: block;margin-top: var(--sp-3);font-family: var(--font-display);font-size: var(--fs-xs);font-style: normal;font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-ink-3);}.showcase {position: relative;display: grid;align-items: end;min-height: min(32rem,76vh);overflow: hidden;overflow: clip;isolation: isolate;background: var(--c-deep);color: var(--c-on-deep);}.showcase__media {position: absolute;inset: -12% 0;z-index: -2;will-change: transform;}.showcase__media img {width: 100%;height: 100%;object-fit: cover;}.showcase::after {content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient( to top,var(--c-deep) 0%,color-mix(in srgb,var(--c-deep) 84%,transparent) 42%,color-mix(in srgb,var(--c-deep) 64%,transparent) 100%);}@supports not (background: color-mix(in srgb,red 50%,transparent)) {.showcase::after {background: linear-gradient(to top,var(--c-deep),rgba(20,34,61,.5));}}.showcase__body {padding-block: var(--sp-8);}.showcase__eyebrow {display: block;margin-bottom: var(--sp-3);font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-on-deep);}.showcase h2 {max-width: 13.75em;font-size: var(--fs-2xl);color: var(--c-on-deep);text-wrap: balance;}.showcase p {max-width: 30.942em;margin-top: var(--sp-4);color: var(--c-on-deep-2);text-wrap: pretty;}.showcase__facts {display: flex;flex-wrap: wrap;gap: var(--sp-6) var(--sp-8);margin-top: var(--sp-6);padding-top: var(--sp-5);border-top: 1px solid color-mix(in srgb,var(--c-on-deep) 22%,transparent);}.showcase__fact {display: flex;flex-direction: column;gap: var(--sp-1);}.showcase__fact b {font-family: var(--font-display);font-size: var(--fs-xl);font-weight: var(--fw-heavy);letter-spacing: var(--tracking-tight);font-variant-numeric: tabular-nums;color: var(--c-on-deep);}.showcase__fact span {font-size: var(--fs-sm);color: var(--c-on-deep-2);}@supports (animation-timeline: view()) {@media (prefers-reduced-motion: no-preference) {.showcase__media {animation: showcase-drift linear both;animation-timeline: view();animation-range: cover 0% cover 100%;}}}@keyframes showcase-drift {from {transform: translateY(-8%);}to {transform: translateY(8%);}}@supports (animation-timeline: view()) {@media (prefers-reduced-motion: no-preference) {.hero__media img {animation: hero-drift linear both;animation-timeline: view();animation-range: cover 0% cover 100%;will-change: transform;}}}@keyframes hero-drift {from {transform: scale(1.12) translateY(-5%);}to {transform: scale(1.12) translateY(5%);}}.mail > span {font-style: normal;}.mail a {color: inherit;}.mail-btn {cursor: default;}.mail-btn:has(a) {cursor: pointer;}.mail-btn a {text-decoration: none;}.mail-btn:has(a) {padding: 0;}.mail-btn .mail:has(a) {display: contents;}.mail-btn a {display: inline-flex;align-items: center;justify-content: center;min-height: calc(3rem - 2px);padding: var(--sp-3) var(--sp-5);border-radius: inherit;}.hp {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}.vendors {font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-medium);line-height: 1.6;color: var(--c-ink-3);}.sides {display: grid;gap: var(--sp-6);grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));}.side {display: grid;gap: var(--sp-5);grid-template-columns: 8.5rem 1fr;align-items: start;padding: var(--sp-5);background: var(--c-paper);border: 1px solid var(--c-line);border-radius: var(--radius-xl);box-shadow: var(--shadow-sm);}@media (max-width: 29.9375rem) {.side {grid-template-columns: minmax(0,1fr);}}.side__title {font-size: var(--fs-md);font-weight: var(--fw-bold);margin-bottom: var(--sp-2);}.side__text {margin: 0 0 var(--sp-4);font-size: var(--fs-sm);color: var(--c-ink-2);}.side__list {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: var(--sp-2);font-size: var(--fs-sm);}.side__list li {position: relative;padding-left: var(--sp-4);}.side__list li::before {content: "";position: absolute;left: 0;top: .55em;width: .5rem;height: 1px;background: var(--c-brand);}.appview {--aw: 8.5rem;width: var(--aw);aspect-ratio: 1 / 2;display: flex;flex-direction: column;gap: 2px;padding: .5rem .4rem;background: var(--c-deep);border: 1px solid var(--c-deep-2);border-radius: .9rem;}.appview__bar {height: .35rem;width: 40%;margin: 0 auto .35rem;background: var(--c-on-deep-2);border-radius: 2px;opacity: .5;}.appview__screen {flex: 1;display: flex;flex-direction: column;gap: 3px;padding: .4rem .35rem;background: var(--c-surface);border-radius: .45rem;overflow: hidden;}.appview__row {height: .55rem;background: var(--c-brand-line);border-radius: 1px;}.appview__row--head {height: .85rem;background: var(--c-brand);}.appview__row--mark {background: var(--c-mark-line);}.appview__row--short {width: 55%;}.appview__row--mid {width: 75%;}.appview__note {margin: var(--sp-2) 0 0;font-family: var(--font-display);font-size: var(--fs-xs);font-weight: var(--fw-semi);line-height: var(--lh-snug);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-ink-3);text-align: center;}.toc {margin: 0;padding: 0;list-style: none;display: grid;gap: 0;grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr));column-gap: var(--sp-7);}.toc li {display: flex;align-items: baseline;gap: var(--sp-3);padding: var(--sp-3) 0;border-bottom: 1px solid var(--c-line);}.toc li + li {margin-top: 0;}.toc a {flex: 1;}.consent {position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-top);padding: 0 1rem calc(1rem + env(safe-area-inset-bottom,0px));color: var(--c-on-deep);pointer-events: none;}.consent__inner {display: flex;flex-wrap: wrap;align-items: center;gap: 1rem 1.5rem;max-width: 45rem;max-height: calc(100vh - 1.5rem);max-height: calc(100dvh - 1.5rem);overflow-y: auto;overscroll-behavior: contain;padding: 1rem 1.25rem;border-radius: 1rem;background: var(--c-deep);background: color-mix(in srgb,var(--c-deep) 92%,transparent);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--c-on-deep) 20%,transparent),var(--shadow-lg);pointer-events: auto;}@media (max-width: 23.9375rem) {.consent {padding: 0 var(--sp-3) var(--sp-3);}.consent__inner {padding: var(--sp-4);}}html:has(.consent:not([hidden])) {--consent-room: 8rem;scroll-padding-bottom: var(--consent-room);}@media (max-width: 47.9375rem) {html:has(.consent:not([hidden])) {--consent-room: min(15rem,45vh);}}html:has(.consent:not([hidden])) .site-footer {padding-bottom: var(--consent-room);}.consent__text {flex: 1 1 20rem;margin: 0;font-size: var(--fs-sm);line-height: 1.45;color: var(--c-on-deep);}.consent__text a {color: var(--c-plate-on-deep);}.consent__actions {display: flex;flex-wrap: wrap;gap: var(--sp-2);}.consent .btn {min-height: 2.5rem;padding: 0 1rem;border-radius: var(--radius);font-size: var(--fs-sm);font-weight: var(--fw-medium);}.modal {width: min(40rem,calc(100vw - 2rem));max-height: calc(100vh - 2rem);max-height: calc(100svh - 2rem);padding: clamp(1.5rem,4vw,2.5rem);border: 0;border-radius: var(--radius-2xl);background: var(--c-paper);color: var(--c-ink);box-shadow: var(--shadow-lg);overflow: auto;overscroll-behavior: contain;}.modal::backdrop {background: rgba(20,34,61,.55);background: color-mix(in srgb,var(--c-deep) 55%,transparent);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}@media (prefers-reduced-motion: no-preference) {.modal[open] {animation: modal-in 200ms ease;}}@keyframes modal-in {from {opacity: 0;}to {opacity: 1;}}html:has(.modal[open]) {overflow: hidden;}.modal__x {position: absolute;inset-block-start: 1rem;inset-inline-end: 1rem;display: grid;place-items: center;width: 2.5rem;height: 2.5rem;padding: 0;border: 0;border-radius: var(--radius-pill);background: transparent;color: var(--c-ink);cursor: pointer;}.modal__x:hover {background: var(--c-surface);}.modal__x:focus-visible {border-radius: var(--radius-pill);}.modal__head {padding-right: 2.5rem;margin-bottom: var(--sp-5);}.modal__h {margin: 0;font-size: clamp(1.5rem,2.6vw,2rem);font-weight: var(--fw-heavy);line-height: 1.1;letter-spacing: var(--tracking-tight);color: var(--c-ink);}.modal__p {margin: var(--sp-2) 0 0;font-size: var(--fs-base);line-height: 1.45;color: var(--c-ink-2);}.pform {display: grid;gap: var(--sp-4);}.pform > * {margin: 0;}@media (min-width: 30rem) {.pform {grid-template-columns: repeat(2,minmax(0,1fr));}.pform > * {grid-column: 1 / -1;}.pform > div.field:nth-of-type(-n+4) {grid-column: auto;}}.pform textarea {min-height: 6rem;}