:root{--bg:#07111d;--ink:#0b1730;--muted:#64748b;--line:#dce4ec;--blue:#1769ff;--cyan:#43d6e8;--paper:#f7f9fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #e7edf3;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.12em}.mark{width:34px;height:34px;background:var(--ink);color:#fff;display:grid;place-items:center;border-radius:8px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-cta{padding:11px 16px;background:var(--ink);color:#fff;border-radius:8px}.hero{background:linear-gradient(135deg,#f7faff 0%,#fff 55%,#eef4ff 100%);padding:90px 6vw 75px;overflow:hidden}.hero-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:.16em;font-size:12px;margin-bottom:18px}h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}h1 span{color:var(--blue)}.lead{font-size:19px;line-height:1.7;color:#48576b;max-width:700px}.actions{display:flex;gap:14px;margin:34px 0}.btn{display:inline-block;padding:15px 20px;border-radius:9px;font-weight:700;font-size:14px}.primary{background:var(--blue);color:#fff}.ghost{border:1px solid #cbd7e5;background:#fff}.metrics{display:flex;gap:38px;margin-top:46px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:22px}.metrics span{font-size:12px;color:var(--muted);margin-top:5px}.hero-visual{height:480px;border-radius:28px;background:var(--bg);position:relative;box-shadow:0 35px 90px rgba(9,30,66,.22);overflow:hidden}.gridplane{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px}.pod{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:18px;color:#fff;background:rgba(255,255,255,.08)}.pod b{display:block;font-size:15px}.pod small{opacity:.65}.p1{left:9%;top:17%;width:22%;height:55%;border-color:#fbbf24}.p2{left:38%;top:12%;width:32%;height:64%;border-color:#3b82f6}.p3{right:6%;top:21%;width:18%;height:48%;border-color:#22c55e}.p4{left:18%;bottom:5%;width:28%;height:17%;border-color:#ef4444}.flow{position:absolute;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.f1{left:31%;top:42%;width:7%}.f2{left:70%;top:46%;width:6%}.f3{left:36%;bottom:20%;height:13%;width:2px}.statement{padding:58px 6vw;background:var(--ink);color:#fff}.statement p{max-width:1050px;margin:auto;font-size:clamp(25px,3vw,42px);line-height:1.3;font-weight:600;letter-spacing:-.03em}.section{padding:100px 6vw;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:52px}.section-head h2,.contact h2{font-size:clamp(38px,4vw,62px);line-height:1.03;letter-spacing:-.045em;margin:0}.section-head>p{max-width:520px;color:var(--muted);line-height:1.7}.cards.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{padding:42px;border:1px solid var(--line);border-radius:18px;background:#fff}.product-card.accent{background:#eef4ff;border-color:#cbdcff}.tag{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:.12em}.product-card h3{font-size:28px;margin:18px 0 12px}.product-card p,.product-card li{color:#5b6878;line-height:1.7}.product-card ul{padding-left:18px}.dark{max-width:none;background:var(--bg);color:#fff}.dark>.section-head,.dark>.architecture-grid{max-width:1260px;margin-left:auto;margin-right:auto}.dark .section-head>p{color:#9fb0c3}.architecture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.arch-card{padding:28px;border:1px solid #213249;border-radius:14px;background:#0b1726}.arch-card span{font-size:12px;color:var(--cyan);font-weight:800}.arch-card h3{font-size:22px}.arch-card p{color:#9fb0c3;line-height:1.7;font-size:14px}.visual-section{max-width:1320px}.concept{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.concept img{width:100%;display:block}.concept figcaption{padding:16px 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tiles>div{padding:28px;border-top:2px solid var(--ink);background:var(--paper)}.tiles h3{margin:0 0 12px}.tiles p{color:var(--muted);line-height:1.6;font-size:14px}.markets{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#f4f7fb;max-width:none}.markets>div{max-width:620px}.markets h2{font-size:48px;letter-spacing:-.04em}.market-list{display:flex;flex-wrap:wrap;align-content:center;gap:10px}.market-list span{padding:12px 16px;background:white;border:1px solid var(--line);border-radius:999px;font-weight:600}.contact{text-align:center;padding:120px 6vw;background:linear-gradient(135deg,#0b1730,#0c2348);color:#fff}.contact p{color:#b9c8da;margin:22px auto 30px}.contact small{display:block;margin-top:16px;color:#8fa3ba}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 6vw;border-top:1px solid #e8edf2;font-size:12px;color:var(--muted)}@media(max-width:900px){nav a:not(.nav-cta){display:none}.hero-grid,.cards.two,.markets{grid-template-columns:1fr}.hero-visual{height:380px}.section-head{display:block}.section-head>p{margin-top:20px}.architecture-grid,.tiles{grid-template-columns:1fr 1fr}.metrics{gap:20px;flex-wrap:wrap}}@media(max-width:600px){.nav{padding:0 5vw}.hero,.section{padding-left:5vw;padding-right:5vw}.architecture-grid,.tiles{grid-template-columns:1fr}.hero-visual{height:320px}.metrics{display:grid;grid-template-columns:1fr 1fr}.actions{flex-direction:column}.btn{text-align:center}footer{display:block}.brand{margin-bottom:14px}}/* NODEVARA logo sizing */

.nav .brand-logo {
  height: 27px;
  width: auto;
  max-width: 218px;
  display: block;
  object-fit: contain;
}

footer .brand-logo {
  height: 24px;
  width: auto;
  max-width: 195px;
  display: block;
  object-fit: contain;
}
.nav .brand,
footer .brand {
  flex-shrink: 0;
}
.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

<section id="contact" class="contact">
  <span class="eyebrow">START A CONVERSATION</span>
  <h2>Deploy the next node.</h2>

  <p>
    For customers, technology partners, EPCs, investors and strategic collaborators.
  </p>

  <div class="contact-email-box">
    <a href="mailto:info@nodevara.ai">info@nodevara.ai</a>
    <span>|</span>
    <a href="mailto:nodevara@sustechsolutions.ae">nodevara@sustechsolutions.ae</a>
  </div>
</section>