*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{
  margin:0;
  padding:0;
  background:#02070d;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
}

:root{
  --gold:#e6a51f;
  --gold2:#ffc94d;
  --line:rgba(230,165,31,.35);
  --panel:#030b13;
  --text:#f4f6f8;
  --muted:#c8d0dc;
  --cyan:#58d9ff;
}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 34px;
  background:rgba(0,0,0,.88);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  text-decoration:none;
}

.brand-mark{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:2px solid var(--gold);
  color:var(--gold2);
  font-weight:900;
  font-size:26px;
  clip-path:polygon(0 0,50% 32%,100% 0,100% 100%,50% 68%,0 100%);
}

.brand strong{
  display:block;
  font-size:24px;
  letter-spacing:6px;
}

.brand em{
  display:block;
  margin-top:3px;
  color:var(--gold2);
  font-style:normal;
  font-size:12px;
  letter-spacing:4px;
}

.main-nav{
  display:flex;
  align-items:center;
  gap:22px;
  font-size:13px;
  font-weight:800;
}

.main-nav a{
  color:#ddd;
  text-decoration:none;
  transition:.2s;
}

.main-nav a:hover{
  color:var(--gold2);
}

.investor-link{
  border:1px solid var(--gold);
  color:var(--gold2)!important;
  padding:11px 18px;
  border-radius:5px;
}

.menu-toggle{
  display:none;
  border:1px solid var(--line);
  background:transparent;
  color:var(--gold2);
  padding:9px 12px;
  border-radius:6px;
  font-size:20px;
}

.site{
  width:100%;
  min-height:100vh;
  background:
    radial-gradient(circle at 60% 20%, rgba(10,70,120,.35), transparent 35%),
    linear-gradient(180deg,#02070d,#010409);
}

.section-anchor{
  scroll-margin-top:90px;
}

.hero-shell{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:#02070d;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}

.approved-hero{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}

.section-block{
  padding:76px 7vw;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 80% 20%, rgba(88,217,255,.08), transparent 28%),
    #02070d;
}

.section-block.alt{
  background:
    radial-gradient(circle at 20% 10%, rgba(230,165,31,.08), transparent 30%),
    #030b13;
}

.section-label{
  color:var(--gold2);
  font-size:14px;
  font-weight:900;
  letter-spacing:4px;
  margin-bottom:14px;
}

.section-block h2{
  margin:0 0 18px;
  font-size:clamp(32px,4vw,54px);
  line-height:1.05;
}

.section-block p{
  max-width:980px;
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}

.feature-grid,
.app-grid,
.news-list,
.investor-panel{
  display:grid;
  gap:18px;
  margin-top:34px;
}

.feature-grid{
  grid-template-columns:repeat(3,1fr);
}

.app-grid,
.news-list{
  grid-template-columns:repeat(4,1fr);
}

.feature-grid article,
.app-grid article,
.news-list article,
.investor-panel div{
  background:rgba(0,0,0,.32);
  border:1px solid rgba(230,165,31,.25);
  border-radius:14px;
  padding:24px;
  box-shadow:inset 0 0 22px rgba(88,217,255,.035);
}

article h3{
  color:var(--gold2);
  margin:0 0 10px;
}

article p{
  font-size:16px!important;
  margin:0;
}

.timeline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:34px;
}

.timeline div{
  padding:24px;
  border-left:2px solid var(--gold);
  background:rgba(0,0,0,.28);
}

.timeline span{
  color:var(--gold2);
  font-weight:900;
  font-size:22px;
}

.timeline strong{
  display:block;
  margin:10px 0;
  font-size:22px;
}

.news-list span{
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
}

.investor-panel{
  grid-template-columns:repeat(3,1fr);
}

.investor-panel strong{
  display:block;
  color:var(--gold2);
  font-size:28px;
  margin-bottom:8px;
}

.investor-panel span{
  color:var(--muted);
}

#skyCanvas{
  width:100%;
  height:520px;
  display:block;
  margin-top:28px;
  background:#010307;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 0 34px rgba(88,217,255,.10);
}

.contact-form{
  display:grid;
  gap:14px;
  max-width:680px;
  margin-top:28px;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  padding:16px;
  border-radius:8px;
  border:1px solid rgba(230,165,31,.35);
  background:#050b12;
  color:#fff;
  font-size:16px;
}

.contact-form textarea{
  min-height:150px;
}

.contact-form button{
  width:max-content;
  padding:15px 26px;
  background:linear-gradient(135deg,#b98128,#f0c15c);
  color:#111;
  border:0;
  border-radius:7px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:1100px){
  .menu-toggle{display:block}
  .main-nav{
    display:none;
    position:absolute;
    right:24px;
    top:72px;
    flex-direction:column;
    align-items:flex-start;
    width:280px;
    padding:18px;
    background:rgba(0,0,0,.96);
    border:1px solid var(--line);
    border-radius:12px;
  }
  .main-nav.open{display:flex}
  .feature-grid,
  .app-grid,
  .news-list,
  .timeline,
  .investor-panel{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .site-header{
    padding:14px 18px;
  }

  .brand strong{
    font-size:20px;
    letter-spacing:3px;
  }

  .brand em{
    letter-spacing:2px;
  }

  .approved-hero{
    width:1400px;
    max-width:none;
    transform-origin:top left;
  }

  .section-block{
    padding:52px 24px;
  }

  .feature-grid,
  .app-grid,
  .news-list,
  .timeline,
  .investor-panel{
    grid-template-columns:1fr;
  }
}


/* FIX: hide the old mockup navigation bar baked into the hero image */
.hero-shell{
  position:relative;
  overflow:hidden;
}

.approved-hero{
  position:relative;
  top:-82px;
  margin-bottom:-82px;
}

/* Keep mobile view aligned after the baked-in bar is hidden */
@media(max-width:700px){
  .approved-hero{
    top:-74px;
    margin-bottom:-74px;
  }
}


/* Updated VGTEL logo */
.brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  min-width:260px;
}

.brand img{
  width:255px;
  height:auto;
  display:block;
  object-fit:contain;
}

.brand-mark{
  display:none!important;
}

@media(max-width:700px){
  .brand img{
    width:200px;
  }
}


/* Astronomy section */
.astronomy-section{
  background:
    radial-gradient(circle at 72% 22%, rgba(88,217,255,.12), transparent 30%),
    radial-gradient(circle at 25% 12%, rgba(230,165,31,.10), transparent 26%),
    #02070d;
}

.astronomy-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:34px;
}

.astronomy-grid article{
  background:linear-gradient(180deg, rgba(8,18,28,.86), rgba(0,0,0,.42));
  border:1px solid rgba(230,165,31,.25);
  border-radius:14px;
  padding:24px;
  min-height:230px;
  box-shadow:inset 0 0 26px rgba(88,217,255,.035);
}

.astro-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold2);
  font-weight:900;
  letter-spacing:1px;
  margin-bottom:16px;
  background:rgba(0,0,0,.28);
  box-shadow:0 0 18px rgba(230,165,31,.10);
}

.astro-callout{
  margin-top:28px;
  padding:22px 24px;
  border-left:4px solid var(--gold);
  background:rgba(0,0,0,.34);
  color:var(--muted);
  line-height:1.55;
}

.astro-callout strong{
  color:var(--gold2);
  display:block;
  margin-bottom:6px;
}

@media(max-width:1100px){
  .astronomy-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .astronomy-grid{
    grid-template-columns:1fr;
  }
}


/* Upgraded Lynchpin Science Section */

.lynchpin-quote{
  margin:32px 0 38px;
  padding:24px 28px;
  border-left:4px solid var(--gold);
  background:rgba(0,0,0,.34);
  color:var(--gold2);
  font-size:24px;
  line-height:1.6;
  font-weight:700;
  letter-spacing:.4px;
}

.sensor-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:42px;
}

.sensor-grid article{
  background:linear-gradient(
    180deg,
    rgba(8,18,28,.88),
    rgba(0,0,0,.44)
  );

  border:1px solid rgba(230,165,31,.22);
  border-radius:14px;
  padding:24px;
  min-height:220px;

  box-shadow:
    inset 0 0 22px rgba(88,217,255,.04),
    0 0 18px rgba(0,0,0,.28);
}

.sensor-grid h3{
  color:var(--gold2);
  margin:0 0 12px;
  font-size:22px;
}

.sensor-grid p{
  font-size:15px !important;
  line-height:1.7;
}

@media(max-width:1100px){
  .sensor-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .sensor-grid{
    grid-template-columns:1fr;
  }
}


/* Astronomy media gallery */
.astronomy-media-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:22px;
  margin-top:34px;
  margin-bottom:34px;
}

.astro-media-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(230,165,31,.25);
  background:#02070d;
  min-height:320px;
  box-shadow:
    0 0 26px rgba(0,0,0,.34),
    inset 0 0 20px rgba(88,217,255,.04);
}

.astro-media-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}

.astro-media-card:hover img{
  transform:scale(1.04);
}

.astro-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:24px;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.88),
    rgba(0,0,0,.18),
    transparent
  );
}

.astro-overlay h3{
  color:var(--gold2);
  margin:0 0 8px;
  font-size:26px;
}

.astro-overlay p{
  margin:0;
  color:#d7dde8;
  font-size:15px;
}

@media(max-width:900px){
  .astronomy-media-grid{
    grid-template-columns:1fr;
  }
}


/* Technology section */
.technology-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:36px;
}

.technology-grid article{
  position:relative;
  background:
    linear-gradient(
      180deg,
      rgba(10,20,30,.88),
      rgba(0,0,0,.45)
    );

  border:1px solid rgba(230,165,31,.24);
  border-radius:16px;
  padding:26px;
  overflow:hidden;

  box-shadow:
    inset 0 0 24px rgba(88,217,255,.04),
    0 0 18px rgba(0,0,0,.24);
}

.tech-tag{
  width:58px;
  height:58px;
  border-radius:50%;
  border:1px solid var(--gold);
  display:grid;
  place-items:center;
  color:var(--gold2);
  font-weight:800;
  margin-bottom:18px;
  background:rgba(0,0,0,.32);
}

.technology-grid h3{
  color:var(--gold2);
  margin:0 0 12px;
  font-size:22px;
}

.technology-grid p{
  color:#d4d9e2;
  line-height:1.72;
  font-size:15px;
}

@media(max-width:1200px){
  .technology-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .technology-grid{
    grid-template-columns:1fr;
  }
}


/* Integrated Lynchpin simulator */
.lynchpin-simulator-integrated{
  margin:38px 0 44px;
  padding:28px;
  border:1px solid rgba(230,165,31,.26);
  border-radius:18px;
  background:
    radial-gradient(circle at 70% 20%, rgba(88,217,255,.10), transparent 34%),
    rgba(0,0,0,.30);
  box-shadow:
    0 0 28px rgba(88,217,255,.08),
    inset 0 0 22px rgba(230,165,31,.05);
}

.lynchpin-simulator-integrated h2{
  margin-top:0;
}

.lynchpin-simulator-integrated p{
  max-width:980px;
}

.lynchpin-simulator-integrated #skyCanvas{
  margin-top:24px;
}


/* Clean menu after simulator removal */
.main-nav{
  gap:24px;
}


/* =========================================================
   FULL RESPONSIVE UPGRADE — phone, tablet, desktop
   ========================================================= */

img,
video,
canvas{
  max-width:100%;
}

body{
  overflow-x:hidden;
}

.site-header{
  flex-wrap:wrap;
}

.main-nav{
  flex-wrap:wrap;
}

/* Desktop/laptop refinement */
@media(max-width:1280px){
  .site-header{
    padding:14px 24px;
    gap:18px;
  }

  .brand img{
    width:220px;
  }

  .main-nav{
    gap:16px;
    font-size:12px;
  }

  .section-block{
    padding:68px 5vw;
  }

  .approved-hero{
    width:115%;
    max-width:none;
    transform:translateX(-7%);
  }
}

/* Tablet layout */
@media(max-width:1024px){
  .site-header{
    align-items:center;
  }

  .brand img{
    width:210px;
  }

  .menu-toggle{
    display:block;
    margin-left:auto;
  }

  .main-nav{
    display:none;
    position:absolute;
    top:76px;
    right:20px;
    width:min(340px, calc(100vw - 40px));
    padding:20px;
    background:rgba(0,0,0,.96);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 18px 40px rgba(0,0,0,.42);
    z-index:200;
  }

  .main-nav.open{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  .main-nav a{
    width:100%;
    padding:11px 0;
    border-bottom:1px solid rgba(230,165,31,.10);
  }

  .investor-link{
    text-align:center;
    margin-top:8px;
  }

  .hero-shell{
    min-height:auto;
  }

  .approved-hero{
    width:1280px;
    max-width:none;
    transform:translateX(-17%);
  }

  .section-block h2{
    font-size:42px;
  }

  .feature-grid,
  .technology-grid,
  .app-grid,
  .news-list,
  .timeline,
  .investor-panel,
  .astronomy-grid,
  .sensor-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .astronomy-media-grid{
    grid-template-columns:1fr !important;
  }

  #skyCanvas{
    height:420px;
  }
}

/* Large phones / small tablets */
@media(max-width:768px){
  .site-header{
    min-height:74px;
    padding:12px 18px;
  }

  .brand img{
    width:185px;
  }

  .main-nav{
    top:70px;
    left:16px;
    right:16px;
    width:auto;
  }

  .approved-hero{
    width:1120px;
    transform:translateX(-25%);
  }

  .section-block{
    padding:54px 22px;
  }

  .section-label{
    font-size:12px;
    letter-spacing:3px;
  }

  .section-block h2{
    font-size:34px;
    line-height:1.12;
  }

  .section-block p{
    font-size:16px;
    line-height:1.62;
  }

  .feature-grid,
  .technology-grid,
  .app-grid,
  .news-list,
  .timeline,
  .investor-panel,
  .astronomy-grid,
  .sensor-grid{
    grid-template-columns:1fr !important;
  }

  .timeline div,
  .feature-grid article,
  .technology-grid article,
  .app-grid article,
  .news-list article,
  .sensor-grid article,
  .astronomy-grid article{
    padding:20px;
  }

  .lynchpin-quote{
    font-size:19px;
    padding:20px;
  }

  .lynchpin-simulator-integrated{
    padding:20px;
  }

  #skyCanvas{
    height:340px;
  }

  .contact-form button{
    width:100%;
  }
}

/* Small phones */
@media(max-width:520px){
  .brand img{
    width:160px;
  }

  .menu-toggle{
    padding:8px 10px;
    font-size:18px;
  }

  .approved-hero{
    width:980px;
    transform:translateX(-31%);
  }

  .section-block{
    padding:46px 18px;
  }

  .section-block h2{
    font-size:30px;
  }

  .tech-tag,
  .astro-icon{
    width:46px;
    height:46px;
    font-size:13px;
  }

  .astro-media-card{
    min-height:240px;
  }

  .astro-overlay h3{
    font-size:21px;
  }

  #skyCanvas{
    height:300px;
  }

  .contact-form input,
  .contact-form textarea{
    font-size:15px;
    padding:14px;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  .brand img{
    width:145px;
  }

  .approved-hero{
    width:920px;
    transform:translateX(-34%);
  }

  .section-block h2{
    font-size:27px;
  }

  .section-block p{
    font-size:15px;
  }
}


/* =========================================================
   Cinematic Footer Banner
   ========================================================= */

.miralink-footer{
  width:100%;
  margin-top:80px;
  border-top:1px solid rgba(230,165,31,.24);
  background:#02060b;
  overflow:hidden;
}

.miralink-footer img{
  width:100%;
  display:block;
  height:auto;
}

/* Tablet */
@media(max-width:1024px){
  .miralink-footer{
    margin-top:60px;
  }
}

/* Phones */
@media(max-width:768px){
  .miralink-footer{
    margin-top:44px;
  }

  .miralink-footer img{
    width:100%;
    object-fit:cover;
  }
}


/* Verified footer cleanup: only footer banner at bottom */
.miralink-footer{
  position:relative !important;
  width:100% !important;
  margin-top:80px !important;
  border-top:1px solid rgba(230,165,31,.24);
  background:#02060b;
  overflow:hidden;
  z-index:1;
}
.miralink-footer img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}






/* Compact Lynchpin physics graphic beside intro */
.lynchpin-intro-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) 360px;
  gap:34px;
  align-items:start;
  margin-top:8px;
  margin-bottom:34px;
}

.lynchpin-intro-copy p{
  max-width:100%;
}

.lynchpin-square-card{
  border:1px solid rgba(230,165,31,.28);
  border-radius:18px;
  overflow:hidden;
  background:#02070d;
  box-shadow:
    0 0 28px rgba(88,217,255,.09),
    inset 0 0 18px rgba(230,165,31,.06);
}

.lynchpin-square-card img{
  width:100%;
  aspect-ratio:1 / 1;
  display:block;
  object-fit:cover;
}

@media(max-width:1024px){
  .lynchpin-intro-layout{
    grid-template-columns:1fr;
  }

  .lynchpin-square-card{
    max-width:420px;
  }
}

@media(max-width:520px){
  .lynchpin-square-card{
    max-width:100%;
  }
}


/* Investor section */
.investor-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:34px;
}

.investor-card{
  background:rgba(8,16,26,.82);
  border:1px solid rgba(230,165,31,.18);
  border-radius:18px;
  padding:26px;
  box-shadow:
    0 0 18px rgba(88,217,255,.05),
    inset 0 0 16px rgba(230,165,31,.03);
}

.investor-card h3{
  margin-top:0;
  color:#f0c46b;
}

.investor-disclaimer{
  margin-top:34px;
  padding:20px;
  border-radius:14px;
  background:rgba(10,12,18,.92);
  border:1px solid rgba(255,255,255,.08);
  color:#b8c3cf;
  font-size:.92rem;
  line-height:1.7;
}

@media(max-width:980px){
  .investor-grid{
    grid-template-columns:1fr;
  }
}


/* Investor dashboard side graphic */
.investor-intro-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) 420px;
  gap:34px;
  align-items:start;
  margin-top:12px;
  margin-bottom:36px;
}

.investor-dashboard-card{
  background:rgba(5,10,18,.94);
  border:1px solid rgba(230,165,31,.24);
  border-radius:20px;
  overflow:hidden;
  box-shadow:
    0 0 26px rgba(88,217,255,.08),
    inset 0 0 22px rgba(230,165,31,.04);
}

.investor-dashboard-card img{
  width:100%;
  display:block;
  aspect-ratio:1/1;
  object-fit:cover;
}

@media(max-width:1024px){
  .investor-intro-layout{
    grid-template-columns:1fr;
  }

  .investor-dashboard-card{
    max-width:460px;
  }
}


/* About section team layout */
.about-team-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) 420px;
  gap:38px;
  align-items:start;
  margin-top:18px;
}

.about-copy p{
  max-width:100%;
}

.team-panel{
  background:
    radial-gradient(circle at 70% 0%, rgba(88,217,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(8,18,28,.94), rgba(0,0,0,.48));
  border:1px solid rgba(230,165,31,.25);
  border-radius:20px;
  padding:24px;
  box-shadow:
    0 0 26px rgba(88,217,255,.08),
    inset 0 0 22px rgba(230,165,31,.04);
}

.team-panel-header span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:3px;
}

.team-panel-header h3{
  margin:10px 0 22px;
  color:#fff;
  font-size:26px;
  line-height:1.15;
}

.team-list{
  display:grid;
  gap:14px;
}

.team-card{
  padding:16px 18px;
  border-radius:14px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(230,165,31,.16);
}

.team-card.featured{
  border-color:rgba(246,193,85,.42);
  background:
    radial-gradient(circle at 100% 0%, rgba(246,193,85,.12), transparent 42%),
    rgba(0,0,0,.32);
}

.team-card strong{
  display:block;
  color:var(--gold2);
  font-size:18px;
  margin-bottom:5px;
}

.team-card span{
  display:block;
  color:#e7edf5;
  font-size:14px;
  font-weight:800;
  margin-bottom:7px;
}

.team-card p{
  margin:0;
  color:#bfc9d5;
  font-size:13px !important;
  line-height:1.55;
}

@media(max-width:1100px){
  .about-team-layout{
    grid-template-columns:1fr;
  }

  .team-panel{
    max-width:760px;
  }
}

@media(max-width:700px){
  .team-panel{
    padding:18px;
  }

  .team-panel-header h3{
    font-size:22px;
  }
}


/* Footer restored: full original banner, proportional fit */
.miralink-footer img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
}


/* Footer logo corrected to match top MiraLink logo */
.miralink-footer img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}


/* Footer logo transparency update */
.miralink-footer img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
}


/* Explore technology clickable link */
.explore-tech-link{
  text-decoration:none;
  display:inline-block;
}


/* Clickable hotspot over baked-in EXPLORE TECHNOLOGY button */
.hero-shell{
  position:relative !important;
}

.hero-explore-hotspot{
  position:absolute;
  z-index:25;
  left:26.1%;
  top:45.3%;
  width:15.5%;
  height:5.9%;
  display:block;
  cursor:pointer;
  border-radius:8px;
  background:transparent;
}

.hero-explore-hotspot:hover{
  background:rgba(246,193,85,.08);
  box-shadow:0 0 18px rgba(246,193,85,.16);
}

/* Match existing hero scaling breakpoints */
@media(max-width:1280px){
  .hero-explore-hotspot{
    left:22.9%;
  }
}

@media(max-width:1024px){
  .hero-explore-hotspot{
    left:16.8%;
    width:174px;
    height:46px;
  }
}

@media(max-width:768px){
  .hero-explore-hotspot{
    left:10.0%;
    width:155px;
    height:42px;
  }
}

@media(max-width:520px){
  .hero-explore-hotspot{
    left:5.2%;
    width:138px;
    height:38px;
  }
}


/* Real OTC public company data section */
.investor-intro-realdata{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) 440px;
  gap:38px;
  align-items:start;
  margin-top:18px;
  margin-bottom:36px;
}

.pubco-data-card{
  background:
    radial-gradient(circle at 70% 0%, rgba(88,217,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(8,18,28,.96), rgba(0,0,0,.55));
  border:1px solid rgba(230,165,31,.28);
  border-radius:20px;
  padding:24px;
  box-shadow:
    0 0 26px rgba(88,217,255,.08),
    inset 0 0 22px rgba(230,165,31,.04);
}

.pubco-header span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:3px;
}

.pubco-header h3{
  margin:10px 0 5px;
  font-size:28px;
  color:#fff;
}

.pubco-header p{
  margin:0 0 16px;
  font-size:13px !important;
  color:#aeb9c7;
}

.ticker-pill{
  display:inline-block;
  padding:10px 14px;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(246,193,85,.10);
  border:1px solid rgba(246,193,85,.34);
  color:#d9e4ef;
  font-weight:700;
}

.ticker-pill strong{
  color:var(--gold2);
}

.pubco-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:22px;
}

.pubco-metrics div{
  padding:14px;
  border-radius:14px;
  background:rgba(0,0,0,.30);
  border:1px solid rgba(230,165,31,.15);
}

.pubco-metrics strong{
  display:block;
  color:var(--gold2);
  font-size:23px;
  margin-bottom:5px;
}

.pubco-metrics span{
  display:block;
  color:#e7edf5;
  font-size:13px;
  font-weight:800;
}

.pubco-metrics small{
  display:block;
  color:#9eadba;
  font-size:11px;
  margin-top:4px;
}

.share-bars{
  display:grid;
  gap:14px;
  margin:22px 0;
}

.bar-row label{
  display:block;
  color:#d7e0eb;
  font-size:13px;
  margin-bottom:6px;
}

.bar-track{
  width:100%;
  height:11px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  border:1px solid rgba(230,165,31,.12);
}

.bar-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--gold), var(--cyan));
}

.bar-row em{
  display:block;
  color:#aeb9c7;
  font-size:12px;
  margin-top:4px;
  font-style:normal;
}

.pubco-footnotes{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(230,165,31,.16);
}

.pubco-footnotes p{
  margin:0 0 8px;
  font-size:13px !important;
  line-height:1.45;
  color:#bfccd9;
}

.pubco-footnotes a{
  display:inline-block;
  margin-top:10px;
  color:var(--gold2);
  text-decoration:none;
  font-weight:800;
}

.pubco-footnotes a:hover{
  text-decoration:underline;
}

@media(max-width:1100px){
  .investor-intro-realdata{
    grid-template-columns:1fr;
  }

  .pubco-data-card{
    max-width:720px;
  }
}

@media(max-width:620px){
  .pubco-metrics{
    grid-template-columns:1fr;
  }
}


/* GlobeNewswire press release news section */
.press-news-section{
  background:
    radial-gradient(circle at 74% 18%, rgba(88,217,255,.09), transparent 28%),
    radial-gradient(circle at 20% 10%, rgba(246,193,85,.08), transparent 28%),
    #02070d;
}

.press-release-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}

.press-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:260px;
  padding:22px;
  border-radius:16px;
  border:1px solid rgba(230,165,31,.22);
  background:
    linear-gradient(180deg, rgba(8,18,28,.92), rgba(0,0,0,.48));
  box-shadow:
    inset 0 0 22px rgba(88,217,255,.035),
    0 0 18px rgba(0,0,0,.24);
}

.press-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:14px;
}

.press-meta span{
  color:var(--gold2);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

.press-meta em{
  color:#8fdfff;
  font-size:11px;
  font-style:normal;
  font-weight:800;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.6px;
}

.press-card h3{
  color:#f2f5f8;
  font-size:17px;
  line-height:1.36;
  margin:0 0 18px;
}

.press-card a{
  margin-top:auto;
  color:var(--gold2);
  text-decoration:none;
  font-weight:900;
  font-size:14px;
}

.press-card a:hover{
  text-decoration:underline;
}

@media(max-width:1200px){
  .press-release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .press-release-grid{
    grid-template-columns:1fr;
  }

  .press-card{
    min-height:auto;
  }
}


/* Compact press release design */
.compact-news{
  background:
    radial-gradient(circle at 78% 12%, rgba(88,217,255,.10), transparent 26%),
    radial-gradient(circle at 20% 6%, rgba(246,193,85,.08), transparent 25%),
    #02070d;
}

.news-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:26px;
}

.news-heading-row h2{
  margin-bottom:10px;
}

.news-source-link{
  flex:0 0 auto;
  color:var(--gold2);
  border:1px solid rgba(246,193,85,.35);
  border-radius:999px;
  padding:12px 18px;
  text-decoration:none;
  font-weight:900;
  font-size:14px;
  background:rgba(0,0,0,.24);
}

.press-list{
  display:grid;
  gap:12px;
}

.press-row{
  display:grid;
  grid-template-columns:130px minmax(0,1fr) 44px;
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border:1px solid rgba(230,165,31,.18);
  border-radius:14px;
  background:linear-gradient(90deg, rgba(8,18,28,.92), rgba(0,0,0,.42));
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.press-row:hover{
  transform:translateY(-2px);
  border-color:rgba(246,193,85,.48);
  background:linear-gradient(90deg, rgba(13,28,42,.96), rgba(0,0,0,.54));
}

.press-date{
  color:var(--gold2);
  font-weight:900;
  font-size:14px;
  white-space:nowrap;
}

.press-main span{
  display:block;
  color:#8fdfff;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:11px;
  font-weight:900;
  margin-bottom:5px;
}

.press-main strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.28;
}

.press-arrow{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#061018;
  background:var(--gold2);
  font-weight:900;
  font-size:20px;
}

@media(max-width:800px){
  .news-heading-row{
    display:block;
  }

  .news-source-link{
    display:inline-block;
    margin-top:12px;
  }

  .press-row{
    grid-template-columns:1fr 34px;
  }

  .press-date{
    grid-column:1 / -1;
  }

  .press-main strong{
    font-size:16px;
  }
}


/* ResearchGate PDF paper buttons under Applications */
.research-paper-panel{
  margin-top:36px;
  padding:26px;
  border:1px solid rgba(230,165,31,.24);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 0%, rgba(88,217,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(8,18,28,.88), rgba(0,0,0,.45));
  box-shadow:
    0 0 24px rgba(88,217,255,.06),
    inset 0 0 18px rgba(230,165,31,.035);
}

.research-paper-heading span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:3px;
}

.research-paper-heading h3{
  color:#fff;
  font-size:28px;
  margin:8px 0 8px;
}

.research-paper-heading p{
  max-width:900px;
  margin:0 0 20px;
  color:#c7d2de;
  font-size:16px !important;
  line-height:1.55;
}

.research-paper-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.pdf-button{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  border-radius:14px;
  text-decoration:none;
  border:1px solid rgba(246,193,85,.28);
  background:rgba(0,0,0,.28);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.pdf-button:hover{
  transform:translateY(-2px);
  border-color:rgba(246,193,85,.58);
  background:rgba(246,193,85,.08);
}

.pdf-icon{
  flex:0 0 auto;
  width:58px;
  height:72px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  font-size:15px;
  letter-spacing:.8px;
  background:
    linear-gradient(180deg,#d93030,#8d1111);
  border-radius:8px;
  position:relative;
  box-shadow:0 0 18px rgba(217,48,48,.22);
}

.pdf-icon::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  border-top:16px solid rgba(255,255,255,.72);
  border-left:16px solid transparent;
}

.pdf-button strong{
  display:block;
  color:var(--gold2);
  font-size:17px;
  margin-bottom:5px;
  line-height:1.25;
}

.pdf-button em{
  display:block;
  color:#d7e0eb;
  font-size:13px;
  font-style:normal;
  line-height:1.35;
}

@media(max-width:850px){
  .research-paper-buttons{
    grid-template-columns:1fr;
  }
}


/* Compact research paper links */
.platform-research-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 360px;
  gap:28px;
  align-items:start;
  margin-top:26px;
}

.paper-links-box{
  border:1px solid rgba(230,165,31,.24);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(8,18,28,.92), rgba(0,0,0,.42));
  padding:16px;
  display:grid;
  gap:14px;
}

.paper-link{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  border-radius:12px;
  text-decoration:none;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(246,193,85,.16);
  transition:all .18s ease;
}

.paper-link:hover{
  background:rgba(246,193,85,.06);
  border-color:rgba(246,193,85,.42);
  transform:translateY(-1px);
}

.paper-pdf-icon{
  width:52px;
  height:62px;
  flex:0 0 auto;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#d83b3b,#8f1414);
  color:#fff;
  font-weight:900;
  font-size:14px;
  position:relative;
}

.paper-pdf-icon::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-top:14px solid rgba(255,255,255,.7);
  border-left:14px solid transparent;
}

.paper-link-text strong{
  display:block;
  color:var(--gold2);
  font-size:16px;
  margin-bottom:4px;
}

.paper-link-text span{
  color:#d3dde8;
  font-size:13px;
  line-height:1.3;
}

@media(max-width:900px){
  .platform-research-layout{
    grid-template-columns:1fr;
  }

  .paper-links-box{
    max-width:480px;
  }
}


/* About section whitepaper links */
.about-whitepaper-box{
  margin-top:34px;
  padding:22px;
  border:1px solid rgba(230,165,31,.24);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(88,217,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(8,18,28,.92), rgba(0,0,0,.45));
  box-shadow:
    0 0 24px rgba(88,217,255,.06),
    inset 0 0 18px rgba(230,165,31,.035);
}

.about-whitepaper-heading span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:3px;
}

.about-whitepaper-heading h3{
  color:#fff;
  font-size:28px;
  margin:8px 0 8px;
}

.about-whitepaper-heading p{
  max-width:980px;
  margin:0 0 18px;
  color:#c7d2de;
  font-size:16px !important;
  line-height:1.55;
}

.about-paper-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

@media(max-width:850px){
  .about-paper-links{
    grid-template-columns:1fr;
  }
}


/* Astronomy MP4 embed card - preserves existing grid sizing */
.astro-video-card{
  padding:0 !important;
  overflow:hidden;
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:#02070d !important;
}

.astro-card-video{
  width:100%;
  height:100%;
  min-height:230px;
  display:block;
  object-fit:cover;
  border:0;
  border-radius:14px;
  background:#000;
}


/* Hide all native controls appearance */
.astro-card-video::-webkit-media-controls{
  display:none !important;
}

.astro-card-video{
  pointer-events:none;
}


/* Clickable hotspot over the footer X icon */
.miralink-footer{
  position:relative !important;
}

.footer-x-hotspot{
  position:absolute;
  z-index:30;
  display:block;
  left:50.7%;
  bottom:11.5%;
  width:34px;
  height:34px;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}

.footer-x-hotspot:hover{
  background:rgba(246,193,85,.12);
  box-shadow:0 0 16px rgba(246,193,85,.35);
}

/* Scale hotspot for smaller screens */
@media(max-width:900px){
  .footer-x-hotspot{
    left:50.1%;
    bottom:10%;
    width:28px;
    height:28px;
  }
}

@media(max-width:520px){
  .footer-x-hotspot{
    left:49.6%;
    bottom:8%;
    width:24px;
    height:24px;
  }
}


/* Company contact card */
.company-contact-card{
  margin:28px 0 28px;
  padding:26px;
  border:1px solid rgba(230,165,31,.28);
  border-radius:18px;
  background:
    radial-gradient(circle at 85% 0%, rgba(88,217,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(8,18,28,.92), rgba(0,0,0,.46));
  box-shadow:
    0 0 24px rgba(88,217,255,.06),
    inset 0 0 18px rgba(230,165,31,.04);
  max-width:860px;
}

.contact-card-header span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:3px;
}

.contact-card-header h3{
  color:#fff;
  font-size:32px;
  margin:8px 0 18px;
}

.contact-detail-block{
  padding:18px;
  border-radius:14px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(230,165,31,.14);
  margin-bottom:16px;
}

.contact-detail-block strong{
  display:block;
  color:var(--gold2);
  margin-bottom:8px;
  font-size:16px;
}

.contact-detail-block p{
  margin:0;
  color:#d9e3ef;
  font-size:17px !important;
  line-height:1.55;
}

.contact-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.contact-detail-grid a{
  display:block;
  padding:16px;
  border-radius:14px;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(230,165,31,.14);
  text-decoration:none;
  transition:all .18s ease;
}

.contact-detail-grid a:hover{
  border-color:rgba(246,193,85,.45);
  background:rgba(246,193,85,.06);
  transform:translateY(-1px);
}

.contact-detail-grid span{
  display:block;
  color:#8fdfff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
  margin-bottom:6px;
}

.contact-detail-grid strong{
  color:#fff;
  font-size:15px;
  overflow-wrap:anywhere;
}

@media(max-width:850px){
  .contact-detail-grid{
    grid-template-columns:1fr;
  }
}


/* Side-by-side contact layout */
.contact-flex-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:34px;
  align-items:start;
  margin-top:26px;
}

.contact-left-panel{
  min-width:0;
}

.contact-right-panel{
  min-width:0;
}

.contact-right-panel .contact-form{
  margin-top:0 !important;
  width:100%;
}

.contact-right-panel input,
.contact-right-panel textarea{
  width:100%;
}

@media(max-width:980px){
  .contact-flex-layout{
    grid-template-columns:1fr;
  }

  .contact-right-panel{
    max-width:760px;
  }
}


/* Smaller SEC disclaimer styling */
.investor-disclaimer,
.investor-disclaimer p{
    font-size:12px !important;
    line-height:1.55 !important;
    opacity:0.88;
}

.investor-disclaimer strong{
    font-size:13px !important;
}