@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap");
:root { color-scheme: dark; font-family: "Bai Jamjuree", ui-sans-serif, sans-serif; background: #08090b; color: #f7f7f5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #08090b; }
a { color: inherit; text-decoration-color: #e82429; text-underline-offset: 3px; }
.site-home { display: flex; flex-direction: column; padding: 0 32px; background: radial-gradient(circle at 50% 30%, rgba(232, 36, 41, .14), transparent 30rem), #08090b; }
.site-home::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, transparent, black 28%, black 72%, transparent); }
.site-header, .site-footer { position: relative; z-index: 1; width: min(100%, 1200px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.site-header { height: 96px; border-bottom: 1px solid rgba(255,255,255,.11); }
.site-footer { min-height: 84px; border-top: 1px solid rgba(255,255,255,.11); color: #8d929a; font-size: .82rem; letter-spacing: .02em; }
.site-footer nav { display: flex; gap: 24px; }
.site-footer a, .contact-link { text-decoration: none; transition: color .15s ease; }
.site-footer a:hover, .contact-link:hover { color: #fff; }
.brand { display: inline-flex; align-items: center; color: #f7f7f5; text-decoration: none; }
.brand img { display: block; width: 9.5rem; height: auto; }
.contact-link { color: #a9adb4; font-size: .86rem; }
.shell { position: relative; z-index: 1; width: min(100%, 1000px); margin: auto; padding: 110px 0 96px; text-align: center; }
.shell h1 { margin: 0 0 1rem; font-size: clamp(4rem, 11vw, 8.6rem); line-height: .88; letter-spacing: -.075em; font-weight: 700; }
.lead { width: min(100%, 650px); margin: 0 auto; color: #a9adb4; font-size: clamp(1.05rem, 2.2vw, 1.35rem); line-height: 1.55; }
.about { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; margin-top: 120px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.11); text-align: left; }
.section-label { margin: 0 0 .8rem; color: #e82429; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.about h2 { margin: 0; max-width: 22rem; font-size: clamp(1.55rem, 3vw, 2.2rem); line-height: 1.12; letter-spacing: -.04em; }
.about-copy { color: #a9adb4; font-size: .98rem; line-height: 1.7; }
.about-copy p { margin: 0 0 1.2rem; }
.about-copy a { color: #f7f7f5; }
.document { width: min(calc(100% - 40px), 760px); margin: 0 auto; line-height: 1.65; padding: 48px 0 80px; }
.document-heading { margin: 4rem 0 3rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255,255,255,.11); }
.document-heading p { margin: 0 0 .5rem; color: #e82429; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.document h1 { font-size: clamp(2.5rem, 7vw, 4rem); letter-spacing: -.045em; line-height: 1; margin: 0; }
.document h2 { font-size: 1.2rem; margin-top: 2rem; }
.document h3 { font-size: 1.05rem; margin-top: 1.5rem; }
.document table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.document th, .document td { border: 1px solid #30353d; padding: .7rem; text-align: left; vertical-align: top; }
.document th { background: #181c21; }
.document li { margin: .4rem 0; }
@media (max-width: 640px) {
  .site-home { padding: 0 20px; }
  .site-header { height: 76px; }
  .site-footer { min-height: 72px; }
  .shell h1 { font-size: clamp(3.7rem, 19vw, 5.4rem); }
  .shell { padding: 80px 0 64px; }
  .about { grid-template-columns: 1fr; gap: 28px; margin-top: 80px; }
  .site-footer nav { gap: 16px; }
  .document table { display: block; overflow-x: auto; }
}