/* v2 adjustments for hero mock */
:root{
  --jmg-primary:#045b62;
  --jmg-primary-2:#057780;
  --jmg-bg:#fffefb;
  --jmg-border:#e6ecec;
  --jmg-card:#ffffff;
  --jmg-text:#0f1e20;
  --jmg-muted:#5b6b6d;
  --jmg-shadow:0 8px 24px rgba(0,0,0,.06);
  --jmg-radius:16px;
  --jmg-max: 1400px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;background:var(--jmg-bg);color:var(--jmg-text)}
a{color:inherit;text-decoration:none}
.jmg-container{max-width:var(--jmg-max); padding:0 20px; margin:0 auto}

/* Header */
.jmg-header{position:sticky; top:0; z-index:50; background:var(--jmg-primary); color:#fff}
.jmg-nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.jmg-logo{font-weight:800; color:#fff}
.jmg-actions a{display:inline-block; margin-left:10px; padding:10px 14px; border-radius:10px; color:#fff}
.jmg-actions .jmg-link:hover{background:rgba(255,255,255,.12)}
.jmg-actions .jmg-cta{background:#fff; color:var(--jmg-primary); font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.08)}
.jmg-actions .jmg-cta:hover{background:#f4f7f8}

/* HERO */
.jmg-hero{background:var(--jmg-primary); color:#fff; padding:48px 0 36px; border-bottom-left-radius:24px; border-bottom-right-radius:24px}
.jmg-hero-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:32px; align-items:center}
.jmg-hero-left h1{font-size:40px; line-height:1.15; margin:0 0 8px}
.jmg-hero-sub{opacity:.95; margin:0 0 14px; max-width:680px}
.jmg-form{display:flex; gap:10px; flex-wrap:wrap}
.jmg-input{flex:1 1 260px; padding:12px 14px; border-radius:999px; border:none; outline:none}
.jmg-btn{padding:12px 18px; border-radius:999px; border:1px solid transparent; font-weight:800; cursor:pointer}
.jmg-btn-primary{background:#fff; color:var(--jmg-primary)}
.jmg-btn-primary:hover{background:#f2f6f6}
.jmg-badges{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px}
.jmg-chip{background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); padding:6px 10px; border-radius:999px; font-size:12px; color:#fff}

/* Clean panel instead of rotated cards */
.jmg-hero-right{display:flex; justify-content:center}
.jmg-hero-panel{width:100%; max-width:430px; background:#0f3f44; border-radius:20px; padding:16px; border:1px solid rgba(255,255,255,.15); box-shadow:0 12px 28px rgba(0,0,0,.25)}
.jmg-hero-pill{display:inline-block; background:#fff; color:var(--jmg-primary); font-weight:800; padding:6px 10px; border-radius:999px; margin-bottom:12px}
.jmg-hero-tiles{display:grid; gap:12px}
.jmg-hero-tile{background:#fff; color:#113; border:1px solid var(--jmg-border); border-radius:14px; padding:14px 16px; font-weight:700; text-align:center; box-shadow:var(--jmg-shadow)}

/* Keep rest of styles from previous file */

/* --- rest of stylesheet --- */
/* ===============================================
   MultiStock — TN-like landing (closer structure)
   =============================================== */
:root{
  --jmg-bg:#fffefb;
  --jmg-card:#ffffff;
  --jmg-text:#0f1e20;
  --jmg-muted:#5b6b6d;
  --jmg-primary:#045b62;
  --jmg-primary-2:#057780;
  --jmg-border:#e6ecec;
  --jmg-shadow:0 8px 24px rgba(0,0,0,.06);
  --jmg-max: 1400px;
  --jmg-radius:14px;
}
*{box-sizing:border-box}
html,body{height:100%}
.jmg-body{margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial; background:var(--jmg-bg); color:var(--jmg-text); line-height:1.6}
a{color:inherit; text-decoration:none}
.jmg-container{max-width:var(--jmg-max); padding:0 20px; margin:0 auto}

/* Header */
.jmg-header{position:sticky; top:0; z-index:50; background:var(--jmg-primary); color:#fff}
.jmg-nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.jmg-logo{font-weight:800; color:#fff}
.jmg-actions a{display:inline-block; margin-left:10px; padding:10px 14px; border-radius:10px; color:#fff}
.jmg-actions .jmg-link:hover{background:rgba(255,255,255,.12)}
.jmg-actions .jmg-cta{background:#fff; color:var(--jmg-primary); font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.08)}
.jmg-actions .jmg-cta:hover{background:#f4f7f8}

/* Hero */
.jmg-hero{background:var(--jmg-primary); color:#fff; padding:48px 0 36px; border-bottom-left-radius:24px; border-bottom-right-radius:24px}
.jmg-hero-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:32px; align-items:center}
.jmg-hero-left h1{font-size:40px; line-height:1.15; margin:0 0 8px}
.jmg-hero-sub{opacity:.95; margin:0 0 14px}
.jmg-form{display:flex; gap:10px; flex-wrap:wrap}
.jmg-input{flex:1 1 260px; padding:12px 14px; border-radius:999px; border:none; outline:none}
.jmg-btn{padding:12px 18px; border-radius:999px; border:1px solid transparent; font-weight:800; cursor:pointer}
.jmg-btn-primary{background:#fff; color:var(--jmg-primary)}
.jmg-btn-primary:hover{background:#f2f6f6}
.jmg-badges{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px}
.jmg-chip{background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); padding:6px 10px; border-radius:999px; font-size:12px; color:#fff}
.jmg-hero-right{display:flex; justify-content:center}
/* Trio */
.jmg-feature-trio{padding:28px 0}
.jmg-h2{text-align:center; font-size:28px; margin:0 0 14px}
.jmg-trio-grid{display:grid; gap:14px; grid-template-columns:repeat(3,1fr)}
.jmg-card{background:var(--jmg-card); border:1px solid var(--jmg-border); border-radius:16px; box-shadow:var(--jmg-shadow)}
.jmg-trio{padding:18px; text-align:center}
.jmg-trio-ico{font-size:24px; margin-bottom:8px}
.jmg-trio-title{font-weight:800; margin-bottom:4px}
.jmg-trio p{color:var(--jmg-muted); margin:0}

/* Why section */
.jmg-why{padding:14px 0 32px; background:#fff}
.jmg-why-grid{display:grid; gap:24px; grid-template-columns:.9fr 1.1fr; align-items:center}
.jmg-phone-mock{display:grid; gap:8px; justify-content:center}
.jmg-phone{width:220px; height:420px; background:linear-gradient(180deg,#fff,#f6fbfb); border:1px solid var(--jmg-border); border-radius:28px; box-shadow:var(--jmg-shadow); display:flex; align-items:center; justify-content:center; font-weight:800; color:var(--jmg-primary)}
.jmg-tags span{display:inline-block; border:1px solid var(--jmg-border); border-radius:999px; padding:6px 10px; margin-right:6px; font-size:12px; color:#334}
.jmg-h3{font-size:24px; margin:0 0 10px}
.jmg-checks{list-style:none; padding:0; margin:0 0 12px}
.jmg-checks li{margin:8px 0; padding-left:28px; position:relative}
.jmg-checks li::before{content:'✓'; position:absolute; left:0; top:0; color:var(--jmg-primary); font-weight:900}

/* Guides */
.jmg-guides{padding:28px 0}
.jmg-guides-grid{display:grid; gap:14px; grid-template-columns:repeat(4,1fr)}
.jmg-guide{padding:16px; display:flex; align-items:center; justify-content:space-between}
.jmg-guide-title{font-weight:800}
.jmg-link-mini{font-size:13px; color:#057780}

/* Media CTA */
.jmg-cta-media{padding:28px 0 36px; background:#fff}
.jmg-cta-media-grid{display:grid; gap:22px; grid-template-columns:.8fr 1.2fr; align-items:center}
.jmg-cta-media-img{width:100%; height:220px; background:linear-gradient(180deg,#e5f5f6,#ffffff); border:1px solid var(--jmg-border); border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:48px}

/* FAQ */
.jmg-faq{padding:22px 0 40px}
.jmg-faq-item{border:1px solid var(--jmg-border); border-radius:12px; padding:12px 14px; margin-bottom:10px; background:#fff}
.jmg-faq-item summary{cursor:pointer; font-weight:700}
.jmg-faq-item p{margin:10px 0 0; color:#2b393a}

/* Footer */
.jmg-footer{background:#0a3f45; color:#dff1f3; padding:18px 0}
.jmg-footer-row{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
.jmg-socials a{margin-left:10px; border:1px solid rgba(255,255,255,.25); padding:4px 8px; border-radius:8px; color:#dff1f3}

/* Responsive */
@media (max-width: 980px){
  .jmg-hero-grid{grid-template-columns:1fr}
  .jmg-trio-grid{grid-template-columns:1fr}
  .jmg-why-grid{grid-template-columns:1fr}
  .jmg-guides-grid{grid-template-columns:1fr 1fr}
  .jmg-cta-media-grid{grid-template-columns:1fr}
}