:root { color-scheme: dark; font-family: Inter, Arial, sans-serif; background: #050505; color: #f5f4f0; }
* { box-sizing: border-box; }
html { background: #050505; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 84% 6%, rgba(239,43,50,.13), transparent 28%),
    linear-gradient(rgba(239,43,50,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239,43,50,.035) 1px, transparent 1px),
    #050505;
  background-size: auto, 48px 48px, 48px 48px, auto;
}
a { color: inherit; }
header,
footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1180px;
  padding: 28px clamp(20px, 5vw, 72px);
}
.sss-brand { font-size: 11px; font-weight: 800; letter-spacing: .2em; text-decoration: none; }
.sss-back { color: rgba(255,255,255,.68); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
main { margin: auto; max-width: 1040px; padding: clamp(58px, 10vw, 132px) clamp(20px, 5vw, 72px) 96px; }
.sss-intro { max-width: 760px; }
.sss-intro > p:first-child { color: #ef2b32; font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.sss-intro h1 { font-size: clamp(44px, 7vw, 88px); letter-spacing: -.06em; line-height: .96; margin: 22px 0; }
.sss-intro > p:last-child { color: rgba(255,255,255,.6); font-size: clamp(15px, 2vw, 19px); line-height: 1.6; max-width: 58ch; }
section { border-top: 1px solid rgba(255,255,255,.14); margin-top: 70px; }
details { border-bottom: 1px solid rgba(255,255,255,.14); }
summary { cursor: pointer; font-size: clamp(18px, 2vw, 25px); font-weight: 650; letter-spacing: -.02em; list-style: none; padding: 28px 42px 28px 0; position: relative; }
summary::-webkit-details-marker { display: none; }
summary::after { color: #ef2b32; content: '+'; font-size: 28px; font-weight: 300; position: absolute; right: 4px; top: 24px; }
details[open] summary::after { content: '−'; }
details p { color: rgba(255,255,255,.62); font-size: 16px; line-height: 1.7; margin: -6px 0 30px; max-width: 72ch; }
footer { border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.48); font-size: 11px; }
footer a { color: #fff; font-weight: 750; }
@media (max-width: 600px) {
  header { padding-top: max(22px, env(safe-area-inset-top)); }
  .sss-back { font-size: 0; }
  .sss-back span { font-size: 22px; }
  main { padding-top: 70px; }
  section { margin-top: 48px; }
  summary { font-size: 18px; padding-block: 23px; }
  details p { font-size: 15px; }
}