@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');
      
    :root{
      --bg:#000000;
      --fg:#ffffff;
      --muted:#ffffff;
      --accent:#ffd166;
      --marquee-height:30vh;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html,body{height:100%}
    body{
      font-family: "Zalando Sans", sans-serif;
      background: var(--bg);
      color:var(--fg);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      min-height:100vh;
    }
    .page{
      height:100vh;
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:flex-start;
      overflow:hidden;
    }
    header{
      padding:24px 16px;
      display:flex;
      justify-content:center;
      align-items:center;
      flex:0 0 auto;
    }
    .logo{
      display:flex;
      align-items:flex-end;
      gap:12px;
      text-decoration:none;
      color:var(--fg);
    }
    .logo svg{height:48px;width:auto;display:block}
    .logo .brand{font-weight:700;letter-spacing:0.4px}
    main{
      flex:1 1 auto;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:12px 24px;
    }
    .hero{
      width:100%;
    }
    .title{
      font-size:5vw;
      line-height:1.05;
      color:var(--fg);
      margin-bottom:18px;
      white-space:pre-line;
      font-weight:200;
    }
    .subtitle{
      color:var(--muted);
      font-size:2vw;
      margin-bottom:28px;
    }
    .marquee-wrap{
      flex:0 0 auto;
      padding:12px 0 28px;
      background:transparent;
    }
    .marquee{
      width:100%;
      overflow:hidden;
      display:block;
      margin:0 auto;
      padding:6px 0;
    }
    .marquee-track{
      display:flex;
      gap:1px;
      align-items:center;
      animation: scroll 18s linear infinite;
    }
    .marquee-track img{
      flex:0 0 33.3333%;
      height:var(--marquee-height);
      width:100%;
      object-fit:cover;
      display:block;
    }
    @keyframes scroll{
      0%{transform:translateX(0)}
      100%{transform:translateX(-50%)}
    }
    @media (prefers-reduced-motion:reduce){
      .marquee-track{animation:none}
    }
    @media (max-width:600px){
      :root{--marquee-height:110px}
      header{padding:16px}
      .logo svg{height:40px}
      .title{font-size:20px}
    }