/* AIOSnode neural theme — based on the approved Claude/AIOS visual system */
:root{
  --bg:#01050c;--panel:rgba(3,12,23,.84);--panel2:rgba(5,16,29,.86);
  --line:rgba(98,174,230,.34);--text:#eef7ff;--muted:#a7bac9;--muted2:#70879a;
  --accent:#a6d9ff;--accent2:#5ca7dc;--reg:#89d6ff;--glow:rgba(70,174,255,.34);
}
html{background:#01050c}
body{
  position:relative;isolation:isolate;color:var(--text);
  background:
    radial-gradient(46% 58% at 72% 16%,rgba(58,120,190,.20) 0%,rgba(10,26,48,.10) 42%,transparent 72%),
    radial-gradient(38% 42% at 12% 44%,rgba(26,89,146,.13) 0%,transparent 75%),
    linear-gradient(180deg,#010307 0%,#020710 52%,#01050c 100%);
  background-attachment:fixed;
}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.58;background-image:
  radial-gradient(circle at 8% 12%,rgba(107,193,255,.95) 0 1px,transparent 1.4px),
  radial-gradient(circle at 74% 9%,rgba(107,193,255,.72) 0 1px,transparent 1.4px),
  radial-gradient(circle at 43% 31%,rgba(107,193,255,.52) 0 1px,transparent 1.5px),
  radial-gradient(circle at 88% 62%,rgba(107,193,255,.62) 0 1px,transparent 1.5px),
  radial-gradient(circle at 28% 76%,rgba(107,193,255,.42) 0 1px,transparent 1.5px);
  background-size:257px 211px,347px 283px,313px 247px,421px 337px,367px 299px}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:
  repeating-linear-gradient(90deg,rgba(148,188,227,.035) 0 1px,transparent 1px 88px),
  repeating-linear-gradient(0deg,rgba(148,188,227,.035) 0 1px,transparent 1px 88px);
  -webkit-mask-image:radial-gradient(80% 72% at 50% 34%,#000 18%,transparent 88%);mask-image:radial-gradient(80% 72% at 50% 34%,#000 18%,transparent 88%)}
body>*{position:relative;z-index:1}

.announce{min-height:25px;padding:4px 18px;background:rgba(9,24,40,.84);border-color:rgba(106,182,235,.23);color:#a8d2ef;letter-spacing:.025em}
.announce a:hover{color:#e7f6ff;text-shadow:0 0 12px rgba(94,191,255,.5)}
.topbar{background:rgba(1,7,14,.90);border-color:rgba(95,163,211,.28);box-shadow:0 12px 40px rgba(0,0,0,.18)}
.topin{min-height:70px;width:min(1480px,calc(100% - 68px));gap:30px}
.header-logo{display:block;width:43px;height:29px;object-fit:contain;image-rendering:auto}
.nav{gap:24px}.nav a{font-size:12px;color:#b6c8d6}.nav a:hover,.nav a.active{color:#9ed6ff;text-shadow:0 0 12px rgba(94,191,255,.32)}
.topcta,.action{background:linear-gradient(180deg,#c0e6ff 0%,#91caef 100%);border:1px solid #bde6ff;color:#06111b;box-shadow:0 0 18px rgba(82,170,240,.18),inset 0 1px rgba(255,255,255,.7);transition:transform .16s ease,box-shadow .16s ease}
.topcta:hover,.action:hover{transform:translateY(-1px);box-shadow:0 0 25px rgba(82,170,240,.32),inset 0 1px rgba(255,255,255,.8)}

.hero-wrap{background:transparent;border-color:rgba(99,167,215,.25);overflow:visible}
.hero{width:min(1480px,calc(100% - 68px));grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding:56px 0 76px;align-items:stretch}
.hero-copy{padding:48px 42px;background-color:rgba(2,10,20,.84)}
.hero h1{font-size:38px;line-height:1.12;color:#e8f7ff;text-shadow:0 0 18px rgba(75,164,230,.10)}
.hero .lede{font-size:16.5px;color:#b8cbd9;line-height:1.62}
.eyebrow{color:#79b9e4}.capture-label{color:#b9dcf3}
.capture input{background:rgba(1,8,16,.88);border-color:rgba(99,167,215,.32);box-shadow:inset 0 0 20px rgba(28,103,163,.05)}
.capture input:focus{outline:0;border-color:#87d1ff;box-shadow:0 0 0 1px rgba(135,209,255,.25),0 0 18px rgba(64,154,224,.12)}
.helper{color:#829db2}
.heromark{margin:0;min-height:0;padding:18px;display:grid;place-items:center;background-color:rgba(2,9,18,.80);overflow:hidden}
.heromark img{display:block;width:min(100%,640px);height:auto;max-width:640px;object-fit:contain;mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 0 14px rgba(50,137,225,.15))}
.heromark figcaption{display:none!important}

/* Claude-style four-corner registration marks */
.plate,.vs,.tiers,.footbox,.live-under,.catalog-note{
  position:relative;border:1px solid rgba(92,169,222,.34);background-color:rgba(3,12,23,.82);
  background-image:
    linear-gradient(var(--reg),var(--reg)),linear-gradient(var(--reg),var(--reg)),
    linear-gradient(var(--reg),var(--reg)),linear-gradient(var(--reg),var(--reg)),
    linear-gradient(var(--reg),var(--reg)),linear-gradient(var(--reg),var(--reg)),
    linear-gradient(var(--reg),var(--reg)),linear-gradient(var(--reg),var(--reg)),
    linear-gradient(145deg,rgba(8,27,48,.70),rgba(1,8,16,.88));
  background-size:22px 1px,1px 22px,22px 1px,1px 22px,22px 1px,1px 22px,22px 1px,1px 22px,100% 100%;
  background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom,center;
  background-repeat:no-repeat;
  box-shadow:inset 0 0 34px rgba(33,111,176,.065),0 0 24px rgba(29,101,156,.045)
}
.plate::before,.plate::after{display:none!important}
.hero .plate{box-shadow:inset 0 0 42px rgba(28,108,181,.07),0 0 25px rgba(46,154,230,.07)}

.band{border-color:rgba(99,167,215,.21);background:linear-gradient(180deg,rgba(1,7,14,.10),rgba(2,10,19,.18))}
.band h2{color:#f3f9ff;text-shadow:0 0 16px rgba(75,164,230,.08)}
.sub{color:#a7bac9}.thesis{color:#dff2ff}

.icon-line{display:flex;align-items:center;gap:12px}.icon-badge{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(103,188,243,.38);background:rgba(45,126,190,.08);box-shadow:inset 0 0 16px rgba(60,163,235,.08),0 0 14px rgba(58,165,240,.06)}
.icon-badge svg,.cap-icon,.panel-icon,.sector-svg,.step-icon{fill:none;stroke:currentColor;color:#85ceff;filter:drop-shadow(0 0 7px rgba(71,169,255,.22))}
.icon-badge svg{width:21px;height:21px}.hero-eyebrow{margin-bottom:22px}
.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:42px 0 34px}
.cap-card{padding:25px 18px;text-align:center;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cap-icon{width:42px;height:42px;margin-bottom:14px}.cap-card h3{font-family:var(--head);font-size:21px;line-height:1.08;margin:0 0 8px;color:#edf8ff}.cap-card p{font-size:13px;line-height:1.48;color:#9eb4c6;margin:0}
.panel-icon{width:28px;height:28px;margin-bottom:11px}.side .panel-icon{width:31px;height:31px}.smallcard .panel-icon{width:25px;height:25px;margin-bottom:8px}
.side h3,.smallcard h4,.step h3{color:#eaf6ff}
.smallcards{gap:18px}.smallcard{padding:24px;background-color:rgba(3,12,23,.78)}

.vs{overflow:hidden}.vshead>div{background:rgba(8,21,35,.92);color:#9fcff0}.vsrow>div{border-color:rgba(80,145,193,.18)}.vsrow>div+div{border-color:rgba(80,145,193,.18)}.vsrow .node{background:rgba(71,151,210,.035);color:#e5f3fc}
.steps{overflow:hidden}.step{border-color:rgba(80,145,193,.18)}.num{color:#67b6e8;text-shadow:0 0 11px rgba(78,176,241,.25)}
.tiers{gap:0}.tier{background:rgba(3,12,23,.64);border-color:rgba(80,145,193,.18)}.tier h3{color:#9ed6ff}.price{color:#f3f9ff}

.catalog-hero{border-color:rgba(99,167,215,.24)}.catalog-hero h1{color:#f2f9ff;text-shadow:0 0 16px rgba(75,164,230,.08)}
.catalog-grid{gap:20px}.sector-card{background-color:rgba(3,12,23,.82);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sector-card:hover{transform:translateY(-2px);border-color:rgba(125,208,255,.55);box-shadow:inset 0 0 34px rgba(33,111,176,.08),0 0 25px rgba(46,154,230,.10)}
.sector-svg{width:29px;height:29px;margin-bottom:13px}.sector-card h2{color:#edf7ff}.sector-no{color:#5ba8da}.standard{color:#8fd1fb}.live-under{background-color:rgba(12,40,64,.78);color:#dff3ff}.live-dot{background:#8ad6ff;box-shadow:0 0 12px #71c9ff}.catalog-note{border-left:1px solid rgba(92,169,222,.34);color:#a9bdcc}

.footer{background:linear-gradient(180deg,rgba(2,8,15,.2),rgba(1,5,11,.74))}.footbox{background-color:rgba(2,10,19,.82)}

@media(max-width:1180px){.hero{grid-template-columns:1fr;gap:22px}.cap-grid{grid-template-columns:repeat(2,1fr)}.heromark img{width:min(100%,640px)}.hero h1{white-space:normal}}
@media(max-width:900px){.topin{min-height:62px}.nav{gap:14px}.cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body::after{background-size:56px 56px}.topin,.hero,.shell{width:min(100% - 28px,1480px)}.topin{min-height:56px}.header-logo{width:43px;height:29px}.hero{padding:28px 0 42px}.hero-copy{padding:28px 22px}.hero h1{font-size:31px}.heromark{padding:10px}.cap-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.cap-card{min-height:165px}.catalog-grid{gap:14px}}
