.reference-home::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,5,12,.94) 0%,rgba(2,5,12,.74) 34%,rgba(2,5,12,.34) 64%,rgba(2,5,12,.82) 100%),url("assets/igptm-earth-network-v1.png") center bottom/cover no-repeat;
  opacity:.7;
}
.reference-home>*{position:relative}
.public-resources{padding:70px 4vw;background:radial-gradient(circle at 50% 110%,rgba(0,117,255,.18),transparent 48%),#02060e}
.resource-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;max-width:1200px;margin:0 auto 30px}
.resource-heading .overline{grid-column:1/-1;margin:0;color:#57aaff}
.resource-heading h2{margin:0;font-size:clamp(32px,4vw,62px);line-height:.95}
.resource-heading h2 em{font-style:normal;color:#59aaff}
.resource-heading>p{margin:0;color:#8d9ab1;line-height:1.6}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px;margin:auto}
.resource-grid a{min-height:190px;padding:22px;border:1px solid rgba(58,129,240,.3);border-radius:16px;background:linear-gradient(145deg,rgba(8,20,43,.96),rgba(3,8,18,.98));color:#eef5ff;text-decoration:none;transition:transform .2s,border-color .2s}
.resource-grid a:hover{transform:translateY(-4px);border-color:#308dff}
.resource-grid small,.resource-grid b,.resource-grid span,.resource-grid i{display:block}
.resource-grid small{color:#5eaeff;font-size:9px;letter-spacing:.12em}
.resource-grid b{margin:18px 0 8px;font-size:18px}
.resource-grid span{color:#8c99ae;font-size:12px;line-height:1.5}
.resource-grid i{margin-top:26px;color:#8fc8ff;font-size:10px;font-style:normal}
.evidence-flow{display:flex;align-items:center;justify-content:center;gap:18px;max-width:900px;margin:32px auto 0;padding:18px;border:1px solid rgba(57,126,238,.24);border-radius:999px;color:#bcd8ff;font-size:10px;letter-spacing:.08em}
.evidence-flow i{color:#467db6;font-style:normal}
@media(max-width:980px){.resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.resource-heading{grid-template-columns:1fr}.resource-heading .overline{grid-column:auto}.evidence-flow{flex-wrap:wrap;border-radius:18px}}
@media(max-width:520px){.resource-grid{grid-template-columns:1fr}}
/* iLineage evidence screen */
:root{color-scheme:dark;--bg:#030711;--panel:#07101e;--line:#183451;--text:#edf6ff;--muted:#91a7bd;--cyan:#26bfff;--blue:#1677ff;--violet:#8b5cff;--green:#42e39c;--amber:#ffb84a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 72% -8%,#122a61 0,transparent 34%),radial-gradient(circle at 10% 30%,#071f3b 0,transparent 30%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;min-height:72px;padding:0 4vw;border-bottom:1px solid #17304a;background:rgba(2,6,14,.88);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:flex-start;color:white;text-decoration:none;font-size:35px;font-weight:800}
.brand span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 22px #1677ff66}
.brand sup{font-size:10px;margin:2px 0 0 4px}
.topbar nav{display:flex;gap:24px;margin-right:auto}
.topbar nav a,footer a{color:#c5d8e9;text-decoration:none}
.topbar nav a:hover,footer a:hover{color:white}
.state{font:700 11px/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--amber);border:1px solid #735523;padding:11px 14px;border-radius:999px}
.state i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}
main{width:min(1440px,92vw);margin:auto}
.hero{display:grid;grid-template-columns:1fr 250px;gap:70px;align-items:center;padding:92px 0 54px}
.eyebrow{margin:0 0 13px;color:#64cfff;font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.17em}
.hero h1{max-width:900px;margin:0;font-size:clamp(48px,7vw,100px);line-height:.91;letter-spacing:-.055em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--violet));color:transparent;background-clip:text}
.lede{max-width:810px;margin:30px 0 0;color:#b5c7d8;font-size:18px}
.seal{aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid #8d6926;border-radius:50%;background:radial-gradient(circle,#2f220e 0,#090b10 64%);box-shadow:0 0 55px #ffb84a22,inset 0 0 28px #ffb84a1c}
.seal span,.seal small{font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.14em;color:#d7b777}
.seal b{font-size:58px;line-height:1;color:var(--amber);margin:8px 0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.metrics article,.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(12,29,50,.94),rgba(4,10,20,.97));box-shadow:inset 0 1px #ffffff08}
.metrics article{padding:22px}
.metrics small{display:block;color:#7f9ab2;font:700 10px ui-monospace,monospace;letter-spacing:.12em}
.metrics b{display:block;margin:8px 0;color:#67ccff;font-size:31px}
.metrics span{color:#a9bfd1;font-size:12px}
.metrics .hold b{color:var(--amber);font-size:22px}
.panel{padding:28px;margin:16px 0}
.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
.panel h2{margin:0;font-size:28px}
.badge{padding:8px 11px;border-radius:999px;font:700 10px ui-monospace,monospace;letter-spacing:.11em}
.measured{color:var(--green);border:1px solid #247d5a;background:#0c2d25}
.hold-badge{color:var(--amber);border:1px solid #765723;background:#2b210d}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.model-grid article{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #153653;border-radius:11px;background:#071322}
.model-grid i{display:grid;place-items:center;min-width:32px;height:32px;border-radius:8px;background:#0d2f4e;color:#66cfff;font:700 11px ui-monospace,monospace}
.model-grid b,.model-grid span{display:block}
.model-grid b{font-size:13px}
.model-grid span{color:#7ee1bb;font:700 11px ui-monospace,monospace}
.model-grid .adapter{border-color:#5d3b76}
.model-grid .adapter i{background:#34204d;color:#c99cff}
.model-grid .adapter span{color:#c99cff}
.accounting-note{margin:18px 0 0;padding:13px 15px;border-left:3px solid var(--cyan);background:#081b2d;color:#a9c0d4}
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.flow div{min-height:92px;display:grid;place-content:center;text-align:center;border:1px solid #1d4568;border-radius:12px;background:#08182a}
.flow div b,.flow div span{display:block}
.flow div b{font:800 11px ui-monospace,monospace;letter-spacing:.08em}
.flow div span{margin-top:7px;color:#91a9be;font-size:11px}
.flow>i{color:#459ddc;font-style:normal}
.flow .blocked{border-color:#795a24;background:#281f0e}
.flow .blocked b{color:var(--amber)}
.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.rule-grid article{padding:17px;border-top:1px solid #28547b;background:#06101d}
.rule-grid b{color:#ddebfa}
.rule-grid p{margin:8px 0 0;color:#8fa6ba;font-size:12px}
.receipt{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
.receipt p:not(.eyebrow){color:#98aec2}
.receipt dl{margin:0}
.receipt dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #173149}
.receipt dt{color:#8199ad}
.receipt dd{margin:0;color:var(--amber);font:700 11px ui-monospace,monospace}
.download{grid-column:1/-1;display:inline-flex;justify-content:center;padding:14px;border:1px solid #237fc4;border-radius:10px;background:linear-gradient(90deg,#075ab0,#6945d9);color:white;text-decoration:none;font-weight:800}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;margin-top:70px;border-top:1px solid #17304a;color:#8198ac;font-size:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr}
.seal{width:210px}
.metrics{grid-template-columns:repeat(2,1fr)}
.model-grid{grid-template-columns:repeat(2,1fr)}
.flow{grid-template-columns:1fr}
.flow>i{transform:rotate(90deg);text-align:center}
.rule-grid{grid-template-columns:repeat(2,1fr)}
.receipt{grid-template-columns:1fr}
}
@media(max-width:600px){.topbar{padding:10px 4vw;gap:14px;flex-wrap:wrap}
.topbar nav{order:3;width:100%;overflow:auto;padding-bottom:6px}
.state{margin-left:auto}
.hero{padding-top:55px}
.metrics,.model-grid,.rule-grid{grid-template-columns:1fr}
.panel{padding:20px}
.receipt{display:block}
.download{margin-top:18px}
footer{flex-direction:column}
}