  <style>
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; background:#020702; }
    body {
      margin:0; color:var(--white);
      font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
      background:
        radial-gradient(circle at 16% 8%, rgba(60,255,50,.14), transparent 28%),
        radial-gradient(circle at 85% 32%, rgba(255,90,32,.08), transparent 24%),
        radial-gradient(circle at 52% 85%, rgba(84,255,71,.08), transparent 30%),
        var(--bg);
      overflow-x:hidden;
    }
    body::before {
      content:""; position:fixed; inset:0; pointer-events:none; z-index:-2;
      background-image:
        linear-gradient(rgba(84,255,71,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(84,255,71,.06) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
    }
    body::after {
      content:""; position:fixed; inset:0; pointer-events:none; z-index:10;
      background:repeating-linear-gradient(to bottom, rgba(255,255,255,.035), rgba(255,255,255,.035) 1px, transparent 1px, transparent 4px);
      mix-blend-mode:overlay; opacity:.28;
    }
    a { color:inherit; text-decoration:none; }
    .container { width:min(1180px, calc(100% - 36px)); margin:0 auto; }
    .nav {
      position:sticky; top:0; z-index:50; backdrop-filter:blur(16px);
      background:rgba(2,7,2,.76); border-bottom:1px solid var(--line);
    }
    .nav-inner { height:76px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
    .brand { display:flex; align-items:center; gap:12px; min-width:238px; }
    .logo { width:45px; height:45px; display:grid; place-items:center; color:var(--green); filter:drop-shadow(0 0 14px rgba(86,255,71,.45)); }
    .brand-title { display:block; font-weight:800; letter-spacing:.08em; color:var(--green); text-shadow:0 0 12px rgba(86,255,71,.45); }
    .brand-subtitle { display:block; margin-top:2px; color:var(--muted); font-size:11px; letter-spacing:.08em; }
    .nav-links { display:flex; align-items:center; justify-content:center; gap:28px; color:var(--green-2); font-size:12px; font-weight:700; letter-spacing:.09em; }
    .nav-links a:hover,.footer a:hover { color:var(--green); text-shadow:0 0 10px rgba(86,255,71,.6); }
    .nav-actions { display:flex; align-items:center; gap:12px; min-width:280px; justify-content:flex-end; }
    .status-pill,.login-btn,.outline-btn,.primary-btn {
      border:1px solid var(--line-strong); border-radius:6px; color:var(--green-2);
      background:rgba(5,28,6,.48); box-shadow:inset 0 0 0 1px rgba(86,255,71,.06);
    }
    .status-pill { padding:10px 14px; display:flex; align-items:center; gap:9px; font-size:10px; font-weight:800; letter-spacing:.06em; white-space:nowrap; }
    .dot { width:10px; height:10px; border-radius:99px; background:var(--green); box-shadow:0 0 16px var(--green); }
    .login-btn { padding:10px 18px; font-size:12px; font-weight:800; color:var(--green); }

    .hero { padding:58px 0 42px; border-bottom:1px solid rgba(84,255,71,.12); }
    .hero-grid {
      display:grid;
      grid-template-columns:minmax(0,.92fr) minmax(520px,1.25fr);
      gap:42px;
      align-items:start;
      align-content:start;
    }
	.hero-grid {
	  display:grid;
	  grid-template-columns:minmax(0,.92fr) minmax(520px,1.25fr);
	  gap:42px;
	  align-items:start;
	}
    .hero-copy {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      min-height:0;
    }
    .live-panel {
      align-self:start;
    }
    .eyebrow,.section-kicker { color:var(--green); font-size:13px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
    .hero h1 {
      margin:14px 0 16px;
      font-size:clamp(38px,4.7vw,68px);
      line-height:.94;
      letter-spacing:.04em;
      max-width:11.5ch;
      overflow-wrap:anywhere;
      text-wrap:balance;
      color:#e8ffe1; text-transform:uppercase;
      text-shadow:0 0 10px rgba(86,255,71,.38), 0 0 32px rgba(86,255,71,.18);
    }
    .hero p { margin:0; color:#b6d8ad; line-height:1.72; font-size:14px; max-width:560px; }
    .actions { display:flex; gap:18px; margin-top:24px; flex-wrap:wrap; }
    .primary-btn,.outline-btn {
      display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 28px;
      font-weight:900; letter-spacing:.04em; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .primary-btn { color:#021302; background:linear-gradient(180deg,#7dff6c,#42f136); box-shadow:0 0 28px rgba(72,255,54,.48); }
    .outline-btn:hover,.primary-btn:hover,.plan-card:hover,.feature-card:hover { transform:translateY(-2px); }
    .outline-btn:hover { box-shadow:var(--shadow); }
    .mini-badges { display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; color:var(--green-2); font-size:11px; font-weight:800; }
    .terminal {
      margin-top:22px; border:1px solid var(--line-strong); background:rgba(2,17,3,.68);
      border-radius:8px; padding:16px 18px; color:var(--green); box-shadow:inset 0 0 24px rgba(86,255,71,.05);
      font-size:12px; line-height:1.7;
    }
    .panel {
      border:1px solid var(--line-strong); background:linear-gradient(180deg, rgba(5,29,7,.72), rgba(1,13,2,.82));
      border-radius:1px; box-shadow:var(--shadow); overflow:hidden;
    }
    .live-panel { padding:18px; }
    .panel-header {
      display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--green-2);
      font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; margin-bottom:16px;
    }
    .panel-header span:last-child { color:var(--green); font-size:11px; }

    .layer7-chart {
      width:100%; height:clamp(300px,34vw,390px); border:1px solid rgba(84,255,71,.26); border-radius:8px;
      background:
        linear-gradient(160deg, rgba(7,17,7,.98), rgba(4,10,4,.98)),
        linear-gradient(90deg, rgba(65,168,46,.06) 1px, transparent 1px),
        linear-gradient(0deg, rgba(65,168,46,.06) 1px, transparent 1px);
      background-size:auto,20px 20px,20px 20px;
      box-shadow:inset 0 0 36px rgba(68,255,63,.1), 0 0 26px rgba(72,255,54,.16);
      overflow:hidden;
    }
    .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:12px; }
    .stat-card { border:1px solid var(--line); border-radius:7px; padding:12px; background:rgba(2,13,2,.7); min-width:0; }
    .stat-label { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
    .stat-value { margin-top:8px; font-size:25px; font-weight:800; letter-spacing:.03em; overflow:hidden; text-overflow:ellipsis; }
    .event-log { margin-top:12px; border:1px solid var(--line); border-radius:7px; overflow:hidden; font-size:11px; }
    .event-row { display:grid; grid-template-columns:90px 110px 1fr 105px; padding:8px 10px; border-bottom:1px solid rgba(84,255,71,.13); color:#b6d8ad; gap:8px; }
    .event-row.head { color:var(--green); font-weight:900; background:rgba(7,34,9,.6); text-transform:uppercase; }
    .event-row:last-child { border-bottom:0; }
    .red-text { color:var(--red); font-weight:900; }
    .green-text { color:var(--green); font-weight:900; }
    .yellow-text { color:var(--yellow); font-weight:900; }

    section { padding:38px 0; }
    .section-title-line { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
    .plans { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
    .plan-card {
      position:relative; min-height:360px; border:1px solid var(--line); border-radius:var(--radius);
      padding:26px 22px 22px; background:linear-gradient(180deg,rgba(5,27,7,.72),rgba(1,10,2,.82));
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .plan-card.popular { border-color:var(--green); box-shadow:0 0 34px rgba(72,255,54,.34); }
    .popular-badge {
      position:absolute; top:-18px; left:50%; transform:translateX(-50%); padding:10px 18px;
      border:1px solid var(--yellow); border-radius:7px; background:rgba(18,29,3,.95); color:var(--yellow);
      font-size:10px; font-weight:900; box-shadow:0 0 18px rgba(244,238,81,.25); white-space:nowrap;
    }
    .plan-icon,.feature-icon { color:var(--green); filter:drop-shadow(0 0 12px rgba(86,255,71,.4)); }
    .plan-name { margin:14px 0 4px; color:var(--green); font-size:22px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
    .plan-desc { min-height:48px; color:#a9c99f; font-size:11px; line-height:1.55; }
    .price { margin-top:18px; font-size:36px; font-weight:900; letter-spacing:.04em; }
    .price small { color:var(--green); font-size:14px; }
    .billing { color:var(--muted); font-size:11px; margin-top:4px; }
    .features { margin:18px 0 22px; padding:18px 0 0; border-top:1px solid rgba(84,255,71,.18); list-style:none; display:grid; gap:11px; color:#d5f6cd; font-size:12px; }
    .features li::before { content:"✓"; color:var(--green); margin-right:10px; font-weight:900; }
    .plan-btn {
      width:100%; min-height:44px; border:1px solid var(--line-strong); background:rgba(7,34,9,.45);
      color:var(--green-2); border-radius:7px; font-family:inherit; font-weight:900; cursor:pointer;
      display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
    }
    .popular .plan-btn { color:#021302; background:linear-gradient(180deg,#7dff6c,#42f136); box-shadow:0 0 24px rgba(72,255,54,.4); }
    .pricing-note { margin-top:18px; color:var(--green-2); text-align:center; font-size:11px; font-weight:800; letter-spacing:.06em; }
    .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .feature-card {
      border:1px solid var(--line); border-radius:var(--radius); padding:23px;
      background:linear-gradient(180deg,rgba(5,27,7,.66),rgba(1,10,2,.72));
      display:grid; grid-template-columns:54px 1fr; gap:14px; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }
    .feature-card:hover { border-color:var(--line-strong); box-shadow:var(--shadow); }
    .feature-card h3 { margin:0 0 8px; color:var(--green); font-size:17px; letter-spacing:.04em; text-transform:uppercase; }
    .feature-card p { margin:0; color:#a9c99f; font-size:12px; line-height:1.6; }
    .trust-grid { display:grid; grid-template-columns:1fr 1fr 1fr 240px; gap:16px; }
    .quote,.trust-stats { border:1px solid var(--line); border-radius:var(--radius); padding:20px; background:rgba(5,24,6,.62); }
    .quote p { margin:0 0 18px; color:#c9eac0; font-size:12px; line-height:1.65; }
    .quote strong { color:var(--green); }
    .quote span { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
    .trust-stat { display:flex; justify-content:space-between; gap:14px; padding:9px 0; border-bottom:1px solid rgba(84,255,71,.15); font-size:12px; color:var(--green-2); font-weight:800; }
    .trust-stat:last-child { border-bottom:0; }
    .trust-stat b { color:var(--white); font-size:18px; }
    .cta {
      margin:26px 0 38px; border:1px solid var(--line-strong); border-radius:var(--radius);
      background:radial-gradient(circle at 16% 50%, rgba(86,255,71,.20), transparent 24%), linear-gradient(90deg, rgba(5,31,7,.88), rgba(2,13,2,.78));
      box-shadow:var(--shadow); padding:30px; display:grid; grid-template-columns:180px 1fr auto; align-items:center; gap:28px;
    }
    .big-mark { width:118px; height:118px; color:var(--green); filter:drop-shadow(0 0 22px rgba(86,255,71,.45)); justify-self:center; }
    .cta h2 { margin:0 0 8px; font-size:clamp(24px,3vw,34px); line-height:1.2; letter-spacing:.05em; text-transform:uppercase; }
    .cta h2 span { color:var(--green); }
    .cta p { margin:0; color:#b6d8ad; font-size:13px; }
    .footer { border-top:1px solid var(--line); padding:24px 0 34px; color:var(--muted); font-size:11px; }
    .footer-grid { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; }
    .footer-links { display:flex; gap:18px; justify-content:center; color:var(--green-2); }
    .copyright { text-align:right; }

    @media (max-width:1050px) {
      .hero-grid { grid-template-columns:1fr; }
      .plans { grid-template-columns:repeat(2,1fr); }
      .feature-grid { grid-template-columns:repeat(2,1fr); }
      .trust-grid { grid-template-columns:repeat(2,1fr); }
      .nav-links { display:none; }
      .nav-actions { min-width:auto; }
    }
    @media (max-width:720px) {
      .container { width:min(100% - 24px,1180px); }
      .nav-inner { height:auto; padding:14px 0; align-items:flex-start; }
      .status-pill { display:none; }
      .hero { padding-top:38px; }
      .plans,.feature-grid,.trust-grid,.stats-row { grid-template-columns:1fr; }
      .event-row { grid-template-columns:72px 90px 1fr; }
      .event-row span:last-child { display:none; }
      .cta { grid-template-columns:1fr; text-align:center; }
      .footer-grid { grid-template-columns:1fr; text-align:center; }
      .copyright { text-align:center; }
      .footer-links { flex-wrap:wrap; }
      .hero h1 {
        font-size:38px;
        max-width:100%;
      }
      .layer7-chart { height:300px; }
    }
  </style>