.system-page{background:#f0f4fa}.system-header{background:var(--dark);color:#fff}.system-header-inner{justify-content:space-between;align-items:center;gap:24px;padding-block:22px;display:flex}.tyxx-wordmark{letter-spacing:-2px;font-size:36px;font-weight:900;line-height:1;display:inline-block}.tyxx-wordmark>span{color:var(--orange)}.tyxx-wordmark small{letter-spacing:.12em;color:#bbcadf;margin-top:8px;font-size:9px;display:block}.system-back{padding:12px 0;font-size:13px;font-weight:700}.system-header a:focus-visible{outline-color:var(--orange)}.system-overview{padding-top:64px}.system-overview>.eyebrow{color:var(--orange-ink)}.system-overview h1{margin-top:18px;font-size:clamp(38px,5.5vw,66px)}.system-overview h1>span{color:var(--blue)}.system-lead{max-width:680px;color:var(--muted);margin-top:24px;font-size:17px}.system-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px;display:flex}.system-actions .button{font-size:12px}.system-flow{grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0 0;padding:0;list-style:none;display:grid}.system-flow li{border:1px solid var(--line);border-top:3px solid var(--orange);background:#fff;align-items:start;gap:20px;padding:25px;display:flex}.system-flow li>span{color:var(--blue);padding-top:3px;font-size:13px;font-weight:900}.system-flow h2{text-transform:none;font-size:21px}.system-flow p{color:var(--muted);margin-top:10px;font-size:13px}.system-explanation{border-bottom:1px solid var(--line);margin-top:20px}.system-explanation summary{cursor:pointer;padding:18px 0;font-size:14px;font-weight:700}.system-explanation>div{max-width:800px;color:var(--muted);padding:0 0 20px;font-size:14px}.system-explanation p+p{margin-top:12px}.system-page .inbox{padding-top:56px;padding-bottom:60px}.system-page .inbox h2{text-transform:none;font-size:38px}.system-page .inbox .section-heading{margin-bottom:28px}.system-page .inbox-intro{font-size:14px}.system-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-block:30px;font-size:13px;display:flex}.system-footer a{color:var(--blue);font-weight:700}@media (width<=800px){.system-flow{grid-template-columns:1fr;gap:12px}.system-flow li{padding:20px}.system-overview{padding-top:42px}}@media (width<=500px){.system-header-inner{gap:20px}.system-back{text-align:right;max-width:140px;font-size:12px}.system-actions{gap:16px}.system-overview h1{font-size:38px}.system-lead{font-size:15px}.system-footer{flex-direction:column;gap:12px}.system-page .inbox h2{font-size:32px}}