:root {
      --bg: radial-gradient(1200px 600px at 10% -10%, #1f2937 0%, transparent 60%),
            radial-gradient(1000px 500px at 110% 10%, #0ea5e9 0%, transparent 60%),
            linear-gradient(180deg, #0b1220 0%, #0b1220 100%);
      --card: #0f172a;
      --text: #e5e7eb;
      --muted: #94a3b8;
      --btn: #06b6d4;
      --btn-hover: #0891b2;
      --ring: rgba(56,189,248,.35);
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; font-family: ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;
      color:var(--text); background:var(--bg); overflow-x:hidden;
    }
    .wrap{display:grid; grid-template-rows:auto 1fr auto; min-height:100%}
    header{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; backdrop-filter:blur(8px); background:rgba(11,18,32,.35); border-bottom:1px solid rgba(148,163,184,.15)}

    /* Brand block (top-left) */
    .brand{display:flex; align-items:center; gap:14px; text-decoration:none; color:inherit}
    .brand h1{margin:0; font-size:18px; letter-spacing:.4px; color:#ffffff;}
    .sub{color:#38bdf8; font-size:12px; margin-top:2px;}

    /* Navigation links (top-right) */
    .links{display:flex; gap:14px; flex-wrap:wrap}
    .links a{
      color:#ffffff;
      font-weight:600;
      text-decoration:none;
      padding:4px 8px;
      border-radius:6px;
      transition:background .2s, color .2s;
    }
    .links a:hover{
      background:rgba(6,182,212,0.25);
      color:#38bdf8;
    }

    .hero{display:grid; place-items:center; padding:56px 18px}
    .card{width:min(980px,100%); background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border:1px solid rgba(148,163,184,.15); border-radius:22px; padding:30px; box-shadow:0 20px 60px rgba(2,6,23,.65), inset 0 1px 0 rgba(255,255,255,.04)}
    .grid{display:grid; gap:26px; grid-template-columns:1.3fr .9fr}
    @media (max-width:900px){.grid{grid-template-columns:1fr}}

    .headline{font-size:clamp(28px,4vw,44px); line-height:1.1; margin:2px 0 14px}
    .kicker{display:inline-block; font-size:12px; letter-spacing:1.2px; text-transform:uppercase; color:#67e8f9; background:rgba(103,232,249,.12); border:1px solid rgba(103,232,249,.25); padding:6px 10px; border-radius:999px}
    .lead{color:var(--muted); font-size:16px; margin:12px 0 22px}

    .cta-row{display:flex; gap:12px; flex-wrap:wrap}
    .btn{appearance:none; border:none; cursor:pointer; text-decoration:none; color:#071923; background:var(--btn); padding:14px 18px; font-weight:700; border-radius:12px; box-shadow:0 10px 30px rgba(6,182,212,.35); transition:transform .08s ease, box-shadow .2s ease, background .2s ease; display:inline-flex; align-items:center; gap:10px}
    .btn:hover{background:var(--btn-hover); transform:translateY(-1px); box-shadow:0 16px 40px rgba(8,145,178,.45)}
    .btn.secondary{background:transparent; color:var(--text); border:1px solid rgba(148,163,184,.25); box-shadow:none}
    .btn.secondary:hover{border-color:rgba(148,163,184,.45); background:rgba(148,163,184,.08)}

    .embed{position:relative; width:100%; padding-top:56.25%; border-radius:16px; overflow:hidden; border:1px solid rgba(148,163,184,.15); background:#0b1220}
    .embed iframe{position:absolute; inset:0; width:100%; height:100%}

    .features{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px}
    .feat{background:rgba(255,255,255,.03); border:1px solid rgba(148,163,184,.12); border-radius:14px; padding:14px}
    .feat h3{margin:0 0 6px; font-size:14px}
    .feat p{margin:0; color:var(--muted); font-size:13px}
    @media (max-width:840px){.features{grid-template-columns:1fr}}

    footer{padding:32px 22px; color:var(--muted); font-size:13px; border-top:1px solid rgba(148,163,184,.15); background:rgba(11,18,32,.45)}
    .foot-wrap{max-width:980px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap}
    .pulse{position:relative}
    .pulse::after{content:""; position:absolute; inset:-12px; border-radius:14px; box-shadow:0 0 0 0 var(--ring); animation:pulse 2.2s ease-out infinite}
    @keyframes pulse{0%{box-shadow:0 0 0 0 var(--ring)}70%{box-shadow:0 0 0 14px rgba(56,189,248,0)}100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}}
  body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   position: absolute;
   left: 516px;
   top: 0px;
   width: 270px;
   height: 89px;
   z-index: 0;
}
@media only screen and (min-width: 1280px) and (max-width: 1301px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (min-width: 800px) and (max-width: 1279px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 799px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}