:root { --ink:#e6edeb; --muted:#9aa6a3; --cyan:#44f1d0; --violet:#af7dff; --amber:#ffc86b; --dark:#070b12; --panel:#0d131d; --line:rgba(193,227,222,.15); --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --display:"Space Grotesk",system-ui,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--dark); font-family:var(--display); overflow-x:hidden; }
.noise { position:fixed; z-index:4; inset:0; pointer-events:none; opacity:.045; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.scanline { position:fixed; inset:0; z-index:3; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(84,174,162,.022) 4px); }
.topbar,main,footer { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.topbar { height:90px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; border-bottom:1px solid var(--line); font:500 11px/1 var(--mono); letter-spacing:.09em; }
.brand { color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:10px; font-size:14px; letter-spacing:.02em; }.brand-mark { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--cyan); color:var(--cyan); clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%); }.accent { color:var(--cyan); }
.system-status { color:var(--muted); }.system-status span { width:7px; height:7px; display:inline-block; margin-right:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }.contact-link { color:var(--ink); text-decoration:none; border-bottom:1px solid var(--cyan); padding-bottom:5px; transition:color .2s; }.contact-link:hover { color:var(--cyan); }.contact-link b { color:var(--cyan); font-size:14px; }
.hero { position:relative; min-height:470px; padding:76px 0 62px; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.eyebrow { margin:0 0 18px; color:var(--cyan); font:500 11px/1.3 var(--mono); letter-spacing:.12em; }
.hero h1,h2,h3 { margin:0; font-weight:700; letter-spacing:-.065em; }.hero h1 { font-size:clamp(54px,8.5vw,104px); line-height:.92; white-space:nowrap; position:relative; z-index:1; }.hero h1 em { font-style:normal; color:transparent; -webkit-text-stroke:1px var(--cyan); text-shadow:0 0 30px rgba(68,241,208,.14); }
.hero-copy { width:min(430px,100%); position:relative; z-index:1; margin:26px auto 32px; color:#b1bcb9; font-size:15px; line-height:1.7; }.scroll-cue { position:relative; z-index:1; color:var(--ink); font:500 10px var(--mono); letter-spacing:.08em; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:8px; }.scroll-cue span { color:var(--cyan); font-size:18px; padding-right:8px; }
.hero-grid { position:absolute; right:-145px; top:45px; width:610px; height:610px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; transform:rotate(28deg); opacity:.88; }.hero-grid i { display:block; border:1px solid rgba(68,241,208,.11); background:linear-gradient(135deg,rgba(68,241,208,.06),transparent 70%); }.hero-grid i:nth-child(3n) { border-color:rgba(175,125,255,.3); background:rgba(175,125,255,.055); }.hero-grid i:nth-child(5n) { border-color:rgba(68,241,208,.38); }
.alliance { padding:96px 0; border-top:1px solid var(--line); }.alliance-intro { display:grid; grid-template-columns:1fr 1.2fr; column-gap:72px; align-items:end; margin-bottom:48px; }.alliance-intro .eyebrow { grid-column:1 / -1; }.alliance-intro h2 { grid-column:1; }.alliance-intro > p:last-child { margin:0; max-width:455px; color:#d7e2de; font-size:15px; line-height:1.75; }.alliance-intro strong { color:var(--cyan); font-weight:600; }
.alliance-content { display:grid; grid-template-columns:1fr 1fr 1.05fr; gap:0; }.alliance-content > article,.join-call { min-height:275px; padding:0 32px; }.alliance-content > article:first-child { padding-left:0; }.alliance-content > article + article,.join-call { border-left:1px solid rgba(193,227,222,.24); }.alliance-content > article > span,.join-call > p:first-child { display:block; color:var(--cyan); font:500 10px/1.4 var(--mono); letter-spacing:.1em; }.alliance-content h3 { margin-top:36px; color:#f0f8f5; font-size:27px; line-height:1.08; text-shadow:0 0 22px rgba(230,237,235,.08); }.alliance-content article > p { margin:18px 0 0; color:#d3ded9; font-size:14px; line-height:1.72; }.alliance-content ol { margin:23px 0 0; padding:0; list-style:none; counter-reset:mission; }.alliance-content li { counter-increment:mission; padding:12px 0 12px 32px; position:relative; color:#e0e9e5; border-top:1px solid rgba(193,227,222,.18); font-size:13px; line-height:1.55; }.alliance-content li::before { content:"0" counter(mission); position:absolute; left:0; color:var(--violet); font:10px var(--mono); }
.join-call > p:first-child { color:var(--amber); }.join-call h3 { margin-top:30px; color:#fff; font-size:39px; text-shadow:0 0 26px rgba(68,241,208,.14); }.join-call h3 span { color:var(--cyan); }.join-call > p:not(:first-child) { margin:15px 0 22px; color:#d5e2dd; font-size:13px; line-height:1.68; }.join-call a { color:#fff; text-decoration:none; padding-bottom:6px; border-bottom:1px solid var(--cyan); font:500 10px var(--mono); letter-spacing:.07em; }.join-call a:hover { color:var(--cyan); }.join-call a b { color:var(--cyan); font-size:16px; }
.contact-directory { margin-top:72px; padding-top:37px; border-top:1px solid rgba(193,227,222,.24); display:grid; grid-template-columns:1fr 1fr; gap:26px 50px; align-items:center; }.alliance-logo { display:flex; align-items:center; gap:16px; color:var(--cyan); }.alliance-logo-mark { display:grid; place-items:center; width:62px; height:62px; flex:0 0 auto; border:1px solid var(--cyan); color:var(--cyan); font:500 29px/1 var(--mono); clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%); box-shadow:0 0 18px rgba(68,241,208,.12); }.alliance-logo p,.alliance-logo small { margin:0; color:#8f9d99; font:9px var(--mono); letter-spacing:.08em; }.alliance-logo h3 { margin:6px 0 4px; color:#eff8f5; font-size:27px; }.alliance-logo h3 span { color:var(--cyan); }.contact-copy { align-self:end; text-align:right; }.contact-copy .eyebrow { margin-bottom:8px; }.contact-copy h2 { font-size:clamp(28px,3.4vw,43px); }.contact-copy h2 span { color:var(--cyan); }.contact-copy > p:last-child { margin:11px 0 0; color:#d0ddd8; font-size:13px; line-height:1.6; }
.channel-grid { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.channel-card { min-height:92px; padding:14px 16px; display:grid; grid-template-columns:28px 1fr; grid-template-rows:1fr auto; column-gap:11px; align-items:center; border:1px solid rgba(193,227,222,.22); background:rgba(13,19,29,.62); color:var(--ink); text-decoration:none; }.channel-card.is-pending { opacity:.82; }.channel-icon { grid-row:1 / -1; display:grid; place-items:center; width:28px; height:28px; color:var(--cyan); border:1px solid currentColor; font:13px/1 var(--mono); }.channel-card b { font:500 10px var(--mono); letter-spacing:.08em; }.channel-card small { color:#86938f; font:8px/1.45 var(--mono); letter-spacing:.03em; }
.profiles { padding:65px 0 125px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:34px; } h2 { font-size:clamp(36px,5.2vw,68px); line-height:.9; } h2 span { color:var(--cyan); }.section-note { margin:0 0 2px; text-align:right; color:var(--muted); font:11px/1.75 var(--mono); }
.profile-grid { display:grid; grid-template-columns:1.15fr repeat(3,1fr); gap:17px; align-items:start; }.profile-card { background:var(--panel); border:1px solid var(--line); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; overflow:hidden; }.profile-card:hover { transform:translateY(-8px); border-color:rgba(68,241,208,.55); box-shadow:0 18px 44px rgba(0,0,0,.25); }
.card-topline { height:43px; padding:0 14px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); color:var(--muted); font:10px var(--mono); letter-spacing:.05em; }.tag { padding:4px 7px; font-size:9px; border:1px solid currentColor; }.cyan { color:var(--cyan); }.violet { color:var(--violet); }.amber { color:var(--amber); }.sage { color:#8ee696; }.steel { color:#85b9ff; }
.photo-frame { height:258px; position:relative; overflow:hidden; background:radial-gradient(circle at 35% 25%,#19303a,#0a111a 55%,#080d15); }.featured .photo-frame { height:300px; }.photo-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:rgba(200,219,215,.4); font:10px var(--mono); letter-spacing:.13em; background:linear-gradient(135deg,transparent 49.6%,rgba(68,241,208,.12) 49.7%,rgba(68,241,208,.12) 50.3%,transparent 50.4%),linear-gradient(45deg,transparent 49.6%,rgba(68,241,208,.07) 49.7%,rgba(68,241,208,.07) 50.3%,transparent 50.4%); }.placeholder-icon { color:var(--cyan); font:52px/1 var(--display); opacity:.6; }
.profile-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:none; filter:saturate(.82) contrast(1.08); }.photo-frame.has-image .profile-image { display:block; }.photo-frame.has-image .photo-placeholder { display:none; }.photo-frame.has-image::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 40%,rgba(3,9,15,.64)); mix-blend-mode:multiply; }
.image-corners::before,.image-corners::after { content:""; position:absolute; z-index:1; width:23px; height:23px; border-color:var(--cyan); border-style:solid; opacity:.8; pointer-events:none; }.image-corners::before { top:10px; left:10px; border-width:1px 0 0 1px; }.image-corners::after { bottom:10px; right:10px; border-width:0 1px 1px 0; }
.upload-control { position:absolute; right:12px; bottom:11px; z-index:2; padding:7px 9px; cursor:pointer; color:var(--ink); background:rgba(6,12,18,.84); backdrop-filter:blur(5px); font:10px var(--mono); letter-spacing:.04em; border:1px solid rgba(223,242,238,.22); transition:border-color .2s,color .2s; }.upload-control:hover { color:var(--cyan); border-color:var(--cyan); }.upload-control span { color:var(--cyan); font-size:14px; vertical-align:-1px; }.photo-frame input { display:none; }
.card-body { padding:23px 18px 20px; }.featured .card-body { padding:25px 21px 22px; }.role { color:var(--cyan); font:9px/1.4 var(--mono); letter-spacing:.08em; }.profile-card:not(.featured) .role { color:var(--violet); }.profile-card:nth-child(3) .role { color:var(--amber); }.profile-card:nth-child(4) .role { color:#8ee696; } h3 { margin-top:8px; font-size:27px; line-height:1; }.featured h3 { font-size:34px; }.cursor { color:var(--cyan); animation:blink 1s step-end infinite; }
.description { color:#aeb9b6; min-height:69px; margin:18px 0; font-size:13px; line-height:1.63; }.skill-list { display:flex; flex-wrap:wrap; gap:6px; }.skill-list span { color:#c5d3cf; border:1px solid rgba(194,229,222,.17); padding:5px 6px; font:9px var(--mono); letter-spacing:.02em; }.card-code { padding:12px 18px; color:#657672; border-top:1px solid var(--line); font:9px var(--mono); letter-spacing:.05em; }.card-code span { color:var(--cyan); }.profile-card:nth-child(3) .card-code span { color:var(--amber); }.profile-card:nth-child(4) .card-code span { color:#8ee696; }
.profile-source { display:inline-block; margin:-2px 0 17px; color:var(--cyan); text-decoration:none; font:9px/1.5 var(--mono); letter-spacing:.04em; border-bottom:1px solid rgba(68,241,208,.42); }.profile-source:hover { color:#fff; border-color:#fff; }.profile-card:nth-child(2) .profile-source { color:var(--violet); border-color:rgba(175,125,255,.42); }.profile-card:nth-child(3) .profile-source { color:var(--amber); border-color:rgba(255,200,107,.42); }.profile-card:nth-child(4) .profile-source { color:#8ee696; border-color:rgba(142,230,150,.42); }
.profile-card.leader { display:grid; grid-template-columns:270px 1fr; grid-template-rows:43px auto 43px; grid-column:1 / -1; }.leader .card-topline,.leader .card-code { grid-column:1 / -1; }.leader .photo-frame { grid-column:1; grid-row:2; height:auto; min-height:380px; }.leader .card-body { grid-column:2; grid-row:2; padding:29px 28px; }.leader h3 { font-size:38px; }.leader .description { min-height:0; max-width:680px; }.profile-card.leader .role,.profile-card.leader .profile-source { color:#85b9ff; }.profile-card.leader .profile-source { border-color:rgba(133,185,255,.42); }.profile-card.leader .skill-list { max-width:680px; }.profile-card.leader .skill-list span::before,.profile-card.leader .card-code span { color:#85b9ff; }
.skill-list { counter-reset:skill; flex-direction:column; align-items:stretch; gap:5px; }.skill-list span { display:flex; align-items:center; gap:9px; width:100%; padding:7px 8px; }.skill-list span::before { counter-increment:skill; content:counter(skill, decimal-leading-zero); color:var(--cyan); font:9px var(--mono); }.profile-card:nth-child(2) .skill-list span::before { color:var(--violet); }.profile-card:nth-child(3) .skill-list span::before { color:var(--amber); }.profile-card:nth-child(4) .skill-list span::before { color:#8ee696; }.pending-list span { color:#72817d; border-style:dashed; }.pending-list span::before { content:"//"; color:#72817d !important; }
.arsenal { padding:92px 0 110px; border-top:1px solid var(--line); }.arsenal-heading { display:grid; grid-template-columns:1.4fr 1fr; column-gap:70px; align-items:end; margin-bottom:36px; }.arsenal-heading .eyebrow { grid-column:1 / -1; }.arsenal-heading h2 { grid-column:1; }.arsenal-heading > p:last-child { margin:0 0 4px; color:var(--muted); font:12px/1.7 var(--mono); }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.capability { min-height:300px; padding:25px 24px; background:var(--dark); position:relative; }.capability::after { content:""; position:absolute; right:0; top:0; height:4px; width:38%; background:var(--cyan); }.capability:nth-child(2)::after { background:var(--violet); }.capability:nth-child(3)::after { background:var(--amber); }.cap-number { color:var(--muted); font:10px var(--mono); }.capability h3 { margin-top:43px; font-size:25px; }.capability > p { min-height:58px; margin:13px 0 17px; color:#9eaaa7; font-size:12px; line-height:1.6; }.capability ul { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }.capability li { padding:5px 6px; border:1px solid rgba(194,229,222,.17); color:#c5d3cf; font:9px/1.4 var(--mono); }
.capability ul { counter-reset:capability; flex-direction:column; align-items:stretch; gap:5px; }.capability li { display:flex; align-items:center; gap:9px; width:100%; padding:7px 8px; }.capability li::before { counter-increment:capability; content:counter(capability, decimal-leading-zero); color:var(--cyan); }.capability:nth-child(2) li::before { color:var(--violet); }.capability:nth-child(3) li::before { color:var(--amber); }
.approach { display:grid; grid-template-columns:repeat(3,1fr) 2.1fr; margin-top:17px; border:1px solid var(--line); }.approach > div { min-height:105px; padding:20px; border-right:1px solid var(--line); }.approach span { color:var(--cyan); display:block; font:500 32px/.9 var(--display); letter-spacing:-.08em; }.approach p { margin:9px 0 0; color:#aab6b2; font:9px/1.5 var(--mono); letter-spacing:.05em; }.approach > div:nth-child(2) span { color:var(--violet); }.approach > div:nth-child(3) span { color:var(--amber); }.approach .approach-note { margin:auto 20px; color:#81908c; font:10px/1.7 var(--mono); letter-spacing:0; }
.quote-band { border-top:1px solid var(--line); padding:105px 0; text-align:center; }.quote-band .eyebrow { margin-bottom:25px; }.quote-band blockquote { margin:0; font-size:clamp(32px,4.8vw,61px); letter-spacing:-.06em; line-height:1.05; font-weight:600; }.quote-band blockquote span { color:var(--cyan); }.quote-credit { color:var(--muted); margin:25px 0 0; font:10px var(--mono); letter-spacing:.12em; }
.now-section { padding:76px 0 96px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }.now-section h2 { font-size:clamp(40px,5vw,63px); }.now-section h2 span { color:var(--violet); }.terminal { border:1px solid rgba(175,125,255,.32); background:#0b101a; padding:0 20px 21px; color:#b8c5c1; font:11px/1.7 var(--mono); box-shadow:9px 9px 0 rgba(175,125,255,.07); }.terminal-head { height:40px; display:flex; gap:6px; align-items:center; border-bottom:1px solid var(--line); margin-bottom:15px; }.terminal-head span { width:7px; height:7px; border-radius:50%; background:#4c5858; }.terminal-head b { margin-left:auto; color:#78827e; font-weight:400; }.terminal p { margin:8px 0; }.terminal i { color:var(--cyan); font-style:normal; }.terminal-output { padding-left:12px; color:var(--violet); }.blink { animation:blink 1s step-end infinite; }
.hero .now-section { width:min(780px,100%); margin:0 auto 28px; padding:21px 0 0; border-top:1px solid rgba(193,227,222,.24); display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; align-items:center; text-align:left; position:relative; z-index:1; }.hero .now-section .eyebrow { margin-bottom:9px; font-size:9px; }.hero .now-section h2 { color:#eef7f3; font-size:clamp(28px,3.1vw,42px); line-height:.92; }.hero .now-section .terminal { padding:0 15px 14px; box-shadow:6px 6px 0 rgba(175,125,255,.06); font-size:10px; }.hero .now-section .terminal-head { height:32px; margin-bottom:9px; }.hero .now-section .terminal p { margin:5px 0; }.hero .now-section .terminal-output { padding-left:8px; }
footer { min-height:75px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); color:#75837f; font:9px var(--mono); letter-spacing:.07em; } footer a { color:var(--cyan); text-decoration:none; } @keyframes blink { 50% { opacity:0; } }
@media (max-width:780px) { .topbar,main,footer { width:min(100% - 32px,590px); }.topbar { height:70px; }.system-status { display:none; }.contact-link { font-size:9px; }.hero { min-height:430px; padding:78px 0 54px; }.hero h1 { font-size:clamp(35px,11vw,68px); }.hero-grid { right:-285px; top:90px; opacity:.55; }.hero .now-section { grid-template-columns:1fr; gap:17px; margin-bottom:24px; }.hero .now-section h2 { font-size:30px; }.alliance { padding:70px 0; }.alliance-intro { grid-template-columns:1fr; gap:20px; }.alliance-intro .eyebrow,.alliance-intro h2 { grid-column:auto; }.alliance-content { grid-template-columns:1fr; }.alliance-content > article,.join-call { min-height:auto; padding:0 0 30px; }.alliance-content > article + article,.join-call { padding-top:30px; border-left:0; border-top:1px solid rgba(193,227,222,.24); }.contact-directory { margin-top:50px; grid-template-columns:1fr; gap:24px; }.contact-copy { text-align:left; }.channel-grid { grid-template-columns:1fr; }.channel-card { min-height:78px; }.profile-grid,.now-section,.arsenal-heading { grid-template-columns:1fr; }.profile-card,.profile-card.featured { width:100%; }.profile-card.leader { display:block; }.leader .photo-frame { min-height:0; }.featured .photo-frame,.photo-frame { height:320px; }.section-heading { align-items:flex-start; gap:16px; flex-direction:column; }.section-note { text-align:left; }.profiles { padding-bottom:80px; }.arsenal { padding:70px 0; }.arsenal-heading { gap:20px; }.arsenal-heading .eyebrow,.arsenal-heading h2 { grid-column:auto; }.capability-grid { grid-template-columns:1fr; }.capability { min-height:auto; }.approach { grid-template-columns:repeat(3,1fr); }.approach > div { min-height:92px; padding:14px; }.approach span { font-size:27px; }.approach .approach-note { grid-column:1/-1; margin:0; padding:16px; border-top:1px solid var(--line); }.quote-band { padding:80px 0; }.now-section { gap:35px; padding:70px 0; } footer { padding:20px 0; gap:12px; flex-wrap:wrap; line-height:1.5; } }