:root{
  --bg:#05090d;
  --bg2:#081018;
  --surface:#0b131b;
  --surface2:#0f1b26;
  --text:#f4f7fa;
  --muted:#9aa9b7;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(121,214,255,.24);
  --cyan:#76dbff;
  --cyan2:#34baf5;
  --blue:#4d76ff;
  --green:#75f2c2;
  --shadow:0 30px 90px rgba(0,0,0,.38);
  --radius:22px;
  --shell:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 76% 5%,rgba(49,129,255,.12),transparent 27%),
  radial-gradient(circle at 20% 15%,rgba(40,210,255,.07),transparent 22%),
  linear-gradient(180deg,#05090d 0%,#071019 52%,#05090d 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;overflow-x:hidden
}
a{color:inherit}
.shell{width:min(var(--shell),calc(100% - 48px));margin:auto}
.gridveil{
  position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,black,transparent 78%)
}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-2}
.ambient-a{width:420px;height:420px;background:rgba(38,123,255,.08);right:-120px;top:220px}
.ambient-b{width:340px;height:340px;background:rgba(49,221,255,.05);left:-100px;top:750px}

.site-header{
  position:sticky;top:0;z-index:50;background:rgba(5,9,13,.72);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06)
}
.nav{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px}
.brand{display:flex;flex-direction:column;text-decoration:none;width:max-content}
.brand-mark{font-weight:900;letter-spacing:-.06em;font-size:1.22rem}
.brand-2{color:var(--cyan)}
.brand-sub{font-size:.62rem;text-transform:uppercase;letter-spacing:.22em;color:#788796;margin-top:1px}
.nav nav{display:flex;gap:29px}
.nav nav a{font-size:.82rem;color:#aeb8c1;text-decoration:none}
.nav nav a:hover{color:white}
.nav-cta{justify-self:end;text-decoration:none;font-size:.77rem;font-weight:700;letter-spacing:.03em;padding:10px 14px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(118,219,255,.05)}

.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;padding-top:72px;padding-bottom:74px}
.kicker,.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#8da0b1;font-weight:700}
.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 18px rgba(117,242,194,.55)}
.hero h1{font-size:clamp(3.6rem,6.1vw,6.8rem);line-height:.93;letter-spacing:-.067em;margin:22px 0 28px;max-width:860px;font-weight:780}
.hero h1 span{background:linear-gradient(90deg,#fff 0%,#8be0ff 55%,#7795ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:1.18rem;max-width:690px;color:#aebac6;line-height:1.75}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}
.button{padding:12px 17px;border-radius:10px;text-decoration:none;font-size:.83rem;font-weight:750;border:1px solid var(--line)}
.button-primary{background:linear-gradient(135deg,#8de6ff,#5d86ff);color:#051019;border:0}
.button-ghost{background:rgba(255,255,255,.025)}
.trustline{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;color:#758493;font-size:.69rem;text-transform:uppercase;letter-spacing:.11em}
.trustline span:before{content:"+";color:var(--cyan);margin-right:6px}

.hero-system{position:relative}
.system-card{
  position:relative;min-height:590px;border-radius:26px;border:1px solid rgba(154,218,255,.15);
  background:linear-gradient(180deg,rgba(14,25,36,.88),rgba(7,14,20,.8));
  box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04);overflow:hidden
}
.system-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(102,211,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(102,211,255,.035) 1px,transparent 1px);background-size:42px 42px}
.system-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(65,125,255,.07);filter:blur(60px);left:calc(50% - 150px);top:150px}
.system-topline,.system-footer{position:relative;z-index:3}
.system-topline{display:flex;justify-content:space-between;padding:22px 24px;color:#778a9a;font-size:.62rem;letter-spacing:.13em}
.system-live{color:var(--green)}
.orbit{height:465px;position:relative;z-index:2}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border:1px solid rgba(111,214,255,.27);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(65,139,255,.13),rgba(4,10,15,.2) 69%);box-shadow:0 0 80px rgba(71,148,255,.09)}
.core:before,.core:after{content:"";position:absolute;border-radius:50%;inset:-33px;border:1px solid rgba(118,219,255,.09)}
.core:after{inset:-70px;border-style:dashed;opacity:.6}
.core-ring{position:absolute;inset:24px;border-radius:50%;border:1px dashed rgba(118,219,255,.19)}
.core-title{font-size:2rem;font-weight:900;letter-spacing:-.05em;z-index:2}
.core-sub{font-size:.48rem;color:#7390a7;letter-spacing:.16em;margin-top:6px;z-index:2}
.node{position:absolute;width:160px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(7,14,20,.82);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.node strong{display:block;font-size:.78rem}.node small{display:block;color:#718293;font-size:.62rem;margin-top:3px}.node-num{font-size:.54rem;color:var(--cyan);letter-spacing:.12em}
.node-1{left:28px;top:56px}.node-2{right:28px;top:56px}.node-3{left:28px;bottom:58px}.node-4{right:28px;bottom:58px}
.route{position:absolute;background:linear-gradient(90deg,transparent,rgba(118,219,255,.35),transparent);height:1px;width:150px;transform-origin:left center;opacity:.75}
.route-a{left:155px;top:150px;transform:rotate(24deg)}.route-b{right:155px;top:150px;transform:rotate(156deg)}.route-c{left:155px;bottom:148px;transform:rotate(-24deg)}.route-d{right:155px;bottom:148px;transform:rotate(204deg)}
.system-footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.07)}
.system-footer div{padding:16px 20px;border-right:1px solid rgba(255,255,255,.07)}.system-footer div:last-child{border-right:0}
.system-footer span{display:block;font-size:.52rem;color:#647887;letter-spacing:.16em}.system-footer strong{font-size:.73rem}

.signal-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.signal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:28px;padding-bottom:28px;align-items:center}
.signal-label{display:block;color:var(--cyan);font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:5px}
.signal-grid strong{font-size:1.02rem}.signal-copy{color:#8d9aa6;font-size:.9rem}

.section{padding-top:118px;padding-bottom:118px}
.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;margin-bottom:52px}
.section-head h2,.company-copy h2,.community-left h2,.contact-copy h2{font-size:clamp(2.6rem,4.7vw,5.2rem);line-height:1.01;letter-spacing:-.055em;margin:13px 0 0}
.section-head p{color:#98a7b5;margin:0;max-width:510px}
.eyebrow{color:#748b9f}.eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:9px}

.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.capability{position:relative;min-height:430px;padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));overflow:hidden}
.capability:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-70px;background:rgba(53,147,255,.05);filter:blur(30px)}
.capability-index{position:absolute;right:24px;top:21px;font-size:.58rem;color:#60717e;letter-spacing:.15em}
.capability-icon{width:52px;height:52px;margin-bottom:42px;position:relative}
.infrastructure-icon span{position:absolute;border:1px solid #5d8195;border-radius:4px;width:21px;height:21px}
.infrastructure-icon span:nth-child(1){left:0;top:0}.infrastructure-icon span:nth-child(2){right:0;top:0}.infrastructure-icon span:nth-child(3){left:15px;bottom:0;border-color:var(--cyan)}
.security-icon{border:1px solid #6d8ea3;border-radius:50% 50% 45% 45%;width:39px;height:46px;margin-left:5px}
.security-icon:after{content:"";position:absolute;left:12px;top:14px;width:12px;height:8px;border:1px solid var(--cyan);border-top:0}
.forensic-icon{border:1px solid #6d8ea3;border-radius:50%}
.forensic-icon:before{content:"";position:absolute;inset:10px;border:1px dashed var(--cyan);border-radius:50%}
.forensic-icon:after{content:"";position:absolute;width:28px;height:1px;background:#6d8ea3;right:-20px;bottom:3px;transform:rotate(45deg)}
.ai-icon:before,.ai-icon:after{content:"";position:absolute;inset:7px;border:1px solid #6d8ea3;transform:rotate(45deg)}.ai-icon:after{inset:16px;border-color:var(--cyan)}
.capability h3{font-size:1.55rem;margin:0 0 10px;letter-spacing:-.025em}
.capability p{color:#92a1af;max-width:520px}
.capability ul{list-style:none;margin:27px 0 0;padding:0;border-top:1px solid var(--line)}
.capability li{padding:8px 0;color:#bcc5cc;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.055)}
.capability li:before{content:"↳";color:var(--cyan);margin-right:8px}

.section-dark{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(8,16,24,.85),rgba(5,10,15,.92))}
.section-head.compact{margin-bottom:48px}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.method{padding:32px 25px 36px;border-right:1px solid var(--line)}.method:last-child{border-right:0}
.method>span{font-size:.55rem;color:var(--cyan);letter-spacing:.17em}.method h3{font-size:1.3rem;margin:48px 0 8px}.method p{font-size:.8rem;color:#81909d;margin:0}

.company-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:88px}
.company-copy{position:sticky;top:118px;align-self:start}.large-copy{font-size:1.13rem;color:#c3ccd3;margin-top:30px}
.company-copy p:not(.large-copy){color:#8d9ba8}
.value-stack{border-top:1px solid var(--line)}
.value-card{display:grid;grid-template-columns:100px 1.1fr 1fr;gap:25px;padding:27px 0;border-bottom:1px solid var(--line);align-items:start}
.value-card>span{font-size:.53rem;letter-spacing:.14em;color:#657887}.value-card strong{font-size:.98rem}.value-card p{margin:0;color:#82909d;font-size:.78rem}

.community-section{padding-top:30px}
.community-panel{border:1px solid var(--line-strong);border-radius:25px;padding:62px;background:linear-gradient(135deg,rgba(23,63,88,.22),rgba(13,18,29,.32) 55%,rgba(36,49,105,.16));display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.community-left h2{font-size:clamp(2.4rem,4vw,4.4rem)}
.community-right>p{color:#a8b4be;margin-top:4px}
.community-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.community-points div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.community-points span{font-size:.53rem;color:var(--cyan)}.community-points strong{display:block;font-size:.88rem;margin-top:17px}.community-points small{display:block;color:#7f8e9b;margin-top:5px;line-height:1.55}
.community-note{font-size:.7rem!important;color:#627482!important;margin-top:22px!important}

.contact-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start}
.contact-copy p{color:#8c9ba8;max-width:510px}
.contact-card{border-top:1px solid var(--line)}
.contact-row{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.contact-row span{font-size:.54rem;color:#6e8191;letter-spacing:.15em}.contact-row strong{font-size:.84rem}

.footer{border-top:1px solid var(--line);padding:37px 0 45px;background:#04070a}
.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:end}.footer-brand{font-weight:850;letter-spacing:-.03em}.footer p{font-size:.69rem;color:#677582;margin:6px 0 0}.footer-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.65rem;color:#73808b}.footer-meta a{text-decoration:none}

@media(max-width:1040px){
  .nav{grid-template-columns:1fr auto}.nav nav{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-system{max-width:720px}
  .section-head,.company-layout,.community-panel,.contact-section{grid-template-columns:1fr;gap:42px}
  .company-copy{position:static}.method-grid{grid-template-columns:1fr 1fr}.method:nth-child(2){border-right:0}.method:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:720px){
  .shell{width:min(var(--shell),calc(100% - 28px))}
  .nav{height:70px}.nav-cta{font-size:.68rem;padding:9px 11px}
  .hero{padding-top:70px;padding-bottom:58px}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}
  .system-card{min-height:535px}.orbit{height:410px}.core{width:170px;height:170px}.node{width:130px;padding:10px}.node-1,.node-3{left:12px}.node-2,.node-4{right:12px}.node small{display:none}
  .route{display:none}
  .signal-grid,.capability-grid{grid-template-columns:1fr}.signal-grid{gap:15px}
  .section{padding-top:86px;padding-bottom:86px}.section-head{gap:24px}
  .method-grid{grid-template-columns:1fr}.method{border-right:0;border-bottom:1px solid var(--line)}.method:last-child{border-bottom:0}
  .value-card{grid-template-columns:75px 1fr}.value-card p{grid-column:2}
  .community-panel{padding:29px 22px}.community-points{grid-template-columns:1fr}
  .contact-row{grid-template-columns:1fr;gap:5px}.footer-grid{align-items:start;flex-direction:column}
}

.evolution-section{padding-top:30px}
.evolution-track{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.014)}
.evo{padding:32px;min-height:210px;border-right:1px solid var(--line);position:relative}
.evo:last-child{border-right:0}
.evo span{font-size:.54rem;color:var(--cyan);letter-spacing:.16em}
.evo strong{display:block;font-size:1.05rem;margin-top:54px}
.evo small{display:block;color:#7e8e9b;line-height:1.6;margin-top:8px}
.contact-row a{color:inherit;text-underline-offset:3px;text-decoration-color:rgba(118,219,255,.35)}
@media(max-width:800px){.evolution-track{grid-template-columns:1fr}.evo{border-right:0;border-bottom:1px solid var(--line)}.evo:last-child{border-bottom:0}}