:root {
        color-scheme: dark;
        --bt-black-100: #050505;
        --bt-black-95: #101010;
        --bt-black-90: #181818;
        --bt-black-80: #252525;
        --bt-black-40: #c3c3c3;
        --bt-black-30: #d8d3ce;
        --bt-black-20: #f4f1ec;
        --bt-orange: #fb5931;
        --bt-orange-hot: #fd5c2b;
        --white: #ffffff;
        --line: rgba(255, 255, 255, 0.14);
        --line-warm: rgba(251, 89, 49, 0.34);
        --surface: rgba(16, 16, 16, 0.88);
        --surface-strong: rgba(24, 24, 24, 0.96);
        --shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: auto;
        overflow-anchor: none;
      }

      body {
        margin: 0;
        background: var(--bt-black-100);
        color: var(--white);
        font-family:
          "Nunito Sans", Inter, ui-sans-serif, system-ui, -apple-system,
          BlinkMacSystemFont, "Segoe UI", sans-serif;
        line-height: 1.42;
        letter-spacing: 0;
        overflow-anchor: none;
      }

      button,
      input {
        font: inherit;
        letter-spacing: 0;
      }

      a {
        color: inherit;
      }

      .action-form {
        display: contents;
      }

      .action-button {
        appearance: none;
        margin: 0;
        border: 0;
        padding: 0;
        background: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        letter-spacing: inherit;
        text-align: inherit;
      }

      .tip-button.action-button,
      .module-action.action-button {
        width: 100%;
      }

      .topbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 40;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 64px;
        padding: 10px clamp(12px, 3vw, 26px);
        background: rgba(5, 5, 5, 0.58);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(16px);
      }

      .brand {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        min-height: 44px;
      }

      .brand img {
        display: block;
        width: 154px;
        height: auto;
      }

      .route-chip {
        display: grid;
        gap: 1px;
        justify-items: end;
        max-width: min(236px, 58vw);
        min-height: 44px;
        padding: 7px 9px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
        color: var(--white);
        text-align: right;
        text-decoration: none;
      }

      .route-chip b {
        color: var(--bt-orange);
        font-size: 0.62rem;
        font-weight: 1000;
        line-height: 1;
        text-transform: uppercase;
      }

      .route-chip span {
        color: var(--bt-black-20);
        font-size: clamp(0.64rem, 2.55vw, 0.78rem);
        font-weight: 900;
        line-height: 1.05;
        white-space: nowrap;
      }

      .hero {
        position: relative;
        min-height: 100svh;
        display: grid;
        overflow: hidden;
        padding: 76px 0 18px;
        background: var(--bt-black-100);
        overflow-anchor: none;
      }

      .hero-photo {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 61% center;
        filter: saturate(0.98) contrast(1.03) brightness(0.98);
      }

      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
          radial-gradient(circle at 86% 82%, rgba(5, 5, 5, 0.88) 0%, rgba(5, 5, 5, 0.56) 24%, rgba(5, 5, 5, 0.14) 50%, rgba(5, 5, 5, 0) 74%),
          linear-gradient(0deg, rgba(5, 5, 5, 0.98) 0%, rgba(5, 5, 5, 0.78) 22%, rgba(5, 5, 5, 0.08) 58%);
        pointer-events: none;
      }

      .hero-inner {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(350px, 0.52fr);
        gap: 14px clamp(22px, 4vw, 52px);
        width: min(1160px, calc(100% - 32px));
        margin: 0 auto;
        align-items: end;
      }

      .identity {
        grid-column: 1;
        grid-row: 1;
        max-width: 690px;
        align-self: end;
      }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        min-height: 30px;
        margin-bottom: 14px;
        padding: 7px 12px;
        border: 1px solid rgba(251, 89, 49, 0.34);
        border-radius: 999px;
        background: rgba(18, 18, 18, 0.7);
        color: var(--bt-orange);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.05),
          0 10px 22px rgba(0, 0, 0, 0.18);
        font-size: 0.78rem;
        font-weight: 1000;
        text-transform: uppercase;
      }

      h1 {
        margin: 0;
        font-size: clamp(3.2rem, 10vw, 7.8rem);
        line-height: 0.9;
      }

      .subtitle {
        grid-column: 1;
        grid-row: 2;
        max-width: 660px;
        margin: 0;
        color: var(--bt-black-20);
        font-size: clamp(1.05rem, 2.2vw, 1.38rem);
      }

      .oneqr-panel {
        grid-column: 2;
        grid-row: 4;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
      }

      .panel-head {
        padding: 11px 16px 9px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .panel-head strong {
        display: block;
        font-size: 0.94rem;
        line-height: 1.1;
      }

      .panel-head span {
        display: block;
        margin-top: 3px;
        color: var(--bt-black-30);
        font-size: 0.8rem;
      }

      .save-contact {
        position: relative;
        isolation: isolate;
        display: inline-block;
        grid-column: 2;
        grid-row: 2;
        align-self: end;
        justify-self: center;
        width: min(calc(100% - 88px), 18.5rem);
        min-height: 76px;
        margin: 0 0 12px;
        padding: 15px 24px;
        border: 1px solid transparent;
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 238, 229, 0.3) 0%, rgba(255, 238, 229, 0) 22%) padding-box,
          linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 238, 230, 0.13) 50%, rgba(255, 255, 255, 0) 100%) padding-box,
          linear-gradient(180deg, #ff7b55 0%, #fb5931 47%, #dd4122 72%, #b62c16 100%) padding-box,
          linear-gradient(180deg, rgba(255, 235, 224, 0.82) 0%, rgba(255, 147, 108, 0.5) 22%, rgba(166, 44, 20, 0.58) 72%, rgba(70, 13, 4, 0.76) 100%) border-box;
        color: var(--bt-black-100);
        box-shadow:
          inset 0 1px 0 rgba(255, 241, 233, 0.5),
          inset 0 -1px 0 rgba(96, 18, 6, 0.34),
          inset 0 -11px 17px rgba(116, 23, 8, 0.28),
          0 3px 0 rgba(111, 25, 12, 0.96),
          0 14px 26px rgba(251, 89, 49, 0.26),
          0 8px 16px rgba(0, 0, 0, 0.44);
        text-align: center;
        text-decoration: none;
        overflow: hidden;
        transform: translateY(0);
        transition:
          transform 120ms ease,
          box-shadow 120ms ease,
          filter 120ms ease;
      }

      .save-contact::before,
      .oneqr-jump::before {
        content: "";
        position: absolute;
        left: 16%;
        right: 16%;
        top: 7px;
        height: 6px;
        z-index: 0;
        border-radius: inherit;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 244, 237, 0.4) 26%, rgba(255, 255, 255, 0.58) 52%, rgba(255, 236, 226, 0.26) 78%, rgba(255, 255, 255, 0) 100%);
        filter: blur(1px);
        opacity: 0.42;
        pointer-events: none;
      }

      .save-contact::after,
      .oneqr-jump::after {
        content: "";
        position: absolute;
        inset: 2px;
        z-index: 0;
        border-radius: inherit;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.055),
          inset 0 8px 12px rgba(255, 255, 255, 0.065),
          inset 0 -9px 12px rgba(0, 0, 0, 0.16);
        pointer-events: none;
      }

      .save-contact strong,
      .save-contact span {
        position: relative;
        z-index: 1;
        display: block;
      }

      .save-contact strong {
        font-size: 1.38rem;
        line-height: 1.05;
        text-shadow: 0 1px 0 rgba(255, 221, 207, 0.22);
      }

      .save-contact span {
        margin-top: 5px;
        color: rgba(5, 5, 5, 0.76);
        font-size: 0.9rem;
        line-height: 1.18;
      }

      .save-contact em {
        display: none;
      }

      .save-contact:target {
        scroll-margin-top: 72px;
      }

      .oneqr-jump {
        position: relative;
        isolation: isolate;
        display: inline-flex;
        grid-column: 2;
        grid-row: 3;
        justify-self: center;
        align-items: center;
        justify-content: center;
        width: min(calc(100% - 88px), 18.5rem);
        min-height: 54px;
        margin: 0 0 10px;
        padding: 13px 24px;
        border: 1px solid transparent;
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0) 25%) padding-box,
          linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.035) 50%, rgba(255, 255, 255, 0) 100%) padding-box,
          linear-gradient(180deg, #333 0%, #1e1e1e 47%, #0d0d0d 100%) padding-box,
          linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(126, 126, 126, 0.22) 28%, rgba(4, 4, 4, 0.78) 100%) border-box;
        color: var(--bt-black-20);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.18),
          inset 0 -1px 0 rgba(0, 0, 0, 0.72),
          inset 0 -10px 15px rgba(0, 0, 0, 0.42),
          0 3px 0 rgba(2, 2, 2, 0.98),
          0 15px 28px rgba(0, 0, 0, 0.48);
        font-size: 1.38rem;
        font-weight: 1000;
        line-height: 1.15;
        text-align: center;
        text-decoration: none;
        text-shadow:
          0 1px 0 rgba(255, 255, 255, 0.08),
          0 2px 6px rgba(0, 0, 0, 0.58);
        overflow: hidden;
        transform: translateY(0);
        transition:
          transform 120ms ease,
          box-shadow 120ms ease,
          filter 120ms ease;
      }

      .save-contact:active,
      .oneqr-jump:active {
        transform: translateY(3px) scale(0.988);
        filter: brightness(0.96);
      }

      .save-contact:active {
        box-shadow:
          inset 0 1px 0 rgba(255, 239, 230, 0.46),
          inset 0 3px 8px rgba(93, 17, 5, 0.18),
          inset 0 -5px 10px rgba(86, 15, 5, 0.34),
          0 1px 0 #7f1f10,
          0 7px 15px rgba(251, 89, 49, 0.18),
          0 4px 10px rgba(0, 0, 0, 0.46);
      }

      .oneqr-jump:active {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.18),
          inset 0 4px 10px rgba(0, 0, 0, 0.32),
          inset 0 -5px 10px rgba(0, 0, 0, 0.56),
          0 1px 0 #030303,
          0 7px 14px rgba(0, 0, 0, 0.46);
      }

      .oneqr-jump:focus {
        outline: none;
        border-color: rgba(255, 255, 255, 0.18);
      }

      .save-contact:focus-visible,
      .oneqr-jump:focus-visible {
        outline: 2px solid rgba(255, 255, 255, 0.44);
        outline-offset: 3px;
      }

      .modules {
        display: grid;
        gap: 10px;
        padding: 0;
        background: transparent;
      }

      .module {
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-left: 3px solid rgba(251, 89, 49, 0.66);
        border-radius: 8px;
        background:
          radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0) 55%),
          linear-gradient(180deg, rgba(28, 28, 28, 0.99), rgba(18, 18, 18, 0.99));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.055),
          inset 0 -8px 16px rgba(0, 0, 0, 0.26),
          0 10px 22px rgba(0, 0, 0, 0.24);
        overflow: hidden;
        overflow-anchor: none;
        transition:
          height 360ms cubic-bezier(0.25, 0.1, 0.25, 1),
          border-left-color 80ms ease;
      }

      .module::before {
        content: "";
        position: absolute;
        inset: 1px;
        z-index: 0;
        border-radius: 7px;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.045),
          inset 0 -1px 0 rgba(0, 0, 0, 0.38);
        pointer-events: none;
      }

      .module::after {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        top: 1px;
        z-index: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
        opacity: 0.65;
        pointer-events: none;
      }

      .module[open] {
        border-color: rgba(255, 255, 255, 0.15);
        border-left-color: rgba(251, 89, 49, 0.82);
        background:
          radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0) 55%),
          linear-gradient(180deg, rgba(28, 28, 28, 0.99), rgba(18, 18, 18, 0.99));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.055),
          inset 0 -8px 16px rgba(0, 0, 0, 0.26),
          0 10px 22px rgba(0, 0, 0, 0.24);
      }

      .module.is-pressing,
      .module.is-activating {
        border-color: rgba(255, 255, 255, 0.15);
        border-left-color: rgba(251, 89, 49, 0.82);
        background:
          radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0) 55%),
          linear-gradient(180deg, rgba(28, 28, 28, 0.99), rgba(18, 18, 18, 0.99));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.055),
          inset 0 -8px 16px rgba(0, 0, 0, 0.26),
          0 10px 22px rgba(0, 0, 0, 0.24);
      }

      .module.is-opening,
      .module.is-closing {
        overflow: hidden;
      }

      .module.is-closing {
        border-left-color: rgba(251, 89, 49, 0.66);
      }

      .module summary {
        display: grid;
        grid-template-columns: 132px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        min-height: 82px;
        padding: 12px 14px 12px 56px;
        position: relative;
        z-index: 1;
        list-style: none;
        cursor: pointer;
        background: transparent;
        color: inherit;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
      }

      .module summary::-webkit-details-marker {
        display: none;
      }

      .module summary:focus,
      .module summary:active {
        outline: none;
        background: transparent;
      }

      .module summary:focus-visible {
        outline: 2px solid rgba(251, 89, 49, 0.82);
        outline-offset: -5px;
        border-radius: 7px;
      }

      .module[data-state] summary::after {
        content: attr(data-state-label);
        position: absolute;
        top: 8px;
        right: 12px;
        z-index: 2;
        padding: 3px 6px 2px;
        border: 1px solid rgba(251, 89, 49, 0.34);
        border-radius: 999px;
        background: rgba(251, 89, 49, 0.1);
        color: var(--bt-orange);
        font-size: 0.5rem;
        font-weight: 1000;
        line-height: 1;
        text-transform: uppercase;
      }

      .module-mark {
        display: inline-grid;
        place-items: center;
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        border: 1px solid rgba(251, 89, 49, 0.34);
        border-radius: 999px;
        background:
          radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 54%),
          rgba(251, 89, 49, 0.1);
        color: var(--bt-orange);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 7px 14px rgba(0, 0, 0, 0.22);
      }

      .module-mark svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
      }

      .module-name {
        color: var(--white);
        font-size: 1.28rem;
        font-weight: 1000;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .module-short {
        color: var(--bt-black-30);
        font-size: 0.9rem;
        line-height: 1.22;
      }

      .module[data-state] .module-short {
        padding-right: 0;
      }

      .module-arrow {
        position: absolute;
        left: 50%;
        bottom: 8px;
        width: 12px;
        height: 12px;
        border-right: 2px solid rgba(251, 89, 49, 0.9);
        border-bottom: 2px solid rgba(251, 89, 49, 0.9);
        transform: translateX(-50%) rotate(45deg);
        transition: transform 160ms ease;
      }

      .module[open] .module-arrow {
        transform: translateX(-50%) translateY(4px) rotate(-135deg);
      }

      .module.is-closing .module-arrow {
        transform: translateX(-50%) rotate(45deg);
      }

      .module-body {
        position: relative;
        z-index: 1;
        padding: 0 16px 16px;
        color: var(--bt-black-30);
        font-size: 0.92rem;
        opacity: 1;
        transform: translateY(0);
      }

      .module-body p {
        margin: 0 0 12px;
      }

      .tip-grid,
      .link-grid {
        display: grid;
        gap: 8px;
      }

      .tip-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .link-grid.single-right {
        grid-template-columns: minmax(0, 58%);
        justify-content: end;
      }

      .link-grid.two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .link-grid.music-links,
      .link-grid.follow-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .link-grid .wide {
        grid-column: 1 / -1;
      }

      .tip-button,
      .module-action,
      .planned-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 9px 10px;
        appearance: none;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06);
        color: var(--white);
        font-size: 0.92rem;
        font-weight: 1000;
        text-align: center;
        text-decoration: none;
      }

      .tip-button {
        border-color: rgba(251, 89, 49, 0.28);
        background:
          linear-gradient(180deg, rgba(251, 89, 49, 0.18), rgba(255, 255, 255, 0.045));
        color: var(--bt-black-20);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.06),
          inset 0 -8px 14px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        transition:
          transform 120ms ease,
          border-color 120ms ease,
          background 120ms ease;
      }

      .tip-button:hover,
      .tip-button:focus-visible {
        border-color: rgba(251, 89, 49, 0.56);
        background:
          linear-gradient(180deg, rgba(251, 89, 49, 0.28), rgba(255, 255, 255, 0.055));
      }

      .tip-button:active {
        transform: translateY(1px);
      }

      .tip-button.is-disabled,
      .tip-button:disabled {
        border-color: rgba(251, 89, 49, 0.24);
        background:
          linear-gradient(180deg, rgba(251, 89, 49, 0.1), rgba(255, 255, 255, 0.035));
        color: rgba(244, 241, 236, 0.68);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.045),
          inset 0 -8px 14px rgba(0, 0, 0, 0.16);
        cursor: not-allowed;
      }

      .module-action {
        gap: 7px;
      }

      .social-icon {
        position: relative;
        display: inline-block;
        flex: 0 0 auto;
        width: 17px;
        height: 17px;
      }

      .social-icon.instagram {
        border-radius: 5px;
        background:
          radial-gradient(circle at 30% 104%, #feda75 0 19%, transparent 20%),
          radial-gradient(circle at 72% 86%, #fa7e1e 0 22%, transparent 23%),
          linear-gradient(135deg, #405de6, #c13584 48%, #fd1d1d 76%, #f77737);
      }

      .social-icon.instagram::before {
        content: "";
        position: absolute;
        inset: 4px;
        border: 1.5px solid #fff;
        border-radius: 4px;
      }

      .social-icon.instagram::after {
        content: "";
        position: absolute;
        right: 4px;
        top: 4px;
        width: 3px;
        height: 3px;
        border-radius: 999px;
        background: #fff;
        box-shadow: -4px 4px 0 1px transparent;
      }

      .social-icon.youtube {
        border-radius: 5px;
        background: #ff0033;
      }

      .social-icon.youtube::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 4px;
        border-top: 4.5px solid transparent;
        border-bottom: 4.5px solid transparent;
        border-left: 6.5px solid #fff;
      }

      .social-icon.buskertunes {
        border-radius: 999px;
        background: var(--bt-orange);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32);
      }

      .social-icon.buskertunes::before {
        content: "B";
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        color: var(--bt-black-100);
        font-size: 0.68rem;
        font-weight: 1000;
        line-height: 1;
      }

      .module-action.primary .social-icon.buskertunes {
        background: rgba(5, 5, 5, 0.86);
      }

      .module-action.primary .social-icon.buskertunes::before {
        color: var(--bt-orange);
      }

      .module-action.primary {
        border-color: transparent;
        background: var(--bt-orange);
        color: var(--bt-black-100);
        box-shadow: 0 14px 28px rgba(251, 89, 49, 0.2);
      }

      .tip-button[data-primary="true"] {
        border-color: transparent;
        background: var(--bt-orange);
        color: var(--bt-black-100);
        box-shadow: 0 14px 28px rgba(251, 89, 49, 0.2);
      }

      .tip-button[data-primary="true"]:hover,
      .tip-button[data-primary="true"]:focus-visible {
        background: var(--bt-orange-hot);
        border-color: transparent;
      }

      .planned-button {
        justify-content: flex-start;
        width: 100%;
        background: rgba(251, 89, 49, 0.08);
        color: var(--bt-black-20);
        cursor: default;
      }

      .inactive-action {
        justify-content: center;
        width: 100%;
        border-color: rgba(251, 89, 49, 0.26);
        background:
          linear-gradient(180deg, rgba(251, 89, 49, 0.13), rgba(251, 89, 49, 0.07));
        color: var(--bt-black-20);
        cursor: default;
      }

      .page-note {
        width: min(760px, calc(100% - 32px));
        margin: 0 auto;
        padding: 28px 0 44px;
        color: var(--bt-black-40);
        font-size: 0.9rem;
      }

      .scroll-spacer {
        height: 0;
      }

      .privacy-page {
        width: min(760px, calc(100% - 32px));
        margin: 0 auto;
        padding: 40px 0;
      }

      .privacy-card {
        padding: clamp(22px, 5vw, 44px);
        border: 1px solid var(--line);
        border-radius: 18px;
        background: var(--surface);
        box-shadow: var(--shadow);
      }

      .privacy-card h1,
      .privacy-card h2 {
        line-height: 1.15;
      }

      .privacy-card h2 {
        margin-top: 28px;
        font-size: 1.15rem;
      }

      .privacy-card a {
        color: var(--bt-orange);
      }

      .privacy-updated {
        margin-top: 32px;
        color: var(--bt-black-40);
        font-size: 0.86rem;
      }

      .page-note span,
      .page-note a,
      .page-note-action {
        display: block;
        margin: 3px auto 0;
        color: var(--bt-black-20);
        font-weight: 900;
        text-decoration-color: rgba(251, 89, 49, 0.7);
      }

      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }

        .save-contact,
        .oneqr-jump {
          transition-duration: 0.01ms !important;
        }
      }

      @media (max-width: 920px) {
        .topbar {
          position: sticky;
          background: rgba(5, 5, 5, 0.64);
        }

        .hero {
          align-items: start;
          min-height: auto;
          padding-top: 0;
          padding-bottom: 18px;
        }

        .hero-photo {
          top: 0;
          bottom: auto;
          height: 48svh;
          min-height: 342px;
          object-position: 57% 2%;
          filter: saturate(1) contrast(1.02) brightness(0.98);
        }

        .hero::before {
          top: 0;
          right: 0;
          bottom: auto;
          left: 0;
          height: 48svh;
          min-height: 342px;
          background:
            radial-gradient(ellipse at 88% 94%, rgba(5, 5, 5, 1) 0%, rgba(5, 5, 5, 0.74) 19%, rgba(5, 5, 5, 0.28) 48%, rgba(5, 5, 5, 0) 73%),
            linear-gradient(90deg, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0) 40%, rgba(5, 5, 5, 0.2) 68%, rgba(5, 5, 5, 0.76) 100%),
            linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0.02) 52%, rgba(5, 5, 5, 0.3) 80%, rgba(5, 5, 5, 0.92) 100%);
        }

        .hero-inner {
          grid-template-columns: 1fr;
          gap: 13px;
          width: min(100% - 24px, 760px);
          padding-top: max(214px, calc(48svh - 130px));
        }

        .identity {
          grid-column: 1;
          grid-row: auto;
          justify-self: end;
          max-width: 320px;
          padding: 0 2px 0 0;
          text-align: right;
        }

        .eyebrow {
          margin-bottom: 8px;
        }

        h1 {
          font-size: clamp(3rem, 16vw, 4.7rem);
        }

        .subtitle {
          grid-column: 1;
          grid-row: auto;
          max-width: none;
          margin: 10px 2px 0 auto;
          text-align: left;
        }

        .oneqr-panel {
          grid-column: 1;
          grid-row: auto;
        }

        .oneqr-jump {
          grid-column: 1;
          grid-row: auto;
        }
      }

      @media (max-width: 640px) {
        .topbar {
          min-height: 58px;
          padding: 8px 10px;
        }

        .brand img {
          width: 128px;
          height: auto;
        }

        .route-chip {
          max-width: calc(100vw - 168px);
          min-height: 44px;
          padding: 6px 8px;
        }

        .hero-inner {
          padding-top: max(196px, calc(47svh - 120px));
        }

        .hero-photo {
          height: 47svh;
          min-height: 322px;
          object-position: 57% 0%;
        }

        .hero::before {
          height: 47svh;
          min-height: 322px;
        }

        .eyebrow {
          min-height: 25px;
          padding: 5px 8px;
          font-size: 0.68rem;
        }

        .subtitle {
          font-size: 0.98rem;
          line-height: 1.34;
        }

        .save-contact {
          grid-column: 1;
          grid-row: auto;
          min-height: 74px;
          margin: 0;
        }

        .panel-head {
          padding: 11px 14px 8px;
        }

        .module summary {
          grid-template-columns: 116px minmax(0, 1fr);
          min-height: 82px;
          gap: 10px;
          padding: 12px 12px 12px 50px;
        }

        .module-mark {
          left: 12px;
          width: 27px;
          height: 27px;
        }

        .module-mark svg {
          width: 15px;
          height: 15px;
        }

        .module-name {
          font-size: 1.1rem;
        }

        .module-short {
          font-size: 0.84rem;
        }

        .module[data-state] .module-short {
          padding-right: 0;
        }

        .module-body {
          padding: 0 12px 14px;
          font-size: 0.86rem;
        }

        .tip-grid,
        .link-grid,
        .link-grid.two,
        .link-grid.music-links,
        .link-grid.follow-links {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .link-grid.single-right {
          grid-template-columns: minmax(0, 64%);
        }

        .link-grid .wide {
          grid-column: 1 / -1;
        }
      }

      @media (max-width: 390px) {
        .module summary {
          grid-template-columns: 112px minmax(0, 1fr);
        }
      }

      @media (max-width: 370px) {
        .brand img {
          width: 112px;
        }

        .route-chip {
          max-width: calc(100vw - 138px);
        }

        .route-chip span {
          font-size: 0.58rem;
        }

        .module summary {
          grid-template-columns: 1fr;
          padding: 12px 12px 31px 50px;
        }

        .module-short {
          max-width: 230px;
        }

        .module[data-state] .module-short {
          padding-right: 0;
        }

        .module[data-state] summary::after {
          top: 8px;
          right: 10px;
          bottom: auto;
          font-size: 0.52rem;
        }

        .tip-grid,
        .link-grid,
        .link-grid.two,
        .link-grid.music-links,
        .link-grid.follow-links,
        .link-grid.single-right {
          grid-template-columns: 1fr;
        }
      }

      @media (min-width: 600px) and (max-width: 920px) and (orientation: portrait) {
        .topbar {
          position: sticky;
          background: rgba(5, 5, 5, 0.64);
        }

        .hero {
          align-items: start;
          min-height: auto;
          padding-top: 0;
          padding-bottom: 24px;
          overflow: visible;
        }

        .hero-photo {
          top: 0;
          bottom: auto;
          height: 980px;
          object-position: 64% 0%;
          filter: saturate(1) contrast(1.02) brightness(0.98);
        }

        .hero::before {
          top: 0;
          right: 0;
          bottom: auto;
          left: 0;
          height: 1048px;
          background:
            radial-gradient(ellipse at 88% 94%, rgba(5, 5, 5, 1) 0%, rgba(5, 5, 5, 0.74) 19%, rgba(5, 5, 5, 0.28) 48%, rgba(5, 5, 5, 0) 73%),
            linear-gradient(90deg, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0) 40%, rgba(5, 5, 5, 0.2) 68%, rgba(5, 5, 5, 0.76) 100%),
            linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0.02) 52%, rgba(5, 5, 5, 0.3) 80%, rgba(5, 5, 5, 0.92) 100%);
        }

        .hero-inner {
          grid-template-columns: minmax(0, 1fr) minmax(252px, 0.58fr);
          gap: 14px 22px;
          width: min(calc(100% - 48px), 820px);
          align-items: start;
          padding-top: clamp(520px, calc(58svh + 64px), 654px);
        }

        .identity {
          grid-column: 2;
          grid-row: 1;
          justify-self: end;
          width: 282px;
          max-width: 100%;
          padding-right: 2px;
          text-align: right;
        }

        .eyebrow {
          margin-bottom: 8px;
        }

        h1 {
          font-size: clamp(4rem, 8.6vw, 4.9rem);
        }

        .subtitle {
          grid-column: 1;
          grid-row: 1;
          align-self: end;
          max-width: 470px;
          margin: 0;
          font-size: 1.05rem;
          line-height: 1.35;
          transform: translateY(4px);
        }

        .save-contact {
          grid-column: 1 / -1;
          grid-row: 2;
          justify-self: center;
          align-self: center;
          width: min(390px, 100%);
          min-height: 78px;
          margin: 42px 0 0;
          padding: 15px 24px;
        }

        .save-contact strong {
          font-size: 1.34rem;
          white-space: nowrap;
        }

        .save-contact span {
          font-size: 0.84rem;
          white-space: nowrap;
        }

        .oneqr-jump {
          grid-column: 1 / -1;
          grid-row: 3;
          justify-self: center;
          width: min(390px, 100%);
          margin: 14px 0 0;
        }

        .oneqr-panel {
          grid-column: 1 / -1;
          grid-row: 4;
          width: 100%;
          margin-top: 10px;
        }

        .modules {
          gap: 10px;
        }

        .module summary {
          grid-template-columns: 178px minmax(0, 1fr);
          min-height: 86px;
          gap: 18px;
          padding: 10px 58px 10px 78px;
        }

        .module-mark {
          left: 18px;
          width: 46px;
          height: 46px;
        }

        .module-mark svg {
          width: 25px;
          height: 25px;
        }

        .module-name {
          font-size: 1.38rem;
        }

        .module-short {
          font-size: 0.98rem;
          white-space: nowrap;
        }

        .module-arrow {
          right: 22px;
          left: auto;
          top: 50%;
          bottom: auto;
          transform: translateY(-50%) rotate(45deg);
        }

        .module[open] .module-arrow {
          transform: translateY(-50%) rotate(-135deg);
        }

        .module.is-closing .module-arrow {
          transform: translateY(-50%) rotate(45deg);
        }

        .module[data-state] summary::after {
          top: 50%;
          right: 50px;
          padding: 5px 8px 4px;
          font-size: 0.62rem;
          transform: translateY(-50%);
        }

        .module-body {
          padding: 0 18px 16px 78px;
          font-size: 0.96rem;
        }

        .module-body p {
          margin-bottom: 12px;
        }

        .tip-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 9px;
        }

        .link-grid,
        .link-grid.two,
        .link-grid.music-links,
        .link-grid.follow-links {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 9px;
        }

        .link-grid.single-right {
          grid-template-columns: minmax(0, 300px);
          justify-content: end;
        }

        .link-grid .wide {
          grid-column: span 1;
        }

        .tip-button,
        .module-action,
        .planned-button {
          min-height: 52px;
          font-size: 0.94rem;
        }

        .tip-button,
        #follow .module-action {
          min-height: 58px;
        }

        #free-song .module-body {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 300px;
          gap: 14px;
          align-items: center;
        }

        #free-song .module-body p {
          margin: 0;
        }

        #free-song .link-grid.single-right {
          grid-template-columns: 1fr;
          justify-content: stretch;
        }

        #follow .link-grid.follow-links {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .page-note {
          width: min(calc(100% - 48px), 820px);
          text-align: center;
        }
      }

      @media (min-width: 600px) and (max-width: 680px) and (orientation: portrait) {
        .hero-photo {
          height: 980px;
        }

        .hero::before {
          height: 1048px;
        }

        .hero-inner {
          padding-top: clamp(500px, calc(58svh + 22px), 586px);
        }
      }

      @media (min-width: 921px) and (max-width: 1100px) and (orientation: portrait) {
        .topbar {
          background: rgba(5, 5, 5, 0.66);
        }

        .hero {
          min-height: auto;
          padding: 76px 0 34px;
          overflow: visible;
        }

        .hero-photo {
          top: 0;
          bottom: auto;
          height: calc(max(50svh, 650px) + 340px);
          object-position: 68% 0%;
        }

        .hero::before {
          top: 0;
          right: 0;
          bottom: auto;
          left: 0;
          height: calc(max(50svh, 650px) + 388px);
          background:
            radial-gradient(ellipse at 88% 94%, rgba(5, 5, 5, 1) 0%, rgba(5, 5, 5, 0.74) 19%, rgba(5, 5, 5, 0.28) 48%, rgba(5, 5, 5, 0) 73%),
            linear-gradient(90deg, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0) 40%, rgba(5, 5, 5, 0.2) 68%, rgba(5, 5, 5, 0.76) 100%),
            linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0.02) 48%, rgba(5, 5, 5, 0.22) 72%, rgba(5, 5, 5, 0.62) 88%, rgba(5, 5, 5, 1) 100%);
        }

        .hero-inner {
          grid-template-columns: minmax(0, 1fr) minmax(390px, 0.88fr);
          gap: 14px 28px;
          width: min(100% - 56px, 930px);
          align-items: start;
          padding-top: 542px;
        }

        .identity {
          grid-column: 2;
          grid-row: 1;
          justify-self: end;
          width: 304px;
          max-width: 100%;
          padding-right: 4px;
          text-align: right;
        }

        .eyebrow {
          margin-bottom: 10px;
        }

        h1 {
          font-size: 4.92rem;
        }

        .subtitle {
          grid-column: 1;
          grid-row: 1;
          align-self: end;
          max-width: 460px;
          margin: 0;
          font-size: 1.16rem;
          line-height: 1.35;
          transform: translateY(6px);
        }

        .save-contact {
          grid-column: 1 / -1;
          grid-row: 2;
          justify-self: center;
          align-self: center;
          width: min(430px, 100%);
          min-height: 78px;
          margin: 54px 0 0;
          padding: 15px 26px;
        }

        .save-contact strong {
          font-size: 1.38rem;
          white-space: nowrap;
        }

        .save-contact span {
          font-size: 0.84rem;
          white-space: nowrap;
        }

        .oneqr-jump {
          grid-column: 1 / -1;
          grid-row: 3;
          justify-self: center;
          align-self: center;
          width: min(430px, 100%);
          margin: 14px 0 0;
        }

        .oneqr-panel {
          grid-column: 1 / -1;
          grid-row: 4;
          width: 100%;
          margin-top: 10px;
        }

        .modules {
          gap: 10px;
        }

        .module summary {
          grid-template-columns: 214px minmax(0, 1fr);
          min-height: 88px;
          gap: 22px;
          padding: 10px 72px 10px 84px;
        }

        .module-mark {
          left: 20px;
          width: 48px;
          height: 48px;
        }

        .module-mark svg {
          width: 27px;
          height: 27px;
        }

        .module-name {
          font-size: 1.52rem;
        }

        .module-short {
          font-size: 1.08rem;
          white-space: nowrap;
        }

        .module-arrow {
          right: 26px;
          left: auto;
          top: 50%;
          bottom: auto;
          transform: translateY(-50%) rotate(45deg);
        }

        .module[open] .module-arrow {
          transform: translateY(-50%) rotate(-135deg);
        }

        .module.is-closing .module-arrow {
          transform: translateY(-50%) rotate(45deg);
        }

        .module[data-state] summary::after {
          top: 50%;
          right: 54px;
          padding: 5px 8px 4px;
          font-size: 0.66rem;
          transform: translateY(-50%);
        }

        .module-body {
          padding: 0 20px 16px 84px;
          font-size: 1.02rem;
        }

        .module-body p {
          margin-bottom: 14px;
          white-space: nowrap;
        }

        .tip-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 10px;
        }

        .link-grid,
        .link-grid.two,
        .link-grid.music-links,
        .link-grid.follow-links {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 10px;
        }

        .link-grid.single-right {
          grid-template-columns: minmax(0, 360px);
          justify-content: end;
        }

        .link-grid .wide {
          grid-column: span 1;
        }

        .tip-button,
        .module-action,
        .planned-button {
          min-height: 54px;
          font-size: 1rem;
        }

        .tip-button,
        #follow .module-action {
          min-height: 62px;
        }

        #free-song .module-body {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 330px;
          gap: 16px;
          align-items: center;
        }

        #free-song .module-body p {
          margin: 0;
        }

        #free-song .link-grid.single-right {
          grid-template-columns: 1fr;
          justify-content: stretch;
        }

        #follow .link-grid.follow-links {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .page-note {
          width: min(100% - 56px, 930px);
          text-align: center;
        }
      }

      @media (min-width: 600px) and (orientation: portrait) {
        .hero {
          background: var(--bt-black-100);
        }

        .hero-photo {
          height: 1064px;
          min-height: 0;
        }

        .hero::before {
          height: 1096px;
          min-height: 0;
        }
      }

      @media (min-width: 921px) and (max-width: 1100px) and (orientation: portrait) {
        .hero-photo {
          height: 992px;
        }

        .hero::before {
          height: 1028px;
        }
      }

      @media (min-width: 600px) and (max-width: 920px) and (orientation: portrait) {
        .hero-photo {
          height: 962px;
        }

        .hero::before {
          height: 1002px;
        }

        .hero-inner {
          grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
          gap: 14px 24px;
          padding-top: clamp(610px, calc(58svh + 70px), 712px);
        }

        .save-contact {
          grid-column: 1;
          grid-row: 1;
          justify-self: start;
          align-self: start;
          width: min(390px, 100%);
          margin: 52px 0 0;
        }

        .oneqr-jump {
          grid-column: 1;
          grid-row: 2;
          justify-self: start;
          align-self: start;
          width: min(390px, 100%);
          margin: 14px 0 0;
        }

        .identity {
          grid-column: 2;
          grid-row: 1;
          justify-self: end;
          align-self: start;
          width: min(296px, 100%);
          padding-right: 0;
          text-align: right;
        }

        .subtitle {
          grid-column: 2;
          grid-row: 2;
          justify-self: end;
          align-self: start;
          max-width: 328px;
          margin: 14px 0 0;
          text-align: right;
          transform: none;
        }

        .oneqr-panel {
          grid-row: 3;
          margin-top: 24px;
        }
      }

      @media (min-width: 921px) and (max-width: 1100px) and (orientation: portrait) {
        .hero-photo {
          height: 1048px;
        }

        .hero::before {
          height: 1084px;
        }

        .hero-inner {
          grid-template-columns: minmax(380px, 430px) minmax(0, 1fr);
          gap: 14px 34px;
          padding-top: 690px;
        }

        .save-contact {
          grid-column: 1;
          grid-row: 1;
          justify-self: start;
          align-self: start;
          width: min(430px, 100%);
          margin: 56px 0 0;
        }

        .oneqr-jump {
          grid-column: 1;
          grid-row: 2;
          justify-self: start;
          align-self: start;
          width: min(430px, 100%);
          margin: 14px 0 0;
        }

        .identity {
          grid-column: 2;
          grid-row: 1;
          justify-self: end;
          align-self: start;
          width: min(360px, 100%);
          padding-right: 0;
          text-align: right;
        }

        .subtitle {
          grid-column: 2;
          grid-row: 2;
          justify-self: end;
          align-self: start;
          max-width: 410px;
          margin: 14px 0 0;
          text-align: right;
          transform: none;
        }

        .oneqr-panel {
          grid-row: 3;
          margin-top: 24px;
        }
      }