-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path404.html
More file actions
22 lines (22 loc) · 11.4 KB
/
Copy path404.html
File metadata and controls
22 lines (22 loc) · 11.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="noindex,nofollow" name="robots"/><meta content="#06101f" name="theme-color"/><title>Bridge Node 7 | Beyond the Current Map</title>
<base id="site-base" href="/"/><script>if(location.protocol==='file:')document.getElementById('site-base').href='./';</script>
<link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='%23f1c86b'/%3E%3Ctext x='50' y='63' font-size='52' font-weight='900' fill='%23050914' text-anchor='middle'%3E7%3C/text%3E%3C/svg%3E" rel="icon"/>
<style>:root{--bg:#050914;--panel:#0a1428;--text:#f7f9ff;--soft:#dfe8f8;--muted:#c4cedd;--line:rgba(255,255,255,.14);--gold:#f1c86b;--gold2:#fff0b3;--blue:#78d7ff;--violet:#c6a7ff;--shadow:0 24px 80px rgba(0,0,0,.46);--radius:28px;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 14% 7%,rgba(120,215,255,.15),transparent 28rem),radial-gradient(circle at 86% 13%,rgba(198,167,255,.14),transparent 30rem),radial-gradient(circle at 50% 52%,rgba(241,200,107,.08),transparent 36rem),linear-gradient(180deg,var(--bg),#071425 48%,#04070f);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.7) 58%,transparent)}
a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:16px;top:-70px;z-index:200;background:var(--gold2);color:#07111f;padding:12px 16px;border-radius:999px;font-weight:900}.skip-link:focus{top:12px}a:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}.shell{max-width:var(--max);margin:0 auto;padding:0 22px}
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(5,9,20,.9),rgba(5,9,20,.64));border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{max-width:var(--max);margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:13px;min-height:44px}.mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,240,179,.95),rgba(241,200,107,.45) 35%,rgba(120,215,255,.12) 62%,transparent 72%);border:1px solid rgba(255,240,179,.5);box-shadow:0 0 36px rgba(241,200,107,.18);position:relative}.mark::before,.mark::after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.28);border-radius:45%;transform:rotate(38deg)}.mark::after{transform:rotate(-38deg);border-color:rgba(120,215,255,.35)}.mark span{font-size:15px;color:#050914;z-index:1}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:var(--muted);padding:10px 12px;min-height:44px;border:1px solid transparent;border-radius:999px;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-links a[aria-current="page"]{color:#fff;position:relative}.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:var(--gold);box-shadow:0 0 10px rgba(241,200,107,.5)}.nav-links .cta{color:#07111f;background:linear-gradient(135deg,var(--gold2),var(--gold));font-weight:850;border:0}
.hero{padding:70px 0 42px;text-align:center}.eyebrow{margin:0 0 16px;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.94;letter-spacing:-.067em;margin:0 auto 22px;max-width:980px}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--gold2) 34%,var(--blue) 70%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(19px,2vw,24px);line-height:1.55;color:var(--soft);max-width:820px;margin:0 auto}.framework-line{margin:27px auto 0;color:var(--soft);font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.framework-line span{white-space:nowrap}.milestone-line{max-width:900px;margin:24px auto 0;padding:22px 24px;border:1px solid rgba(241,200,107,.25);border-radius:18px;background:rgba(241,200,107,.055);color:var(--gold2);font-size:clamp(15px,1.7vw,19px);font-weight:900;letter-spacing:.025em;text-align:center;line-height:1.55}.compact-grid .card{min-height:160px}.section-kicker{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:28px auto 0}.pill{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:999px;padding:11px 15px;color:var(--soft);font-weight:850;font-size:14px}.status{margin:22px auto 0;color:var(--muted);font-size:14px;line-height:1.6;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 21px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-weight:850;box-shadow:0 12px 40px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32)}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07111f;border:0}
section{padding:76px 0}.section-head{text-align:center;max-width:900px;margin:0 auto 34px}.section-head h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.055em;margin:0}.section-head p{font-size:clamp(17px,1.7vw,21px);line-height:1.72;color:var(--soft);max-width:780px;margin:18px auto 0}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(255,255,255,.04));border-radius:var(--radius);box-shadow:var(--shadow)}.prose{max-width:820px;margin:0 auto;color:var(--soft);font-size:18px;line-height:1.78}.prose p{margin:0 0 18px}.grid-3,.grid-4,.grid-2{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{padding:26px;min-height:190px}.card .num{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.14em}.card h3{font-size:22px;letter-spacing:-.025em;margin:13px 0 9px}.card p{color:var(--muted);line-height:1.65;margin:0}.bullet-panel{padding:30px;max-width:900px;margin:0 auto}.bullet-panel ul{margin:0;padding-left:22px;color:var(--soft);display:grid;gap:13px;line-height:1.6}.notice{max-width:900px;margin:22px auto 0;padding:20px 22px;border-left:3px solid var(--gold);background:rgba(241,200,107,.06);border-radius:0 16px 16px 0;color:var(--soft);line-height:1.65}.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sequence .card{min-height:210px}.milestones{counter-reset:item;display:grid;gap:12px;max-width:850px;margin:0 auto}.milestone{counter-increment:item;display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045)}.milestone::before{content:counter(item);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(241,200,107,.15);border:1px solid rgba(241,200,107,.28);color:var(--gold2);font-weight:900}.milestone strong{display:block;margin:2px 0 5px}.milestone span{color:var(--muted);line-height:1.55}.cta-panel{padding:44px 32px;text-align:center;max-width:900px;margin:0 auto}.cta-panel h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.055em;margin:0}.cta-panel p{color:var(--soft);font-size:18px;line-height:1.7;max-width:760px;margin:18px auto 0}.privacy{font-size:13px!important;color:var(--muted)!important}.footer{border-top:1px solid rgba(255,255,255,.08);padding:36px 0 48px;color:var(--muted);text-align:center}.footer strong,.footer a{color:#fff}.footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px}.footer p{line-height:1.7;margin:8px 0}.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:12px 0}.content-panel{padding:30px;max-width:900px;margin:0 auto}.content-panel h2{font-size:clamp(26px,3vw,38px);margin:0 0 10px}.content-panel h2:not(:first-child){margin-top:34px}.content-panel p{color:var(--soft);font-size:17px;line-height:1.72;margin:0 0 14px}.content-panel small{color:var(--muted)}
@media (max-width:920px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.sequence{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.card{min-height:auto}}
@media (max-width:700px){.nav-inner{padding:12px 16px;flex-direction:column;justify-content:center}.brand{font-size:11.5px}.nav-links{width:100%;justify-content:center;gap:6px}.nav-links a{font-size:12px;padding:8px 9px}.shell{padding:0 16px}.hero{padding:72px 0 58px}.hero h1{font-size:clamp(42px,13vw,64px)}section{padding:58px 0}.grid-4{grid-template-columns:1fr}.btn{width:100%}.cta-panel{padding:34px 22px}.milestone{grid-template-columns:40px 1fr;padding:17px}.footer-links{gap:10px}.content-panel{padding:24px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
</style>
</head><body>
<a class="skip-link" href="404.html#main">Skip to main content</a>
<header class="nav"><div class="nav-inner"><a aria-label="Bridge Node 7 home" class="brand" href="index.html" rel="home"><span class="mark"><span>7</span></span><span>Bridge Node 7</span></a><nav aria-label="Primary navigation" class="nav-links"><a href="materials/index.html">Materials</a><a href="readiness/index.html">Readiness</a><a href="partner/index.html">Partner</a><a href="https://bridgenode7.com/frontier-decision-engine/">Decision Lab</a><a class="cta" href="mailto:contact@bridgenode7.com?subject=Bridge%20Node%207%20%7C%20Strategic%20Inquiry&body=I%20would%20like%20to%20explore%20strategic%20fit%20with%20Bridge%20Node%207.%0A%0AName%3A%0AOrganization%3A%0AProfessional%20role%3A%0AArea%20of%20interest%3A%0ADesired%20next%20step%3A%0A%0APlease%20use%20this%20channel%20for%20ordinary%20professional%20correspondence.">Strategic Inquiry</a></nav></div></header>
<main id="main"><section aria-labelledby="not-found-title" class="hero"><div class="shell"><p class="eyebrow">404 · Beyond the current map</p><h1 id="not-found-title"><span class="gradient-text">Return to</span><br/>the bridge.</h1><p class="lead">This path sits beyond the current public map.</p><div class="actions"><a class="btn primary" href="index.html">Bridge Node 7 Home</a><a class="btn" href="materials/index.html">Explore Materials</a></div></div></section></main>
<footer class="footer"><div class="shell"><p><strong>Bridge Node 7</strong></p><p>Frontier Intelligence | Resilient Futures</p><div class="footer-links"><a href="materials/index.html">Materials</a><a href="readiness/index.html">Readiness</a><a href="privacy/index.html">Privacy</a><a href="privacy/index.html#security">Security</a></div><p><a href="mailto:contact@bridgenode7.com">contact@bridgenode7.com</a></p><p>© 2026 Bridge Node 7</p></div></footer>
</body></html>