:root{
  --bg:#eef5ff;
  --ink:#0a1628;
  --muted:#52647b;
  --line:rgba(70,106,154,.16);
  --blue:#0066ff;
  --cyan:#00aeea;
  --violet:#6659e8;
  --emerald:#079f78;
  --amber:#c87a12;
  --dark:#0a1628;
  --panel:rgba(255,255,255,.66);
  --panel-strong:rgba(255,255,255,.84);
  --shadow:0 24px 70px rgba(63,88,122,.14);
}

html{background:#eef5ff;color-scheme:light}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 4%,rgba(0,102,255,.16),transparent 28rem),
    radial-gradient(circle at 88% 12%,rgba(0,184,255,.16),transparent 26rem),
    radial-gradient(circle at 52% 72%,rgba(137,188,255,.18),transparent 34rem),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 48%,#f7fbff 100%);
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:
    linear-gradient(rgba(41,92,155,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(41,92,155,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.54),transparent 38%,rgba(255,255,255,.2));
}

header{
  background:rgba(248,251,255,.68);
  border-bottom:1px solid rgba(72,111,163,.14);
  box-shadow:0 12px 36px rgba(64,89,122,.08);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
.nav{min-height:80px}
.brand{gap:13px}
.brand-mark{
  width:48px;height:48px;border-radius:15px;
  background:rgba(255,255,255,.72) url('/assets/brand/entelelink-icon.svg') center/contain no-repeat;
  border:1px solid rgba(83,126,184,.16);
  box-shadow:0 12px 34px rgba(41,91,157,.14),inset 0 1px rgba(255,255,255,.9);
}
.brand>span:last-child{display:block;font-size:1.08rem;letter-spacing:.01em;color:#0a1628}
.nav-links{color:#53657b}
.nav-links a{transition:color .2s,transform .2s}
.nav-links a:hover{color:#0057df;transform:translateY(-1px)}
.nav-cta{background:linear-gradient(135deg,#0a73ff,#0053d9);box-shadow:0 12px 26px rgba(0,91,224,.22)}
.language-select,.mobile-toggle{color:#162338;background:rgba(255,255,255,.72);border-color:rgba(76,112,160,.18);box-shadow:inset 0 1px rgba(255,255,255,.92)}
.mobile-toggle span{background:#1a2940}.mobile-menu{background:rgba(247,251,255,.92);border-color:rgba(76,112,160,.15);backdrop-filter:blur(24px)}
.mobile-menu a,.mobile-menu label{border-color:rgba(76,112,160,.16);background:rgba(255,255,255,.62)}

.hero{position:relative;padding:78px 0 52px;overflow:hidden}
.hero::before{
  content:"";position:absolute;width:760px;height:760px;right:-260px;top:-280px;border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle,rgba(0,102,255,.09) 0 1px,transparent 1px 34px);
}
.hero::after{
  content:"";position:absolute;left:-180px;bottom:-260px;width:540px;height:540px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(0,184,255,.18),transparent 67%);filter:blur(12px)
}
.hero .container{position:relative}
.hero-intro{max-width:940px;margin:0 auto 36px;text-align:center}
.eyebrow{color:#40536b;background:rgba(255,255,255,.62);border-color:rgba(73,117,175,.16);box-shadow:0 12px 34px rgba(57,88,126,.08),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(18px)}
.pulse{background:#009fe0;box-shadow:0 0 0 6px rgba(0,159,224,.1)}
.entelelink-hero-logo{display:block;width:min(920px,100%);height:auto;margin:20px auto 28px;filter:drop-shadow(0 22px 44px rgba(28,80,143,.14))}
.hero-intro .gradient-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.subtitle{color:#112038;font-size:clamp(1.25rem,2.2vw,1.8rem);letter-spacing:-.035em}
.lead{max-width:790px;margin:0 auto;color:#50627a;font-size:1.03rem}

.status-notice{
  max-width:940px;margin:0 auto 30px;padding:20px 22px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(239,247,255,.64));
  border-color:rgba(66,111,171,.16);
  box-shadow:0 22px 64px rgba(67,93,128,.12),inset 0 1px rgba(255,255,255,.96);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.status-notice h2{color:#102038}.status-notice p{color:#53657c}
.status-notice-badge{background:rgba(0,102,255,.1);color:#0054c9;border-color:rgba(0,102,255,.18)}

.transport-panel,.flow-engine,.nervous-panel,.planner,.ai-panel{
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,247,255,.6));
  border-color:rgba(73,113,166,.15);
  box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.transport-panel::before,.flow-engine::before,.planner::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.42),transparent 28%,transparent 72%,rgba(0,149,255,.05));
}
.transport-header,.flow-controls,.planner-tabs{background:rgba(247,251,255,.68);border-color:rgba(74,111,159,.14)}
.transport-header h2{color:#102038}.legend-item{color:#24364d}
.transport-svg,.nervous-svg,.ai-svg{filter:drop-shadow(0 10px 22px rgba(46,76,111,.08))}

section{position:relative;padding:80px 0}
section:nth-of-type(even){background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(231,242,255,.2))}
.kicker{color:#0066db;letter-spacing:.16em}
h2{color:#0d1b30;letter-spacing:-.045em}.section-text{color:#52647b}
.section-head{max-width:760px}

.arch-grid{gap:16px}
.arch-layer{
  position:relative;overflow:hidden;padding:24px;
  border:1px solid rgba(74,113,166,.15);border-left:1px solid rgba(74,113,166,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(240,247,255,.58));
  box-shadow:0 18px 52px rgba(65,91,126,.1),inset 0 1px rgba(255,255,255,.96);
  backdrop-filter:blur(20px) saturate(140%);
  transition:transform .25s,border-color .25s,box-shadow .25s
}
.arch-layer::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#00b8ff,#0066ff)}
.arch-layer:hover{transform:translateY(-5px);border-color:rgba(0,102,255,.24);box-shadow:0 26px 68px rgba(52,84,122,.15),inset 0 1px rgba(255,255,255,.98)}
.arch-layer h3{color:#122139}.arch-layer p{color:#56687e}.arch-tag{color:#35506f;background:rgba(233,243,255,.76);border-color:rgba(75,113,163,.14)}

.flow-btn,.planner-tab{color:#29415e;background:rgba(255,255,255,.72);border-color:rgba(77,115,165,.16);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.flow-btn:hover,.flow-btn.active,.planner-tab.active{color:#fff;box-shadow:0 10px 24px rgba(0,98,224,.2)}
.flow-desc{color:#56677e;border-color:rgba(74,111,159,.14)}
.planner-stage{background:rgba(244,249,255,.36)}.planner-svg{background:linear-gradient(180deg,rgba(246,251,255,.8),rgba(232,243,255,.62));border-color:rgba(74,111,159,.14)}
.planner-desc{color:#56677e}.metric-val{color:#102038}.metric-lbl{color:#687a90}

.dark-band{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(236,245,255,.64));
  border:1px solid rgba(72,111,164,.15);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(24px) saturate(145%)
}
.dark-band h2,.dark-band .kicker{color:#102038}
.status-card{background:rgba(255,255,255,.62)!important;border-color:rgba(76,114,164,.14)!important;color:#102038!important}
.cta{
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(225,240,255,.7) 58%,rgba(210,232,255,.68));
  border:1px solid rgba(53,105,174,.17);
  box-shadow:0 28px 76px rgba(60,90,128,.14),inset 0 1px rgba(255,255,255,.98);
  color:#102038;backdrop-filter:blur(24px) saturate(150%)
}
.cta h2,.cta .kicker,.cta p{color:#102038}.cta p{opacity:.72}
.btn{border-color:rgba(68,108,161,.2);color:#15304f;background:rgba(255,255,255,.62)}.btn.primary{color:#fff;background:linear-gradient(135deg,#0877ff,#0050d1);box-shadow:0 12px 26px rgba(0,91,224,.2)}

footer{background:rgba(245,250,255,.74);border-top:1px solid rgba(74,111,159,.14);color:#5c6d82;backdrop-filter:blur(20px)}
.footer-top strong{color:#14233a}.footer-links a:hover{color:#005edb}

.node-core,.nerve-node,.ai-node,.planner-node{fill:rgba(255,255,255,.94);stroke:rgba(0,102,255,.5)}
.node-core.hub{fill:url(#hubGrad)}
.grid-node .node-label,.nerve-label,.ai-label,.planner-label{fill:#13223a;stroke:#f8fbff}
.grid-edge,.nerve-line,.ai-path,.planner-line{stroke:rgba(0,102,255,.2)}

/* AI flow label legibility correction */
.ai-panel{overflow:visible;padding-bottom:54px}
.ai-svg{overflow:visible;min-height:470px}
.ai-flow-label,.ai-label{
  fill:#0d1b30;
  stroke:rgba(248,251,255,.98);
  stroke-width:7px;
  paint-order:stroke fill;
  font-weight:850;
  letter-spacing:-.02em;
}
.ai-flow-label{font-size:15px;text-anchor:middle}
.ai-label{font-size:16px}
.ai-svg>g:first-of-type>.ai-flow-label:nth-of-type(4),
.ai-svg>g:first-of-type>.ai-flow-label:nth-of-type(5){transform:translate(62px,-4px)}
@media(max-width:760px){
  .ai-panel{padding-bottom:42px}
  .ai-svg{min-height:420px}
  .ai-flow-label{font-size:14px}
  .ai-label{font-size:15px}
  .ai-svg>g:first-of-type>.ai-flow-label:nth-of-type(4),
  .ai-svg>g:first-of-type>.ai-flow-label:nth-of-type(5){transform:translate(48px,-4px)}
}

:focus-visible{outline:3px solid rgba(0,102,255,.72);outline-offset:4px}
::selection{background:rgba(0,102,255,.2);color:#08182e}

@media(max-width:980px){.arch-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:58px}}
@media(max-width:760px){
  .nav{min-height:70px}.brand-mark{width:42px;height:42px}.brand>span:last-child{font-size:1rem}
  .hero{padding:46px 0 34px}.hero-intro{text-align:left}.entelelink-hero-logo{margin:16px 0 22px}.lead{margin:0}
  .status-notice{grid-template-columns:1fr}.arch-grid{grid-template-columns:1fr}section{padding:58px 0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}