:root {
  --ink: #14231d;
  --muted: #617169;
  --paper: #f4f1e9;
  --card: #fbfaf6;
  --line: #d9ded8;
  --green: #177a4d;
  --mint: #c9f4d8;
  --amber: #b36a00;
  --red: #bb3c32;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .35; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E"); }
.shell { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { color: var(--ink); text-decoration: none; font-weight: 750; display: flex; gap: 11px; align-items: center; letter-spacing: -.02em; }
.brand-mark { display: grid; place-items: center; width: 31px; height: 31px; background: var(--ink); color: var(--paper); border-radius: 50%; font-family: var(--serif); }
.network { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }
.network i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #2cba6c; margin-right: 6px; box-shadow: 0 0 0 4px #d7ebdc; }
.hero { padding: 92px 0 72px; max-width: 880px; }
.eyebrow { margin: 0 0 13px; color: var(--green); font-size: 11px; text-transform: uppercase; letter-spacing: .18em; font-weight: 800; }
h1 { margin: 0; font-family: var(--serif); font-size: clamp(46px, 7vw, 78px); line-height: .98; letter-spacing: -.055em; font-weight: 500; }
.lede { max-width: 680px; margin: 28px 0 35px; font-size: 18px; line-height: 1.7; color: var(--muted); }
.address-form { display: flex; max-width: 780px; padding: 6px; border: 1px solid #aab4ad; border-radius: 8px; background: var(--card); box-shadow: 0 12px 35px rgba(20,35,29,.07); }
.address-form input { min-width: 0; flex: 1; padding: 17px 16px; border: 0; outline: 0; background: transparent; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 15px; }
.address-form button { border: 0; border-radius: 5px; background: var(--ink); color: white; padding: 0 22px; font-weight: 750; cursor: pointer; display: flex; align-items: center; gap: 22px; }
.address-form button:hover { background: var(--green); }.address-form button:disabled { opacity: .6; cursor: wait; }
.form-note { color: var(--muted); font-size: 12px; margin: 12px 5px; }.config-warning,.error { max-width: 780px; background: #fff0cf; color: #6f4305; padding: 12px 14px; border-radius: 5px; font-size: 13px; }.error { background: #ffe1de; color: #872820; }
.loading { margin-bottom: 80px; display: flex; align-items: center; gap: 13px; }.loading[hidden] { display: none; }.loading span { width: 18px; height: 18px; border: 2px solid var(--line); border-top-color: var(--green); border-radius: 50%; animation: spin .8s linear infinite; }.loading p { color: var(--muted); }
@keyframes spin { to { transform: rotate(360deg); } }
.report { scroll-margin-top: 25px; padding: 45px 0 80px; border-top: 1px solid var(--line); }.report[hidden] { display: none; }
.report-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 28px; }.report-head h2 { margin: 0; font-family: var(--serif); font-size: 34px; font-weight: 500; }
.share-report { float: right; margin-top: -20px; margin-bottom: 14px; border: 0; background: transparent; color: var(--green); font-weight: 700; cursor: pointer; }
.severity { text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 850; padding: 9px 12px; border-radius: 99px; background: var(--mint); color: var(--green); }.severity.warning { background:#ffedbc;color:#795000 }.severity.danger,.severity.liquidatable { background:#ffdcd8;color:var(--red) }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--card); }.metric { padding: 25px; border-left: 1px solid var(--line); }.metric:first-child { border: 0; }.metric span,.metric small { display: block; color: var(--muted); font-size: 12px; }.metric strong { display: block; margin: 13px 0 8px; font-family: var(--serif); font-size: 33px; font-weight: 500; letter-spacing: -.03em; }.metric.primary { background: var(--ink); color: white; }.metric.primary span,.metric.primary small { color: #b8c4bd; }
.report-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-top: 18px; }.panel { background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 25px; }.panel-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 22px; }.panel-title h3 { margin: 0; font-family: var(--serif); font-size: 24px; font-weight: 500; }.panel-title > span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.stress-ladder { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); }.stress-ladder div { display: grid; grid-template-columns: 1fr auto 12px; gap: 15px; align-items: center; background: var(--card); padding: 15px; }.stress-ladder span,.delta span { color: var(--muted); font-size: 13px; }.dot { width: 8px;height:8px;border-radius:50%;background:var(--green) }.dot.warning{background:var(--amber)}.dot.danger,.dot.liquidatable{background:var(--red)}
.delta { display:grid;gap:16px }.delta div { display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px }.delta p,.delta small { color:var(--muted);line-height:1.6 }
.copilot,.positions,.receipt { margin-top: 18px; }.copilot > p { max-width: 850px; line-height: 1.75; color: #34433c; }.intent-row { display:flex;gap:9px;flex-wrap:wrap;margin-top:22px }.intent-row button { border:1px solid var(--line);background:white;color:var(--ink);padding:10px 13px;border-radius:4px;cursor:pointer }.intent-row button:hover{border-color:var(--green);color:var(--green)}.explanation { background:#edf5ee;padding:16px;border-left:3px solid var(--green); }
.table-wrap { overflow-x:auto }table { width:100%;border-collapse:collapse;font-size:13px }th { color:var(--muted);font-weight:600;text-align:left;border-bottom:1px solid var(--line);padding:11px }td { padding:14px 11px;border-bottom:1px solid #e7e9e4 }td small { display:block;color:var(--muted);font-family:monospace;margin-top:4px }
.receipt summary { cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center }.receipt summary::-webkit-details-marker{display:none}.receipt summary small,.receipt summary b { display:block }.receipt summary small{color:var(--green);text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}.receipt[open] summary i{transform:rotate(45deg)}.receipt dl{display:grid;grid-template-columns:130px 1fr;gap:10px;margin-top:28px;font-size:13px}.receipt dt{color:var(--muted)}.receipt dd{margin:0;overflow-wrap:anywhere}.receipt li{margin:8px 0;color:var(--muted);line-height:1.5}.disclaimer{color:var(--muted);font-size:11px;text-align:center;margin:25px 0}
.principles { border-top:1px solid var(--line);padding:60px 0 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px }.principles b{font-family:var(--serif);font-size:14px;color:var(--green)}.principles h3{font-family:var(--serif);font-size:24px;font-weight:500;margin:18px 0 10px}.principles p{color:var(--muted);line-height:1.6;font-size:14px}footer{padding:25px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
@media(max-width:800px){.hero{padding-top:65px}.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metric:nth-child(4){border-top:1px solid var(--line)}.report-grid,.principles{grid-template-columns:1fr}.address-form button b{display:none}.address-form button{padding:0 15px}.report-head{align-items:center}.report-head h2{font-size:25px}.principles{gap:18px}.receipt dl{grid-template-columns:1fr}.receipt dd{margin-bottom:8px}}
@media(max-width:510px){.shell{width:min(100% - 24px,1120px)}.network{display:none}h1{font-size:43px}.lede{font-size:16px}.address-form{display:block}.address-form button{width:100%;justify-content:center;height:49px}.metric-grid{grid-template-columns:1fr}.metric{border-left:0;border-top:1px solid var(--line)}.metric:first-child{border-top:0}.report-head{display:block}.severity{display:inline-block;margin-top:15px}.panel{padding:19px}}
.metric-grid { clear: both; }
.receipt li { overflow-wrap: anywhere; }
@media(max-width:510px) { .address-form input { width: 100%; } }
.demo-player { display: block; width: 100%; height: auto; margin: 28px 0; background: #123f36; }
.demo-layout { padding-block: 42px; }
.demo-layout h1 { font-size: clamp(38px, 5vw, 58px); }
.demo-layout p { line-height: 1.6; color: var(--muted); }
.demo-layout a { color: var(--green); }