@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;src:url("/plus-jakarta-sans.153fc85b70.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Plus Jakarta Sans Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Arimo");size-adjust:105%;ascent-override:98.9%;descent-override:21.1%;line-gap-override:0%}:root{color-scheme:light;--font-sans:"Plus Jakarta Sans","Plus Jakarta Sans Fallback","Segoe UI",sans-serif;--petrol:#0e4d5b;--petrol-hover:#0a3a45;--petrol-deep:#0a2a33;--amber:#e2722f;--mist:#e8f1f2;--mist-soft:#f3f8f8;--ink:#162033;--primary:var(--petrol);--primary-hover:var(--petrol-hover);--primary-50:var(--mist);--primary-text:var(--petrol);--text:var(--ink);--text-muted:#4d5b6e;--text-on-dark:#ffffff;--text-on-dark-muted:#b9ccd0;--canvas:#f6f8f9;--panel:#ffffff;--panel-border:#d5dce5;--line:#e2e7ee;--border:rgba(148,163,184,0.35);--danger-text:#b42318;--danger-background:#fef2f2;--success-text:#166534;--success-background:#f0fdf4;--info-text:#1d4ed8;--info-background:#eff6ff;--radius-sm:0.5rem;--radius:0.75rem;--radius-lg:1rem;--shadow-floating:0 12px 32px rgba(15,23,42,0.12);--shadow-shot:0 1px 2px rgba(10,42,51,0.06),0 18px 40px -12px rgba(10,42,51,0.22);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--section-space:clamp(3.5rem,2rem + 5vw,6.5rem);--gutter:clamp(1rem,0.5rem + 2vw,2rem);--font-size-xs:0.8125rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-body:1.0625rem;--font-size-lg:1.1875rem;--font-size-xl:1.375rem;--font-size-2xl:clamp(1.75rem,1.35rem + 1.6vw,2.5rem);--font-size-3xl:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);--font-size-display:clamp(2.4rem,1.55rem + 3.6vw,4.25rem);--header-height:4.5rem}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-block-start:calc(var(--header-height) + var(--space-4))}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-body);line-height:1.6;color:var(--text);background:var(--panel);text-rendering:optimizeLegibility}img{max-width:100%}a{color:var(--primary-text);text-underline-offset:0.18em;text-decoration-thickness:0.06em}a:hover{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}h1,h2,h3,h4{line-height:1.15;margin:0 0 var(--space-4);letter-spacing:-0.015em;text-wrap:balance}p{margin:0 0 var(--space-4)}ul,ol{margin:0;padding:0}.icon{width:1.25em;height:1.25em;flex:none;vertical-align:-0.25em}.app-tabular-nums{font-variant-numeric:tabular-nums}.container{width:min(75rem,100% - 2 * var(--gutter));margin-inline:auto}.container--narrow{width:min(48rem,100% - 2 * var(--gutter))}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:50;padding:var(--space-2) var(--space-4);background:var(--panel);border-radius:var(--radius-sm);box-shadow:var(--shadow-floating);transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:3rem;padding:var(--space-2) var(--space-5);border:1px solid transparent;border-radius:0.625rem;font:inherit;font-size:var(--font-size-md);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease,transform 0.15s ease}.button:active{transform:translateY(1px)}.button--small{min-height:2.5rem;padding-inline:var(--space-4);font-size:var(--font-size-sm)}.button--primary{background:var(--primary);color:#ffffff}.button--primary:hover{background:var(--primary-hover);color:#ffffff}.button--secondary{background:var(--panel);border-color:var(--panel-border);color:var(--text)}.button--secondary:hover{border-color:var(--petrol);color:var(--petrol)}.button--light{background:#ffffff;color:var(--petrol-deep)}.button--light:hover{background:var(--mist);color:var(--petrol-deep)}.button--ghost-light{border-color:rgba(255,255,255,0.4);color:#ffffff}.button--ghost-light:hover{border-color:#ffffff;color:#ffffff}.button[disabled]{opacity:0.6;cursor:progress}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;text-decoration:none}.link-arrow .icon{transition:transform 0.15s ease}.link-arrow:hover .icon{transform:translateX(3px)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.site-header{position:sticky;inset-block-start:0;z-index:30;background:rgba(255,255,255,0.94);border-block-end:1px solid var(--line)}/* The frosted layer sits on a pseudo-element: a backdrop filter on the header itself would make it the containing block of the fixed phone menu and squeeze the menu into the header's height (#2957). */
@supports (backdrop-filter: blur(8px)) {
  .site-header {
    background: transparent;
  }

  .site-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: saturate(1.4) blur(10px);
  }
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: var(--header-height);
}

.brand {
  display: inline-flex;
  align-items: center;
  flex: none;
}

/* The outlined logo from docs/brand; the name is never set as live text. */
.brand__logo {
  display: block;
  height: 1.5rem;
  width: auto;
}

.site-nav__list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.site-nav__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: 2.5rem;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-weight: 600;
  font-size: var(--font-size-md);
  text-decoration: none;
  cursor: pointer;
}

.site-nav__link:hover {
  color: var(--petrol);
  background: var(--mist-soft);
}

.site-nav__link[aria-current="page"] {
  color: var(--petrol);
  box-shadow: inset 0 -2px 0 var(--petrol);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

.site-nav__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.site-nav__login .icon {
  color: var(--text-muted);
}

.site-nav__toggle {
  display: none;
}

/* The features menu is a native disclosure; site.js closes it on Escape and outside clicks. */
.features-menu > summary {
  list-style: none;
}

.features-menu > summary::-webkit-details-marker {
  display: none;
}

.features-menu > summary .icon {
  width: 1rem;
  height: 1rem;
  transition: transform 0.15s ease;
}

.features-menu[open] > summary .icon {
  transform: rotate(180deg);
}

.features-menu__groups {
  display: grid;
  gap: var(--space-5);
}

.menu-group__title {
  margin: 0 0 var(--space-2);
  padding-inline: var(--space-3);
  color: var(--text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.menu-group__list {
  list-style: none;
  display: grid;
  gap: var(--space-1);
}

.menu-link {
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--text);
  text-decoration: none;
}

.menu-link:hover,
.menu-link[aria-current="page"] {
  background: var(--mist-soft);
  color: var(--text);
}

.menu-link-icon,
.related-link-icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-sm);
  background: var(--mist);
  color: var(--petrol);
  flex: none;
}

.menu-link-body,
.related-link-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.menu-link-name,
.related-link-name {
  font-weight: 700;
  font-size: var(--font-size-md);
}

.menu-link-summary,
.related-link-summary {
  color: var(--text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.45;
}

.features-menu__footer {
  margin: var(--space-4) 0 0;
  padding: var(--space-4) var(--space-3) 0;
  border-block-start: 1px solid var(--line);
}

.features-menu__footer a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: 700;
  text-decoration: none;
}

@media (min-width: 60rem) {
  .site-nav,
  .site-menu {
    display: flex;
    align-items: center;
    gap: var(--space-4);
  }

  .site-menu {
    flex: 1;
    justify-content: space-between;
  }

  .site-nav {
    flex: 1;
    margin-inline-start: var(--space-6);
  }

  .site-nav__item--features {
    position: relative;
  }

  .features-menu__panel {
    position: absolute;
    inset-block-start: calc(100% + var(--space-3));
    inset-inline-start: calc(-1 * var(--space-6));
    width: min(58rem, 100vw - 4rem);
    padding: var(--space-5);
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-floating);
  }

  .features-menu__groups {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Below 60rem the menu is a panel under the header, opened by the menu button (site.js; <noscript> shows it). */
@media (max-width: 59.99rem) {
  .site-nav__toggle {
    display: inline-grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-inline-end: calc(-1 * var(--space-2));
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text);
    cursor: pointer;
  }

  .site-nav__toggle .icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .site-nav__toggle-close,
  .site-nav__toggle[aria-expanded="true"] .site-nav__toggle-open {
    display: none;
  }

  .site-nav__toggle[aria-expanded="true"] .site-nav__toggle-close {
    display: inline;
  }

  .site-menu {
    display: none;
    position: fixed;
    inset: var(--header-height) 0 0;
    overflow-y: auto;
    padding: var(--space-4) var(--gutter) var(--space-7);
    background: var(--panel);
    border-block-start: 1px solid var(--line);
  }

  .site-menu[data-open] {
    display: block;
  }

  .site-nav__list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .site-nav__item {
    border-block-end: 1px solid var(--line);
  }

  .site-nav__link {
    width: 100%;
    min-height: 3.25rem;
    padding-inline: 0;
    font-size: var(--font-size-lg);
    justify-content: space-between;
  }

  .site-nav__link[aria-current="page"] {
    box-shadow: none;
  }

  .site-nav__link:hover {
    background: transparent;
  }

  .features-menu__panel {
    padding-block-end: var(--space-4);
  }

  .menu-link {
    padding-inline: 0;
  }

  .menu-group__title {
    padding-inline: 0;
  }

  .features-menu__footer {
    padding-inline: 0;
  }

  .site-nav__actions {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
    margin-block-start: var(--space-5);
  }

  .site-nav__actions .button {
    min-height: 3rem;
    font-size: var(--font-size-md);
  }

  .site-nav__login {
    justify-content: center;
    border: 1px solid var(--panel-border);
    min-height: 3rem;
  }
}

/* Breadcrumbs */

.breadcrumb ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--text-muted);
}

.breadcrumb li + li::before {
  content: "/";
  margin-inline-end: var(--space-2);
  color: var(--panel-border);
}

.breadcrumb a {
  color: var(--text-muted);
}

/* Footer */

.site-footer {
  background: var(--petrol-deep);
  color: var(--text-on-dark-muted);
  font-size: var(--font-size-sm);
}

.site-footer a {
  color: #ffffff;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.site-footer :focus-visible {
  outline-color: #ffffff;
}

.site-footer__inner {
  display: grid;
  gap: var(--space-6);
  padding-block: var(--space-8) var(--space-6);
}

@media (min-width: 40rem) {
  .site-footer__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 60rem) {
  .site-footer__inner {
    grid-template-columns: 1.4fr repeat(3, 1fr);
  }
}

.brand--footer {
  margin-block-end: var(--space-4);
}

.brand--footer .brand__logo {
  height: 1.375rem;
}

.site-footer__about p {
  max-width: 22rem;
}

.site-footer__about .button {
  color: var(--petrol-deep);
}

.site-footer__facts {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: #ffffff;
}

.site-footer__title {
  margin-block-end: var(--space-3);
  color: #ffffff;
  font-size: var(--font-size-sm);
  letter-spacing: 0;
}

.site-footer__column ul {
  list-style: none;
  display: grid;
  gap: var(--space-1);
}

.site-footer__column a {
  display: inline-block;
  padding-block: var(--space-1);
  color: var(--text-on-dark-muted);
}

.site-footer__column a:hover {
  color: #ffffff;
}

.site-footer__bottom {
  padding-block: var(--space-5);
  border-block-start: 1px solid rgba(255, 255, 255, 0.12);
}

.site-footer__bottom p {
  margin: 0;
}

/* Sections and headings */

.section {
  padding-block: var(--section-space);
}

.section--mist {
  background: var(--mist-soft);
}

.section--canvas {
  background: var(--canvas);
}

.section--dark {
  background: var(--petrol-deep);
  color: var(--text-on-dark);
}

.section--tight-top {
  padding-block-start: 0;
}

.section-head {
  max-width: 46rem;
  margin-block-end: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}

.section-head--center {
  margin-inline: auto;
  text-align: center;
}

/* The eyebrow carries the Amber member dot of the logo. */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
  color: var(--petrol);
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.eyebrow::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--amber);
}

.section--dark .eyebrow {
  color: #ffffff;
}

.section__title,
.page__title {
  font-size: var(--font-size-2xl);
  font-weight: 800;
}

.section__lead,
.page__lead {
  color: var(--text-muted);
  font-size: var(--font-size-lg);
  max-width: 44rem;
}

.section--dark .section__lead {
  color: var(--text-on-dark-muted);
}

.section-head--center .section__lead {
  margin-inline: auto;
}

.section__more {
  margin-block-start: var(--space-6);
}

/* Hero of the home page: text and a composition of real screenshots under the brand arch. */

.hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem) clamp(3rem, 2rem + 4vw, 6rem);
  background: linear-gradient(180deg, var(--mist-soft) 0%, #ffffff 100%);
}

.hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(2.5rem, 1.5rem + 3vw, 4rem);
  align-items: center;
}

@media (min-width: 60rem) {
  .hero__inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}

.hero__title {
  font-size: var(--font-size-display);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.04;
}

.hero__lead {
  font-size: var(--font-size-lg);
  color: var(--text-muted);
  max-width: 34rem;
}

.hero__actions {
  margin-block: var(--space-6) var(--space-4);
}

.hero__notes {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  color: var(--text-muted);
  font-size: var(--font-size-sm);
}

.hero__notes li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.hero__notes .icon {
  color: var(--petrol);
}

/* The arch of the logo, drawn large and faint behind the composition. */
.arch {
  position: absolute;
  inset-block-start: 8%;
  inset-inline-end: -6%;
  width: min(48rem, 90vw);
  height: auto;
  color: var(--mist);
  pointer-events: none;
}

/* In the hero the arch of the logo sits large and faint behind the text, like on the share image. */
.hero > .arch {
  inset-block-start: auto;
  inset-block-end: -16rem;
  inset-inline-start: -10rem;
  inset-inline-end: auto;
  width: min(44rem, 120vw);
}

.composition {
  position: relative;
  padding-block-end: var(--space-7);
}

.composition > .shot--browser {
  position: relative;
}

.composition > .shot--phone {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: -4%;
  width: min(30%, 13rem);
  z-index: 2;
}

@media (min-width: 75rem) {
  .composition {
    margin-inline-end: -4rem;
  }
}

@media (max-width: 39.99rem) {
  .composition > .shot--phone {
    inset-inline-start: auto;
    inset-inline-end: 4%;
    width: 34%;
    inset-block-end: -4%;
  }
}

/* Plain facts under the hero: no figures we cannot verify. */

.facts {
  list-style: none;
  display: grid;
  gap: var(--space-4);
  padding-block: var(--space-6);
  border-block: 1px solid var(--line);
}

@media (min-width: 40rem) {
  .facts {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 60rem) {
  .facts {
    grid-template-columns: repeat(4, 1fr);
  }
}

.fact {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
}

.fact .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--petrol);
  margin-block-start: 0.1rem;
}

.fact strong {
  display: block;
  font-size: var(--font-size-md);
}

.fact span {
  color: var(--text-muted);
  font-size: var(--font-size-sm);
}

/* Before and after: what changes in a club's week. */ .changes{list-style:none;display:grid;gap:var(--space-4)}@media (min-width: 60rem){.changes{grid-template-columns:repeat(2,1fr)}.change:last-child:nth-child(odd){grid-column:1 / -1}}.change{display:grid;grid-template-rows:auto 1fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.change__before{padding:var(--space-4) var(--space-5);background:var(--canvas);color:var(--text-muted);font-size:var(--font-size-md);border-block-end:1px solid var(--line)}.change__label{display:block;margin-block-end:var(--space-1);font-size:var(--font-size-xs);font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.change__after{padding:var(--space-4) var(--space-5) var(--space-5)}.change__after .change__label{color:var(--petrol)}.change__after h3{font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.change__after p{margin:0;color:var(--text-muted)}.story{display:grid;gap:clamp(2rem,1rem + 3vw,4rem);align-items:center}.story + .story,.story + .steps{margin-block-start:var(--section-space)}@media (min-width: 60rem){.story{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.story--reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.story--reverse > .story__text{order:2}}.story__title{font-size:var(--font-size-2xl);font-weight:800}.story__text > p{color:var(--text-muted);font-size:var(--font-size-lg)}.ticks{list-style:none;display:grid;gap:var(--space-3);margin-block:var(--space-5)}.ticks li{position:relative;padding-inline-start:2rem}.ticks li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0.2rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e4d5b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center / 0.8rem no-repeat}.ticks strong{color:var(--text)}.story__text .ticks li{color:var(--text-muted)}.shot{margin:0;min-width:0}.shot__frame{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-shot);overflow:hidden}.shot__bar{display:flex;align-items:center;gap:var(--space-3);height:2.25rem;padding-inline:var(--space-3);background:#f2f4f7;border-block-end:1px solid var(--line);contain:inline-size}.shot__dots{display:inline-flex;gap:0.375rem;flex:none}.shot__dots i{width:0.625rem;height:0.625rem;border-radius:50%;background:#d3d9e1}.shot__address{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex:1 1 0;min-width:0;max-width:24rem;margin-inline:auto;padding-inline:var(--space-3);height:1.5rem;border-radius:0.375rem;background:#ffffff;border:1px solid var(--line);color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot__address .icon{width:0.75rem;height:0.75rem}.shot__address .icon{flex:none}.shot__url{min-width:0;overflow:hidden;text-overflow:ellipsis}.shot__screen{position:relative}.shot__link{display:block;cursor:zoom-in}.shot__link img{display:block;width:100%;height:auto}.shot__link:focus-visible{outline-offset:-3px}.shot__zoom{position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(10,42,51,0.82);color:#ffffff;opacity:0;transition:opacity 0.2s ease}.shot__link:hover .shot__zoom,.shot__link:focus-visible .shot__zoom{opacity:1}@media (hover: none){.shot__zoom{opacity:0.9;width:2.25rem;height:2.25rem}}.shot--phone{max-width:18rem}.shot--phone .shot__frame{padding:0.4rem;border:0;border-radius:2.1rem;background:#111c24;box-shadow:0 0 0 1px rgba(255,255,255,0.06) inset,var(--shadow-shot)}.shot--phone .shot__screen{border-radius:1.75rem;overflow:hidden}.shot--detail .shot__frame,.shot--plain .shot__frame{border-radius:var(--radius-sm)}.shot__caption{margin-block-start:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm)}.shot--phone .shot__caption{text-align:center}.hotspot{position:absolute;left:var(--x);inset-block-start:var(--y);display:grid;place-items:center;width:1.75rem;height:1.75rem;translate:-50% -50%;border-radius:50%;background:var(--petrol);color:#ffffff;font-size:var(--font-size-xs);font-weight:800;box-shadow:0 0 0 3px #ffffff,0 0 0 5px var(--amber);pointer-events:none}.shot__legend{list-style:none;counter-reset:hotspot;display:grid;gap:var(--space-2);margin-block-start:var(--space-3)}@media (min-width: 40rem){.shot__legend{grid-template-columns:repeat(2,1fr)}}.shot__legend li{counter-increment:hotspot;display:flex;gap:var(--space-2);align-items:baseline;color:var(--text)}.shot__legend li::before{content:counter(hotspot);display:inline-grid;place-items:center;flex:none;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--petrol);color:#ffffff;font-size:0.75rem;font-weight:800}.lightbox{width:min(100vw - 2rem,112rem);max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:var(--radius-lg);background:var(--petrol-deep);color:#ffffff;overflow:hidden}.lightbox::backdrop{background:rgba(6,18,23,0.82)}.lightbox__figure{display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;max-height:calc(100dvh - 2rem)}.lightbox__image{display:block;width:100%;height:100%;max-height:calc(100dvh - 7rem);object-fit:contain;background:#ffffff}.lightbox__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.lightbox__caption{flex:1;margin:0;font-size:var(--font-size-sm);color:var(--text-on-dark-muted)}.lightbox__count{font-size:var(--font-size-sm);color:var(--text-on-dark-muted)}.lightbox__button{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,0.25);border-radius:var(--radius-sm);background:transparent;color:#ffffff;cursor:pointer}.lightbox__button:hover{border-color:#ffffff}.lightbox__button:focus-visible{outline-color:#ffffff}.lightbox__button[hidden]{display:none}.lightbox__prev .icon{transform:rotate(180deg)}@media (prefers-reduced-motion: no-preference){.lightbox[open]{animation:lightbox-in 0.2s ease-out}}@keyframes lightbox-in{from{opacity:0;transform:scale(0.98)}}.tour{display:grid;gap:var(--space-5)}.tour__nav{list-style:none;display:flex;gap:var(--space-2);overflow-x:auto;padding-block-end:var(--space-1);scrollbar-width:thin}.tour__tab{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:var(--font-size-sm);font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.tour__tab:hover{border-color:var(--petrol);color:var(--text)}.tour__tab[aria-selected="true"]{background:var(--petrol);border-color:var(--petrol);color:#ffffff}.tour__number{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--mist);color:var(--petrol);font-size:var(--font-size-xs);font-weight:800}.tour__tab[aria-selected="true"] .tour__number{background:#ffffff}.tour__panels{display:grid;gap:var(--space-7)}.tour__panel{display:grid;gap:var(--space-5);align-items:center}@media (min-width: 60rem){.tour__panel{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-7)}}.tour__count{margin-block-end:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600}.tour__title{font-size:var(--font-size-xl)}.tour__text p:last-child{color:var(--text-muted)}.tour__controls{display:flex;gap:var(--space-2);margin-block-start:var(--space-5)}.tour[data-enhanced] .tour__panel:not(.is-active){display:none}@media (prefers-reduced-motion: no-preference){.tour[data-enhanced] .tour__panel.is-active{animation:fade-in 0.25s ease-out}}@keyframes fade-in{from{opacity:0}}.audiences{list-style:none;display:grid;gap:var(--space-5)}@media (min-width: 60rem){.audiences{grid-template-columns:repeat(3,1fr)}}.audience{display:flex;flex-direction:column;padding:var(--space-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.audience__visual{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-5);padding:var(--space-5) var(--space-5) 0;background:var(--mist-soft);border-block-end:1px solid var(--line);border-start-start-radius:var(--radius);border-start-end-radius:var(--radius);overflow:hidden;height:13rem}.audience__visual .shot--phone{margin-inline:auto;width:9.5rem}.audience__visual .shot__frame{border-end-start-radius:0;border-end-end-radius:0}.audience__title{font-size:var(--font-size-xl)}.audience .ticks{margin-block:var(--space-2) var(--space-5);font-size:var(--font-size-md)}.audience .ticks li{color:var(--text-muted)}.audience .link-arrow{margin-block-start:auto}.feature-cards{list-style:none;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr))}.feature-card__link{display:flex;flex-direction:column;height:100%;padding:var(--space-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:border-color 0.15s ease,transform 0.15s ease}.feature-card__link:hover{border-color:var(--petrol);color:var(--text)}@media (prefers-reduced-motion: no-preference){.feature-card__link:hover{transform:translateY(-2px)}}.feature-card__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-block-end:var(--space-4);border-radius:var(--radius-sm);background:var(--mist);color:var(--petrol)}.feature-card__name{font-size:var(--font-size-lg);font-weight:800;margin-block-end:var(--space-2)}.feature-card__summary{color:var(--text-muted);font-size:var(--font-size-md);margin-block-end:var(--space-4)}.feature-card__more{display:inline-flex;align-items:center;gap:var(--space-2);margin-block-start:auto;color:var(--petrol);font-weight:700;font-size:var(--font-size-sm)}.feature-details{list-style:none;display:grid;gap:var(--space-3) var(--space-6);margin-block-start:var(--space-6);padding-block-start:var(--space-5);border-block-start:1px solid var(--line)}@media (min-width: 40rem){.feature-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 60rem){.feature-details{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-details__item{display:flex;flex-direction:column;gap:var(--space-1)}.feature-details__name{font-weight:700;font-size:var(--font-size-md)}.feature-details__summary{color:var(--text-muted);font-size:var(--font-size-sm)}.modules{list-style:none;display:grid;gap:var(--space-5)}@media (min-width: 48rem){.modules{grid-template-columns:repeat(2,1fr)}}.module{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.module__visual{padding:var(--space-5) var(--space-5) 0;background:var(--mist-soft);height:14rem;overflow:hidden;border-block-end:1px solid var(--line)}.module__visual .shot__frame{border-end-start-radius:0;border-end-end-radius:0}.module__body{display:flex;flex-direction:column;flex:1;padding:var(--space-5)}.module__body h3{font-size:var(--font-size-xl)}.module__body p{color:var(--text-muted)}.module__body .link-arrow{margin-block-start:auto}.steps{list-style:none;counter-reset:step;display:grid;gap:var(--space-5)}@media (min-width: 60rem){.steps{grid-template-columns:repeat(4,1fr)}.steps--three{grid-template-columns:repeat(3,1fr)}}.step{counter-increment:step;position:relative}.step::before{content:counter(step);display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-block-end:var(--space-4);border-radius:50%;background:var(--petrol);color:#ffffff;font-weight:800;font-variant-numeric:tabular-nums}@media (min-width: 60rem){.step:not(:last-child)::after{content:"";position:absolute;inset-block-start:1.25rem;inset-inline:3.25rem 0.75rem;border-block-start:2px dashed var(--panel-border)}}.step__title{font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.step p{color:var(--text-muted);margin:0}.section--dark .step p{color:var(--text-on-dark-muted)}.section--dark .step::before{background:#ffffff;color:var(--petrol-deep)}.journey{list-style:none;counter-reset:journey;display:grid;gap:var(--section-space)}.journey__step{counter-increment:journey;display:grid;gap:var(--space-6);align-items:center}@media (min-width: 60rem){.journey__step{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8)}}.journey__number::before{content:counter(journey);display:grid;place-items:center;width:3rem;height:3rem;margin-block-end:var(--space-4);border-radius:50%;background:var(--petrol);color:#ffffff;font-size:var(--font-size-lg);font-weight:800}.journey__step h2{font-size:var(--font-size-2xl);font-weight:800}.journey__step p{color:var(--text-muted);font-size:var(--font-size-lg)}.related{list-style:none;display:grid;gap:var(--space-3)}@media (min-width: 60rem){.related{grid-template-columns:repeat(3,1fr)}}.related-link{display:flex;gap:var(--space-3);height:100%;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);text-decoration:none}.related-link:hover{border-color:var(--petrol);color:var(--text)}.page-hero{padding-block:clamp(2rem,1.25rem + 3vw,4rem) clamp(2.5rem,1.5rem + 3vw,4.5rem);background:linear-gradient(180deg,var(--mist-soft) 0%,#ffffff 100%)}.page-hero .breadcrumb{margin-block-end:var(--space-5)}.page-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,1rem + 3vw,4rem);align-items:center}@media (min-width: 60rem){.page-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.page-hero__title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-0.025em}.page-hero__lead{color:var(--text-muted);font-size:var(--font-size-lg);max-width:38rem}.page-hero .actions{margin-block-start:var(--space-5)}.page-hero--center{text-align:center}.page-hero--center .page-hero__lead{margin-inline:auto}.page-hero--center .actions{justify-content:center}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-5)}.panel__title{font-size:var(--font-size-lg);font-weight:700;margin-block-end:var(--space-3);padding:0}.panel__figure{font-weight:700;margin:0}.panel > p:last-child{margin-block-end:0}.note{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--mist-soft);border:1px solid var(--line);color:var(--text);font-size:var(--font-size-md)}.details-list + .note,.steps + .note{margin-block-start:var(--space-6)}.note .icon{color:var(--petrol);margin-block-start:0.15rem}.note p{margin:0}.grid-2{display:grid;gap:var(--space-5)}.grid-2 > .note{align-self:start}@media (min-width: 60rem){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.details-list{list-style:none;display:grid;gap:var(--space-4)}@media (min-width: 40rem){.details-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 60rem){.details-list--three{grid-template-columns:repeat(3,1fr)}}.details-list li{display:flex;gap:var(--space-3)}.details-list .icon{width:1.5rem;height:1.5rem;color:var(--petrol)}.details-list h3{font-size:var(--font-size-md);margin-block-end:var(--space-1)}.details-list p{margin:0;color:var(--text-muted);font-size:var(--font-size-md)}.cta{position:relative;overflow:hidden;padding:clamp(2.5rem,1.5rem + 4vw,4.5rem) clamp(1.5rem,1rem + 3vw,4rem);border-radius:var(--radius-lg);background:var(--petrol-deep);color:#ffffff}.cta .arch{color:rgba(255,255,255,0.06);inset-block-start:-20%;inset-inline-end:-10%;width:min(36rem,80vw)}.cta__title{position:relative;font-size:var(--font-size-2xl);font-weight:800;max-width:36rem}.cta p{position:relative;color:var(--text-on-dark-muted);max-width:36rem;font-size:var(--font-size-lg)}.cta .actions{position:relative;margin-block-start:var(--space-5)}.cta :focus-visible{outline-color:#ffffff}.pricing{margin-block-start:var(--space-5)}.pricing__toggle-input{position:absolute;opacity:0;pointer-events:none}.pricing__toggle{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);margin-block-end:var(--space-5);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px}.pricing__toggle-option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:999px;font-weight:700;cursor:pointer}.pricing__saving{font-weight:600;font-size:var(--font-size-sm);color:var(--success-text)}#pricing-interval-year:checked ~ .pricing__toggle [for="pricing-interval-year"],#pricing-interval-month:checked ~ .pricing__toggle [for="pricing-interval-month"]{background:var(--petrol);color:#ffffff}#pricing-interval-year:checked ~ .pricing__toggle [for="pricing-interval-year"] .pricing__saving{color:#c9f2d6}#pricing-interval-year:focus-visible ~ .pricing__toggle [for="pricing-interval-year"],#pricing-interval-month:focus-visible ~ .pricing__toggle [for="pricing-interval-month"]{outline:3px solid var(--primary);outline-offset:2px}#pricing-interval-year:checked ~ .plans .plan__price--month,#pricing-interval-month:checked ~ .plans .plan__price--year{display:none}.plans{list-style:none;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr))}.plan{display:flex;flex-direction:column;position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-5);transition:border-color 0.15s ease,box-shadow 0.15s ease}.plan .button{width:100%;padding-inline:var(--space-3)}.plan--featured{border:2px solid var(--primary)}.plan[data-match]{border-color:var(--amber);box-shadow:0 0 0 3px rgba(226,114,47,0.25)}.plan__name{font-size:var(--font-size-xl);margin-block-end:var(--space-1)}.plan__badge{position:absolute;inset-block-start:calc(-1 * var(--space-3));inset-inline-end:var(--space-4);margin:0;padding:0 var(--space-3);border-radius:999px;background:var(--primary);color:#ffffff;font-size:0.75rem;font-weight:600;line-height:1.8}.plan__limit{color:var(--text-muted)}.plan__price{display:flex;flex-direction:column;flex:1}.plan__amount{margin:0;color:var(--text-muted)}.plan__figure{font-size:var(--font-size-2xl);font-weight:800;color:var(--text)}.plan__note{color:var(--text-muted);font-size:var(--font-size-sm);flex:1}.plan-finder{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-block-end:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--mist-soft);border:1px solid var(--line);border-radius:var(--radius)}.plan-finder label{font-weight:700}.plan-finder input{width:8rem;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--panel-border);border-radius:var(--radius-sm);font:inherit;font-variant-numeric:tabular-nums}.plan-finder output{color:var(--text);font-weight:600}.plan-summary{list-style:none;display:grid;gap:var(--space-2)}@media (min-width: 40rem){.plan-summary{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}.plan-summary__item{display:grid;gap:var(--space-1);padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.plan-summary__item--featured{border-color:var(--petrol)}.plan-summary__name{font-weight:800}.plan-summary__limit{color:var(--text-muted);font-size:var(--font-size-sm)}.plan-summary__price{font-weight:700;color:var(--petrol)}.included{list-style:none;display:grid;gap:var(--space-3) var(--space-6)}@media (min-width: 40rem){.included{grid-template-columns:repeat(2,1fr)}}@media (min-width: 60rem){.included{grid-template-columns:repeat(3,1fr)}}.included li{display:flex;gap:var(--space-3)}.included .icon{color:var(--petrol);margin-block-start:0.2rem}.extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:var(--space-4)}.faq{max-width:50rem}.faq--center{margin-inline:auto}.faq__group + .faq__group{margin-block-start:var(--space-7)}.faq__group-title{font-size:var(--font-size-xl);margin-block-end:var(--space-4)}.faq__item{border-block-end:1px solid var(--line)}.faq__item:first-of-type{border-block-start:1px solid var(--line)}.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);font-weight:700;font-size:var(--font-size-lg);list-style:none;cursor:pointer}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary::after{content:"";flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e4d5b' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 0.875rem no-repeat;transition:transform 0.2s ease}.faq__item[open] summary::after{transform:rotate(45deg)}.faq__item summary:hover{color:var(--petrol)}.faq__answer{padding-block-end:var(--space-5);color:var(--text-muted)}.faq__answer p:last-child{margin:0}.login-form{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "input" "hint" "error" "submit"}.login-form__label{grid-area:label}.login-form__input{grid-area:input}.login-form__hint{grid-area:hint}.login-form__error{grid-area:error}.login-form__submit{grid-area:submit;margin-block-start:var(--space-4)}@media (min-width: 40rem){.login-form{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label ." "input submit" "hint ." "error .";column-gap:var(--space-3)}.login-form__submit{min-height:0;margin-block-start:0}}.page{padding-block:var(--space-7) var(--space-8)}.page--narrow{max-width:44rem}.trust > *{max-width:48rem}@media (prefers-reduced-motion: no-preference){.hero__text > *{animation:rise 0.7s cubic-bezier(0.2,0.7,0.2,1) both}.hero__text > :nth-child(2){animation-delay:0.06s}.hero__text > :nth-child(3){animation-delay:0.12s}.hero__text > :nth-child(n + 4){animation-delay:0.18s}@supports (animation-timeline: view()){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}}@keyframes rise{from{opacity:0;transform:translateY(0.75rem)}}@keyframes reveal{from{transform:translateY(1.5rem)}}.form__group{margin:0 0 var(--space-4);min-width:0}.form__group > legend{float:left;width:100%}.form__group > legend + *{clear:both}.form__subgroup{border:0;margin:var(--space-4) 0 0;padding:0}.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 var(--space-4)}.field{margin-block-end:var(--space-4)}.field:last-child{margin-block-end:0}.field__label{display:block;font-weight:600;margin-block-end:var(--space-1);padding:0}.field__input{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--panel-border);border-radius:0.5rem;background:#ffffff;color:var(--text);font:inherit}.field__input:focus-visible{outline-offset:0}.field__input[aria-invalid="true"]{border-color:var(--danger-text)}.field__affix{display:flex;align-items:stretch}.field__affix .field__input{border-start-end-radius:0;border-end-end-radius:0;min-width:0}.field__suffix{display:inline-flex;align-items:center;padding-inline:var(--space-3);border:1px solid var(--panel-border);border-inline-start:0;border-start-end-radius:0.5rem;border-end-end-radius:0.5rem;background:var(--canvas);color:var(--text-muted);white-space:nowrap}.field__hint,.field__status,.form__aside,.form__fineprint{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--space-1) 0 0}.form__fineprint{margin-block-start:var(--space-4)}.field__status[data-state="available"]{color:var(--success-text)}.field__status[data-state="taken"],.field__error{color:var(--danger-text)}.field__error{font-size:var(--font-size-sm);margin:var(--space-1) 0 0}.choices{display:grid;gap:var(--space-2)}.choice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--panel-border);border-radius:0.5rem;cursor:pointer}.choice:has(input:checked){border-color:var(--primary);background:var(--primary-50)}.choice input,.check input,.segmented input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--primary);flex:none}.choice__body{display:flex;flex-direction:column;flex:1}.choice__title{font-weight:700}.choice__detail{color:var(--text-muted);font-size:var(--font-size-sm)}.choice__price{font-weight:700;white-space:nowrap}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-2)}.segmented__option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--panel-border);border-radius:999px;cursor:pointer}.check{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);align-items:start;margin-block-end:var(--space-4)}.check input{margin-block-start:0.2rem}.check__link{grid-column:2;font-size:var(--font-size-sm)}.form__actions{margin-block-start:var(--space-5)}.notice{padding:var(--space-3) var(--space-4);border-radius:0.5rem;margin-block:var(--space-4)}.notice--info{background:var(--info-background);color:var(--info-text)}.notice--danger{background:var(--danger-background);color:var(--danger-text)}.result:focus{outline:none}.result__progress{height:0.375rem;border-radius:999px;background:linear-gradient(90deg,var(--primary-50) 0%,var(--primary) 50%,var(--primary-50) 100%) 0 0 / 200% 100%;animation:progress 1.5s linear infinite}.result__progress[hidden]{display:none}@keyframes progress{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.result__progress{animation:none}}.legal h2{font-size:var(--font-size-xl);margin-block-start:var(--space-6)}.legal h3{font-size:var(--font-size-lg);margin-block-start:var(--space-5)}.legal ul,.legal ol{padding-inline-start:var(--space-5);margin:0 0 var(--space-4)}.legal li{margin-block-end:var(--space-2)}.legal address{font-style:normal}.legal table{width:100%;border-collapse:collapse;margin-block-end:var(--space-4);font-size:var(--font-size-sm)}.legal th,.legal td{text-align:start;vertical-align:top;padding:var(--space-2);border-block-end:1px solid var(--panel-border)}.legal__updated{color:var(--text-muted);font-size:var(--font-size-sm)}.grecaptcha-badge{visibility:hidden}@media (max-width: 39.99rem){.panel,.plan{padding:var(--space-4)}}.page-hero__text{max-width:46rem}.prose > * + *{margin-block-start:var(--space-4)}.prose ul{padding-inline-start:var(--space-5)}.prose li + li{margin-block-start:var(--space-2)}.prose h3{font-size:var(--font-size-lg);margin-block-start:var(--space-6)}.checklist{padding-inline-start:var(--space-6)}.checklist li + li{margin-block-start:var(--space-2)}.checklist li::marker{color:var(--primary-text);font-weight:700}.sources{color:var(--text-muted);font-size:var(--font-size-sm)}.field__input--area{min-height:6rem;resize:vertical;line-height:1.5}.application-template .form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.application-template{display:grid;gap:var(--space-6);align-items:start}@media (min-width: 64rem){.application-template{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.application-template__preview{position:sticky;inset-block-start:calc(var(--header-height) + var(--space-4))}}.application-template__preview-label{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600}.form-sheet{background:#ffffff;color:#111111;border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:var(--space-5);font-size:0.8125rem;line-height:1.4}.form-sheet h3{margin:0 0 var(--space-2);font-size:0.875rem}.form-sheet p{margin:0 0 var(--space-2)}.form-sheet__head{border-block-end:2px solid #111111;padding-block-end:var(--space-2);margin-block-end:var(--space-3)}.form-sheet__club{font-size:1.125rem;font-weight:700}.form-sheet__title{margin:var(--space-2) 0 0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.form-sheet__part{margin-block-end:var(--space-4)}.form-sheet__lines{display:flex;flex-wrap:wrap;gap:0 var(--space-4)}.form-sheet__line{flex:1 1 100%;min-height:2.25rem;margin:0 0 var(--space-1);padding-block-start:1.35rem;border-block-end:1px solid #111111;color:#555555;font-size:0.6875rem;line-height:1;display:flex;align-items:flex-end;padding-block-end:0.15rem}.form-sheet__line--half{flex-basis:calc(50% - var(--space-4))}.form-sheet__line--iban{letter-spacing:0.1em}.form-sheet__boxes{list-style:none;margin:0 0 var(--space-2);padding:0;display:grid;gap:var(--space-1)}.form-sheet__boxes--inline{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.form-sheet__boxes li{display:flex;gap:var(--space-2);align-items:center;min-height:1.25rem}.form-sheet__boxes li:empty::after{content:"";flex:1;border-block-end:1px solid #111111}.form-sheet__boxes li::before,.form-sheet__box{content:"";display:inline-block;inline-size:0.8rem;block-size:0.8rem;border:1px solid #111111;flex:none;vertical-align:-0.1rem}.form-sheet__box{margin-inline-end:var(--space-2)}.form-sheet__label{font-weight:600}.form-sheet__small{font-size:0.75rem}.form-sheet__blank{color:#777777}.form-sheet__part--mandate{border:1px solid #111111;padding:var(--space-3)}.form-sheet__privacy{border-block-start:1px solid #111111;padding-block-start:var(--space-2);font-size:0.6875rem;color:#333333}/* The volunteer rota template (guide "Helferplan"): typed into in the browser,then printed. */ .roster-sheet__head{margin-block-end:var(--space-4)}.roster-sheet__fields{display:grid;gap:var(--space-3);margin-block-start:var(--space-3)}@media (min-width: 40rem){.roster-sheet__fields{grid-template-columns:2fr 1fr}}.roster-sheet__field{display:grid;gap:var(--space-1);font-weight:600}.roster-sheet input{inline-size:100%;min-inline-size:0;padding:var(--space-1) 0;border:0;border-block-end:1px solid #999999;background:transparent;color:inherit;font:inherit;font-weight:400}.roster-sheet__table{inline-size:100%;border-collapse:collapse;table-layout:fixed;margin-block-end:var(--space-3)}.roster-sheet__table th{padding-block:var(--space-1);border-block-end:1px solid #111111;text-align:start}.roster-sheet__table td{padding-block:var(--space-1);padding-inline-end:var(--space-2)}.roster-sheet__table th:nth-child(2),.roster-sheet__table td:nth-child(2){inline-size:28%}@media (max-width: 47.99rem){.roster-sheet__table{font-size:0.75rem}}@media (min-width: 48rem){.roster-sheet__table th:nth-child(2),.roster-sheet__table td:nth-child(2){inline-size:20%}}@media print{@page{size:A4;margin:10mm 12mm}body[data-page="guideApplicationTemplate"] > :not(main),body[data-page="guideApplicationTemplate"] main > :not(:has(.form-sheet)),body[data-page="guideApplicationTemplate"] .application-template__form,body[data-page="guideApplicationTemplate"] .application-template__preview-label{display:none !important}body[data-page="guideApplicationTemplate"],body[data-page="guideApplicationTemplate"] main > section{background:#ffffff;padding:0}body[data-page="guideApplicationTemplate"] .application-template{display:block;padding:0}.form-sheet{border:0;padding:0;font-size:9pt}.form-sheet__line{min-height:1.7rem;padding-block-start:0.9rem}.form-sheet__part{margin-block-end:var(--space-3)}.form-sheet__head{margin-block-end:var(--space-2)}.form-sheet p{margin-block-end:var(--space-1)}.form-sheet__boxes li{min-height:1.1rem}.form-sheet__blank{display:inline-block;min-inline-size:8em;color:transparent;border-block-end:1px solid #111111}.form-sheet__part--mandate{break-inside:avoid}body[data-page="guideVolunteerPlan"] > :not(main),body[data-page="guideVolunteerPlan"] main > :not(#vorlage),body[data-page="guideVolunteerPlan"] #vorlage .section-head{display:none !important}body[data-page="guideVolunteerPlan"],body[data-page="guideVolunteerPlan"] main > section{background:#ffffff;padding:0}.roster-sheet input{border-block-end-color:#111111;outline:none}.roster-sheet__table th:nth-child(2),.roster-sheet__table td:nth-child(2){inline-size:20%}.roster-sheet__table td{padding-block:var(--space-3)}}