/* Staffarmor Ghost public landing v0.1.0 */
:root{--ghost-cyan:#29d5ef;--ghost-blue:#4d8dff;--ghost-violet:#8734d4;--ghost-pink:#ec008c;--ghost-green:#61e5a5;--ghost-amber:#ffc857;--ghost-ink:#061426;--ghost-panel:#0d223a}
body.ghost-site{background:#071321;color:#eef8ff}
.ghost-site .site-header{background:rgba(5,14,25,.93)}
.ghost-site .brand{gap:13px;min-width:250px}.ghost-site .brand img{width:190px}.ghost-mark{font-size:12px;letter-spacing:.2em;font-weight:900;color:#9fefff;border-left:1px solid rgba(255,255,255,.22);padding-left:13px;white-space:nowrap}
.ghost-site .nav a{color:#e8f4fb}.ghost-site .nav a:hover,.ghost-site .nav a[aria-current="page"]{background:rgba(41,213,239,.12);color:#fff}.ghost-site .nav-cta{background:linear-gradient(135deg,var(--ghost-violet),var(--ghost-pink))!important}
.ghost-hero{position:relative;overflow:hidden;padding:112px 0 90px;background:linear-gradient(180deg,#071321 0%,#08192a 62%,#0a1a2a 100%)}
.ghost-hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 15% 28%,rgba(236,0,140,.19),transparent 27%),radial-gradient(circle at 76% 27%,rgba(41,213,239,.22),transparent 28%),radial-gradient(circle at 72% 82%,rgba(135,52,212,.2),transparent 28%)}
.ghost-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:64px;align-items:center}.ghost-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(97,229,165,.35);background:rgba(97,229,165,.08);color:#9bf0c9;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ghost-kicker i{width:8px;height:8px;border-radius:50%;background:var(--ghost-green);box-shadow:0 0 0 6px rgba(97,229,165,.09)}
.ghost-hero h1{font-size:clamp(48px,6.4vw,86px);line-height:.94;letter-spacing:-.055em;margin:22px 0 24px}.ghost-hero h1 span{display:block;color:var(--ghost-cyan)}.ghost-hero p{font-size:clamp(18px,2vw,23px);color:rgba(235,247,255,.72);max-width:760px;margin:0}.ghost-hero-note{margin-top:18px!important;font-size:13px!important;color:rgba(235,247,255,.52)!important}.ghost-hero .btn-secondary{border-color:rgba(41,213,239,.25);background:rgba(41,213,239,.08)}
.ghost-system{position:relative;min-height:570px}.ghost-radar{position:absolute;inset:12px;border-radius:42px;border:1px solid rgba(41,213,239,.18);background:linear-gradient(160deg,rgba(13,34,58,.92),rgba(8,25,42,.82));box-shadow:0 40px 100px rgba(0,0,0,.3);overflow:hidden}.ghost-radar:before,.ghost-radar:after{content:"";position:absolute;border:1px solid rgba(41,213,239,.14);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ghost-radar:before{width:330px;height:330px}.ghost-radar:after{width:190px;height:190px}.ghost-radar-line{position:absolute;left:50%;top:50%;width:180px;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(41,213,239,.8),transparent);animation:ghostScan 7s linear infinite}@keyframes ghostScan{to{transform:rotate(360deg)}}
.ghost-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:36px;display:grid;place-items:center;text-align:center;background:rgba(6,20,38,.92);border:1px solid rgba(41,213,239,.33);box-shadow:0 0 55px rgba(41,213,239,.12);z-index:3}.ghost-core img{width:76px;margin:auto}.ghost-core strong{display:block;font-size:14px;letter-spacing:.1em}.ghost-core span{display:block;font-size:10px;color:#7fb2c7}
.ghost-node{position:absolute;z-index:4;padding:12px 14px;border-radius:15px;background:rgba(6,20,38,.94);border:1px solid rgba(255,255,255,.14);min-width:132px;box-shadow:0 14px 34px rgba(0,0,0,.2)}.ghost-node strong{font-size:13px;display:block}.ghost-node span{font-size:10px;color:#89a7b7}.ghost-node:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--ghost-cyan);box-shadow:0 0 0 5px rgba(41,213,239,.09)}.ghost-node.badge{left:28px;top:70px}.ghost-node.badge:before{right:-4px;bottom:-4px}.ghost-node.comms{right:22px;top:98px}.ghost-node.comms:before{left:-4px;bottom:-4px;background:var(--ghost-green)}.ghost-node.mobile{left:36px;bottom:86px}.ghost-node.mobile:before{right:-4px;top:-4px;background:var(--ghost-violet)}.ghost-node.live{right:32px;bottom:66px}.ghost-node.live:before{left:-4px;top:-4px;background:var(--ghost-pink)}
.ghost-anchor-dot{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--ghost-cyan);background:#071321;box-shadow:0 0 0 8px rgba(41,213,239,.08)}.ghost-anchor-dot.a1{left:21%;top:39%}.ghost-anchor-dot.a2{right:18%;top:43%}.ghost-anchor-dot.a3{left:28%;bottom:26%}.ghost-anchor-dot.a4{right:26%;bottom:28%}
.ghost-status-band{position:relative;margin-top:-28px;z-index:4}.ghost-status-row{display:grid;grid-template-columns:repeat(4,1fr);background:#0d223a;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;box-shadow:0 22px 56px rgba(0,0,0,.2)}.ghost-status{padding:22px 18px;border-right:1px solid rgba(255,255,255,.08)}.ghost-status:last-child{border:0}.ghost-status strong{display:block;font-size:14px;color:#fff}.ghost-status span{display:block;font-size:11px;color:#7e9bac;margin-top:3px}
.ghost-section{padding:100px 0}.ghost-section.light{background:#f5f7fa;color:#1b222a}.ghost-section.dark{background:#071321;color:#fff}.ghost-section.mid{background:#0a1a2a;color:#fff}.ghost-section .section-head .eyebrow{color:#24bcd4}.ghost-section.dark .section-head p,.ghost-section.mid .section-head p{color:rgba(235,247,255,.65)}
.ghost-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ghost-card{position:relative;min-height:260px;border-radius:24px;padding:25px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(155deg,#0d223a,#091a2c);overflow:hidden}.ghost-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-45px;background:radial-gradient(circle,rgba(41,213,239,.2),transparent 70%)}.ghost-card .tag{display:inline-block;padding:5px 8px;border-radius:999px;background:rgba(41,213,239,.1);border:1px solid rgba(41,213,239,.2);color:#88eafa;font-size:9px;font-weight:900;letter-spacing:.08em}.ghost-card h3{font-size:23px;margin:21px 0 10px}.ghost-card p{font-size:14px;color:#88a5b5;margin:0}.ghost-card .mini{position:absolute;left:25px;bottom:22px;font-size:10px;color:#5f8092;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ghost-card.comms{border-color:rgba(97,229,165,.22)}.ghost-card.comms .tag{background:rgba(97,229,165,.09);border-color:rgba(97,229,165,.22);color:#9bf0c9}.ghost-card.alert{border-color:rgba(236,0,140,.22)}
.ghost-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ghost-flow-step{padding:25px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.ghost-flow-step .num{font-weight:950;color:var(--ghost-cyan);font-size:12px;letter-spacing:.1em}.ghost-flow-step h3{font-size:19px;margin:12px 0 8px}.ghost-flow-step p{font-size:13px;color:#7f9bab;margin:0}
.ghost-state-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:36px}.ghost-state{padding:14px 10px;border-radius:14px;text-align:center;background:#0d223a;border:1px solid rgba(255,255,255,.08)}.ghost-state b{display:block;font-size:10px;letter-spacing:.05em}.ghost-state span{display:block;font-size:9px;color:#7996a7;margin-top:3px}.ghost-state.inside b{color:#7ff0ba}.ghost-state.auth b{color:#8fc4ff}.ghost-state.boundary b{color:#ffe193}.ghost-state.cross b{color:#ffad77}.ghost-state.outside b{color:#ff7c84}.ghost-state.unknown b,.ghost-state.offline b{color:#aab6be}
.ghost-comms-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.ghost-terminal{position:relative;min-height:470px;border-radius:32px;background:linear-gradient(145deg,#0e263f,#071321);border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;overflow:hidden}.ghost-terminal-device{width:210px;height:370px;border-radius:27px;background:#101317;border:2px solid #35424b;box-shadow:0 28px 62px rgba(0,0,0,.42);padding:18px;position:relative}.ghost-terminal-screen{height:228px;border-radius:15px;background:linear-gradient(180deg,#0c243a,#07182a);border:1px solid #29475c;padding:18px;color:#fff}.ghost-terminal-screen .live{color:var(--ghost-green);font-size:10px;font-weight:900}.ghost-terminal-screen h4{margin:18px 0 5px;font-size:22px}.ghost-terminal-screen p{font-size:11px;color:#7e9cac;margin:0}.ghost-terminal-screen .zone{margin-top:25px;padding:12px;border-radius:11px;background:#0c3040;color:#83eaff;font-size:11px}.ghost-ptt{position:absolute;left:-10px;top:120px;width:10px;height:65px;border-radius:5px;background:#364751}.ghost-sos{position:absolute;right:18px;bottom:42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#c63240;color:#fff;font-size:9px;font-weight:950}.ghost-terminal-note{position:absolute;padding:10px 13px;border-radius:12px;background:#0d223a;border:1px solid rgba(255,255,255,.1);font-size:10px;color:#9db4c1}.ghost-terminal-note.n1{left:35px;top:60px}.ghost-terminal-note.n2{right:24px;top:130px}.ghost-terminal-note.n3{left:36px;bottom:65px}
.ghost-checks{display:grid;gap:13px;margin-top:26px}.ghost-check{display:flex;gap:12px;align-items:flex-start}.ghost-check i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(97,229,165,.12);color:var(--ghost-green);font-style:normal;font-weight:900;flex:none}.ghost-check strong{display:block}.ghost-check span{display:block;color:#7594a5;font-size:13px;margin-top:2px}
.ghost-integration{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ghost-integration article{padding:25px;border-radius:22px;background:#fff;border:1px solid #e2e8ed;color:#1d2831}.ghost-integration article h3{font-size:18px;margin:0 0 8px}.ghost-integration article p{font-size:13px;color:#657682;margin:0}
.ghost-privacy{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.ghost-privacy-panel{padding:28px;border-radius:24px;background:#0d223a;border:1px solid rgba(255,255,255,.1)}.ghost-privacy-panel strong{display:block;color:#fff;font-size:17px}.ghost-privacy-panel p{font-size:13px;color:#839faf}.ghost-privacy-panel .rule{padding:12px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:15px}.ghost-privacy-panel .rule span{font-size:11px;color:#7290a2}.ghost-privacy-panel .rule b{font-size:11px;color:#a7c8d8;text-align:right}.ghost-disclaimer{padding:16px 18px;border:1px solid rgba(255,200,87,.25);background:rgba(255,200,87,.06);border-radius:15px;color:#c7b27e;font-size:12px;margin-top:20px}
.ghost-cta{padding:42px;border-radius:30px;background:linear-gradient(135deg,#173953,#6f2aa8 65%,#c80978);display:flex;align-items:center;justify-content:space-between;gap:30px}.ghost-cta h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 10px}.ghost-cta p{margin:0;color:rgba(255,255,255,.72);max-width:720px}.ghost-cta .btn-light{color:#102333}
.ghost-site .site-footer{background:#050e19;border-top:1px solid rgba(255,255,255,.08)}.ghost-site .footer-brand p,.ghost-site .footer-col a{color:#8aa4b3}.ghost-site .footer-col h3{color:#fff}.ghost-footer-note{margin-top:22px;font-size:11px;color:#5f7b8c}
.ghost-gateway{min-height:100vh;display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 20% 20%,rgba(236,0,140,.18),transparent 30%),radial-gradient(circle at 80% 70%,rgba(41,213,239,.18),transparent 30%),#071321}.ghost-gateway-card{width:min(720px,100%);padding:42px;border-radius:32px;background:rgba(13,34,58,.86);border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.32)}.ghost-gateway-card img{width:280px}.ghost-gateway-card h1{font-size:clamp(38px,6vw,65px);line-height:.98;margin:26px 0 14px}.ghost-gateway-card p{color:#8fa9b8}.ghost-gateway-langs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.ghost-gateway-langs a{padding:14px;border-radius:13px;text-decoration:none;background:#0a1d30;border:1px solid rgba(255,255,255,.1);font-weight:850}.ghost-gateway-langs a:hover{border-color:rgba(41,213,239,.45);background:#0d2b40}
@media(max-width:980px){.ghost-hero-grid,.ghost-comms-split,.ghost-privacy{grid-template-columns:1fr}.ghost-system{min-height:520px}.ghost-service-grid{grid-template-columns:repeat(2,1fr)}.ghost-flow{grid-template-columns:repeat(2,1fr)}.ghost-state-grid{grid-template-columns:repeat(4,1fr)}.ghost-integration{grid-template-columns:repeat(2,1fr)}.ghost-mark{display:none}}
@media(max-width:700px){.ghost-hero{padding:78px 0 65px}.ghost-hero-grid{gap:34px}.ghost-system{min-height:440px}.ghost-radar{inset:0}.ghost-core{width:130px;height:130px}.ghost-core img{width:60px}.ghost-node{min-width:110px;padding:9px 10px}.ghost-node.badge{left:10px;top:55px}.ghost-node.comms{right:8px;top:75px}.ghost-node.mobile{left:10px;bottom:60px}.ghost-node.live{right:10px;bottom:48px}.ghost-status-row{grid-template-columns:repeat(2,1fr)}.ghost-status:nth-child(2){border-right:0}.ghost-status:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.ghost-service-grid,.ghost-flow,.ghost-integration{grid-template-columns:1fr}.ghost-state-grid{grid-template-columns:repeat(2,1fr)}.ghost-cta{display:block}.ghost-cta .btn{margin-top:22px}.ghost-gateway-langs{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.ghost-radar-line{animation:none}}