:root{color:#261c1c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-ink:#261c1c;--color-muted:#756a66;--color-surface:#fff;--color-canvas:#f7f4ef;--color-line:#e4dcd4;--color-brand:#b4232f;--color-brand-soft:#f5e4e5;--color-warn:#a66b16;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar,main,footer{width:min(1120px,100% - 40px);margin-inline:auto}.topbar{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:var(--color-brand);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand div{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:.06em}.brand div span{color:var(--color-muted);font-size:12px}.status{background:var(--color-brand-soft);color:var(--color-brand);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.status--checking{color:var(--color-muted);background:var(--color-surface)}.status--offline{color:var(--color-warn);background:#f5ead9}main{flex:1;padding-block:80px 56px}.hero{max-width:760px}.eyebrow{color:var(--color-brand);letter-spacing:.14em;margin:0 0 18px;font-size:13px;font-weight:700}h1{color:var(--color-ink);letter-spacing:-.04em;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(42px,7vw,76px);font-weight:500;line-height:1.08}.hero-copy{max-width:640px;color:var(--color-muted);margin:24px 0 0;font-size:18px;line-height:1.8}.module-grid{border-block:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:72px;display:grid}.module-grid article{min-height:196px;padding:28px}.module-grid article+article{border-left:1px solid var(--color-line)}.module-grid article>span{color:var(--color-brand);font-size:12px;font-weight:700}.module-grid h2{margin:36px 0 10px;font-size:20px}.module-grid p,.notice p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.7}.notice{background:var(--color-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding:20px 24px;display:flex}.notice strong{margin-bottom:4px;display:block}.notice a{color:var(--color-brand);flex:none;font-size:14px;font-weight:600;text-decoration:none}footer{border-top:1px solid var(--color-line);min-height:68px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}@media (width<=720px){.topbar,main,footer{width:min(100% - 28px,1120px)}.brand div span{display:none}main{padding-block:56px 40px}.hero-copy{font-size:16px}.module-grid{grid-template-columns:1fr;margin-top:48px}.module-grid article{min-height:0;padding:24px 0}.module-grid article+article{border-top:1px solid var(--color-line);border-left:0}.module-grid h2{margin-top:18px}.notice,footer{flex-direction:column;align-items:flex-start}footer{justify-content:center;padding-block:18px}}