@font-face {
  font-family: "Cormorant Dream";
  src: url("./assets/cormorant-garamond-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans";
  src: url("./assets/zalando-sans-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans";
  src: url("./assets/zalando-sans-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans";
  src: url("./assets/zalando-sans-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans";
  src: url("./assets/zalando-sans-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans";
  src: url("./assets/zalando-sans-400-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans";
  src: url("./assets/zalando-sans-500-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

:root {
  color: #f2f0eb;
  background: #101719;
  font-family: "Zalando Sans", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --paper: #f2f0eb;
  --muted: rgba(242, 240, 235, 0.72);
  --soft: rgba(242, 240, 235, 0.52);
  --line: rgba(242, 240, 235, 0.18);
  --ink: #11191b;
  --dark: #101719;
  --green: #2d4644;
}

* { box-sizing: border-box; }
html {
  min-width: 320px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body { min-width: 320px; min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--paper); background: var(--dark); }
body { scrollbar-width: none; }

body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
a, button { font: inherit; }
a { color: inherit; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Cormorant Dream", Georgia, serif; font-weight: 500; }
button { border: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* The page uses one shared desktop hero, two downstream desktop section treatments, and one mobile composition. */
.desktop-hero { display: block; }
.desktop-1440-composition { display: none; }
.desktop-wide-composition { display: block; }
.mobile-composition { display: none; }

.site-header { position: absolute; z-index: 20; top: 24px; left: 0; right: 0; display: flex; justify-content: center; }
.landing-page .site-header { position: fixed; }
.desktop-navigation { position: relative; width: 509.75px; height: 46px; border: 1px solid rgba(242, 240, 235, 0.22); border-radius: 999px; background: rgba(20, 31, 34, 0.42); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12); backdrop-filter: blur(18px); }
.navigation-mark { position: absolute; top: 50%; left: 230px; display: flex; width: 41px; height: 41px; align-items: center; justify-content: center; padding: 8px; box-sizing: border-box; transform: translateY(calc(-50% + 0.5px)); }
.navigation-mark img { display: block; width: 25px; height: 25px; object-fit: contain; }
.navigation-links { position: absolute; inset: 0; display: flex; align-items: center; }
.navigation-links a { position: absolute; top: 50%; display: flex; min-height: 30px; align-items: center; justify-content: center; box-sizing: border-box; color: rgba(242, 240, 235, 0.78); font-size: 11.7px; line-height: 1; text-decoration: none; white-space: nowrap; transform: translateY(-50%); }
.navigation-links a:nth-child(1) { left: 38px; min-height: 32px; padding: 0 10px; }
.navigation-links a:nth-child(2) { left: 143px; padding: 0 8px; }
.navigation-links a:nth-child(3) { left: 306px; padding: 0 8px; }
.navigation-links a:nth-child(4) { left: 388px; min-height: 32px; padding: 0 12px; border: 1px solid rgba(242, 240, 235, 0.14); border-radius: 999px; color: rgba(242, 240, 235, 0.9); background: rgba(242, 240, 235, 0.1); }
.navigation-links a:hover, .navigation-links a:focus-visible, .mobile-menu a:hover, .mobile-menu a:focus-visible { color: var(--paper); }
.navigation-links a:nth-child(4):hover, .navigation-links a:nth-child(4):focus-visible { border-color: rgba(242, 240, 235, 0.24); background: rgba(242, 240, 235, 0.16); }
.mobile-navigation, .mobile-menu { display: none; }

[data-section-id] { scroll-margin-top: 86px; }

.js-reveal [data-landing-reveal] {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 500ms ease-out, transform 500ms ease-out;
  will-change: opacity, transform;
}

.js-reveal [data-landing-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}

.desktop-hero { position: relative; height: clamp(900px, 83.333vw, 1200px); overflow: hidden; background: #152224; isolation: isolate; }
.desktop-hero__image { position: absolute; z-index: -3; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; }
.desktop-hero__overlay { position: absolute; z-index: -2; inset: 0; background: linear-gradient(180deg, rgba(9, 17, 19, 0.12), rgba(9, 17, 19, 0.04) 48%, rgba(7, 13, 15, 0.73)); pointer-events: none; }
.desktop-hero__inner { display: grid; grid-template-columns: minmax(340px, 686px) minmax(199px, 534px); grid-template-rows: 110px 109px 27px auto; grid-template-areas: "title title" "motto cta" "divider divider" ". copy"; column-gap: clamp(24px, 6.944vw, 100px); justify-content: space-between; width: min(100%, 1440px); height: 100%; margin-inline: auto; padding: clamp(250px, 23.75vw, 342px) clamp(32px, 4.167vw, 60px) 64px; }
.desktop-hero h1 { grid-area: title; align-self: center; margin: 0; font-size: 110px; letter-spacing: -7.744px; line-height: 109.82px; white-space: nowrap; }
.desktop-hero__motto { grid-area: motto; align-self: start; min-width: 0; margin: 12px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 35px; font-weight: 500; line-height: 30.36px; }
.desktop-hero__button { grid-area: cta; align-self: start; justify-self: start; width: 199px; height: 56px; margin: 18px 0 0 8px; font-size: 20px; font-weight: 600; white-space: nowrap; }
.desktop-hero__divider { grid-area: divider; align-self: start; width: 100%; padding-top: 14px; border-top: 1px solid rgba(242, 240, 235, 0.2); }
.desktop-hero__copy { grid-area: copy; justify-self: end; width: min(100%, 534px); margin: 0; color: var(--muted); font-size: 18.4px; font-weight: 500; line-height: 30.36px; }
.wide-button, .mobile-button, .desktop-hero__button, .legacy-cta-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(241, 238, 232, 0.3); border-radius: 999px; color: #151a1b; background: #f1eee8; box-shadow: 0 7px 11px rgba(0, 0, 0, 0.16); cursor: pointer; text-decoration: none; transition: background-color 180ms ease, transform 180ms ease, border-color 180ms ease; }
.wide-button:hover, .mobile-button:hover, .desktop-hero__button:hover, .legacy-cta-button:hover { border-color: rgba(241, 238, 232, 0.3); background: #f1eee8; color: #151a1b; transform: translateY(-2px); }

.wide-section { position: relative; overflow: visible; border-top: 1px solid var(--line); background: #111b1d; }
.wide-section__inner { position: relative; display: grid; width: min(1200px, calc(100% - 144px)); height: 100%; margin: 0 auto; padding: 96px 0; }
.wide-how, .wide-explore { height: 692px; }
.wide-how { background: radial-gradient(circle at 24% 52%, rgba(66, 101, 94, 0.24), transparent 34%), #111b1d; }
.wide-explore { background: radial-gradient(circle at 72% 47%, rgba(40, 73, 75, 0.22), transparent 40%), #111b1d; }
.wide-how .wide-section__inner { grid-template-columns: 400px minmax(0, 736px); column-gap: 64px; }
.wide-explore .wide-section__inner { grid-template-columns: minmax(0, 636px) 500px; column-gap: 64px; }
.wide-copy { position: relative; z-index: 3; width: auto; align-self: center; min-width: 0; }
.wide-how .wide-copy { grid-column: 2; }
.wide-explore .wide-copy { grid-column: 1; }
.wide-kicker, .legacy-kicker, .mobile-kicker { margin: 0 0 24px; color: rgba(242, 240, 235, 0.56); font-size: 13px; font-weight: 600; letter-spacing: 0.16em; line-height: 1; }
.wide-copy h2 { margin: 0 0 28px; font-size: 64px; letter-spacing: -0.065em; line-height: 0.87; }
.wide-copy > p:last-child { max-width: 430px; margin: 0; color: var(--muted); font-size: 16px; font-weight: 500; line-height: 1.55; }
.wide-copy strong { color: inherit; font-weight: 700; }
.wide-copy em { color: inherit; font-family: "Zalando Sans", Arial, sans-serif; font-size: inherit; font-style: italic; font-weight: 500; }
.wide-collage { position: relative; width: 400px; height: 500px; }
.wide-explore .wide-collage { width: 500px; height: 500px; grid-column: 2; }
.wide-image { position: absolute; display: block; max-width: none; border: 0; box-shadow: none; object-fit: contain; transform-origin: center; backface-visibility: hidden; }
.wide-image--how-one { top: 14.58px; left: 16.88px; width: 200px; height: 268px; --card-rotation: -3deg; --card-hover-turn: 2.5deg; transform: rotate(var(--card-rotation)); }
.wide-image--how-two { top: 46.39px; left: 196.38px; width: 160px; height: 305.407px; --card-rotation: 5deg; --card-hover-turn: -2.5deg; transform: rotate(var(--card-rotation)); }
.wide-image--how-three { top: 277.15px; left: 123.72px; width: 160px; height: 215.935px; --card-rotation: -2deg; --card-hover-turn: 2deg; transform: rotate(var(--card-rotation)); }
.wide-image--explore-one { top: 14.5px; left: 47.48px; width: 150px; height: 219.737px; --card-rotation: -4deg; --card-hover-turn: 2.5deg; transform: rotate(var(--card-rotation)); }
.wide-image--explore-two { top: 53.52px; left: 274.33px; width: 140px; height: 212.871px; --card-rotation: 3deg; --card-hover-turn: -2.5deg; transform: rotate(var(--card-rotation)); }
.wide-image--explore-three { top: 277.49px; left: 213.55px; width: 140px; height: 205.857px; --card-rotation: -2deg; --card-hover-turn: 2deg; transform: rotate(var(--card-rotation)); }
.wide-image--signal-one, .wide-image--signal-two { border: 0; box-shadow: none; object-fit: contain; }
.wide-image--signal-one { top: 63.31px; left: 195.19px; width: 83px; height: 83px; transform: rotate(-60deg); }
.wide-image--signal-two { top: 374.65px; left: 91.41px; width: 83px; height: 83px; transform: rotate(61.93deg); }

.wide-faq { min-height: 638px; padding: 96px 0; background: #111b1d; }
.wide-faq__header, .faq-list--wide { width: min(1200px, calc(100% - 144px)); margin-inline: auto; }
.wide-faq__header h2 { margin: 0 0 44px; font-size: 64px; letter-spacing: -0.065em; line-height: 0.87; }
.faq-list { display: flex; flex-direction: column; gap: 16px; }
.faq-item { position: relative; overflow: hidden; border: 1px solid rgba(242, 240, 235, 0.2); border-radius: 20px; background: rgba(24, 36, 38, 0.58); }
.faq-question { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; min-height: 85px; padding: 28px 32px; border: 0; border-radius: inherit; color: var(--paper); background: transparent; cursor: pointer; text-align: left; }
.faq-question > span:first-child { font-size: 18px; font-weight: 600; line-height: 1.2; }
.faq-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 24px; height: 24px; color: var(--paper); font-size: 24px; font-weight: 400; line-height: 1; }
.faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease; }
.faq-answer.is-open { grid-template-rows: 1fr; opacity: 1; }
.faq-answer__inner { min-height: 0; overflow: hidden; }
.faq-answer p { margin: 0; padding: 0 32px 24px; color: var(--muted); font-size: 14px; line-height: 1.55; opacity: 0; transform: translateY(-5px); transition: opacity 220ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1); }
.faq-answer.is-open p { opacity: 1; transform: translateY(0); }

.wide-end { height: 564px; display: grid; place-items: center; padding: 96px 0; background: #111b1d; }
.wide-glow-box { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 28px 70px; width: min(1200px, calc(100% - 144px)); height: 372px; padding: 64px 80px; border: 1px solid rgba(242, 240, 235, 0.22); border-radius: 32px; background: radial-gradient(circle at 55% 28%, rgba(113, 167, 157, 0.24), transparent 47%), linear-gradient(145deg, rgba(44, 75, 72, 0.78), rgba(18, 32, 34, 0.86)); box-shadow: 0 20px 80px rgba(0, 0, 0, 0.24); }
.wide-glow-box h2 { grid-column: 1 / -1; max-width: 780px; margin: 0; font-size: 64px; letter-spacing: -0.065em; line-height: 0.87; }
.wide-glow-box p { max-width: 455px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }
.wide-glow-box p em { color: var(--paper); font-family: "Cormorant Dream", Georgia, serif; font-size: 1.28em; }
.wide-glow-box .wide-button { width: 205px; height: 52px; justify-self: end; font-size: 18px; font-weight: 600; }
.landing-footer { display: flex; min-height: 152px; flex-direction: column; align-items: center; justify-content: center; gap: 30px; padding: 48px 72px; border-top: 1px solid var(--line); color: var(--soft); background: #101719; font-size: 11px; }
.landing-footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.landing-footer a { text-underline-offset: 4px; text-decoration: none; }
.landing-footer a:hover { color: var(--paper); }
.landing-footer p { width: min(100%, 670px); max-width: 670px; margin: 0 auto; text-align: center; line-height: 1.45; }

.desktop-hero__motto em, .mobile-hero__motto em { font-family: "Zalando Sans", Arial, sans-serif; font-size: inherit; font-style: italic; font-weight: 500; }
.legacy-sections { overflow-x: clip; background: #111b1d; }
.legacy-section { position: relative; width: 1180px; height: 640.7px; margin-inline: auto; overflow: visible; border-top: 1px solid var(--line); background: transparent; }
.legacy-kicker { position: absolute; top: 31px; left: 486px; width: 207px; height: 64px; display: flex; align-items: center; justify-content: center; margin: 0; font-size: 17px; letter-spacing: 0; text-align: center; }
.legacy-copy { position: absolute; z-index: 3; width: 410px; }
.legacy-copy--how { top: 0; left: 0; width: 100%; }
.legacy-copy--explore { top: 0; right: auto; left: 0; width: 100%; }
.legacy-copy h2 { width: 916px; margin: 0; font-size: 80px; letter-spacing: -5.04px; line-height: 96.32px; }
.legacy-copy p { width: 755px; margin: 0; color: var(--muted); font-size: 18.4px; font-weight: 500; line-height: 30.36px; }
.legacy-copy--how h2 { position: absolute; top: 218px; left: 436px; height: 152px; display: flex; align-items: center; }
.legacy-how-text { position: absolute; top: 320px; left: 436px; display: flex; width: 755px; height: 185px; flex-direction: column; justify-content: center; }
.legacy-copy--how p { width: auto; }
.legacy-copy--explore h2 { position: absolute; top: 142px; left: 29px; width: 645px; height: 231.32px; display: flex; align-items: center; }
.legacy-explore-text { position: absolute; top: 303px; left: 40px; display: flex; width: 624px; height: 127px; align-items: center; }
.legacy-copy--explore p { width: auto; }
.legacy-copy em { color: inherit; font-family: "Zalando Sans", Arial, sans-serif; font-size: inherit; font-style: italic; font-weight: 500; }
.legacy-copy strong { color: inherit; font-weight: 700; }
.legacy-collage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: none; }
.legacy-image-frame { position: absolute; display: flex; align-items: center; justify-content: center; }
.legacy-image { position: static; display: block; object-fit: cover; }
.legacy-image-frame--how-one { top: 206px; left: 66px; width: 163.214px; height: 279.197px; }
.legacy-image-frame--how-one .legacy-image { width: 140.393px; height: 267.981px; --card-rotation: 5deg; --card-hover-turn: -2.5deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--how-two { top: 413px; left: 200px; width: 160.096px; height: 211.214px; }
.legacy-image-frame--how-two .legacy-image { width: 153px; height: 206px; --card-rotation: -2deg; --card-hover-turn: 2deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--how-three { top: 47.834px; left: -95px; width: 221.213px; height: 287.454px; }
.legacy-image-frame--how-three .legacy-image { width: 207px; height: 277px; --card-rotation: -3deg; --card-hover-turn: 2.5deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--explore-one { top: 31.23px; left: 730.82px; width: 158.368px; height: 220.531px; }
.legacy-image-frame--explore-one .legacy-image { width: 144px; height: 211px; --card-rotation: -4deg; --card-hover-turn: 2.5deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--explore-two { top: 413px; left: 750px; width: 142.585px; height: 204.505px; }
.legacy-image-frame--explore-two .legacy-image { width: 131px; height: 197px; --card-rotation: 3.44deg; --card-hover-turn: -2.5deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--explore-three { top: 368px; left: 873px; width: 138.725px; height: 199.488px; }
.legacy-image-frame--explore-three .legacy-image { width: 132px; height: 195px; --card-rotation: -2deg; --card-hover-turn: 2deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--explore-four { top: 93px; left: 962px; width: 143.168px; height: 208.57px; opacity: 1; }
.legacy-image-frame--explore-four .legacy-image { width: 132.783px; height: 201.897px; --card-rotation: 3deg; --card-hover-turn: -2deg; transform: rotate(var(--card-rotation)); }
.legacy-image-frame--signal-one { top: 93px; left: 864px; width: 113.38px; height: 113.38px; }
.legacy-image-frame--signal-two { top: 441px; left: 761px; width: 112.295px; height: 112.295px; }
.legacy-image-frame--signal-one .legacy-image, .legacy-image-frame--signal-two .legacy-image { width: 83px; height: 83px; border: 0; box-shadow: none; object-fit: contain; }
.legacy-image-frame--signal-one .legacy-image { transform: rotate(-60deg); }
.legacy-image-frame--signal-two .legacy-image { transform: rotate(61.93deg); }
.wide-image--how-one, .wide-image--how-two, .wide-image--how-three, .wide-image--explore-one, .wide-image--explore-two, .wide-image--explore-three,
.legacy-image-frame--how-one .legacy-image, .legacy-image-frame--how-two .legacy-image, .legacy-image-frame--how-three .legacy-image,
.legacy-image-frame--explore-one .legacy-image, .legacy-image-frame--explore-two .legacy-image, .legacy-image-frame--explore-three .legacy-image, .legacy-image-frame--explore-four .legacy-image {
  transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
}
.legacy-faq { height: 679px; }
.legacy-faq > .legacy-kicker { top: 31px; left: 486px; }
.legacy-faq h2 { position: absolute; top: -1px; left: 305px; width: 571px; height: 260px; display: flex; align-items: center; margin: 0; font-size: 80px; letter-spacing: -5.04px; line-height: 96.32px; }
.legacy-faq .faq-list { position: absolute; top: 259px; left: 80px; width: 1020px; margin: 0; }
.legacy-faq .faq-item { border-color: rgba(241, 238, 232, 0.14); background: rgba(19, 30, 33, 0.5); }
.legacy-faq .faq-question { min-height: 85px; padding: 28px 32px; }
.legacy-faq .faq-question > span:first-child { font-size: 18px; }
.legacy-faq .faq-icon { color: rgba(241, 238, 232, 0.6); font-size: 22px; }
.legacy-faq .faq-answer p { padding: 0 32px 24px; }
.legacy-end { height: 640.7px; margin-top: 30px; display: block; }
.legacy-end > .legacy-glow-box { position: absolute; top: 57.59px; left: 0; display: flex; width: 1180px; height: 461px; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 64px 80px; border: 1px solid rgba(148, 199, 199, 0.18); border-radius: 32px; background: radial-gradient(ellipse at center, rgba(56, 97, 102, 0.55), rgba(33, 56, 64, 0.2) 50%, rgba(16, 23, 25, 0) 100%), #131e21; box-shadow: 0 0 40px rgba(33, 89, 97, 0.3), 0 0 80px rgba(56, 140, 148, 0.22); }
.legacy-glow-box h2 { width: 1020px; max-width: 1020px; margin: 0; font-size: 62px; letter-spacing: -3px; line-height: 74px; text-align: center; }
.legacy-glow-box p { width: 1020px; max-width: 1020px; margin: 0; color: var(--muted); font-size: 18.4px; font-weight: 500; line-height: 30.36px; text-align: center; }
.legacy-glow-box p em { color: inherit; font-family: "Zalando Sans", Arial, sans-serif; font-size: inherit; font-style: italic; font-weight: 500; }
.legacy-glow-box .legacy-cta-button { width: 310px; height: 56px; justify-self: auto; border-color: rgba(241, 238, 232, 0.3); background: var(--paper); color: #151a1b; box-shadow: 0 7px 11px rgba(0, 0, 0, 0.16); font-size: 20px; font-weight: 600; }

/* Shared landing auth panel. */
.auth-feedback { margin: -8px 0 18px; color: var(--muted); font-size: 12px; line-height: 1.45; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--paper); outline-offset: 4px; }

/* Legal and support pages use the same type, color, and navigation language. */
.document-page { background: #101719; }
.document-page .site-header { position: relative; top: auto; }
.document-page .desktop-navigation { margin-top: 24px; }
.document-main { min-height: calc(100vh - 94px); padding: 118px 24px 140px; }
.document-shell { width: min(100%, 830px); margin-inline: auto; }
.document-shell > .eyebrow { margin-bottom: 26px; color: var(--soft); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; }
.document-shell h1 { max-width: 780px; margin: 0; font-size: 112px; letter-spacing: -0.075em; line-height: 0.78; }
.document-intro { max-width: 720px; margin: 32px 0 12px; color: var(--muted); font-family: "Cormorant Dream", Georgia, serif; font-size: 34px; line-height: 0.98; }
.document-date { margin-bottom: 110px; color: var(--soft); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
.document-shell section { padding: 34px 0 42px; border-top: 1px solid var(--line); }
.document-shell section h2 { margin: 0 0 15px; color: var(--paper); font-size: 38px; letter-spacing: -0.05em; line-height: 0.9; }
.document-shell section p { max-width: 650px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.document-shell a { text-underline-offset: 4px; }
.document-button { display: inline-flex; min-height: 52px; align-items: center; margin-top: 18px; padding: 0 24px; border: 1px solid rgba(242, 240, 235, 0.42); border-radius: 999px; text-decoration: none; }
.document-button:hover { background: rgba(242, 240, 235, 0.1); }

.privacy-document-page {
  background: #151515;
}

.privacy-document-page .document-main {
  padding-top: 96px;
}

.privacy-policy-content {
  color: #f1f0ec;
  font-family: "Zalando Sans", Arial, sans-serif;
}

.privacy-policy-content > h1 {
  margin: 0;
  color: #f1f0ec;
  font-family: inherit;
  font-size: clamp(42px, 5vw, 64px);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1;
}

.privacy-policy-content > p:first-of-type {
  margin: 20px 0 34px;
  color: #a3a3a0;
  font-size: 14px;
  line-height: 1.5;
}

.privacy-policy-content > p:first-of-type strong {
  font-weight: 500;
}

.privacy-policy-content > p:nth-of-type(2) {
  max-width: 720px;
  margin: 0 0 48px;
  color: #f1f0ec;
  font-size: 18px;
  line-height: 1.65;
}

.privacy-policy-content h2,
.privacy-policy-content h3 {
  max-width: 720px;
  color: #f1f0ec;
  font-family: inherit;
  letter-spacing: -0.025em;
}

.privacy-policy-content h2 {
  margin: 52px 0 18px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.privacy-policy-content h3 {
  margin: 30px 0 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.privacy-policy-content p,
.privacy-policy-content li {
  max-width: 720px;
  color: #a3a3a0;
  font-size: 15px;
  line-height: 1.75;
}

.privacy-policy-content p {
  margin: 0 0 18px;
}

.privacy-policy-content ul {
  max-width: 720px;
  margin: 0 0 22px;
  padding-left: 22px;
}

.privacy-policy-content a {
  color: #f1f0ec;
  text-underline-offset: 4px;
}

@media (min-width: 1400px) {
  .desktop-wide-composition { display: none; }
  .desktop-1440-composition { display: block; background: #111b1d; }
  .document-page .site-header { top: auto; left: 0; right: 0; display: flex; }
  [data-section-id] { scroll-margin-top: 110px; }
  .legacy-sections { width: 100%; }
  .legacy-sections { background: radial-gradient(circle at 50% 44%, rgba(56, 90, 85, 0.13), transparent 45%), #111b1d; }
  .landing-footer--legacy { width: min(1440px, 100%); min-height: 178px; height: 178px; margin: -9px auto 0; flex-direction: column; align-items: center; justify-content: center; gap: 30px; padding: 40px 72px; }
  .landing-footer--legacy .landing-footer__links { gap: 46px; justify-content: center; }
  .landing-footer--legacy p { width: 670px; max-width: 670px; text-align: center; }
}

@media (min-width: 701px) {
  .landing-page .site-header { top: clamp(24px, 3.333vw, 48px); }
}

@media (max-width: 1050px) and (min-width: 701px) {
  .desktop-hero__copy { grid-column: 1 / -1; width: min(100%, 534px); }
}

@media (max-width: 1399px) and (min-width: 701px) {
  .wide-how, .wide-explore { height: 644px; }
  .wide-section__inner { padding-top: 72px; padding-bottom: 72px; }
  .wide-faq { height: 590px; padding-top: 72px; padding-bottom: 72px; }
  .wide-end { height: 516px; padding-top: 72px; padding-bottom: 72px; }
  .landing-footer--wide { flex-direction: column; align-items: center; justify-content: center; padding: 48px 72px; }
  .landing-footer--wide .landing-footer__links { justify-content: center; }
  .landing-footer--wide p { max-width: 670px; text-align: center; }
}

@media (max-width: 1200px) and (min-width: 701px) {
  .wide-section__inner { width: calc(100% - 64px); padding-top: 72px; padding-bottom: 72px; }
  .wide-how .wide-section__inner { grid-template-columns: 400px minmax(0, 1fr); column-gap: 40px; }
  .wide-explore .wide-section__inner { grid-template-columns: minmax(0, 1fr) 500px; column-gap: 40px; }
  .wide-copy { width: auto; }
}

@media (max-width: 960px) and (min-width: 701px) {
  .wide-how, .wide-explore { height: auto; min-height: 644px; }
  .wide-how .wide-section__inner, .wide-explore .wide-section__inner {
    display: flex;
    width: min(640px, calc(100% - 48px));
    height: auto;
    min-height: 644px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 64px 0 72px;
  }
  .wide-how .wide-collage { order: 1; transform: scale(0.82); transform-origin: center top; margin-bottom: -90px; }
  .wide-how .wide-copy { order: 2; width: 100%; align-self: center; }
  .wide-explore .wide-copy { order: 2; width: 100%; align-self: center; }
  .wide-explore .wide-collage { order: 3; transform: scale(0.72); transform-origin: center top; margin-top: 24px; margin-bottom: -140px; }
}

@media (max-width: 700px) {
  .desktop-hero, .desktop-wide-composition, .desktop-1440-composition { display: none; }
  .mobile-composition { display: block; padding-top: 0; }
  .site-header { position: absolute; top: 0; right: 0; left: 0; display: block; }
  .desktop-navigation { display: none; }
  .mobile-navigation { display: flex; height: 68px; align-items: center; justify-content: space-between; padding: 12px 20px; background: rgba(13, 23, 25, 0.22); }
  .mobile-brand { display: inline-flex; align-items: center; gap: 8px; color: var(--paper); font-family: "Cormorant Dream", Georgia, serif; font-size: 25px; line-height: 1; text-decoration: none; }
  .mobile-brand img { display: block; width: 24px; height: 25px; object-fit: contain; }
  .mobile-menu-button { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; border-radius: 50%; color: var(--paper); background: rgba(22, 35, 37, 0.35); cursor: pointer; }
  .mobile-menu-button img { display: block; width: 20px; height: 14px; }
  .mobile-menu { position: absolute; top: 68px; right: 20px; left: 20px; display: grid; gap: 4px; padding: 8px; border: 1px solid rgba(242, 240, 235, 0.2); border-radius: 18px; background: rgba(15, 25, 27, 0.94); box-shadow: 0 20px 55px rgba(0, 0, 0, 0.34); backdrop-filter: blur(18px); }
  .mobile-menu[hidden] { display: none; }
  .mobile-menu a { padding: 14px 16px; color: var(--muted); font-size: 14px; text-decoration: none; }
  .mobile-menu .auth-trigger { border: 1px solid rgba(242, 240, 235, 0.14); border-radius: 12px; color: var(--paper); background: rgba(242, 240, 235, 0.1); }
  .mobile-hero { position: relative; height: 743px; overflow: hidden; background: #111b1d; }
  .mobile-hero__image { position: absolute; inset: 0; height: 100%; overflow: hidden; }
  .mobile-hero__image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.12) 30%, rgba(0, 0, 0, 0.58) 58%, rgba(0, 0, 0, 0.82) 100%); }
  .mobile-hero__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .mobile-hero__content { position: relative; z-index: 1; display: flex; height: 743px; flex-direction: column; gap: 24px; padding: 332px 24px 40px; background: transparent; }
  .mobile-hero__content h1 { margin: 0; font-size: 56px; letter-spacing: -0.08em; line-height: 0.82; text-align: center; }
  .mobile-hero__motto { margin: 0; font-size: 20px; line-height: 1.1; text-align: center; }
  .mobile-button { width: 100%; height: 47px; font-size: 16px; font-weight: 600; }
  .mobile-hero__content > p:last-child { margin: auto 0 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
  .mobile-section { overflow: visible; border-top: 1px solid var(--line); background: #111b1d; }
  .mobile-how { height: 575px; padding: 48px 24px; }
  .mobile-explore { padding: 48px 24px; }
  .mobile-faq { padding: 48px 24px; }
  .mobile-kicker { margin-bottom: 24px; font-size: 13px; letter-spacing: 0.16em; }
  .mobile-collage { position: relative; width: 100%; }
  .mobile-collage--how { display: flex; height: 229.055px; align-items: flex-start; justify-content: center; gap: 12px; margin-bottom: 24px; }
  .mobile-collage--how img { position: static; display: block; flex: 0 0 120px; width: 120px; border: 0; border-radius: 8px; box-shadow: none; object-fit: cover; overflow: clip; }
  .mobile-collage--how img:first-child { height: 229.055px; transform: none; }
  .mobile-collage--how img:last-child { height: 161.951px; transform: none; }
  .mobile-section h2 { margin: 0 0 22px; font-size: 36px; letter-spacing: -0.065em; line-height: 0.88; }
  .mobile-section > p:last-child, .mobile-explore > p { margin: 0; color: var(--muted); font-size: 15px; font-weight: 500; line-height: 1.6; }
  .mobile-section em { color: inherit; font-family: "Zalando Sans", Arial, sans-serif; font-size: inherit; font-style: italic; font-weight: 500; }
  .mobile-section strong { color: inherit; font-weight: 700; }
  .mobile-explore h2 { margin-bottom: 22px; }
  .mobile-explore > p { max-width: 335px; }
  .mobile-collage--explore { display: grid; grid-template-columns: minmax(0, 152px) 44px minmax(0, 152px); align-items: start; justify-content: space-between; gap: 8px; min-height: 223px; margin-top: 24px; }
  .mobile-collage--explore img { position: static; display: block; width: 100%; height: auto; border: 0; border-radius: 8px; box-shadow: none; object-fit: cover; overflow: clip; transform: none; }
  .mobile-collage--explore img:first-child { aspect-ratio: 152 / 223; }
  .mobile-collage--explore img:last-child { aspect-ratio: 138 / 205; }
  .mobile-collage--explore .mobile-signal { z-index: 2; width: 44px; height: 44px; margin-top: 16px; border: 0; border-radius: 0; box-shadow: none; object-fit: contain; overflow: visible; }
  .mobile-faq .faq-list { gap: 12px; }
  .mobile-faq .faq-item { border-radius: 16px; }
  .mobile-faq .faq-question { min-height: 72px; padding: 20px; }
  .mobile-faq .faq-question > span:first-child { max-width: 260px; font-size: 15px; }
  .mobile-faq .faq-icon { font-size: 22px; }
  .mobile-faq .faq-answer p { padding: 0 20px 20px; font-size: 13px; }
  .mobile-end { height: 457px; display: grid; place-items: center; padding: 48px 20px; }
  .mobile-glow-box { display: flex; width: 100%; height: 361px; flex-direction: column; gap: 24px; padding: 40px 24px; border: 1px solid rgba(242, 240, 235, 0.22); border-radius: 24px; background: radial-gradient(circle at 50% 26%, rgba(115, 170, 159, 0.24), transparent 54%), linear-gradient(145deg, rgba(44, 75, 72, 0.78), rgba(18, 32, 34, 0.86)); }
  .mobile-glow-box h2 { margin: 0; font-size: 32px; line-height: 0.92; }
  .mobile-glow-box p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.52; }
  .mobile-glow-box .mobile-button { margin-top: auto; }
  .landing-footer--mobile { display: flex; min-height: 202px; flex-direction: column; align-items: flex-start; gap: 24px; padding: 40px 24px; font-size: 11px; }
  .landing-footer--mobile .landing-footer__links { gap: 16px 20px; }
  .landing-footer--mobile p { align-self: stretch; margin: auto 0 0; text-align: center; }
  .document-page .mobile-navigation { background: transparent; }
  .document-page .site-header { position: relative; }
  .document-page .document-main { min-height: calc(100vh - 68px); padding: 80px 24px 96px; }
  .document-shell h1 { font-size: 64px; }
  .document-intro { margin: 25px 0 12px; font-size: 26px; }
  .document-date { margin-bottom: 66px; font-size: 10px; }
  .document-shell section { padding: 28px 0 34px; }
  .document-shell section h2 { font-size: 30px; }
  .document-shell section p { font-size: 14px; line-height: 1.68; }
  .privacy-document-page .document-main { padding: 54px 24px 88px; }
  .privacy-policy-content > h1 { font-size: 42px; }
  .privacy-policy-content > p:nth-of-type(2) { margin-bottom: 38px; font-size: 16px; }
  .privacy-policy-content h2 { margin-top: 42px; font-size: 23px; }
  .privacy-policy-content h3 { font-size: 17px; }
  .privacy-policy-content p, .privacy-policy-content li { font-size: 14px; line-height: 1.7; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .js-reveal [data-landing-reveal] { opacity: 1; transform: none; }
}

@media (hover: hover) and (pointer: fine) {
  .wide-image--how-one:hover, .wide-image--how-two:hover, .wide-image--how-three:hover,
  .wide-image--explore-one:hover, .wide-image--explore-two:hover, .wide-image--explore-three:hover,
  .legacy-image-frame--how-one .legacy-image:hover, .legacy-image-frame--how-two .legacy-image:hover, .legacy-image-frame--how-three .legacy-image:hover,
  .legacy-image-frame--explore-one .legacy-image:hover, .legacy-image-frame--explore-two .legacy-image:hover, .legacy-image-frame--explore-three .legacy-image:hover, .legacy-image-frame--explore-four .legacy-image:hover {
    transform: translateY(-4px) rotate(calc(var(--card-rotation) + var(--card-hover-turn))) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wide-image--how-one:hover, .wide-image--how-two:hover, .wide-image--how-three:hover,
  .wide-image--explore-one:hover, .wide-image--explore-two:hover, .wide-image--explore-three:hover,
  .legacy-image-frame--how-one .legacy-image:hover, .legacy-image-frame--how-two .legacy-image:hover, .legacy-image-frame--how-three .legacy-image:hover,
  .legacy-image-frame--explore-one .legacy-image:hover, .legacy-image-frame--explore-two .legacy-image:hover, .legacy-image-frame--explore-three .legacy-image:hover, .legacy-image-frame--explore-four .legacy-image:hover {
    transform: rotate(var(--card-rotation));
  }
}