:root{color-scheme:light;--paper:#f6f5f1;--ink:#24364b;--blue:#2860ce;--teal:#328784}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper)}
body{min-height:100svh;display:flex;flex-direction:column;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 42px}
.domain{font-size:15px;letter-spacing:.025em;font-weight:600}
.status{display:flex;align-items:center;gap:8px;color:#697179;font-size:12px}
.status i{display:block;width:6px;height:6px;border-radius:50%;background:var(--teal)}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px 10px;overflow:hidden}
.wordmark{margin:0;font-size:clamp(66px,9vw,106px);line-height:1.08;font-weight:600;letter-spacing:-.065em;color:var(--blue)}
.ecmx{letter-spacing:-.08em;font-weight:700}.ecmx span{color:var(--ink)}
.logiclet span{color:var(--teal)}.logiclet b{color:var(--blue);font-weight:600}
.caption{font-size:clamp(13px,2vw,16px);font-weight:400;letter-spacing:.025em;margin:17px 0 0;color:#697179}
.illustration{display:block;width:min(640px,90vw);height:auto;max-height:48svh;object-fit:contain;margin:12px auto 0;mix-blend-mode:multiply}
footer{text-align:center;color:#7a8086;font-size:12px;letter-spacing:.04em;padding:26px 20px 32px}
@media(max-width:520px){header{padding:24px}.domain{font-size:13px}.status{font-size:11px}main{padding:42px 14px 20px}.wordmark{font-size:clamp(62px,16vw,82px)}.caption{max-width:290px;line-height:1.6;margin-top:14px}.illustration{width:110vw;max-width:none;margin-top:30px}footer{padding-bottom:26px}}
@media(max-height:580px) and (min-width:521px){header{padding:18px 30px}main{padding-top:8px}.wordmark{font-size:64px}.caption{margin-top:8px}.illustration{max-height:42svh}footer{padding:12px}}