:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #101820; color: #f5f7fa; }
    * { box-sizing: border-box; }
    body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
    header, footer { padding: 2rem clamp(1.5rem, 6vw, 6rem); }
    header { font-size: 1.6rem; font-weight: 750; letter-spacing: -.06em; }
    header span { color: #bdff81; }
    main { flex: 1; width: 100%; max-width: 76rem; margin: auto; padding: 5rem clamp(1.5rem, 6vw, 6rem); }
    .badge { display: inline-block; border: 1px solid #46533e; border-radius: 2rem; padding: .5rem .9rem; color: #bdff81; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
    h1 { max-width: 13ch; margin: 1.7rem 0; font-size: clamp(3.2rem, 8vw, 6.7rem); line-height: 1.03; letter-spacing: -.065em; font-weight: 650; }
    h1 span { color: #bdff81; }
    p { max-width: 33rem; margin: 0; color: #b9c3cc; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.65; }
    footer { color: #89959f; font-size: .85rem; }
    ::selection { background: #bdff81; color: #101820; }
  
    a { color: #bdff81; text-underline-offset: .2em; }
    a:focus-visible { outline: 2px solid #bdff81; outline-offset: 5px; }
    header a { color: inherit; text-decoration: none; }
    footer { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; }
    footer nav { display: flex; flex-wrap: wrap; gap: 1.25rem; }
    .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 2rem; margin-top: 4rem; }
    h2 { font-size: 1.45rem; letter-spacing: -.025em; margin: 0 0 .75rem; }
    .features p { font-size: 1rem; }
    .legal { max-width: 60rem; padding-top: 2rem; }
    .legal h1 { max-width: none; font-size: clamp(2.5rem, 6vw, 4rem); }
    .legal h2 { margin-top: 2.5rem; }
    .legal p, .legal li { max-width: none; color: #b9c3cc; font-size: 1.05rem; line-height: 1.75; }
    .legal p + p { margin-top: 1rem; }
    .legal li + li { margin-top: .5rem; }
    .legal .updated { font-size: .9rem; }
    .download { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 2.5rem; }
    .button { display: inline-block; background: #bdff81; color: #101820; border-radius: 2rem; padding: .85rem 1.6rem; font-weight: 650; text-decoration: none; }
    .button:hover { background: #d4ffad; }
    .download span { color: #89959f; font-size: .95rem; }