:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --ink: #172033;
  --muted: #667085;
  --line: #e4e7ec;
  --navy: #12214a;
  --blue: #1f5eff;
  --blue-soft: #eef4ff;
  --green: #079455;
  --red: #d92d20;
  --amber: #dc6803;
  --teal: #0f766e;
  --shadow: 0 20px 55px rgba(15, 23, 42, .08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
.topbar{max-width:1180px;margin:0 auto;padding:22px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.brand-wrap{display:flex;align-items:flex-start;gap:13px}.brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;letter-spacing:-.04em}.brand{font-weight:800;font-size:17px}.tagline,.maintained{font-size:13px;color:var(--muted)}.maintained strong{color:var(--teal)}
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.version-pill{font-size:13px;padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:999px;color:var(--muted)}
main{max-width:1180px;margin:0 auto;padding:18px 28px 72px}
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:28px;align-items:stretch}.hero-copy,.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-copy{padding:54px}.summary-card{padding:30px}
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--blue);margin-bottom:10px}h1{font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;max-width:850px}h2{font-size:30px;letter-spacing:-.03em;margin:0 0 18px}h3{margin:8px 0 8px;font-size:19px}.lead{font-size:19px;color:#475467;max-width:780px;margin:0 0 20px}
.status-panel{margin-top:16px}
.status-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.status-panel-head h2{font-size:20px;margin:0}
.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px;border:1px solid transparent}.status-badge.active{background:#ecfdf3;color:var(--green);border-color:#abefc6}.status-badge.inactive{background:#fef3f2;color:var(--red);border-color:#fecdca}.status-badge.maintenance,.status-badge.checking{background:#fff7ed;color:var(--amber);border-color:#fed7aa}
.status-card{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe;margin:14px 0 0}.status-dot{width:11px;height:11px;border-radius:50%;margin-top:7px;flex:0 0 auto}.status-dot.checking,.status-dot.maintenance{background:var(--amber)}.status-dot.active{background:var(--green);box-shadow:0 0 0 5px rgba(7,148,85,.12)}.status-dot.inactive{background:var(--red);box-shadow:0 0 0 5px rgba(217,45,32,.10)}.status-title{font-weight:800}.status-message{font-size:14px;color:var(--muted);margin-top:2px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;text-decoration:none;font-weight:750;border:1px solid transparent}.btn.primary{background:var(--blue);color:#fff}.btn.primary.disabled{opacity:.5;pointer-events:none}.btn.secondary{background:#fff;border-color:var(--line)}.btn.ghost{background:#f8fafc;border-color:var(--line)}.btn.small{padding:10px 14px;font-size:13px}.small-note{font-size:13px;color:var(--muted);margin:14px 0 0}
.research-note{margin-top:18px;padding:14px 16px;border:1px solid #d0d5dd;background:#f8fafc;border-radius:14px;font-size:14px;color:#475467}
.summary-card h2{font-size:22px}.summary-card dl{margin:0}.summary-card dl div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.summary-card dl div:last-child{border-bottom:0}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;text-align:right;font-weight:700}
.section{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{padding:8px}.feature-num{font-size:13px;font-weight:800;color:var(--blue)}.feature p{color:var(--muted);margin:0}
.install{display:grid;grid-template-columns:1.45fr .55fr;gap:36px}.steps{padding-left:22px;margin:18px 0 0}.steps li{margin:10px 0}.steps code,.audit-list code,.shot-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:7px;padding:2px 6px;font-size:.93em}.notice{align-self:start;background:var(--blue-soft);border-radius:18px;padding:24px}.notice p{color:#475467}.notice p:last-child{margin-bottom:0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.shot-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.shot-card img{background:#f8fafc}.shot-card figcaption{padding:14px 16px;color:#475467}.shot-card.wide{grid-column:1 / -1}
.workflow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.workflow-row>div{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px}.workflow-row strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:white}.workflow-row i{font-style:normal;color:#98a2b3}
.audit{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;align-items:start}.audit-list{display:grid;gap:12px}.audit-list div{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px}.audit-list span{color:var(--muted);font-size:14px}
.changelog-list{display:grid;gap:16px}.log-item{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px;border:1px solid var(--line);border-radius:16px}.log-version{font-weight:800;color:var(--navy);font-size:18px}.log-item ul{margin:8px 0 0;padding-left:20px;color:#475467}.log-item.current{background:#f8fbff}.log-item.future{background:#fcfcfd}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.contact-text{color:#475467;margin:0}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
footer{max-width:1180px;margin:0 auto;padding:0 28px 40px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}
@media(max-width:960px){.hero,.install,.audit,.contact{grid-template-columns:1fr}.grid-3,.shot-grid{grid-template-columns:1fr}.workflow-row{grid-template-columns:1fr}.workflow-row i{display:none}.hero-copy{padding:34px}.topbar{align-items:flex-start;flex-direction:column}.top-actions,.contact-actions{justify-content:flex-start}footer{flex-direction:column}.log-item{grid-template-columns:1fr}.shot-card.wide{grid-column:auto}}