/* Public homepage information hierarchy. The existing Vigil colors and controls remain in styles-1.0.0.css. */
body{overflow-x:hidden}
.nav-wrap{gap:1rem}
.main-nav{gap:.9rem}
.main-nav>a,.nav-actions>.button{white-space:nowrap}
.nav-actions>.button{padding-inline:.8rem}
.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}
.hero{padding:7.1rem 0 6rem}
.hero-final{position:relative;max-width:1180px}
.hero-final h1{max-width:950px;font-size:clamp(3.5rem,6.5vw,6.7rem);line-height:1.02;letter-spacing:-.063em}
.hero-final .lead{max-width:820px;font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.65}
.hero-final .hero-actions{margin-top:2.2rem}
.section{padding:5.5rem 0}
.section-head{max-width:850px;margin-bottom:2.2rem}
.section-head p{max-width:800px}
.section-head h2{max-width:850px}
.section-note{max-width:850px;margin:1.5rem auto 0;color:var(--muted);text-align:center;font-size:.84rem}
.convergence{position:relative;max-width:1160px;margin:auto;padding:1.25rem;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(180deg,rgba(17,30,51,.62),rgba(5,9,20,.8));box-shadow:var(--shadow)}
.source-rows{display:grid;gap:.6rem}
.source-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
.source-tile{min-height:55px;padding:.7rem .45rem;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:9px;background:#0d1729;color:#d9e5f2;font-size:.78rem;font-weight:700;line-height:1.25}
.converge-lines{height:46px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;justify-items:center;overflow:hidden}
.converge-lines span{display:block;width:1px;height:40px;background:linear-gradient(var(--line2),var(--cyan));opacity:.65;transform-origin:top center}
.converge-lines span:first-child{transform:rotate(-36deg)}
.converge-lines span:last-child{transform:rotate(36deg)}
.vigil-layer{display:grid;place-items:center;gap:.1rem;width:min(650px,90%);margin:auto;padding:1.1rem;border:1px solid rgba(55,221,245,.55);border-radius:14px;background:linear-gradient(120deg,rgba(39,134,255,.24),rgba(152,87,255,.16));text-align:center}
.vigil-layer strong{font-size:1.75rem;letter-spacing:.22em;line-height:1.1}
.vigil-layer span{color:#d2e5f7;font-size:.87rem}
.operating-functions{width:min(780px,95%);margin:1rem auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
.operating-functions span{padding:.55rem .35rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);text-align:center;color:var(--muted);font-size:.75rem;font-weight:800}
.incident-panel{border:1px solid var(--line2);border-radius:20px;background:linear-gradient(150deg,#101c30,#080f1c);overflow:hidden;box-shadow:var(--shadow)}
.incident-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--line)}
.incident-top strong{font-size:.74rem;letter-spacing:.13em;color:var(--cyan)}
.incident-top span{color:var(--muted);font-size:.72rem}
.finding-grid{list-style:none;padding:1.2rem;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(68px,auto));grid-auto-flow:column;gap:.7rem}
.finding-grid li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.finding-grid li span{min-width:130px;color:var(--cyan);font-size:.75rem;font-weight:800}
.finding-grid li strong{flex:1;color:#edf4fc;font-size:.8rem;font-weight:650}
.incident-end{padding:1.1rem 1.4rem;border-top:1px solid var(--line)}
.incident-end strong{font-size:1rem}
.incident-end p{max-width:900px;margin:.3rem 0 0;color:var(--muted);font-size:.8rem}
.compact-head{margin-bottom:1.55rem}
.step-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
.step-grid li{display:flex;gap:.7rem;align-items:flex-start;min-height:100px;padding:1rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.step-index{color:var(--cyan);font-size:.66rem;font-weight:900;letter-spacing:.1em;padding-top:.15rem}
.step-grid li div{display:grid;gap:.25rem;min-width:0}
.step-grid strong{font-size:.71rem;line-height:1.2;letter-spacing:.06em;overflow-wrap:anywhere}
.step-grid li div span{color:var(--muted);font-size:.75rem;line-height:1.35}
.sovereignty-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.sovereignty-layout h2{max-width:650px}
.sovereignty-diagram{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:.7rem;align-items:center}
.sovereignty-diagram>div{min-height:210px;padding:1.2rem;border:1px solid var(--line2);border-radius:13px;background:var(--surface)}
.sovereignty-diagram>span{color:var(--cyan);font-size:1.4rem}
.sovereignty-diagram small{display:block;color:var(--cyan);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sovereignty-diagram strong{display:block;margin:.4rem 0;font-size:1.1rem}
.sovereignty-diagram ul{padding-left:1rem;color:var(--muted);font-size:.76rem}
.response-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.7fr auto 1fr;gap:.4rem;align-items:center}
.response-flow span{display:grid;place-items:center;min-height:66px;padding:.7rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:.67rem;font-weight:800;letter-spacing:.03em;text-align:center;line-height:1.25}
.response-flow i{font-style:normal;color:var(--cyan)}
.evidence-summary{font-weight:700;color:#dbeafa;margin:1.25rem 0 .4rem}
.section-links{display:flex;gap:1.2rem}
.section-links a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px;font-size:.85rem}
.night-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}
.mode-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}
.mode-row .tag{font-weight:800}
.night-list{display:grid;gap:.7rem;list-style:none;padding:0;margin:0}
.night-list li{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:.8rem 1rem;color:#dbe8f6;font-size:.85rem}
.night-list li:before{content:"•";color:var(--cyan);margin-right:.65rem}
.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.capability-grid article{min-height:160px}
.support-grid,.sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.support-panel,.sector-grid>div{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.8rem}
.support-panel h2,.sector-grid h2{font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1.1;margin:.3rem 0 .8rem}
.support-panel p,.sector-grid p{font-size:.92rem;color:var(--muted)}
.inventory-ui{margin-top:1.4rem;padding:1rem;border:1px solid var(--line2);border-radius:10px;background:#08111f}
.inventory-ui>div:first-child{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-bottom:.8rem}
.inventory-ui>div:first-child span{font-size:.68rem;color:#d8e6f4;text-align:center}
.inventory-ui .tag-list{gap:.35rem}
.inventory-ui .tag{font-size:.6rem;padding:.3rem .45rem}
.contact-card .hp{position:absolute;left:-10000px}
@media(max-width:1050px){.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-tile{font-size:.7rem}.finding-grid li{display:grid;gap:.2rem}}
@media(max-width:760px){.hero{padding:5rem 0 4rem}.hero-final h1{font-size:clamp(2.6rem,9vw,4.5rem)}.section{padding:4rem 0}.source-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}.source-tile{min-height:60px;padding:.35rem .15rem;font-size:.57rem;overflow-wrap:anywhere}.convergence{padding:.6rem}.operating-functions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.operating-functions span{font-size:.57rem;padding:.45rem .15rem}.finding-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.finding-grid li{display:flex;min-height:54px}.incident-top{align-items:flex-start;flex-direction:column;gap:.25rem}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-grid li{min-height:88px}.sovereignty-layout,.night-layout,.support-grid,.sector-grid{grid-template-columns:1fr;gap:1.5rem}.response-flow{display:flex;flex-wrap:wrap;gap:.3rem}.response-flow span{flex:1 1 32%;min-height:58px}.response-flow i{display:none}}
@media(max-width:480px){.hero-final h1{font-size:2.65rem}.hero-final .lead{font-size:1.02rem}.source-rows{gap:.4rem}.source-row{gap:.25rem}.source-tile{font-size:.52rem;line-height:1.15;min-height:55px}.converge-lines{height:28px}.converge-lines span{height:25px}.vigil-layer{padding:.75rem}.vigil-layer strong{font-size:1.35rem}.operating-functions span{font-size:.5rem;overflow-wrap:anywhere}.finding-grid{padding:.7rem}.finding-grid li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:.55rem;padding:.65rem}.finding-grid li span{min-width:0;font-size:.66rem}.finding-grid li strong{font-size:.7rem}.step-grid{gap:.45rem}.step-grid li{padding:.7rem .5rem;gap:.35rem}.step-grid strong{font-size:.62rem}.step-grid li div span{font-size:.65rem}.sovereignty-diagram{grid-template-columns:1fr;gap:.3rem}.sovereignty-diagram>span{transform:rotate(90deg);justify-self:center}.sovereignty-diagram>div{min-height:auto}.inventory-ui>div:first-child span{font-size:.58rem}.support-panel,.sector-grid>div{padding:1.2rem}}
