:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #212d45; background: #f5f6f8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(135deg, #e9edef, #fff); }
main { width: min(960px, 100%); overflow: hidden; border: 1px solid #cbd1d5; border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(8, 25, 41, .14); }
header { display: flex; align-items: center; justify-content: space-between; padding: 20px 28px; background: #212d45; color: #fff; font-size: 13px; }
.dayjo-logo { display: block; width: 150px; max-height: 58px; object-fit: contain; padding: 5px 9px; border-radius: 8px; background: #fff; }
.mark { font: 700 38px/1 Georgia, serif; }.mark small { margin-left: 4px; color: #ffc03d; font: 800 9px/1 system-ui; }
section { padding: 54px 44px 42px; background: linear-gradient(120deg, #172136, #212d45); color: #fff; }
.kicker { margin: 0 0 12px; color: #ffc03d; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
h1 { max-width: 680px; margin: 0; font-size: clamp(34px, 6vw, 62px); line-height: 1.02; }.lead { max-width: 680px; color: #dce8f1; font-size: 19px; line-height: 1.5; }
.download { display: inline-flex; min-height: 54px; align-items: center; margin-top: 12px; padding: 0 24px; border-radius: 999px; background: #ffc03d; color: #212d45; font-weight: 850; text-decoration: none; }.version { margin: 14px 0 0; color: #d9deea; font-size: 13px; }
details { margin-top: 16px; color: #cad8e2; font-size: 12px; }details summary { cursor: pointer; }details code { display: block; overflow-wrap: anywhere; margin-top: 8px; color: #fff; }
aside { padding: 30px 44px; }aside h2 { margin-top: 0; }li { margin: 10px 0; line-height: 1.45; }aside p { color: #52606b; }
.back { display: block; padding: 0 44px 32px; color: #212d45; font-weight: 750; text-decoration: none; }
@media (max-width:600px) { body { padding: 0; } main { min-height: 100vh; border: 0; border-radius: 0; } header,section,aside { padding-left: 22px; padding-right: 22px; }.back { padding-left: 22px; } }