/* HERO */
.gd-hero{position:relative;background:linear-gradient(160deg,#990000 0%,#730000 55%,#4D0000 100%);color:#fff;overflow:hidden;padding:60px 0 88px}
.gd-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%, rgba(255,255,255,.07) 0, transparent 190px),radial-gradient(circle at 85% 70%, rgba(77,199,39,.08) 0, transparent 418px);pointer-events:none}
.gd-hero-inner{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;z-index:2}
.gd-bread{font:600 12px var(--mbm-font-display);color:#F2C7C7;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gd-bread a{color:inherit;text-decoration:none;opacity:.85}
.gd-bread a:hover{color:#fff;opacity:1;text-decoration:none}
.gd-bread .sep{opacity:.4}
.gd-bread .now{color:#fff}
.gd-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;font:700 12px var(--mbm-font-display);text-transform:uppercase;letter-spacing:.14em;color:#fff;backdrop-filter:blur(6px)}
.gd-h1{font:800 60px/1.05 var(--mbm-font-display);letter-spacing:-.025em;color:#fff;margin:16px 0 14px;text-wrap:balance}
.gd-tag{font:400 20px/1.5 var(--mbm-font-sans);color:#F2C7C7;max-width:560px;margin:0 0 26px}
.gd-ctas{display:flex;gap:12px;flex-wrap:wrap}
.gd-hero-stats{display:flex;gap:28px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);max-width:520px;margin-top:26px}
.gd-hero-stats > div{font:400 12px var(--mbm-font-sans);color:#F2C7C7}
.gd-hero-stats b{display:block;font:800 26px var(--mbm-font-display);color:#fff;letter-spacing:-.01em}
.gd-hero-bottom{position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--mbm-green-600);z-index:3}
/* Layer stack visual */
.gd-layers{position:relative;height:320px}
.gd-layer{position:absolute;left:0;right:0;height:120px;border-radius:8px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28);overflow:hidden;transform:perspective(900px) rotateX(52deg) rotateZ(-32deg)}
.gd-layer svg{width:100%;height:100%;display:block}
.gd-layer:nth-child(1){top:0;z-index:4}
.gd-layer:nth-child(2){top:64px;z-index:3}
.gd-layer:nth-child(3){top:128px;z-index:2}
.gd-layer:nth-child(4){top:192px;z-index:1}
.gd-layer-label{position:absolute;right:-4px;font:700 11px var(--mbm-font-display);color:#fff;text-transform:uppercase;letter-spacing:.14em;background:rgba(0,0,0,.3);padding:4px 10px;border-radius:3px;backdrop-filter:blur(6px);z-index:6}

/* GRANULARITY LADDER */
.gd-ladder{padding:96px 0;background:#fff}
.gd-ladder-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.gd-head{max-width:680px;margin:0 0 36px}
.gd-head h2{font:800 38px/1.15 var(--mbm-font-display);color:var(--mbm-ink);letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance}
.gd-head p{font:400 17px/1.6 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0;max-width:580px}
.gd-head.center{margin:0 auto 36px;text-align:center}
.gd-head.center p{margin:0 auto}
.gd-levels{display:grid;gap:10px}
.gd-level{display:grid;grid-template-columns:52px 190px 1fr auto;gap:20px;align-items:center;padding:18px 22px;background:#fff;border:1px solid var(--mbm-line);border-radius:6px;transition:all .18s}
.gd-level:hover{border-color:var(--mbm-red-700);transform:translateX(3px);box-shadow:0 8px 20px rgba(31,36,40,.06)}
.gd-level-n{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;color:#fff}
.gd-level-n i{font-size:22px}
.gd-level-t{font:800 17px var(--mbm-font-display);color:var(--mbm-ink)}
.gd-level-t small{display:block;font:600 11px var(--mbm-font-display);color:var(--mbm-ink-3);text-transform:uppercase;letter-spacing:.1em;margin-top:3px}
.gd-level-d{font:400 14px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2)}
.gd-level-c{font:800 20px var(--mbm-font-display);color:var(--mbm-red-700);letter-spacing:-.01em;text-align:right;white-space:nowrap}
.gd-level-c small{display:block;font:600 10px var(--mbm-font-display);color:var(--mbm-ink-3);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}

/* DATA TYPES */
.gd-types{padding:96px 0;background:var(--mbm-bg-alt);border-top:1px solid var(--mbm-line);border-bottom:1px solid var(--mbm-line)}
.gd-types-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.gd-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gd-type{background:#fff;border:1px solid var(--mbm-line);border-radius:8px;padding:26px;display:flex;flex-direction:column;gap:10px;transition:all .2s}
.gd-type:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(31,36,40,.10);border-color:var(--mbm-red-700)}
.gd-type-icon{width:48px;height:48px;border-radius:8px;background:var(--mbm-red-700);color:#fff;display:grid;place-items:center}
.gd-type-icon i{font-size:22px}
.gd-type h3{font:800 19px var(--mbm-font-display);color:var(--mbm-ink);margin:0;letter-spacing:-.005em}
.gd-type p{font:400 14px/1.6 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0;flex:1}
.gd-type-specs{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;padding-top:12px;border-top:1px solid var(--mbm-line)}
.gd-type-specs span{font:600 10px var(--mbm-font-display);color:var(--mbm-red-700);background:var(--mbm-red-100);padding:4px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.08em}

/* QUALITY BAND */
.gd-quality{background:var(--mbm-ink);color:#fff;padding:96px 0;position:relative;overflow:hidden}
.gd-quality::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 78% 30%, rgba(77,199,39,.08) 0, transparent 494px);pointer-events:none}
.gd-quality-inner{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.gd-quality .eb{font:700 12px var(--mbm-font-display);color:var(--mbm-green-500);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.gd-quality h2{font:800 38px/1.15 var(--mbm-font-display);color:#fff;letter-spacing:-.015em;margin:0 0 14px;text-wrap:balance}
.gd-quality p{font:400 16px/1.65 var(--mbm-font-sans);color:rgba(255,255,255,.78);margin:0 0 14px}
.gd-qual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gd-qual{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:6px}
.gd-qual i{color:var(--mbm-green-500);font-size:20px;margin-bottom:4px}
.gd-qual b{font:800 16px var(--mbm-font-display);color:#fff}
.gd-qual span{font:400 13px/1.55 var(--mbm-font-sans);color:rgba(255,255,255,.68)}

/* FORMATS TABLE */
.gd-formats{padding:96px 0;background:#fff}
.gd-formats-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.gd-table-wrap{border:1px solid var(--mbm-line);border-radius:8px;overflow:hidden;background:#fff}
.gd-table{width:100%;border-collapse:collapse;font:400 14px var(--mbm-font-sans)}
.gd-table th{background:var(--mbm-bg-alt);font:800 12px var(--mbm-font-display);color:var(--mbm-ink);text-transform:uppercase;letter-spacing:.08em;padding:14px 18px;text-align:left;border-bottom:2px solid var(--mbm-line)}
.gd-table th:first-child{background:#fff}
.gd-table td{padding:14px 18px;border-bottom:1px solid var(--mbm-line);vertical-align:middle;color:var(--mbm-ink-2)}
.gd-table tr:last-child td{border-bottom:0}
.gd-table td:first-child{font:700 14px var(--mbm-font-display);color:var(--mbm-ink);background:#FAFAFA}
.gd-table .fmt{font:600 12px var(--mbm-font-mono,'SF Mono',Menlo,monospace);color:var(--mbm-red-700);background:var(--mbm-red-100);padding:3px 8px;border-radius:3px;display:inline-block}
.gd-table .yes{color:var(--mbm-green-700);font-weight:700}

/* USE CASES */
.gd-uses{padding:96px 0;background:var(--mbm-bg-alt);border-top:1px solid var(--mbm-line)}
.gd-uses-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.gd-uses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gd-use{background:#fff;border:1px solid var(--mbm-line);border-radius:6px;padding:24px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:flex-start;transition:all .2s}
.gd-use:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(31,36,40,.10);border-color:var(--mbm-red-700)}
.gd-use-icon{width:44px;height:44px;border-radius:8px;background:var(--mbm-red-100);color:var(--mbm-red-700);display:grid;place-items:center;flex-shrink:0}
.gd-use-icon i{font-size:20px}
.gd-use h3{font:800 17px var(--mbm-font-display);color:var(--mbm-ink);margin:0 0 4px;letter-spacing:-.005em}
.gd-use .q{font:500 13px/1.5 var(--mbm-font-sans);color:var(--mbm-red-700);font-style:italic;margin:0 0 6px}
.gd-use p{font:400 14px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0}

/* COMBINE */
.gd-combine{padding:96px 0;background:#fff}
.gd-combine-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.gd-combine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gd-comb{background:#fff;border:1px solid var(--mbm-line);border-radius:6px;padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:all .2s}
.gd-comb:hover{transform:translateY(-2px);border-color:var(--mbm-red-700);color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(31,36,40,.09)}
.gd-comb .ic{width:38px;height:38px;border-radius:6px;background:var(--mbm-red-700);color:#fff;display:grid;place-items:center}
.gd-comb .ic i{font-size:17px}
.gd-comb h3{font:800 16px var(--mbm-font-display);color:var(--mbm-ink);margin:0}
.gd-comb p{font:400 13px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0;flex:1}
.gd-comb .more{font:700 12px var(--mbm-font-display);color:var(--mbm-red-700);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px;margin-top:4px}

@media (max-width:980px){
  .gd-hero-inner,.gd-quality-inner{grid-template-columns:1fr}
  .gd-layers{display:none}
  .gd-types-grid,.gd-uses-grid,.gd-combine-grid,.gd-qual-grid{grid-template-columns:1fr}
  .gd-level{grid-template-columns:1fr}
  .gd-level-c{text-align:left}
  .gd-h1{font-size:40px}
}