/* Styles externalized from HMT-A_targeted_panels.html */

/* <style> */
  @import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=DM+Mono:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');
  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
  * { cursor: none !important; }
  :root{ --gold:#4ab3f4;--amber:#5ec4ff;--orange:#2d8fd6;--gold-bright:#80d4ff;--border:rgba(74,179,244,0.22); }
  html,body{width:100%;min-height:100%;background:#020609;overflow-x:hidden}
  #cursor{ position:fixed;z-index:9999;pointer-events:none;left:50%;top:50%;
    width:10px;height:10px;border-radius:50%;background:rgba(94,196,255,0.92);
    box-shadow:0 0 10px 3px rgba(74,179,244,0.75),0 0 22px 7px rgba(74,179,244,0.28);
    transform:translate(-50%,-50%); }
  #cursor-ring{ position:fixed;z-index:9998;pointer-events:none;left:50%;top:50%;
    width:36px;height:36px;border-radius:50%;border:1px solid rgba(74,179,244,0.55);
    transform:translate(-50%,-50%);
    transition:left .10s cubic-bezier(.23,1,.32,1),top .10s cubic-bezier(.23,1,.32,1); }
  canvas#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}
  #vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(ellipse 82% 82% at 50% 50%,transparent 22%,rgba(2,6,18,0.52) 62%,rgba(2,6,18,0.90) 100%)}
  #scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0.018;
    background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,179,244,1) 2px,rgba(74,179,244,1) 3px)}
  #ui-nav{position:fixed;top:0;left:0;right:0;z-index:100;
    background:linear-gradient(to bottom,rgba(2,6,16,0.96) 0%,rgba(2,6,16,0.80) 75%,transparent 100%);
    backdrop-filter:blur(4px)}
  nav{display:flex;align-items:center;justify-content:space-between;padding:24px 52px 18px}
  .nav-logo{display:flex;flex-direction:column;gap:6px}
  .logo-img{width:170px;height:auto;display:block;flex-shrink:0}
  .nav-sub{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.24em;
    color:rgba(200,220,255,0.55);text-transform:uppercase;margin-top:2px}
  
  .nav-links a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;
    color:rgba(180,220,255,0.78);text-decoration:none;text-transform:uppercase;
    transition:color 0.3s;padding:10px 14px;margin:-10px -14px;display:inline-block}
  .nav-links a:hover,.nav-links a.active{color:var(--gold)}
  .nav-cta{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.2em;
    color:#020810;background:var(--gold);padding:10px 22px;text-decoration:none;
    text-transform:uppercase;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:background 0.3s}
  .nav-cta:hover{background:var(--gold-bright)}
  #content{position:relative;z-index:10;padding:120px 52px 90px;min-height:100vh}
  .page-tag{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.3em;
    color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:12px;
    margin-bottom:18px;opacity:0;animation:fadeUp 0.9s 0.2s forwards}
  .page-tag::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .page-h1{font-family:"Cormorant Garamond",serif;font-weight:300;
    font-size:clamp(36px,4.5vw,62px);line-height:1.08;color:#fff;
    letter-spacing:-0.01em;margin-bottom:18px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .page-h1 em{font-style:italic;color:var(--gold)}
  .page-intro{font-family:"DM Mono",monospace;font-size:13.5px;line-height:1.9;
    color:rgba(200,230,255,0.85);letter-spacing:0.04em;
    max-width:660px;margin-bottom:62px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .section-block{margin-bottom:56px;opacity:0;animation:fadeUp 1s both}
  .section-title{font-family:"Cormorant Garamond",serif;font-weight:300;
    font-size:30px;color:#fff;margin-bottom:24px;
    padding-bottom:12px;border-bottom:1px solid var(--border)}
  .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
  .card{background:rgba(4,12,28,0.72);border:1px solid var(--border);
    padding:26px 28px;transition:border-color 0.4s,background 0.4s}
  .card:hover{border-color:rgba(74,179,244,0.55);background:rgba(5,14,34,0.88)}
  .card-icon{ display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;margin-bottom:14px;
    border:1px solid rgba(74,179,244,0.35);color:#5ec4ff;flex-shrink:0; }
  .card-icon svg{ display:block; }
  .card-title{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:0.18em;
    color:var(--gold);text-transform:uppercase;margin-bottom:12px}
  .card-body{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.85;
    color:rgba(190,225,255,0.88)}
  .card-tag{display:inline-block;font-family:"DM Mono",monospace;font-size:10px;
    letter-spacing:0.18em;color:rgba(94,196,255,0.80);
    border:1px solid rgba(74,179,244,0.30);padding:3px 8px;
    text-transform:uppercase;margin-top:12px}
  #mol-label{position:fixed;z-index:200;pointer-events:none;
    font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;
    color:rgba(150,215,255,0.92);text-shadow:0 0 10px rgba(74,179,244,0.55);
    opacity:0;transition:opacity 0.25s;white-space:nowrap}
  .page-footer{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;
    color:rgba(74,179,244,0.55);text-align:center;padding:32px 0 16px;text-transform:uppercase}
  @keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

  /* ── Dropdown Nav ── */
  .nav-links{display:flex;gap:40px;list-style:none}
  .nav-links > li{position:relative}
  .nav-links a{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;
    color:rgba(160,210,255,0.55);text-decoration:none;text-transform:uppercase;
    transition:color 0.3s;padding:10px 14px;margin:-10px -14px;display:inline-block}
  .nav-links > li > a{display:inline-block}
  .nav-links a:hover,
  .nav-links a.active{color:var(--gold)}
  .dropdown{position:absolute;top:calc(100% + 8px);left:-14px;min-width:220px;
    background:rgba(2,8,20,0.97);border:1px solid var(--border);
    backdrop-filter:blur(8px);display:none;z-index:200}
  .nav-links > li:hover .dropdown{display:block}
  .dropdown a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.18em;
    color:rgba(180,220,255,0.78);text-decoration:none;text-transform:uppercase;
    display:block;padding:10px 18px;border-bottom:1px solid rgba(74,179,244,0.08);
    transition:color 0.2s,background 0.2s}
  .dropdown a:last-child{border-bottom:none}
  .dropdown a:hover{color:var(--gold);background:rgba(74,179,244,0.06)}

  .card-learn-more{display:inline-block;font-family:"DM Mono",monospace;font-size:11px;
    letter-spacing:0.20em;color:var(--gold);text-decoration:none;text-transform:uppercase;
    margin-top:16px;transition:color 0.3s,border-color 0.3s,opacity 0.3s;
    opacity:1;cursor:none;
    border:1px solid rgba(74,179,244,0.38);padding:6px 14px;border-radius:2px}
  .card-learn-more:hover{color:#fff;border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.08)}

  /* ═══════════════════════════════════════════════════════════
     HOMEPAGE STYLES
  ═══════════════════════════════════════════════════════════ */

  /* Shared section typography */
  .sec-eyebrow{font-family:"DM Mono",monospace;font-size:15px;letter-spacing:0.38em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:18px;opacity:1;font-weight:400}
  .sec-h2{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(40px,4.8vw,68px);line-height:1.08;color:#fff;margin-bottom:20px;letter-spacing:-0.012em}
  .sec-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);letter-spacing:0.03em;max-width:640px;margin-bottom:40px}

  /* ── HERO ────────────────────────────────────────────────── */
  .hp-hero{padding:170px 52px 140px;max-width:780px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
  .hero-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.32em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px;opacity:0;animation:fadeUp 0.8s 0.2s forwards}
  .hero-eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .hero-h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(42px,5.5vw,76px);line-height:1.05;color:#fff;letter-spacing:-0.015em;margin-bottom:22px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .hero-h1 em{font-style:italic;color:var(--gold)}
  .hero-sub{font-family:"DM Mono",monospace;font-size:13px;line-height:1.9;color:rgba(200,230,255,0.85);letter-spacing:0.03em;max-width:620px;margin-bottom:38px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .hero-ctas{display:flex;gap:18px;flex-wrap:wrap;opacity:0;animation:fadeUp 1s 0.65s forwards}
  .cta-primary{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;color:#020810;background:var(--gold);padding:14px 30px;text-decoration:none;text-transform:uppercase;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:background 0.3s;display:inline-block}
  .cta-primary:hover{background:var(--gold-bright)}
  .cta-ghost{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;color:var(--gold);border:1px solid rgba(74,179,244,0.38);padding:13px 28px;text-decoration:none;text-transform:uppercase;transition:all 0.3s;display:inline-block}
  .cta-ghost:hover{border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.06);color:#fff}

  /* ── WHY METABOLOMICS ──────────────────────────────────────── */
  .hp-why{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:8px}
  .why-card{background:rgba(4,12,28,0.65);border:1px solid var(--border);padding:30px 28px;transition:border-color 0.35s,background 0.35s}
  .why-card:hover{border-color:rgba(74,179,244,0.50);background:rgba(5,14,34,0.85)}
  .why-icon{color:#5ec4ff;margin-bottom:16px}
  .why-title{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:12px}
  .why-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.90;color:rgba(190,220,255,0.82)}

  /* ── HMT USPs ─────────────────────────────────────────────── */
  .hp-usps{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .usp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:8px}
  .usp-item{background:rgba(4,12,28,0.65);border:1px solid var(--border);padding:30px 28px;transition:border-color 0.35s,background 0.35s}
  .usp-item:hover{border-color:rgba(74,179,244,0.50);background:rgba(5,14,34,0.85)}
  .usp-featured{border-color:rgba(74,179,244,0.38);background:rgba(6,18,40,0.75);grid-column:1/-1}
  .usp-num{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:300;color:var(--gold);opacity:0.45;margin-bottom:10px;line-height:1}
  .usp-title{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:12px;line-height:1.5}
  .usp-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.90;color:rgba(190,220,255,0.82)}

  /* ── STATS STRIP ─────────────────────────────────────────── */
  .hp-stats{padding:10px 52px 10px;display:flex;align-items:center;gap:0;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 52px 140px;opacity:0;animation:fadeUp 1s 0.8s forwards}
  .stat-item{flex:1 1 160px;padding:28px 24px;text-align:center}
  .stat-num{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,42px);font-weight:300;color:var(--gold);display:block;line-height:1}
  .stat-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(180,220,255,0.65);text-transform:uppercase;display:block;margin-top:8px;line-height:1.5}
  .stat-divider{width:1px;height:60px;background:var(--border);flex-shrink:0}

  /* ── PLATFORM WIZARD ─────────────────────────────────────── */
  .hp-wizard{padding:40px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .wizard-box{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:40px 44px;max-width:760px;margin-top:32px;position:relative}
  .wiz-step{display:none}
  .wiz-step.active{display:block}
  .wiz-q{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:300;color:#fff;margin-bottom:24px}
  .wiz-opts{display:flex;flex-direction:column;gap:10px}
  .wiz-btn{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.14em;color:rgba(180,220,255,0.85);background:rgba(74,179,244,0.04);border:1px solid rgba(74,179,244,0.22);padding:14px 20px;text-align:left;cursor:none;transition:all 0.25s;text-transform:none}
  .wiz-btn:hover{border-color:rgba(74,179,244,0.60);background:rgba(74,179,244,0.10);color:#fff}
  .wiz-back{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(74,179,244,0.60);background:none;border:none;cursor:none;margin-top:20px;padding:0;text-transform:uppercase;transition:color 0.2s}
  .wiz-back:hover{color:var(--gold)}
  .wiz-result-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
  .wiz-result-name{font-family:"Cormorant Garamond",serif;font-size:36px;font-weight:300;color:#fff;margin-bottom:14px}
  .wiz-result-desc{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.85;color:rgba(200,230,255,0.85);margin-bottom:28px}
  .wiz-result-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}



  /* ── HOW IT WORKS TIMELINE ────────────────────────────────── */
  .hp-how{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .timeline{display:flex;flex-direction:column;gap:0;max-width:720px;margin-top:8px}
  .tl-step{display:flex;gap:28px;align-items:flex-start;padding:28px 0}
  .tl-num{font-family:"Cormorant Garamond",serif;font-size:40px;font-weight:300;color:var(--gold);opacity:0.45;flex-shrink:0;line-height:1;width:52px;text-align:right}
  .tl-body{flex:1;border-left:1px solid var(--border);padding-left:28px}
  .tl-title{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:8px}
  .tl-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.85;color:rgba(190,220,255,0.82)}
  .tl-time{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:var(--gold);opacity:0.70;margin-top:10px;text-transform:uppercase}
  .tl-connector{width:1px;height:0;background:var(--border);margin-left:calc(52px + 28px - 0.5px)}

  /* ── PUBLICATIONS ──────────────────────────────────────────── */
  .hp-pubs{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:8px}
  .pub-card{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:26px 28px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.35s}
  .pub-card:hover{border-color:rgba(74,179,244,0.50)}
  .pub-journal{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;opacity:0.80}
  .pub-title{font-family:"Cormorant Garamond",serif;font-size:16px;font-weight:300;color:rgba(220,240,255,0.95);line-height:1.45;flex:1}
  .pub-authors{font-family:"DM Mono",monospace;font-size:11px;color:rgba(160,210,255,0.65);letter-spacing:0.10em}
  .pub-platform{display:flex;gap:8px;flex-wrap:wrap}
  .pub-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.16em;color:rgba(94,196,255,0.75);border:1px solid rgba(74,179,244,0.28);padding:2px 7px;text-transform:uppercase}
  .pubs-cta-row{margin-top:28px}

  /* ── INQUIRY FORM ─────────────────────────────────────────── */
  .hp-contact{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .hp-contact .sec-sub a.inline-link{color:var(--gold);text-decoration:none}
  .hp-contact .sec-sub a.inline-link:hover{text-decoration:underline}
  .inquiry-form{max-width:720px;margin-top:8px}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
  .form-group{display:flex;flex-direction:column;gap:6px}
  .form-group-full{margin-bottom:16px}
  .form-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:rgba(150,210,255,0.75);text-transform:uppercase}
  .form-input{font-family:"DM Mono",monospace;font-size:12px;color:rgba(210,235,255,0.90);background:rgba(4,12,28,0.72);border:1px solid rgba(74,179,244,0.30);padding:12px 14px;outline:none;transition:border-color 0.25s;letter-spacing:0.06em}
  .form-input:focus{border-color:rgba(74,179,244,0.70)}
  .form-input::placeholder{color:rgba(150,200,255,0.35)}
  .form-select{appearance:none;cursor:none}
  .form-textarea{resize:vertical;min-height:100px}
  .form-submit-row{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}
  .form-note{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:rgba(120,180,255,0.55);text-transform:uppercase}

  /* ── RESOURCES ─────────────────────────────────────────────── */
  .hp-resources{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:8px}
  .resource-card{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:28px 24px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color 0.35s,background 0.35s;cursor:none}
  .resource-card:hover{border-color:rgba(74,179,244,0.55);background:rgba(5,14,34,0.88)}
  .resource-icon{font-size:26px;line-height:1}
  .resource-type{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;opacity:0.80}
  .resource-title{font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:300;color:rgba(220,240,255,0.95);line-height:1.4;flex:1}
  .resource-cta{font-family:"DM Mono",monospace;font-size:10.5px;letter-spacing:0.16em;color:rgba(94,196,255,0.75);text-transform:uppercase;margin-top:4px}
  .resource-card:hover .resource-cta{color:#fff}

  /* ── RESPONSIVE ─────────────────────────────────────────────── */
  @media(max-width:700px){
    .hp-hero{padding:140px 24px 80px;min-height:100vh}
    .hp-stats{margin:0 24px 90px;padding:10px 0}
    .stat-divider{display:none}
    .hp-why,.hp-usps,.hp-how,.hp-pubs,.hp-contact,.hp-resources{padding:100px 24px 90px}
    .hp-wizard{padding:30px 24px 90px}
    .usp-featured{grid-column:auto}
    .form-row{grid-template-columns:1fr}
    .wizard-box{padding:28px 22px}
    .hero-ctas{flex-direction:column;gap:12px}
    .sec-eyebrow{font-size:13px;letter-spacing:0.32em}
  }

  /* Nav solidifies on scroll */
  #ui-nav.scrolled{background:rgba(2,6,16,0.98) !important;backdrop-filter:blur(8px)}

  .res-hero{padding:148px 52px 56px;max-width:720px;opacity:0;animation:fadeUp 1s 0.2s forwards}
  .res-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.32em;color:var(--gold-bright);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .res-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold)}
  .res-hero h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(40px,5vw,64px);line-height:1.05;color:#fff;letter-spacing:-0.015em;margin-bottom:16px}
  .res-hero h1 em{font-style:italic;color:var(--gold)}
  .res-hero-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);max-width:580px}
  .res-tabs{display:flex;gap:0;margin:0 52px 40px;border-bottom:1px solid var(--border)}
  .res-tab{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(180,210,255,0.55);padding:12px 24px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all 0.25s;background:none;border-top:none;border-left:none;border-right:none}
  .res-tab.active,.res-tab:hover{color:var(--gold);border-bottom-color:var(--gold)}
  .res-panel{display:none;padding:0 52px 60px;opacity:0;transition:opacity 0.3s}
  .res-panel.active{display:block;opacity:1}
  .ebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:8px}
  .ebook-card{background:rgba(4,12,28,0.7);border:1px solid var(--border);padding:28px 24px;transition:border-color 0.3s,transform 0.3s;cursor:pointer}
  .ebook-card:hover{border-color:rgba(74,179,244,0.5);transform:translateY(-2px)}
  .ebook-icon{width:40px;height:40px;margin-bottom:16px;opacity:0.8}
  .ebook-type{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:0.24em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
  .ebook-title{font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:300;color:#fff;line-height:1.3;margin-bottom:12px}
  .ebook-desc{font-family:"DM Mono",monospace;font-size:11px;line-height:1.8;color:rgba(180,215,255,0.7);margin-bottom:16px}
  .ebook-download-btn{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(74,179,244,0.35);padding:8px 16px;background:none;cursor:pointer;transition:all 0.25s;width:100%}
  .ebook-download-btn:hover{border-color:rgba(74,179,244,0.8);background:rgba(74,179,244,0.08)}
  .email-gate{display:none;position:fixed;inset:0;background:rgba(2,6,15,0.88);z-index:1000;align-items:center;justify-content:center}
  .email-gate.open{display:flex}
  .gate-box{background:#040c1e;border:1px solid rgba(74,179,244,0.4);padding:44px 48px;max-width:480px;width:90%;position:relative}
  .gate-close{position:absolute;top:16px;right:20px;background:none;border:none;color:rgba(180,210,255,0.5);font-size:20px;cursor:pointer;font-family:"DM Mono",monospace}
  .gate-close:hover{color:#fff}
  .gate-title{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:#fff;margin-bottom:8px}
  .gate-subtitle{font-family:"DM Mono",monospace;font-size:11px;color:rgba(180,215,255,0.65);line-height:1.8;margin-bottom:24px}
  .gate-input{width:100%;background:rgba(2,8,20,0.8);border:1px solid rgba(74,179,244,0.35);color:#fff;font-family:"DM Mono",monospace;font-size:12px;padding:12px 16px;margin-bottom:12px;outline:none;box-sizing:border-box}
  .gate-input:focus{border-color:rgba(74,179,244,0.7)}
  .gate-input::placeholder{color:rgba(120,170,220,0.4)}
  .gate-submit{width:100%;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#020810;background:var(--gold);border:none;padding:14px;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background 0.3s;margin-top:4px}
  .gate-submit:hover{background:var(--gold-bright)}
  .gate-note{font-family:"DM Mono",monospace;font-size:9px;color:rgba(120,170,220,0.45);margin-top:12px;line-height:1.7}
  .news-section{margin-bottom:40px}
  .news-section-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.26em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
  .news-item{padding:20px 0;border-bottom:1px solid rgba(74,179,244,0.1);display:flex;gap:20px;align-items:flex-start}
  .news-item:last-child{border-bottom:none}
  .news-arrow{color:var(--gold);font-family:"DM Mono",monospace;font-size:14px;margin-top:2px;flex-shrink:0}
  .news-title{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:#fff;margin-bottom:6px;line-height:1.3}
  .news-title a{color:#fff;text-decoration:none;transition:color 0.25s}
  .news-title a:hover{color:var(--gold)}
  .news-meta{font-family:"DM Mono",monospace;font-size:10px;color:rgba(150,195,255,0.55);letter-spacing:0.1em}
  .archive-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
  .archive-tag{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.14em;color:rgba(94,196,255,0.75);border:1px solid rgba(74,179,244,0.28);padding:6px 14px;text-transform:uppercase;text-decoration:none;transition:all 0.25s}
  .archive-tag:hover{border-color:rgba(74,179,244,0.8);color:#fff;background:rgba(74,179,244,0.08)}
  .sec-eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.32em;color:var(--gold-bright);text-transform:uppercase;opacity:1}
  .sec-h2{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(24px,2.8vw,38px);line-height:1.1;color:#fff;margin-bottom:14px}
  .sec-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);letter-spacing:0.03em;margin-bottom:36px}
  .page-footer{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(120,180,255,0.35);text-align:center;padding:32px 52px 40px;text-transform:uppercase;border-top:1px solid var(--border);margin-top:20px}
  @media(max-width:700px){
    .res-hero,.res-tabs,.res-panel{padding-left:24px;padding-right:24px}
    .res-tabs{margin-left:24px;margin-right:24px}
  }

  /* Synced to HMT-A_toppage.html */
  html,body{background:#020609;}
  body,button,input,select,textarea{font-family:"DM Mono",monospace}
  .hero-h1,.page-h1,.sec-h2,.section-title,.res-hero h1,.app-hero h1,.app-card-title,.ebook-title,.res-modal-title{font-family:"Cormorant Garamond",serif !important;font-weight:300}


  /* Resources spacing refinements */
  .res-tabs{margin:28px 52px 52px !important}
  .res-panel{padding-top:18px !important}

  @import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=DM+Mono:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');
  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
  * { cursor: none !important; }
  :root{ --gold:#4ab3f4;--amber:#5ec4ff;--orange:#2d8fd6;--gold-bright:#80d4ff;--border:rgba(74,179,244,0.22); }
  html,body{width:100%;min-height:100%;background:#020609;overflow-x:hidden}
  #cursor{ position:fixed;z-index:9999;pointer-events:none;left:50%;top:50%;
    width:10px;height:10px;border-radius:50%;background:rgba(94,196,255,0.92);
    box-shadow:0 0 10px 3px rgba(74,179,244,0.75),0 0 22px 7px rgba(74,179,244,0.28);
    transform:translate(-50%,-50%); }
  #cursor-ring{ position:fixed;z-index:9998;pointer-events:none;left:50%;top:50%;
    width:36px;height:36px;border-radius:50%;border:1px solid rgba(74,179,244,0.55);
    transform:translate(-50%,-50%);
    transition:left .10s cubic-bezier(.23,1,.32,1),top .10s cubic-bezier(.23,1,.32,1); }
  canvas#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}
  #vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(ellipse 82% 82% at 50% 50%,transparent 22%,rgba(2,6,18,0.52) 62%,rgba(2,6,18,0.90) 100%)}
  #scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0.018;
    background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,179,244,1) 2px,rgba(74,179,244,1) 3px)}
  #ui-nav{position:fixed;top:0;left:0;right:0;z-index:100;
    background:linear-gradient(to bottom,rgba(2,6,16,0.96) 0%,rgba(2,6,16,0.80) 75%,transparent 100%);
    backdrop-filter:blur(4px)}
  nav{display:flex;align-items:center;justify-content:space-between;padding:24px 52px 18px}
  .nav-logo{display:flex;flex-direction:column;gap:6px}
  .logo-img{width:170px;height:auto;display:block;flex-shrink:0}
  .nav-sub{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.24em;
    color:rgba(200,220,255,0.55);text-transform:uppercase;margin-top:2px}
  
  .nav-links a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;
    color:rgba(180,220,255,0.78);text-decoration:none;text-transform:uppercase;
    transition:color 0.3s;padding:10px 14px;margin:-10px -14px;display:inline-block}
  .nav-links a:hover,.nav-links a.active{color:var(--gold)}
  .nav-cta{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.2em;
    color:#020810;background:var(--gold);padding:10px 22px;text-decoration:none;
    text-transform:uppercase;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:background 0.3s}
  .nav-cta:hover{background:var(--gold-bright)}
  #content{position:relative;z-index:10;padding:120px 52px 90px;min-height:100vh}
  .page-tag{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.3em;
    color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:12px;
    margin-bottom:18px;opacity:0;animation:fadeUp 0.9s 0.2s forwards}
  .page-tag::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .page-h1{font-family:"Cormorant Garamond",serif;font-weight:300;
    font-size:clamp(36px,4.5vw,62px);line-height:1.08;color:#fff;
    letter-spacing:-0.01em;margin-bottom:18px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .page-h1 em{font-style:italic;color:var(--gold)}
  .page-intro{font-family:"DM Mono",monospace;font-size:13.5px;line-height:1.9;
    color:rgba(200,230,255,0.85);letter-spacing:0.04em;
    max-width:660px;margin-bottom:62px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .section-block{margin-bottom:56px;opacity:0;animation:fadeUp 1s both}
  .section-title{font-family:"Cormorant Garamond",serif;font-weight:300;
    font-size:30px;color:#fff;margin-bottom:24px;
    padding-bottom:12px;border-bottom:1px solid var(--border)}
  .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
  .card{background:rgba(4,12,28,0.72);border:1px solid var(--border);
    padding:26px 28px;transition:border-color 0.4s,background 0.4s}
  .card:hover{border-color:rgba(74,179,244,0.55);background:rgba(5,14,34,0.88)}
  .card-icon{ display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;margin-bottom:14px;
    border:1px solid rgba(74,179,244,0.35);color:#5ec4ff;flex-shrink:0; }
  .card-icon svg{ display:block; }
  .card-title{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:0.18em;
    color:var(--gold);text-transform:uppercase;margin-bottom:12px}
  .card-body{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.85;
    color:rgba(190,225,255,0.88)}
  .card-tag{display:inline-block;font-family:"DM Mono",monospace;font-size:10px;
    letter-spacing:0.18em;color:rgba(94,196,255,0.80);
    border:1px solid rgba(74,179,244,0.30);padding:3px 8px;
    text-transform:uppercase;margin-top:12px}
  #mol-label{position:fixed;z-index:200;pointer-events:none;
    font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;
    color:rgba(150,215,255,0.92);text-shadow:0 0 10px rgba(74,179,244,0.55);
    opacity:0;transition:opacity 0.25s;white-space:nowrap}
  .page-footer{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;
    color:rgba(74,179,244,0.55);text-align:center;padding:32px 0 16px;text-transform:uppercase}
  @keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

  /* ── Dropdown Nav ── */
  .nav-links{display:flex;gap:40px;list-style:none}
  .nav-links > li{position:relative}
  .nav-links a{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;
    color:rgba(160,210,255,0.55);text-decoration:none;text-transform:uppercase;
    transition:color 0.3s;padding:10px 14px;margin:-10px -14px;display:inline-block}
  .nav-links > li > a{display:inline-block}
  .nav-links a:hover,
  .nav-links a.active{color:var(--gold)}
  .dropdown{position:absolute;top:calc(100% + 8px);left:-14px;min-width:220px;
    background:rgba(2,8,20,0.97);border:1px solid var(--border);
    backdrop-filter:blur(8px);display:none;z-index:200}
  .nav-links > li:hover .dropdown{display:block}
  .dropdown a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.18em;
    color:rgba(180,220,255,0.78);text-decoration:none;text-transform:uppercase;
    display:block;padding:10px 18px;border-bottom:1px solid rgba(74,179,244,0.08);
    transition:color 0.2s,background 0.2s}
  .dropdown a:last-child{border-bottom:none}
  .dropdown a:hover{color:var(--gold);background:rgba(74,179,244,0.06)}

  .card-learn-more{display:inline-block;font-family:"DM Mono",monospace;font-size:11px;
    letter-spacing:0.20em;color:var(--gold);text-decoration:none;text-transform:uppercase;
    margin-top:16px;transition:color 0.3s,border-color 0.3s,opacity 0.3s;
    opacity:1;cursor:none;
    border:1px solid rgba(74,179,244,0.38);padding:6px 14px;border-radius:2px}
  .card-learn-more:hover{color:#fff;border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.08)}

  /* ═══════════════════════════════════════════════════════════
     HOMEPAGE STYLES
  ═══════════════════════════════════════════════════════════ */

  /* Shared section typography */
  .sec-eyebrow{font-family:"DM Mono",monospace;font-size:15px;letter-spacing:0.38em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:18px;opacity:1;font-weight:400}
  .sec-h2{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(40px,4.8vw,68px);line-height:1.08;color:#fff;margin-bottom:20px;letter-spacing:-0.012em}
  .sec-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);letter-spacing:0.03em;max-width:640px;margin-bottom:40px}

  /* ── HERO ────────────────────────────────────────────────── */
  .hp-hero{padding:170px 52px 140px;max-width:780px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
  .hero-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.32em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px;opacity:0;animation:fadeUp 0.8s 0.2s forwards}
  .hero-eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .hero-h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(42px,5.5vw,76px);line-height:1.05;color:#fff;letter-spacing:-0.015em;margin-bottom:22px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .hero-h1 em{font-style:italic;color:var(--gold)}
  .hero-sub{font-family:"DM Mono",monospace;font-size:13px;line-height:1.9;color:rgba(200,230,255,0.85);letter-spacing:0.03em;max-width:620px;margin-bottom:38px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .hero-ctas{display:flex;gap:18px;flex-wrap:wrap;opacity:0;animation:fadeUp 1s 0.65s forwards}
  .cta-primary{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;color:#020810;background:var(--gold);padding:14px 30px;text-decoration:none;text-transform:uppercase;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:background 0.3s;display:inline-block}
  .cta-primary:hover{background:var(--gold-bright)}
  .cta-ghost{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;color:var(--gold);border:1px solid rgba(74,179,244,0.38);padding:13px 28px;text-decoration:none;text-transform:uppercase;transition:all 0.3s;display:inline-block}
  .cta-ghost:hover{border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.06);color:#fff}

  /* ── WHY METABOLOMICS ──────────────────────────────────────── */
  .hp-why{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:8px}
  .why-card{background:rgba(4,12,28,0.65);border:1px solid var(--border);padding:30px 28px;transition:border-color 0.35s,background 0.35s}
  .why-card:hover{border-color:rgba(74,179,244,0.50);background:rgba(5,14,34,0.85)}
  .why-icon{color:#5ec4ff;margin-bottom:16px}
  .why-title{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:12px}
  .why-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.90;color:rgba(190,220,255,0.82)}

  /* ── HMT USPs ─────────────────────────────────────────────── */
  .hp-usps{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .usp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:8px}
  .usp-item{background:rgba(4,12,28,0.65);border:1px solid var(--border);padding:30px 28px;transition:border-color 0.35s,background 0.35s}
  .usp-item:hover{border-color:rgba(74,179,244,0.50);background:rgba(5,14,34,0.85)}
  .usp-featured{border-color:rgba(74,179,244,0.38);background:rgba(6,18,40,0.75);grid-column:1/-1}
  .usp-num{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:300;color:var(--gold);opacity:0.45;margin-bottom:10px;line-height:1}
  .usp-title{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:12px;line-height:1.5}
  .usp-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.90;color:rgba(190,220,255,0.82)}

  /* ── STATS STRIP ─────────────────────────────────────────── */
  .hp-stats{padding:10px 52px 10px;display:flex;align-items:center;gap:0;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 52px 140px;opacity:0;animation:fadeUp 1s 0.8s forwards}
  .stat-item{flex:1 1 160px;padding:28px 24px;text-align:center}
  .stat-num{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,42px);font-weight:300;color:var(--gold);display:block;line-height:1}
  .stat-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(180,220,255,0.65);text-transform:uppercase;display:block;margin-top:8px;line-height:1.5}
  .stat-divider{width:1px;height:60px;background:var(--border);flex-shrink:0}

  /* ── PLATFORM WIZARD ─────────────────────────────────────── */
  .hp-wizard{padding:40px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .wizard-box{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:40px 44px;max-width:760px;margin-top:32px;position:relative}
  .wiz-step{display:none}
  .wiz-step.active{display:block}
  .wiz-q{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:300;color:#fff;margin-bottom:24px}
  .wiz-opts{display:flex;flex-direction:column;gap:10px}
  .wiz-btn{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.14em;color:rgba(180,220,255,0.85);background:rgba(74,179,244,0.04);border:1px solid rgba(74,179,244,0.22);padding:14px 20px;text-align:left;cursor:none;transition:all 0.25s;text-transform:none}
  .wiz-btn:hover{border-color:rgba(74,179,244,0.60);background:rgba(74,179,244,0.10);color:#fff}
  .wiz-back{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(74,179,244,0.60);background:none;border:none;cursor:none;margin-top:20px;padding:0;text-transform:uppercase;transition:color 0.2s}
  .wiz-back:hover{color:var(--gold)}
  .wiz-result-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
  .wiz-result-name{font-family:"Cormorant Garamond",serif;font-size:36px;font-weight:300;color:#fff;margin-bottom:14px}
  .wiz-result-desc{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.85;color:rgba(200,230,255,0.85);margin-bottom:28px}
  .wiz-result-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}



  /* ── HOW IT WORKS TIMELINE ────────────────────────────────── */
  .hp-how{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .timeline{display:flex;flex-direction:column;gap:0;max-width:720px;margin-top:8px}
  .tl-step{display:flex;gap:28px;align-items:flex-start;padding:28px 0}
  .tl-num{font-family:"Cormorant Garamond",serif;font-size:40px;font-weight:300;color:var(--gold);opacity:0.45;flex-shrink:0;line-height:1;width:52px;text-align:right}
  .tl-body{flex:1;border-left:1px solid var(--border);padding-left:28px}
  .tl-title{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:8px}
  .tl-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.85;color:rgba(190,220,255,0.82)}
  .tl-time{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:var(--gold);opacity:0.70;margin-top:10px;text-transform:uppercase}
  .tl-connector{width:1px;height:0;background:var(--border);margin-left:calc(52px + 28px - 0.5px)}

  /* ── PUBLICATIONS ──────────────────────────────────────────── */
  .hp-pubs{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:8px}
  .pub-card{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:26px 28px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.35s}
  .pub-card:hover{border-color:rgba(74,179,244,0.50)}
  .pub-journal{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;opacity:0.80}
  .pub-title{font-family:"Cormorant Garamond",serif;font-size:16px;font-weight:300;color:rgba(220,240,255,0.95);line-height:1.45;flex:1}
  .pub-authors{font-family:"DM Mono",monospace;font-size:11px;color:rgba(160,210,255,0.65);letter-spacing:0.10em}
  .pub-platform{display:flex;gap:8px;flex-wrap:wrap}
  .pub-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.16em;color:rgba(94,196,255,0.75);border:1px solid rgba(74,179,244,0.28);padding:2px 7px;text-transform:uppercase}
  .pubs-cta-row{margin-top:28px}

  /* ── INQUIRY FORM ─────────────────────────────────────────── */
  .hp-contact{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .hp-contact .sec-sub a.inline-link{color:var(--gold);text-decoration:none}
  .hp-contact .sec-sub a.inline-link:hover{text-decoration:underline}
  .inquiry-form{max-width:720px;margin-top:8px}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
  .form-group{display:flex;flex-direction:column;gap:6px}
  .form-group-full{margin-bottom:16px}
  .form-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:rgba(150,210,255,0.75);text-transform:uppercase}
  .form-input{font-family:"DM Mono",monospace;font-size:12px;color:rgba(210,235,255,0.90);background:rgba(4,12,28,0.72);border:1px solid rgba(74,179,244,0.30);padding:12px 14px;outline:none;transition:border-color 0.25s;letter-spacing:0.06em}
  .form-input:focus{border-color:rgba(74,179,244,0.70)}
  .form-input::placeholder{color:rgba(150,200,255,0.35)}
  .form-select{appearance:none;cursor:none}
  .form-textarea{resize:vertical;min-height:100px}
  .form-submit-row{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}
  .form-note{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:rgba(120,180,255,0.55);text-transform:uppercase}

  /* ── RESOURCES ─────────────────────────────────────────────── */
  .hp-resources{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:8px}
  .resource-card{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:28px 24px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color 0.35s,background 0.35s;cursor:none}
  .resource-card:hover{border-color:rgba(74,179,244,0.55);background:rgba(5,14,34,0.88)}
  .resource-icon{font-size:26px;line-height:1}
  .resource-type{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;opacity:0.80}
  .resource-title{font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:300;color:rgba(220,240,255,0.95);line-height:1.4;flex:1}
  .resource-cta{font-family:"DM Mono",monospace;font-size:10.5px;letter-spacing:0.16em;color:rgba(94,196,255,0.75);text-transform:uppercase;margin-top:4px}
  .resource-card:hover .resource-cta{color:#fff}

  /* ── RESPONSIVE ─────────────────────────────────────────────── */
  @media(max-width:700px){
    .hp-hero{padding:140px 24px 80px;min-height:100vh}
    .hp-stats{margin:0 24px 90px;padding:10px 0}
    .stat-divider{display:none}
    .hp-why,.hp-usps,.hp-how,.hp-pubs,.hp-contact,.hp-resources{padding:100px 24px 90px}
    .hp-wizard{padding:30px 24px 90px}
    .usp-featured{grid-column:auto}
    .form-row{grid-template-columns:1fr}
    .wizard-box{padding:28px 22px}
    .hero-ctas{flex-direction:column;gap:12px}
    .sec-eyebrow{font-size:13px;letter-spacing:0.32em}
  }

  /* Nav solidifies on scroll */
  #ui-nav.scrolled{background:rgba(2,6,16,0.98) !important;backdrop-filter:blur(8px)}

  .sp-hero{padding:155px 52px 64px;max-width:780px}
  .sp-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.32em;color:var(--gold-bright);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px;opacity:0;animation:fadeUp 0.8s 0.2s forwards}
  .sp-eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .sp-hero h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(40px,5vw,66px);line-height:1.05;color:#fff;letter-spacing:-0.015em;margin-bottom:18px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .sp-hero h1 em{font-style:italic;color:var(--gold)}
  .sp-hero-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);max-width:600px;margin-bottom:36px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .sp-ctas{display:flex;gap:20px;flex-wrap:wrap;opacity:0;animation:fadeUp 1s 0.65s forwards}
  .sp-cta-primary{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;color:#020810;background:var(--gold);padding:14px 32px;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:background 0.3s;display:inline-block}
  .sp-cta-primary:hover{background:var(--gold-bright)}
  .sp-cta-ghost{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;color:#fff;border:1px solid rgba(74,179,244,0.55);padding:13px 30px;background:rgba(74,179,244,0.05);transition:all 0.3s;display:inline-block}
  .sp-cta-ghost:hover{border-color:rgba(74,179,244,0.9);background:rgba(74,179,244,0.12)}
  .sp-panels{padding:0 52px 60px}
  .sp-panel{border:1px solid var(--border);background:rgba(4,12,28,0.65);margin-bottom:32px;opacity:0;animation:fadeUp 0.9s both}
  .sp-panel:nth-child(1){animation-delay:0.15s}.sp-panel:nth-child(2){animation-delay:0.25s}
  .sp-panel:nth-child(3){animation-delay:0.35s}.sp-panel:nth-child(4){animation-delay:0.45s}
  .sp-panel:nth-child(5){animation-delay:0.55s}.sp-panel:nth-child(6){animation-delay:0.65s}
  .sp-panel:hover{border-color:rgba(74,179,244,0.45)}
  .sp-panel-header{display:grid;grid-template-columns:72px 1fr auto;align-items:start;gap:28px;padding:36px 36px 28px}
  .sp-panel-icon{width:56px;height:56px;flex-shrink:0}.sp-panel-icon svg{width:100%;height:100%}
  .sp-panel-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.26em;color:var(--gold);text-transform:uppercase;margin-bottom:8px;opacity:0.85}
  .sp-panel-title{font-family:"Cormorant Garamond",serif;font-size:clamp(24px,2.8vw,34px);font-weight:300;color:#fff;line-height:1.1;margin-bottom:10px}
  .sp-panel-subtitle{font-family:"DM Mono",monospace;font-size:11px;color:rgba(180,220,255,0.65);letter-spacing:0.08em;line-height:1.6}
  .sp-panel-badge{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.18em;color:rgba(94,196,255,0.8);border:1px solid rgba(74,179,244,0.35);padding:5px 12px;text-transform:uppercase;white-space:nowrap;align-self:flex-start;margin-top:4px}
  .sp-panel-body{padding:0 36px 36px;display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}
  .sp-panel-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:2.0;color:rgba(190,220,255,0.82)}
  .sp-panel-desc p{margin-bottom:14px}.sp-panel-desc p:last-child{margin-bottom:0}
  .sp-aside-block{border:1px solid var(--border);padding:20px 22px;margin-bottom:14px;background:rgba(2,8,20,0.5)}
  .sp-aside-title{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;margin-bottom:12px;opacity:0.8}
  .sp-aside-list{list-style:none;padding:0;margin:0}
  .sp-aside-list li{font-family:"DM Mono",monospace;font-size:11px;color:rgba(185,220,255,0.78);line-height:1.7;padding-left:14px;position:relative}
  .sp-aside-list li::before{content:"—";position:absolute;left:0;color:var(--gold);opacity:0.5}
  .sp-divider{height:1px;background:var(--border);margin:0 36px}
  .sp-intro{margin:0 52px 52px;padding:32px 40px;border:1px solid rgba(74,179,244,0.22);background:rgba(4,14,34,0.6);opacity:0;animation:fadeUp 1s 0.3s forwards}
  .sp-intro-text{font-family:"DM Mono",monospace;font-size:12px;line-height:2.0;color:rgba(200,228,255,0.82);max-width:820px}
  .sp-intro-text strong{color:#fff;font-weight:400}
  .sp-closing{padding:0 52px 80px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .sec-eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.32em;color:var(--gold-bright);text-transform:uppercase;opacity:1}
  .sec-h2{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(28px,3.5vw,48px);line-height:1.1;color:#fff;margin-bottom:14px}
  .sec-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);letter-spacing:0.03em;margin-bottom:36px}
  .page-footer{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(120,180,255,0.35);text-align:center;padding:32px 52px 40px;text-transform:uppercase;border-top:1px solid var(--border);margin-top:20px}
  @media(max-width:800px){
    .sp-hero,.sp-panels,.sp-intro,.sp-closing{padding-left:24px;padding-right:24px}
    .sp-intro{margin-left:24px;margin-right:24px}
    .sp-panel-header{grid-template-columns:52px 1fr;grid-template-rows:auto auto}
    .sp-panel-badge{grid-column:1/-1}
    .sp-panel-body{grid-template-columns:1fr}
    .sp-panel-header,.sp-panel-body{padding:24px}
    .sp-divider{margin:0 24px}
  }

  /* Synced to HMT-A_toppage.html */
  html,body{background:#020609;}
  body,button,input,select,textarea{font-family:"DM Mono",monospace}
  .hero-h1,.page-h1,.sec-h2,.section-title,.res-hero h1,.app-hero h1,.app-card-title,.ebook-title,.res-modal-title{font-family:"Cormorant Garamond",serif !important;font-weight:300}


  #ui-nav.scrolled{background:rgba(2,6,16,0.98) !important;backdrop-filter:blur(8px)}

  /* ── SITE FOOTER ───────────────────────────────────────────── */
  .site-footer{background:rgba(2,6,16,0.98);border-top:1px solid var(--border);padding:52px 52px 32px;margin-top:0}
  .site-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px}
  .sf-brand-col{}
  .sf-brand{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:#fff;margin-bottom:10px;line-height:1.2}
  .sf-brand-sub{font-family:"DM Mono",monospace;font-size:10px;line-height:1.8;color:rgba(140,185,220,0.6);margin-bottom:16px}
  .sf-address{font-family:"DM Mono",monospace;font-size:10px;line-height:1.9;color:rgba(120,170,210,0.5)}
  .sf-linkedin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.14em;color:rgba(94,196,255,0.7);border:1px solid rgba(74,179,244,0.28);padding:7px 14px;text-transform:uppercase;margin-top:14px;transition:all 0.25s}
  .sf-linkedin:hover{border-color:rgba(74,179,244,0.7);color:#fff;background:rgba(74,179,244,0.08)}
  .sf-col-title{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;opacity:0.85}
  .sf-col-links{list-style:none;padding:0;margin:0}
  .sf-col-links li{margin-bottom:9px}
  .sf-col-links a{font-family:"DM Mono",monospace;font-size:10.5px;color:rgba(155,200,235,0.6);text-decoration:none;transition:color 0.25s;line-height:1.4}
  .sf-col-links a:hover{color:var(--gold)}
  .sf-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;flex-wrap:wrap;gap:12px}
  .sf-copy{font-family:"DM Mono",monospace;font-size:9px;color:rgba(100,150,190,0.4);letter-spacing:0.06em}
  @media(max-width:860px){
    .site-footer{padding:40px 24px 28px}
    .site-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  }
  @media(max-width:520px){
    .site-footer-grid{grid-template-columns:1fr}
  }

  .site-footer{background:rgba(2,6,16,0.98);border-top:1px solid var(--border);padding:52px 52px 32px;margin-top:0}
  .site-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px}
  .sf-brand{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:#fff;margin-bottom:10px}
  .sf-brand-sub{font-family:"DM Mono",monospace;font-size:10px;line-height:1.8;color:rgba(140,185,220,0.6);margin-bottom:16px}
  .sf-address{font-family:"DM Mono",monospace;font-size:10px;line-height:1.9;color:rgba(120,170,210,0.5)}
  .sf-linkedin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.14em;color:rgba(94,196,255,0.7);border:1px solid rgba(74,179,244,0.28);padding:7px 14px;text-transform:uppercase;margin-top:14px;transition:all 0.25s}
  .sf-linkedin:hover{border-color:rgba(74,179,244,0.7);color:#fff;background:rgba(74,179,244,0.08)}
  .sf-col-title{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;opacity:0.85}
  .sf-col-links{list-style:none;padding:0;margin:0}.sf-col-links li{margin-bottom:9px}
  .sf-col-links a{font-family:"DM Mono",monospace;font-size:10.5px;color:rgba(155,200,235,0.6);text-decoration:none;transition:color 0.25s}
  .sf-col-links a:hover{color:var(--gold)}
  .sf-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;flex-wrap:wrap;gap:12px}
  .sf-copy{font-family:"DM Mono",monospace;font-size:9px;color:rgba(100,150,190,0.4);letter-spacing:0.06em}
  @media(max-width:860px){.site-footer{padding:40px 24px 28px}.site-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
  @media(max-width:520px){.site-footer-grid{grid-template-columns:1fr}}
  #ui-nav.scrolled{background:rgba(2,6,16,0.98)!important;backdrop-filter:blur(8px)}

  /* HMT background performance tuning: keep the cosmic molecule aesthetic while reducing paint cost. */
  canvas#bg{will-change:transform;contain:strict;}

/* <style id="hmt-visibility-v2"> */
  /* ── Footer visibility improvements ── */
  .sf-brand-sub{color:rgba(185,220,255,0.88)!important;font-size:11px!important;}
  .sf-address{color:rgba(180,215,255,0.82)!important;font-size:11px!important;line-height:2.0!important;}
  .sf-col-links a{color:rgba(190,225,255,0.88)!important;font-size:11px!important;}
  .sf-copy{color:rgba(165,205,240,0.78)!important;font-size:10px!important;}
  .sf-col-title{color:rgba(94,196,255,0.95)!important;font-size:9.5px!important;}
  /* ── General text readability ── */
  .nav-links a{color:rgba(190,225,255,0.80)!important;}
  .card-body{color:rgba(200,235,255,0.92)!important;}
  .page-intro{color:rgba(210,235,255,0.90)!important;}
  .hero-sub{color:rgba(210,235,255,0.92)!important;}
  .why-desc{color:rgba(200,230,255,0.90)!important;}
  .usp-desc{color:rgba(200,230,255,0.90)!important;}
  .team-bio{color:rgba(200,230,255,0.88)!important;}
  .ebook-desc{color:rgba(195,225,255,0.82)!important;}
  .sec-sub{color:rgba(205,232,255,0.88)!important;}
  .tl-desc{color:rgba(200,228,255,0.88)!important;}
  .pub-authors{color:rgba(180,218,255,0.80)!important;}
  .motw-entry-body{color:rgba(200,228,255,0.88)!important;}
  .aa-section-text{color:rgba(200,228,255,0.90)!important;}
  .aa-lead{color:rgba(200,228,255,0.90)!important;}
  .q353-notice-text{color:rgba(200,228,255,0.88)!important;}
  /* ── Performance: reduce molecule opacity on low-end hint ── */

/* <style id="hmt-global-css-polish"> */
  /* Global consistency refinements for the HMT-A page set. */
  html{scroll-behavior:smooth;}
  body{min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  #ui-nav{box-shadow:0 1px 0 rgba(74,179,244,0.10);}
  #ui-nav nav{width:100%;max-width:1440px;margin:0 auto;gap:28px;}
  #ui-nav nav > a:first-child{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;}
  #ui-nav .nav-logo{min-width:170px;line-height:1;}
  #ui-nav .logo-img{display:block;width:170px;max-width:170px;height:auto;}
  #ui-nav .nav-sub{white-space:nowrap;}
  #ui-nav .nav-links{align-items:center;flex-wrap:wrap;row-gap:10px;}
  #ui-nav .nav-cta{white-space:nowrap;}
  .dropdown{white-space:nowrap;}
  #content,.hp-hero,.res-hero,.app-hero,.svc-hero,.aa-hero,.contact-hero,.pub-hero,.q353-hero{box-sizing:border-box;}
  img,svg,video,canvas{max-width:100%;}
  .card,.why-card,.usp-item,.pub-card,.resource-card,.ebook-card,.service-card,.app-card,.team-card,.platform-card,.publication-card{overflow:hidden;}
  .card-body,.why-desc,.usp-desc,.sec-sub,.page-intro,.hero-sub,.app-card-body,.service-card-body{overflow-wrap:anywhere;}
  .site-footer{position:relative;z-index:20;}
  .site-footer-grid{align-items:start;}
  .sf-col-links a{display:inline-block;}
  @media(max-width:980px){
    #ui-nav nav{padding:20px 28px 16px;flex-wrap:wrap;align-items:flex-start;}
    #ui-nav .nav-links{order:3;width:100%;gap:18px 28px;margin-top:10px;}
    #ui-nav .nav-cta{margin-left:auto;}
    #content{padding-top:150px;}
    .hp-hero,.res-hero{padding-top:165px;}
  }
  @media(max-width:700px){
    #ui-nav nav{padding:18px 24px 14px;}
    #ui-nav .logo-img{width:145px;}
    #ui-nav .nav-logo{min-width:145px;}
    .nav-links a{font-size:9px;letter-spacing:0.18em;}
    #ui-nav .nav-links{gap:12px 22px;}
    .nav-cta{font-size:9px!important;padding:9px 16px!important;}
    #content{padding-left:24px!important;padding-right:24px!important;padding-top:160px;}
    .card-grid,.why-grid,.usp-grid,.pub-grid,.resource-grid,.ebook-grid{grid-template-columns:1fr!important;}
    .site-footer-grid{grid-template-columns:1fr!important;}
  }