/* ============================================================
   GDI Brand Kit v1.0 — canonical stylesheet (single source of truth).
   Host once, link from EVERY GDI product:
     <link rel="stylesheet" href="https://exchange.globaldealinc.com/assets/gdi-brand.css">
   Then wrap your page body in class="gdi".
   Palette, type, motifs per GlobalDealInc Brand Identity Kit v1.0.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=Outfit:wght@300;400;500;600;700&display=swap');

:root{
  /* palette */
  --gdi-abyss:#040914;      /* background   */
  --gdi-deep:#0D1F3C;       /* surface      */
  --gdi-orbit:#2979FF;      /* accent       */
  --gdi-sapphire:#1B52B8;   /* depth        */
  --gdi-gold:#F5A623;       /* primary CTA  */
  --gdi-bronze:#E8870A;     /* gradient end */
  --gdi-ivory:#F6F1E7;      /* light text   */
  --gdi-slate:#AABBD4;      /* body on dark */
  --gdi-line:rgba(170,187,212,.18);
  --gdi-field:rgba(255,255,255,.04);
  --gdi-grad:linear-gradient(100deg,var(--gdi-gold),var(--gdi-bronze));
  --gdi-mesh:radial-gradient(1100px 620px at 82% -8%,rgba(41,121,255,.16),transparent 60%),
             radial-gradient(900px 520px at -6% 108%,rgba(245,166,35,.10),transparent 55%),var(--gdi-abyss);
  --gdi-serif:'Playfair Display',Georgia,serif;
  --gdi-sans:'Outfit',system-ui,sans-serif;
}

.gdi{background:var(--gdi-mesh);color:var(--gdi-ivory);font-family:var(--gdi-sans);min-height:100vh;-webkit-font-smoothing:antialiased}
.gdi h1,.gdi h2,.gdi h3{font-family:var(--gdi-serif);color:var(--gdi-ivory);margin:0 0 4px}
.gdi h1{font-size:22px} .gdi .sub{color:var(--gdi-slate);font-size:13px;margin-bottom:16px}

/* wordmark lockup (globe + Global Deal Inc.) */
.gdi-brand{display:flex;align-items:center;gap:12px}
.gdi-brand .globe{height:40px;width:40px;flex:0 0 auto}
.gdi-wordmark{font-family:var(--gdi-serif);font-weight:700;font-size:20px;line-height:1;letter-spacing:.3px}
.gdi-wordmark .d{color:var(--gdi-gold)}
.gdi-wordmark .inc{display:block;font-size:.55em;letter-spacing:.34em;color:var(--gdi-slate);margin-top:3px;font-weight:600}
.gdi-subtitle{font-family:var(--gdi-sans);font-weight:400;font-size:12px;color:var(--gdi-slate);letter-spacing:.3px;margin-top:3px}
.gdi-tagline{font-family:var(--gdi-serif);font-style:italic;color:var(--gdi-gold)}

/* the gold rule (short gradient bar under headings) */
.gdi-rule{height:3px;width:64px;background:var(--gdi-grad);border-radius:3px;margin:8px 0 16px}

/* eyebrow label */
.gdi-eyebrow{font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gdi-gold)}

/* cards */
.gdi-card{background:rgba(13,31,60,.4);border:1px solid var(--gdi-line);border-radius:14px;padding:16px;margin-bottom:14px}
.gdi-card h2{font-family:var(--gdi-serif);font-size:15px;margin:0 0 12px}

/* buttons */
.gdi-btn{font-family:var(--gdi-sans);font-weight:600;font-size:14px;border:none;border-radius:10px;padding:11px 16px;cursor:pointer}
.gdi-btn-primary{background:var(--gdi-grad);color:#2a1600}
.gdi-btn-ghost{background:var(--gdi-field);color:var(--gdi-ivory);border:1px solid var(--gdi-line)}
.gdi-btn-sm{padding:8px 12px;font-size:12.5px}
.gdi-btn[disabled]{opacity:.45;cursor:not-allowed}

/* inputs */
.gdi input,.gdi select,.gdi textarea{width:100%;font-family:var(--gdi-sans);font-size:14px;color:var(--gdi-ivory);background:var(--gdi-field);border:1px solid var(--gdi-line);border-radius:9px;padding:10px 12px}
.gdi input:focus,.gdi select:focus,.gdi textarea:focus{outline:none;border-color:var(--gdi-gold)}
.gdi label{display:block;font-size:12px;font-weight:600;color:var(--gdi-slate);margin:10px 0 6px}

/* pills / status */
.gdi-pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px}
.gdi-pill-done{background:rgba(46,204,113,.18);color:#7be3a4}
.gdi-pill-wait{background:rgba(245,166,35,.16);color:var(--gdi-gold)}
.gdi-pill-soon{background:rgba(170,187,212,.14);color:var(--gdi-slate)}

/* top bar + footer */
.gdi-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 0 16px;border-bottom:1px solid var(--gdi-line);margin-bottom:18px}
.gdi-footer{border-top:1px solid var(--gdi-line);color:#6b768f;font-size:11px;padding-top:14px;margin-top:26px;text-align:center}
.gdi a{color:var(--gdi-orbit)}