
:root{--bg:#07172B;--bg2:#0A1E36;--band:#0C2340;--surface:#0E2742;--navy:#0F2D4D;--line:rgba(214,227,245,.12);--line-strong:rgba(214,227,245,.28);
--head:#F3F6FB;--text:#D5DEEA;--soft:#9DAABD;--accent:#8AAEFF;--btn:#2556C4;--btn-h:#3A6BDB;--brass:#C9A56E;--ph:#EE9A83;--grid:rgba(214,227,245,.045);
--serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;--ease:cubic-bezier(0.25,0.1,0.25,1)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--accent);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
p{margin:0}
.page{display:flex;flex-direction:column;background:var(--bg)}
.sec{padding:96px 0;border-top:1px solid var(--line)}
.stone{background:var(--bg2)}
.mist,.navy,.gridbg{background-color:var(--band);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
.gridbg{background-color:var(--bg)}
.navy{background-color:var(--navy);color:var(--head)}
.eyebrow{font-family:var(--mono);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin:0 0 24px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--brass);flex-shrink:0}
.display{font-family:var(--serif);font-weight:600;font-size:68px;line-height:1.06;letter-spacing:-.015em;color:var(--head);margin:0}
.h1{font-family:var(--serif);font-weight:600;font-size:52px;line-height:1.1;letter-spacing:-.01em;color:var(--head);margin:0}
.h2{font-family:var(--serif);font-weight:600;font-size:38px;line-height:1.16;letter-spacing:-.005em;color:var(--head);margin:0}
.h3{font-size:22px;font-weight:600;line-height:1.3;color:var(--head);margin:0}
.lead{font-size:20px;line-height:1.55;color:var(--text)}
.body{font-size:17px;line-height:1.65;color:var(--text)}
.small{font-size:14px;line-height:1.55;color:var(--soft)}
.small strong{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)!important}
.col8{max-width:720px}.stack{display:flex;flex-direction:column}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border-radius:6px;font-size:16px;font-weight:500;line-height:1;background:var(--btn);color:#fff;transition:background 240ms var(--ease)}
.btn:hover{background:var(--btn-h);text-decoration:none}
.btn::after,.btnp::after{content:"";width:6px;height:6px;margin-left:12px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.btn2{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border-radius:6px;border:1px solid var(--line-strong);color:var(--head);font-size:15px;font-weight:500;line-height:1;transition:background 240ms var(--ease),border-color 240ms var(--ease)}
.btn2:hover{background:rgba(214,227,245,.08);border-color:var(--head);text-decoration:none}
.btnp{display:inline-flex;align-items:center;min-height:48px;padding:14px 24px;border-radius:6px;background:var(--head);color:var(--bg);font-size:16px;font-weight:500;line-height:1;white-space:nowrap;transition:background 240ms var(--ease)}
.btnp:hover{background:#fff;text-decoration:none}
.tlink{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--accent)}
.ph{outline:1.5px dashed var(--ph);outline-offset:2px;border-radius:2px;color:var(--ph)!important}
.phbox{border:1.5px dashed var(--ph);background:rgba(238,154,131,.06);color:var(--ph);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--mono);font-size:13px;line-height:1.5;padding:24px}
.hdr{background:rgba(7,23,43,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hdr-in{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.lockup{display:flex;align-items:center;gap:20px;color:var(--head)}
.lockup:hover{text-decoration:none}
.seal{width:42px;height:42px;border-radius:50%;background:var(--head);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:17px;letter-spacing:-.01em;flex-shrink:0}
.seal-lg{width:64px;height:64px;font-size:26px}
.lock-tag{font-size:15px;font-weight:500;color:var(--head)}
.nav{display:flex;gap:32px;align-items:center}
.navl{font-size:15px;font-weight:500;color:var(--soft);padding:8px 0;border-bottom:1px solid transparent}
.navl:hover{text-decoration:none;color:var(--head)}
.navl.on{color:var(--head);border-bottom-color:var(--brass)}
.hdr-r{display:flex;align-items:center;gap:24px}
.lang{font-family:var(--mono);font-size:13px;color:var(--soft);display:flex;gap:6px;align-items:center}
.lang a{color:var(--soft);padding:12px 4px}.lang a:hover{color:var(--head)}
.lang .on{color:var(--head)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:24px;transition:border-color 240ms var(--ease)}
.sector:hover{border-color:var(--line-strong)}
.sector{display:flex;flex-direction:column;gap:16px;min-height:148px}
.sector svg{color:var(--accent)}
.sector p{font-size:16px;line-height:1.45;font-weight:500;color:var(--head)}
.grp{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:0 0 16px}
.cmp{width:100%;border-collapse:collapse;font-size:17px;line-height:1.5}
.cmp th{text-align:left;padding:18px 32px;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.cmp th.us{background:var(--btn);color:#fff;border-radius:6px 0 0 0}
.cmp th.them{background:rgba(214,227,245,.05);color:var(--soft);border-radius:0 6px 0 0}
.cmp td{padding:20px 32px;border-top:1px solid var(--line);vertical-align:top}
.cmp td.us{background:var(--surface);color:var(--head);font-weight:500}
.cmp td.them{background:rgba(214,227,245,.03);color:var(--soft)}
.crit{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55;font-variant-numeric:tabular-nums}
.crit td{padding:16px 0;border-top:1px solid var(--line);vertical-align:top}
.crit tr:last-child td{border-bottom:1px solid var(--line)}
.crit td.k{width:34%;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);padding-top:20px;padding-right:24px}
.crit td.v{color:var(--head)}
.num{font-family:var(--mono);font-weight:500;font-size:14px;line-height:1;letter-spacing:.06em;color:var(--brass);border:1px solid var(--brass);border-radius:2px;padding:6px 8px;align-self:flex-start}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:32px}
.step{display:flex;flex-direction:column;gap:16px}
.step h3{font-size:18px;font-weight:600;line-height:1.35;color:var(--head);margin:0}
.step p{font-size:15px;line-height:1.6;color:var(--soft)}
.portrait{width:160px;height:160px;border-radius:50%;padding:0}
.role{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.icon-link{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;min-height:44px}
.letter{font-family:var(--serif);font-size:20px;line-height:1.65;color:var(--text)}
.proc{width:100%;border-collapse:collapse;font-size:17px;line-height:1.55}
.proc th{text-align:left;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);padding:0 0 16px}
.proc td{padding:24px 0;border-top:1px solid var(--line);vertical-align:top;color:var(--text)}
.proc td.n{width:88px}
.proc td.t{width:340px;font-weight:600;color:var(--head);padding-right:32px;font-size:18px}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:18px;font-weight:600;line-height:1.4;color:var(--head)}
summary::-webkit-details-marker{display:none}
summary .pm{color:var(--accent);transition:transform 240ms var(--ease);flex-shrink:0}
details[open] summary .pm{transform:rotate(45deg)}
details p{padding:0 64px 28px 0;font-size:17px;line-height:1.65;color:var(--text);max-width:820px}
.ftr{background:#040E1B;color:var(--head);flex-grow:1;padding:64px 0 48px;border-top:1px solid var(--line)}
.ftr a{color:var(--head);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.ftr-in{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.ftr-tag{font-size:16px;color:var(--soft);margin-top:16px}
.ftr-links{display:flex;gap:32px;font-size:15px;align-items:center;flex-wrap:wrap}
.ftr-bottom{padding-top:24px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--soft)}
/* hero network */
.hero-vis{position:relative;border:1px solid var(--line);border-radius:10px;background:rgba(10,30,54,.72);padding:28px 28px 20px}
.hero-vis .bar{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--soft);padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.hero-vis .live{display:inline-flex;align-items:center;gap:8px;color:var(--head)}
.hero-vis .live i{width:7px;height:7px;border-radius:50%;background:#4FC08D;box-shadow:0 0 0 0 rgba(79,192,141,.6);animation:beat 2.4s var(--ease) infinite}
.flow{stroke-dasharray:3 7;animation:dash 1.8s linear infinite}
.pulse{transform-origin:260px 236px;animation:ring 3.2s var(--ease) infinite}
@keyframes dash{to{stroke-dashoffset:-20}}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(79,192,141,.55)}70%,100%{box-shadow:0 0 0 8px rgba(79,192,141,0)}}
.flow-soft{stroke-dasharray:3 7;animation:dash 2.4s linear infinite}

:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:#07172B}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 96px);scroll-behavior:smooth}


.wrap{width:auto;max-width:1360px;padding-left:80px;padding-right:80px;margin:0 auto}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;}
.menu-btn,.mob-only{display:none}
svg{max-width:100%;height:auto}
.reveal{opacity:0;transform:translateY(12px);transition:opacity 480ms cubic-bezier(0.25,0.1,0.25,1),transform 480ms cubic-bezier(0.25,0.1,0.25,1)}
.reveal.in{opacity:1;transform:none}
.page.enter{animation:pgfade 240ms cubic-bezier(0.25,0.1,0.25,1)}
@keyframes pgfade{from{opacity:0}to{opacity:1}}
.draftbar{background:#7A2F1F;color:#fff;font-size:13px;text-align:center;padding:6px 16px;font-weight:500}
@media (max-width:1100px){
 .wrap{padding-left:40px;padding-right:40px}
 .nav{gap:20px}.lock-tag{display:none}
 [style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
 .wrap{padding-left:20px;padding-right:20px}
 .sec{padding:64px 0}
 .display{font-size:42px}.h1{font-size:34px}.h2{font-size:28px}.h3{font-size:21px}.lead{font-size:19px}.body{font-size:16px}.letter{font-size:18px}.eyebrow{font-size:12px}
 [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important;row-gap:32px !important}
 [style*="grid-column"]{grid-column:auto !important}
 .steps{grid-template-columns:minmax(0,1fr)}
 .phbox[style*="height: 560px"]{height:300px !important}
 .phbox[style*="height: 320px"]{height:220px !important}
 section[style*="padding: 80px"],section[style*="padding: 96px"]{padding:48px 0 64px !important}
 .navy .wrap,.sec .wrap[style*="display: flex"]{flex-direction:column;align-items:flex-start !important;gap:24px !important}
 .menu-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer;order:3}
 .menu-btn span{display:block;height:1.5px;background:#F3F6FB;transition:transform 240ms cubic-bezier(0.25,0.1,0.25,1)}
 .hdr.open .menu-btn span:first-child{transform:translateY(3.75px) rotate(45deg)}
 .hdr.open .menu-btn span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .hdr-in{height:72px;flex-wrap:wrap;gap:12px}
 .hdr-r{margin-left:auto}.hdr-r .btn2{display:none}
 .nav{display:none;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:0;padding:8px 0 16px}
 .hdr.open .nav{display:flex}
 .hdr.open .hdr-in{height:auto;padding-top:14px}
 .nav .navl{padding:14px 0;font-size:18px;width:100%;border-bottom:1px solid rgba(214,227,245,.12)}
 .nav .navl.on{border-bottom-color:#B08D57}
 .mob-only{display:block}
 .cmp th,.cmp td{padding:16px}
 .cmp{font-size:15px}
 .proc thead{display:none}
 .proc tr{display:grid;grid-template-columns:72px minmax(0,1fr);border-top:1px solid rgba(214,227,245,.12);padding:20px 0}
 .proc td{border:0;padding:0}
 .proc td.t{width:auto;padding:0 0 8px}
 .proc td:last-child{grid-column:2}
 .crit td.k{width:40%}
 details p{padding-right:0}
 .ftr-in{flex-direction:column}
 .ftr-links{gap:16px 24px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.page.enter{animation:none}}

.hero-vis svg svg{width:20px;height:20px;max-width:none}
@media (max-width:860px){.hero-vis{padding:20px 16px 12px}.hdr .hdr-in{padding-bottom:0}}
@media (prefers-reduced-motion: reduce){.flow,.flow-soft,.pulse,.hero-vis .live i{animation:none}}
@media (max-width:860px){
 .hdr-in{height:auto !important;padding-top:12px;padding-bottom:6px;flex-wrap:wrap;row-gap:4px}
 .nav{display:flex !important;order:4;width:100%;flex-direction:row !important;flex-wrap:wrap;gap:0 20px !important;padding:0 !important}
 .nav .navl{width:auto !important;padding:10px 0 !important;font-size:15px !important;white-space:nowrap;border-bottom:1px solid transparent !important}
 .nav .navl.on{border-bottom-color:var(--brass) !important}
}
@media (max-width:420px){.nav{gap:0 12px !important}.nav .navl{font-size:13.5px !important}}
.portrait-conf{width:160px;height:160px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center}
.portrait-conf svg{color:var(--soft);width:34px;height:34px}
.portrait-img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong);display:block;filter:grayscale(1) contrast(1.05)}

.portrait-img{background:var(--surface)}
