@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

#mkt-page { font-family:'Manrope',system-ui,-apple-system,sans-serif; color:#1a1208; -webkit-font-smoothing:antialiased; }
#mkt-page *, #mkt-page *::before, #mkt-page *::after { box-sizing:border-box; }

/* ── Container ── */
.mkt-container { max-width:1240px; margin:0 auto; padding:0 32px; }

/* ── Buttons ── */
.mkt-btn { display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 22px; border:1px solid transparent; border-radius:4px; font-size:15px; font-weight:600; font-family:inherit; cursor:pointer; white-space:nowrap; text-decoration:none; transition:background .15s,color .15s,border-color .15s; }
.mkt-btn-gold    { background:#C9A84C; color:#fff; box-shadow:0 6px 18px -8px rgba(201,168,76,.5); }
.mkt-btn-gold:hover { background:#a88838; }
.mkt-btn-outline { background:transparent; color:#1a1208; border-color:#1a1208; }
.mkt-btn-outline:hover { background:#1a1208; color:#fff; }
.mkt-btn-white   { background:#fff; color:#1a1208; }
.mkt-btn-white:hover { background:#f5f0e8; }

/* ── Kicker ── */
.mkt-kicker { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#C9A84C; margin-bottom:16px; }
.mkt-kicker-bar { width:28px; height:2px; background:#C9A84C; display:inline-block; }

/* ── Section head ── */
.mkt-section-head { max-width:720px; margin-bottom:56px; }
.mkt-section-title { font-size:clamp(28px,3.4vw,44px); line-height:1.1; font-weight:800; letter-spacing:-0.02em; margin:0 0 14px; color:#1a1208; }
.mkt-section-desc  { font-size:17px; line-height:1.55; color:#6B6B6B; margin:0; }

/* ══ HERO ══ */
.mkt-hero { padding:72px 0 100px; border-bottom:1px solid #e8e0cc; position:relative; background:linear-gradient(135deg,#fffdf7 0%,#f9f4e8 100%); }
.mkt-hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.mkt-hero-copy { max-width:560px; }
.mkt-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:6px 12px 6px 10px; border:1px solid #e8e0cc; border-radius:999px; background:#fff; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#6b5a2a; margin-bottom:28px; }
.mkt-eyebrow-dot { width:7px; height:7px; border-radius:999px; background:#C9A84C; box-shadow:0 0 0 3px rgba(201,168,76,.2); display:inline-block; flex-shrink:0; }
.mkt-display { font-size:clamp(40px,5vw,72px); line-height:1.0; font-weight:800; letter-spacing:-0.03em; margin:0 0 24px; color:#1a1208; }
.mkt-gold { color:#C9A84C; display:block; }
.mkt-lead { font-size:18px; line-height:1.55; color:#6B6B6B; margin:0 0 36px; max-width:520px; }
.mkt-cta-row { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:36px; }
.mkt-trust-row { display:flex; gap:24px; flex-wrap:wrap; }
.mkt-trust-item { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:500; color:#3a2e10; }
.mkt-check { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:#C9A84C; flex-shrink:0; }

/* Hero visual */
.mkt-hero-visual { display:flex; flex-direction:column; align-items:center; gap:20px; }
.mkt-visual-card { background:#fff; border:1px solid #e8e0cc; border-radius:12px; padding:28px 32px; display:flex; flex-direction:column; align-items:center; gap:14px; width:100%; box-shadow:0 8px 32px -8px rgba(201,168,76,.15); }
.mkt-visual-card-print { background:#F5F0E8; }
.mkt-visual-icon { width:120px; height:120px; }
.mkt-visual-label { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.12em; color:#9a7e3a; text-transform:uppercase; }
.mkt-arrow-row { display:flex; align-items:center; gap:12px; width:100%; justify-content:center; }
.mkt-arrow-line { flex:1; height:1px; background:#e8e0cc; max-width:80px; }

/* ══ WHAT ══ */
.mkt-what { padding:100px 0; border-bottom:1px solid #e8e0cc; }
.mkt-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.mkt-step-num { font-size:13px; font-weight:700; color:#C9A84C; letter-spacing:.12em; margin-bottom:16px; font-family:'JetBrains Mono',monospace; display:flex; align-items:center; gap:10px; }
.mkt-step-num::before { content:''; display:inline-block; width:28px; height:1px; background:#C9A84C; }
.mkt-step-title { font-size:20px; font-weight:700; letter-spacing:-0.01em; margin:0 0 10px; line-height:1.2; color:#1a1208; }
.mkt-step-desc  { font-size:15px; line-height:1.55; color:#6B6B6B; margin:0; }

/* ══ PRODUCTS ══ */
.mkt-products { padding:100px 0; background:#F9F4E8; border-bottom:1px solid #e8e0cc; }
.mkt-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.mkt-product-item { background:#fff; border:1px solid #e8e0cc; border-radius:8px; padding:24px 20px; display:flex; align-items:center; gap:16px; transition:transform .2s,box-shadow .2s; }
.mkt-product-item:hover { transform:translateY(-2px); box-shadow:0 8px 24px -8px rgba(201,168,76,.2); }
.mkt-product-icon { width:44px; height:44px; flex-shrink:0; color:#C9A84C; }
.mkt-product-icon svg { width:100%; height:100%; }
.mkt-product-name { font-size:15px; font-weight:600; color:#1a1208; }

/* ══ CTA BAND ══ */
.mkt-cta-band { background:#1a1208; color:#fff; padding:72px 0; position:relative; overflow:hidden; }
.mkt-cta-glow { position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 90% 50%,rgba(201,168,76,.25),transparent 65%); pointer-events:none; }
.mkt-cta-inner { position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; }
.mkt-cta-title { font-size:clamp(28px,3.4vw,40px); font-weight:800; letter-spacing:-0.02em; margin:0 0 10px; line-height:1.1; color:#fff; }
.mkt-cta-desc  { font-size:17px; color:rgba(255,255,255,.7); margin:0; }
.mkt-cta-actions { display:flex; flex-direction:column; gap:12px; align-items:flex-end; }
.mkt-cta-phone { color:rgba(255,255,255,.7); text-decoration:none; font-size:14px; }
.mkt-cta-phone strong { color:#fff; }

/* ══ RESPONSIVE ══ */
@media(max-width:980px) {
  .mkt-hero-inner { grid-template-columns:1fr; }
  .mkt-steps, .mkt-product-grid { grid-template-columns:1fr 1fr; }
  .mkt-cta-inner { grid-template-columns:1fr; }
  .mkt-cta-actions { align-items:flex-start; }
}
@media(max-width:640px) {
  .mkt-hero { padding:48px 0 64px; }
  .mkt-what, .mkt-products { padding:64px 0; }
  .mkt-steps, .mkt-product-grid { grid-template-columns:1fr; }
  .mkt-container { padding:0 20px; }
}