:root{--bg:#050906;--bg2:#09110c;--text:#f2f7f3;--muted:#93a39a;--line:rgba(167,255,105,.14);--line2:rgba(167,255,105,.28);--green:#a7ff69;--cyan:#75f6ff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 15%,rgba(71,255,145,.05),transparent 30%),radial-gradient(circle at 90% 85%,rgba(81,255,220,.04),transparent 26%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:1000;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(145,255,101,.06),transparent 68%);pointer-events:none;transform:translate(-50%,-50%)}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(167,255,105,.08);background:rgba(5,9,6,.72);backdrop-filter:blur(18px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;color:var(--green);border:1px solid var(--line2);clip-path:polygon(22% 0,78% 0,100% 24%,100% 76%,78% 100%,22% 100%,0 76%,0 24%);background:linear-gradient(145deg,rgba(167,255,105,.13),rgba(167,255,105,.02));box-shadow:inset 0 0 22px rgba(167,255,105,.08)}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(167,255,105,.16);clip-path:inherit}.brand-mark span{position:relative;z-index:2;font-size:11px;font-weight:900;letter-spacing:.08em}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:16px;letter-spacing:.18em}.brand-copy small{margin-top:6px;color:#6d8074;font-size:9px;letter-spacing:.28em}.site-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}.site-nav>a:not(.nav-access){color:#a7b4ac}.site-nav>a:hover{color:var(--text)}.nav-portal{padding-left:22px;border-left:1px solid rgba(255,255,255,.09)}.nav-access{padding:11px 15px;border:1px solid var(--line2);border-radius:10px;color:var(--green);background:rgba(167,255,105,.045)}.menu-button{display:none;padding:8px;border:0;background:transparent}.menu-button span{display:block;width:22px;height:2px;margin:4px;background:#d5ddd8}.section{position:relative;padding:120px 0;z-index:1}.eyebrow{margin:0 0 20px;color:var(--green);font-size:11px;font-weight:850;letter-spacing:.2em}h1,h2{margin:0;line-height:.98;letter-spacing:-.045em;font-weight:640}h1{max-width:900px;font-size:clamp(54px,7.3vw,100px)}h1 span{color:var(--green);text-shadow:0 0 34px rgba(167,255,105,.14)}h2{max-width:850px;font-size:clamp(38px,5vw,64px)}h3{margin:0;font-size:23px;letter-spacing:-.025em}p{margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 19px;border-radius:11px;font-size:13px;font-weight:800;transition:.16s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#071009;background:var(--green);box-shadow:0 0 36px rgba(167,255,105,.12)}.button-primary:hover{box-shadow:0 0 48px rgba(167,255,105,.23)}.button-secondary{color:#d7e0da;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025)}.hero{position:relative;min-height:790px;padding:108px 0 0;overflow:hidden;border-bottom:1px solid rgba(167,255,105,.1)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(167,255,105,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(167,255,105,.042) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-grid-bg:after{content:"";position:absolute;left:50%;top:-35%;width:1px;height:160%;background:linear-gradient(to bottom,transparent,rgba(167,255,105,.36),transparent);box-shadow:0 0 50px rgba(167,255,105,.2);transform:rotate(22deg)}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:720px;height:720px;top:-420px;right:-170px;background:radial-gradient(circle,rgba(167,255,105,.14),transparent 68%)}.orb-two{width:440px;height:440px;left:-240px;bottom:-160px;background:radial-gradient(circle,rgba(72,255,218,.08),transparent 66%)}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:60px;align-items:center}.status-pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;padding:8px 11px;border:1px solid rgba(167,255,105,.16);border-radius:999px;color:#a8b7ae;background:rgba(167,255,105,.035);font-size:10px;font-weight:750;letter-spacing:.13em}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);animation:pulse 1.8s ease-in-out infinite}.hero-lead{max-width:700px;margin:31px 0 34px;color:#97a69d;font-size:clamp(17px,1.8vw,21px)}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-proof{display:flex;flex-wrap:wrap;gap:34px;margin-top:58px}.hero-proof div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.hero-proof strong{color:var(--green);font-size:11px;letter-spacing:.1em}.hero-proof span{color:#7d8d83;font-size:12px}.hero-visual{position:relative;min-height:570px;perspective:1200px}.hud{position:absolute;inset:30px 10px 40px 40px;padding:26px;border:1px solid rgba(167,255,105,.19);border-radius:20px;background:linear-gradient(145deg,rgba(167,255,105,.05),rgba(255,255,255,.012)),rgba(6,14,9,.88);box-shadow:0 40px 100px rgba(0,0,0,.42),inset 0 0 60px rgba(167,255,105,.025);transform:rotateY(-7deg) rotateX(3deg);backdrop-filter:blur(10px)}.hud:before,.hud:after{content:"";position:absolute;width:34px;height:34px}.hud:before{top:-1px;left:-1px;border-top:2px solid var(--green);border-left:2px solid var(--green);border-radius:20px 0 0 0}.hud:after{right:-1px;bottom:-1px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);border-radius:0 0 20px 0}.hud-top{display:flex;justify-content:space-between;align-items:center}.hud-top div{display:flex;flex-direction:column}.mini-label{color:#607369;font-size:9px;letter-spacing:.18em}.hud-top strong{margin-top:4px;font-size:13px;letter-spacing:.07em}.online{padding:6px 9px;border:1px solid rgba(167,255,105,.18);border-radius:999px;color:var(--green);background:rgba(167,255,105,.04);font-size:9px;letter-spacing:.12em}.hud-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.hud-kpis article{position:relative;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}.hud-kpis small{display:block;color:#66786d;font-size:10px}.hud-kpis strong{display:block;margin-top:6px;font-size:21px}.signal{position:absolute;right:12px;top:12px;width:7px;height:7px;border-radius:50%;background:#53635a}.signal.up{background:var(--green);box-shadow:0 0 12px rgba(167,255,105,.45)}.chart{height:140px;display:flex;align-items:end;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 28px}.chart span{flex:1;min-width:10px;border-radius:4px 4px 1px 1px;background:linear-gradient(to top,rgba(167,255,105,.18),rgba(167,255,105,.95));box-shadow:0 0 14px rgba(167,255,105,.08)}.hud-table{margin-top:18px}.table-head,.table-row{display:grid;grid-template-columns:1.4fr .8fr .7fr;gap:12px;align-items:center}.table-head{padding:0 10px 9px;color:#4f6357;font-size:8px;letter-spacing:.13em}.table-row{padding:11px 10px;border-top:1px solid rgba(255,255,255,.055);color:#b7c1bb;font-size:11px}.tag{width:fit-content;padding:3px 7px;border-radius:999px;color:var(--cyan);background:rgba(117,246,255,.06);font-size:9px}.tag.sent{color:#ffd86e;background:rgba(255,216,110,.06)}.tag.done{color:var(--green);background:rgba(167,255,105,.06)}.float-card{position:absolute;z-index:4;display:flex;flex-direction:column;min-width:205px;padding:14px 16px;border:1px solid rgba(167,255,105,.2);border-radius:12px;background:rgba(8,18,11,.92);box-shadow:0 20px 60px rgba(0,0,0,.32);backdrop-filter:blur(10px)}.float-card span{color:var(--green);font-size:8px;letter-spacing:.16em}.float-card strong{margin-top:5px;font-size:11px;color:#bac6be}.float-a{top:15px;right:-20px;animation:float 5s ease-in-out infinite}.float-b{left:0;bottom:18px;animation:float 6s ease-in-out infinite reverse}.scan-line{position:absolute;left:70px;right:40px;top:40px;height:1px;z-index:5;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 20px rgba(167,255,105,.35);animation:scan 5.5s linear infinite;opacity:.55}.hero-marquee{position:relative;z-index:2;margin-top:64px;overflow:hidden;border-top:1px solid rgba(167,255,105,.08);border-bottom:1px solid rgba(167,255,105,.08);background:rgba(167,255,105,.025)}.hero-marquee div{width:max-content;display:flex;align-items:center;gap:26px;padding:15px 0;color:#5f7466;font-size:10px;font-weight:800;letter-spacing:.18em;animation:marquee 28s linear infinite}.hero-marquee b{color:var(--green)}.platform{background:linear-gradient(to bottom,rgba(167,255,105,.015),transparent)}.platform-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:start}.section-copy>p:not(.eyebrow){max-width:620px;margin-top:30px;color:var(--muted);font-size:18px}.data-panel{border-top:1px solid var(--line2)}.data-row{display:grid;grid-template-columns:52px 1fr;gap:14px 20px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.07)}.data-row>span{grid-row:1/span 2;color:var(--green);font-size:10px;letter-spacing:.12em}.data-row strong{font-size:19px}.data-row p{margin:0;color:var(--muted)}.resources{border-top:1px solid rgba(255,255,255,.05);background:#070d09}.section-heading{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:end;margin-bottom:58px}.section-heading>p{margin:0;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}.resource-card{position:relative;min-height:330px;padding:28px;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.016),rgba(255,255,255,0));transition:.18s ease}.resource-card:hover{background-color:rgba(167,255,105,.025)}.resource-card.featured{background:linear-gradient(145deg,rgba(167,255,105,.08),rgba(167,255,105,.01))}.resource-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:72px;border:1px solid rgba(167,255,105,.18);border-radius:10px;color:var(--green);background:rgba(167,255,105,.035);font-size:16px}.resource-number{position:absolute;top:29px;right:28px;color:#52645a;font-size:10px;letter-spacing:.13em}.resource-card p{margin:13px 0 0;color:var(--muted)}.card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.card-meta span{padding:5px 8px;border:1px solid rgba(167,255,105,.12);border-radius:999px;color:#819189;font-size:9px}.flow{background:radial-gradient(circle at 50% 100%,rgba(167,255,105,.05),transparent 45%),var(--bg)}.flow-heading{margin-bottom:72px}.flow-line{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr;align-items:center}.flow-line article{min-height:190px;padding:25px;border:1px solid rgba(167,255,105,.14);border-radius:16px;background:rgba(167,255,105,.018)}.flow-line article>span{display:block;margin-bottom:45px;color:var(--green);font-size:10px;letter-spacing:.12em}.flow-line strong{font-size:20px}.flow-line p{margin:8px 0 0;color:var(--muted);font-size:13px}.flow-line>i{height:1px;background:linear-gradient(90deg,rgba(167,255,105,.1),rgba(167,255,105,.52),rgba(167,255,105,.1))}.access-section{border-top:1px solid rgba(255,255,255,.05);background:#071008}.access-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.access-cards{display:grid;gap:12px}.access-card{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:23px;border:1px solid rgba(167,255,105,.12);border-radius:14px;background:rgba(167,255,105,.018);transition:.16s ease}.access-card:hover{transform:translateX(4px);border-color:rgba(167,255,105,.3);background:rgba(167,255,105,.04)}.access-index{color:var(--green);font-size:9px;letter-spacing:.15em}.access-card small{display:block;color:#6d7f74;font-size:10px}.access-card strong{display:block;margin-top:4px;font-size:15px}.access-card b{color:var(--green)}.contact{padding-bottom:130px}.contact-panel{position:relative;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;padding:58px;overflow:hidden;border:1px solid var(--line2);border-radius:24px;background:linear-gradient(145deg,rgba(167,255,105,.09),rgba(167,255,105,.018))}.contact-panel:after{content:"";position:absolute;right:-100px;top:-190px;width:420px;height:420px;border:1px solid rgba(167,255,105,.14);border-radius:50%;box-shadow:0 0 0 50px rgba(167,255,105,.02),0 0 0 100px rgba(167,255,105,.012)}.contact-panel>*{position:relative;z-index:2}.contact-actions{display:flex;flex-direction:column;gap:10px}.site-footer{position:relative;z-index:1;padding:35px 0;border-top:1px solid rgba(255,255,255,.07);background:#040705}.footer-inner{display:grid;grid-template-columns:auto 1fr auto auto;gap:30px;align-items:center}.footer-inner>p{margin:0;color:#68796f;font-size:12px}.footer-links{display:flex;gap:16px;color:#8a998f;font-size:12px}.footer-inner>small{color:#526158;font-size:10px}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan{0%{top:55px;opacity:0}10%{opacity:.6}85%{opacity:.6}100%{top:490px;opacity:0}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-45%)}}@media(max-width:1050px){.hero-layout,.platform-grid,.access-layout{grid-template-columns:1fr}.hero-visual{max-width:720px;width:100%;margin:10px auto 0}.section-heading{grid-template-columns:1fr;gap:15px}.resource-grid{grid-template-columns:1fr 1fr}.flow-line{grid-template-columns:1fr;gap:12px}.flow-line>i{width:1px;height:28px;margin-left:50%;background:linear-gradient(to bottom,rgba(167,255,105,.1),rgba(167,255,105,.52),rgba(167,255,105,.1))}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:780px){.container{width:min(var(--max),calc(100% - 28px))}.section{padding:82px 0}.site-nav{position:absolute;left:14px;right:14px;top:67px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid rgba(167,255,105,.13);border-radius:14px;background:rgba(5,10,7,.98)}.site-nav.open{display:flex}.site-nav a{padding:12px}.nav-portal{border-left:0;padding-left:12px}.menu-button{display:block}.hero{min-height:auto;padding-top:72px}.hero-layout{gap:35px}h1{font-size:clamp(49px,15vw,72px)}.hero-proof{gap:18px}.hero-visual{min-height:500px}.hud{inset:20px 0 30px;transform:none}.float-a{right:-4px}.float-b{left:-4px}.resource-grid{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr;padding:32px}.contact-actions{align-items:stretch}.footer-inner{grid-template-columns:1fr}}@media(max-width:540px){.hud-kpis{grid-template-columns:1fr}.hud-kpis article:nth-child(2),.hud-kpis article:nth-child(3){display:none}.table-head,.table-row{grid-template-columns:1fr .7fr}.table-head span:nth-child(2),.table-row span:nth-child(2){display:none}.float-card{min-width:170px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* EATECH official logo */
.brand-image-link,
.brand-image-footer {
  display: inline-flex;
  align-items: center;
}

.brand-logo-img {
  display: block;
  width: auto;
  height: 46px;
  object-fit: contain;
  mix-blend-mode: screen;
  filter: brightness(1.2) contrast(1.08);
}

.brand-image-footer .brand-logo-img {
  height: 38px;
  opacity: .92;
}

.hero-logo-watermark {
  position: absolute;
  right: 28px;
  top: 8px;
  width: min(78%, 560px);
  height: auto;
  opacity: .055;
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 0;
  filter: brightness(1.3) contrast(1.08);
}

@media (max-width: 780px) {
  .brand-logo-img {
    height: 40px;
    max-width: 210px;
  }

  .hero-logo-watermark {
    right: 0;
    top: 20px;
    width: 92%;
  }
}