:root { color-scheme:dark; --ivory:#f3efe7; --gold:#d8c6a4; --muted:#bbc0c6; }
    * { box-sizing:border-box; }
    html { background:#080d14; }
    body { margin:0; color:var(--ivory); font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-decoration:none; }
    a:focus-visible { outline:2px solid var(--gold); outline-offset:7px; }
    .page { min-height:100svh; display:flex; flex-direction:column; padding:0 clamp(28px,6.25vw,112px); position:relative; isolation:isolate; }
    .cosmos { position:fixed; inset:0; z-index:-2; background:#080d14 url("assets/universe.fe9812e723fb.webp") center center/cover no-repeat; }
    .cosmos::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,7,12,.42),rgba(3,7,12,.08) 60%,transparent),linear-gradient(0deg,rgba(3,7,12,.8),transparent 24%,transparent 85%,rgba(3,7,12,.18)); }
    header { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .brand { display:inline-flex; align-items:center; gap:12px; font-size:23px; font-weight:600; letter-spacing:-.6px; }
    .brand svg { width:32px; height:32px; color:var(--gold); }
    .brand span { font-weight:400; color:var(--gold); }
    main { flex:1; display:flex; align-items:center; padding:64px 0 100px; }
    .intro { max-width:680px; }
    .eyebrow { display:flex; align-items:center; gap:14px; color:var(--gold); font-size:10px; font-weight:500; letter-spacing:3px; margin:0 0 30px; }
    .eyebrow::before { content:""; width:36px; height:1px; background:var(--gold); flex:none; }
    h1 { font-size:clamp(48px,5.15vw,82px); font-weight:500; letter-spacing:-2px; line-height:1.3; margin:0; }
    h1 .second { color:#d8c9ad; }
    .description { font-size:15px; font-weight:400; line-height:2.1; letter-spacing:.5px; color:var(--muted); margin:27px 0 36px; }
    .footnote { display:flex; align-items:center; gap:10px; color:#9da5ad; font-size:10px; letter-spacing:1px; margin:25px 0 0; }
    .footnote .dot { width:3px; height:3px; background:var(--gold); border-radius:50%; }
    footer { border-top:1px solid rgba(204,212,220,.16); min-height:83px; display:flex; justify-content:space-between; align-items:center; gap:20px; color:#a6abb1; font-size:10px; letter-spacing:.4px; }
    .filing { display:inline-flex; align-items:center; min-height:44px; color:#b7b9bd; font-size:11px; letter-spacing:0; }
    .filing:hover { color:var(--gold); }
    .signature { letter-spacing:2px; font-size:9px; color:#9ba0a6; }
    @media (min-width:1600px) { .page { padding-inline:8vw; } }
    @media (max-width:700px) {
      header { min-height:88px; gap:16px; }
      .brand { font-size:21px; gap:10px; }
      .brand svg { width:28px; height:28px; }
      .cosmos { background-position:61% center; }
      .cosmos::after { background:linear-gradient(90deg,rgba(3,7,12,.66),rgba(3,7,12,.32)),linear-gradient(0deg,rgba(3,7,12,.9),transparent 42%); }
      main { padding:57px 0 73px; align-items:center; }
      .eyebrow { font-size:8px; letter-spacing:1.8px; gap:10px; margin-bottom:26px; }
      .eyebrow::before { width:22px; }
      h1 { font-size:clamp(42px,11.9vw,63px); letter-spacing:-1.6px; line-height:1.4; }
      .description { font-size:12px; line-height:2; margin:24px 0 31px; letter-spacing:.2px; }
      .footnote { font-size:8px; letter-spacing:.7px; margin-top:24px; }
      footer { flex-direction:column; align-items:flex-start; gap:0; padding:16px 0 20px; min-height:104px; }
      .filing { min-height:34px; font-size:10px; }
      .signature { display:none; }
    }
    @media (max-width:350px) { .page { padding-inline:22px; } h1 { font-size:39px; } .eyebrow { letter-spacing:1px; } }
    @media (prefers-reduced-motion:reduce) { * { transition:none!important; } }
