/**
 * ═══════════════════════════════════════════════════════════════
 *  DIGITAL MARKETING LANDING PAGE — Ultra-Premium Conversion
 *  Live dashboard mockup · Animated funnel · Gradient mesh ·
 *  Chart animations · Data-driven visual language
 * ═══════════════════════════════════════════════════════════════
 */

/* ─────────────────────────────────────────
   REVEAL ANIMATION SYSTEM
   ───────────────────────────────────────── */
[data-mk-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}
[data-mk-reveal="up"]{transform:translateY(60px)}
[data-mk-reveal="left"]{transform:translateX(-60px)}
[data-mk-reveal="right"]{transform:translateX(60px)}
[data-mk-reveal="scale"]{transform:scale(.88)}
[data-mk-reveal="width"]{transform:scaleX(0);transform-origin:left}
[data-mk-reveal].mk-visible{opacity:1;transform:translateY(0) translateX(0) scale(1) scaleX(1)}

/* ─────────────────────────────────────────
   HERO — DASHBOARD SHOWCASE
   ───────────────────────────────────────── */
.mk-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:var(--sp-160) 0 var(--sp-120);overflow:hidden;background:var(--navy-deep)}

.mk-hero-bg{position:absolute;inset:0;z-index:0}

.mk-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(232,101,26,.06) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 75% 25%,rgba(30,58,110,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 85%,rgba(232,101,26,.04) 0%,transparent 40%),linear-gradient(180deg,#0A1222 0%,#111E38 40%,#0F1D35 75%,#0A1222 100%)}

/* ── Animated gradient mesh — shifts color slowly ── */
.mk-hero-mesh{position:absolute;inset:0;opacity:.07;background:conic-gradient(from 0deg at 30% 40%,var(--hermes),var(--royal-blue),var(--hermes-light),var(--navy),var(--hermes));background-size:200% 200%;animation:meshRotate 20s linear infinite;filter:blur(80px)}
@keyframes meshRotate{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}

.mk-hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none}

.mk-hero-grain{position:absolute;inset:0;z-index:2;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;mix-blend-mode:overlay}

/* ── Layout ── */
.mk-hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.15fr;gap:var(--sp-48);align-items:center}

/* ── Content ── */
.mk-hero-content{max-width:580px}

.mk-hero-badge{display:inline-flex;align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-20);background:rgba(232,101,26,.08);border:1px solid rgba(232,101,26,.18);border-radius:var(--r-full);margin-bottom:var(--sp-32)}
.mk-badge-pulse{width:8px;height:8px;border-radius:50%;background:var(--hermes);animation:mkPulse 2s ease-in-out infinite;box-shadow:0 0 10px rgba(232,101,26,.5)}
@keyframes mkPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}
.mk-hero-badge>span:last-child{font-size:.8125rem;font-weight:600;letter-spacing:.06em;color:var(--hermes-light)}

/* ── Title ── */
.mk-hero-title{margin-bottom:var(--sp-24);line-height:1}
.mk-title-sub{display:block;font-family:var(--font-body);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:300;text-transform:uppercase;letter-spacing:.15em;color:rgba(248,245,240,.4);margin-bottom:var(--sp-12)}
.mk-title-main{display:block;font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:var(--cream);line-height:1.1}
.mk-title-main em{font-style:italic;color:var(--hermes-light)}

/* ── Strikethrough animation ── */
.mk-title-strike{position:relative;display:inline-block}
.mk-title-strike::after{content:'';position:absolute;left:-4%;top:52%;width:0;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:var(--r-full);transition:width 1.2s cubic-bezier(.25,.46,.45,.94) 1.5s}
.mk-title-strike.mk-struck::after{width:108%}

.mk-hero-rule{width:80px;height:2px;background:linear-gradient(90deg,var(--hermes),var(--hermes-light),transparent);margin-bottom:var(--sp-24);border-radius:var(--r-full)}

.mk-hero-desc{font-size:1.0625rem;color:rgba(248,245,240,.55);line-height:1.75;margin-bottom:var(--sp-32);max-width:500px}
.mk-hero-desc strong{color:var(--cream);font-weight:600}

/* ── Metric pills ── */
.mk-hero-metrics{display:flex;gap:var(--sp-24);margin-bottom:var(--sp-32);flex-wrap:wrap}
.mk-metric{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-20);background:rgba(248,245,240,.04);border:1px solid rgba(248,245,240,.08);border-radius:var(--r-md)}
.mk-metric-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(232,101,26,.12);border-radius:var(--r-sm);color:var(--hermes-light);font-size:.875rem}
.mk-metric-num{display:block;font-family:'Bodoni Moda',serif;font-size:1.5rem;font-weight:700;color:var(--cream);line-height:1}
.mk-metric-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(248,245,240,.4)}

/* ── CTAs ── */
.mk-hero-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-16);margin-bottom:var(--sp-32)}
.mk-btn-glow{box-shadow:0 4px 24px rgba(232,101,26,.35),0 0 60px rgba(232,101,26,.1)}
.mk-btn-glow:hover{box-shadow:0 6px 32px rgba(232,101,26,.5),0 0 80px rgba(232,101,26,.15)}

/* ── Trust ── */
.mk-hero-trust{display:flex;align-items:center;gap:var(--sp-12)}
.mk-trust-stars{display:flex;gap:2px;color:#FFD700;font-size:.75rem}
.mk-hero-trust>span{font-size:.8125rem;color:rgba(248,245,240,.4);font-weight:500}

/* ─────────────────────────────────────────
   DASHBOARD MOCKUP
   ───────────────────────────────────────── */
.mk-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}

.mk-dashboard{position:relative;width:100%;max-width:560px;border-radius:var(--r-lg);overflow:visible;box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06);animation:dashFloat 7s ease-in-out infinite;transform-style:preserve-3d}
@keyframes dashFloat{0%,100%{transform:translateY(0) rotateX(2deg) rotateY(-2deg)}50%{transform:translateY(-10px) rotateX(-1deg) rotateY(1.5deg)}}

.mk-dash-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-12) var(--sp-16);background:#181828;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:1px solid rgba(255,255,255,.05)}
.mk-dash-dots{display:flex;gap:6px}
.mk-dash-dots span{width:10px;height:10px;border-radius:50%}
.mk-dash-dots span:nth-child(1){background:#ff5f56}
.mk-dash-dots span:nth-child(2){background:#ffbd2e}
.mk-dash-dots span:nth-child(3){background:#27c93f}
.mk-dash-title{font-size:.75rem;color:rgba(255,255,255,.45);font-weight:500;display:flex;align-items:center;gap:var(--sp-8)}
.mk-dash-title i{color:var(--hermes-light);font-size:.625rem}

.mk-dash-live{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;color:#4ade80;text-transform:uppercase;letter-spacing:.1em}
.mk-live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:livePulse 1.5s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:.5;box-shadow:0 0 0 0 rgba(74,222,128,.4)}50%{opacity:1;box-shadow:0 0 0 4px rgba(74,222,128,0)}}

.mk-dash-body{background:linear-gradient(180deg,#12192E 0%,#0E1424 100%);padding:var(--sp-20);border-radius:0 0 var(--r-lg) var(--r-lg)}

/* KPIs */
.mk-dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-8);margin-bottom:var(--sp-16)}
.mk-kpi{padding:var(--sp-12);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:var(--r-sm);text-align:center}
.mk-kpi-label{display:block;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);margin-bottom:4px}
.mk-kpi-num{display:block;font-family:'Bodoni Moda',serif;font-size:1.125rem;font-weight:700;color:var(--cream);line-height:1.2;margin-bottom:2px}
.mk-kpi-change{font-size:.625rem;font-weight:700}
.mk-kpi-up{color:#4ade80}
.mk-kpi-down{color:#4ade80} /* Down CPL is good = green */
.mk-kpi-change i{margin-right:2px}

/* Chart */
.mk-dash-chart{margin-bottom:var(--sp-16)}
.mk-chart-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);margin-bottom:var(--sp-12)}
.mk-chart-bars{display:flex;align-items:flex-end;gap:var(--sp-8);height:100px;padding-bottom:var(--sp-20);position:relative}
.mk-chart-bars::after{content:'';position:absolute;bottom:20px;left:0;right:0;height:1px;background:rgba(255,255,255,.05)}
.mk-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}
.mk-bar-col span{font-size:.5625rem;color:rgba(255,255,255,.3);font-weight:600}
.mk-bar{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(30,58,110,.6) 0%,rgba(30,58,110,.3) 100%);transition:height 1.2s cubic-bezier(.34,1.56,.64,1);height:0}
.mk-bar-accent{background:linear-gradient(180deg,var(--hermes) 0%,var(--hermes-dark) 100%)!important}

/* Channel tags */
.mk-dash-channels{display:flex;gap:var(--sp-8);flex-wrap:wrap}
.mk-channel{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-full);font-size:.625rem;font-weight:600;color:rgba(255,255,255,.4);transition:var(--t-base)}
.mk-channel i{font-size:.5rem}
.mk-channel-active{background:rgba(232,101,26,.12);border-color:rgba(232,101,26,.25);color:var(--hermes-light)}

/* Notification popup */
.mk-dash-notif{position:absolute;top:-16px;right:-20px;display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);background:rgba(20,28,50,.9);backdrop-filter:blur(16px);border:1px solid rgba(74,222,128,.2);border-radius:var(--r-md);box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:5;opacity:0;transform:translateY(-10px) scale(.9);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.mk-dash-notif.mk-notif-visible{opacity:1;transform:translateY(0) scale(1)}
.mk-notif-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(74,222,128,.12);border-radius:var(--r-sm);color:#4ade80;font-size:.75rem}
.mk-dash-notif strong{display:block;font-size:.8125rem;color:var(--cream);line-height:1.2}
.mk-dash-notif span{font-size:.6875rem;color:rgba(248,245,240,.4)}

/* ─────────────────────────────────────────
   SOCIAL PROOF STATS
   ───────────────────────────────────────── */
.mk-proof{padding:var(--sp-64) 0;background:var(--cream);border-bottom:1px solid var(--border-light)}
.mk-proof-stats{display:flex;align-items:center;justify-content:center;gap:var(--sp-48);flex-wrap:wrap}
.mk-proof-stat{text-align:center}
.mk-proof-num{display:block;font-family:'Bodoni Moda',serif;font-size:2.75rem;font-weight:700;color:var(--navy);line-height:1;margin-bottom:var(--sp-4)}
.mk-proof-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}
.mk-proof-divider{width:1px;height:48px;background:var(--border-light)}

/* ─────────────────────────────────────────
   SERVICES GRID
   ───────────────────────────────────────── */
.mk-services{padding:var(--sp-120) 0;background:var(--white)}

.mk-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-24)}

.mk-srv-card{position:relative;padding:var(--sp-40);background:var(--cream-light);border:1px solid var(--border-light);border-radius:var(--r-lg);transition:var(--t-slow);overflow:hidden}
.mk-srv-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--hermes);transform:scaleX(0);transform-origin:center;transition:transform var(--t-slow)}
.mk-srv-card:hover{border-color:var(--hermes);transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.mk-srv-card:hover::after{transform:scaleX(1)}

.mk-srv-featured{border-color:var(--hermes);box-shadow:0 0 0 1px var(--hermes);grid-row:span 2}
.mk-srv-badge{position:absolute;top:var(--sp-16);right:var(--sp-16);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);background:var(--hermes);padding:var(--sp-4) var(--sp-12);border-radius:var(--r-full);z-index:2}

.mk-srv-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--hermes-soft);border-radius:var(--r-md);color:var(--hermes);font-size:1.25rem;margin-bottom:var(--sp-24);transition:var(--t-base)}
.mk-srv-card:hover .mk-srv-icon{background:var(--hermes);color:var(--white);transform:scale(1.05) rotate(-3deg)}

.mk-srv-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--navy);margin-bottom:var(--sp-12)}
.mk-srv-card h3 em{font-style:italic;color:var(--hermes)}
.mk-srv-card>p{font-size:.9375rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--sp-24)}

.mk-srv-list{display:flex;flex-direction:column;gap:var(--sp-8);margin-bottom:var(--sp-32)}
.mk-srv-list li{display:flex;align-items:center;gap:var(--sp-8);font-size:.875rem;font-weight:500;color:var(--graphite)}
.mk-srv-list li i{color:var(--hermes);font-size:.625rem;flex-shrink:0}

.mk-srv-btn{margin-top:auto}

/* ─────────────────────────────────────────
   CONVERSION FUNNEL
   ───────────────────────────────────────── */
.mk-funnel{padding:var(--sp-120) 0;background:var(--navy-deep);position:relative;overflow:hidden}

.mk-funnel-visual{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-20)}

.mk-funnel-stage{display:flex;flex-direction:column;gap:var(--sp-12)}

.mk-funnel-bar{height:8px;border-radius:var(--r-full);background:rgba(248,245,240,.06);overflow:hidden;width:var(--bar-width,100%);margin:0 auto;transition:width .8s cubic-bezier(.25,.46,.45,.94)}

.mk-funnel-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--royal-blue),var(--blue-accent));width:0;transition:width 1.5s cubic-bezier(.25,.46,.45,.94)}
.mk-funnel-fill-accent{background:linear-gradient(90deg,var(--hermes),var(--hermes-light))!important}

.mk-funnel-info{display:flex;align-items:center;gap:var(--sp-24);padding:0 var(--sp-8)}

.mk-funnel-step{font-family:'Bodoni Moda',serif;font-size:1.5rem;font-weight:700;color:rgba(248,245,240,.15);flex-shrink:0;width:40px}

.mk-funnel-info h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--cream);margin-bottom:var(--sp-4)}
.mk-funnel-info p{font-size:.875rem;line-height:1.6;color:rgba(248,245,240,.4);margin:0}

.mk-funnel-num{margin-left:auto;font-family:'Bodoni Moda',serif;font-size:1.5rem;font-weight:700;color:rgba(248,245,240,.2);flex-shrink:0;white-space:nowrap}
.mk-funnel-num-accent{color:var(--hermes-light)!important}

/* ─────────────────────────────────────────
   WHAT MAKES US DIFFERENT
   ───────────────────────────────────────── */
.mk-diff{padding:var(--sp-120) 0;background:var(--cream)}

.mk-diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-24)}

.mk-diff-card{position:relative;padding:var(--sp-40) var(--sp-32);background:var(--white);border:1px solid var(--border-light);border-radius:var(--r-lg);transition:var(--t-slow);overflow:hidden}
.mk-diff-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--hermes);transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow)}
.mk-diff-card:hover{border-color:var(--hermes);transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.mk-diff-card:hover::before{transform:scaleX(1)}

.mk-diff-num{font-family:'Bodoni Moda',serif;font-size:.75rem;font-weight:600;color:var(--hermes);letter-spacing:.08em;position:absolute;top:var(--sp-20);right:var(--sp-20);opacity:.5}

.mk-diff-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--hermes-soft);border-radius:var(--r-md);color:var(--hermes);font-size:1.125rem;margin-bottom:var(--sp-20);transition:var(--t-base)}
.mk-diff-card:hover .mk-diff-icon{background:var(--hermes);color:var(--white)}

.mk-diff-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--navy);margin-bottom:var(--sp-12)}
.mk-diff-card p{font-size:.9375rem;line-height:1.65;color:var(--text-secondary);margin:0}

/* ─────────────────────────────────────────
   PROCESS STEPS
   ───────────────────────────────────────── */
.mk-process{padding:var(--sp-120) 0;background:var(--navy);position:relative}

.mk-steps{max-width:750px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-48)}

.mk-step{display:grid;grid-template-columns:64px 1fr;gap:var(--sp-24);position:relative}

.mk-step-marker{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(232,101,26,.1);border:2px solid rgba(232,101,26,.25);border-radius:50%;transition:var(--t-slow)}
.mk-step-marker span{font-family:'Bodoni Moda',serif;font-size:.875rem;font-weight:700;color:var(--hermes-light)}

.mk-step.mk-step-active .mk-step-marker{background:var(--hermes);border-color:var(--hermes);box-shadow:0 0 24px rgba(232,101,26,.4)}
.mk-step.mk-step-active .mk-step-marker span{color:var(--white)}

.mk-step-tag{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--hermes-light);margin-bottom:var(--sp-8);padding:var(--sp-4) var(--sp-12);background:rgba(232,101,26,.08);border-radius:var(--r-full)}

.mk-step-content h3{font-family:var(--font-display);font-size:1.375rem;font-weight:500;color:var(--cream);margin-bottom:var(--sp-8)}
.mk-step-content p{font-size:.9375rem;line-height:1.7;color:rgba(248,245,240,.45);margin:0}

/* ─────────────────────────────────────────
   TESTIMONIALS
   ───────────────────────────────────────── */
.mk-testimonials{padding:var(--sp-120) 0;background:var(--cream)}

.mk-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-24)}

.mk-test-card{padding:var(--sp-40);background:var(--white);border:1px solid var(--border-light);border-radius:var(--r-lg);transition:var(--t-slow)}
.mk-test-card:hover{border-color:var(--hermes);transform:translateY(-6px);box-shadow:var(--shadow-lg)}

.mk-test-stars{display:flex;gap:3px;margin-bottom:var(--sp-24);color:#FFD700;font-size:.75rem}

.mk-test-card blockquote{font-family:var(--font-display);font-size:1.125rem;font-weight:400;font-style:italic;color:var(--navy);line-height:1.6;margin-bottom:var(--sp-32)}

.mk-test-author{display:flex;align-items:center;gap:var(--sp-12)}
.mk-test-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--hermes);border-radius:50%;color:var(--white);font-size:.8125rem;font-weight:700}
.mk-test-author strong{display:block;font-size:.9375rem;font-weight:600;color:var(--navy);line-height:1.3}
.mk-test-author span{font-size:.8125rem;color:var(--text-muted)}

/* ─────────────────────────────────────────
   FAQ
   ───────────────────────────────────────── */
.mk-faq{padding:var(--sp-120) 0;background:var(--navy-deep)}

.mk-faq-list{max-width:800px;margin:0 auto}

.mk-faq-item{border-bottom:1px solid rgba(248,245,240,.08)}
.mk-faq-item:first-child{border-top:1px solid rgba(248,245,240,.08)}

.mk-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-24) 0;font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--cream);text-align:left;cursor:pointer;transition:var(--t-base)}
.mk-faq-question:hover{color:var(--hermes-light)}
.mk-faq-question i{font-size:.875rem;color:var(--hermes-light);transition:transform var(--t-base);flex-shrink:0;margin-left:var(--sp-16)}
.mk-faq-item.mk-faq-open .mk-faq-question i{transform:rotate(45deg)}

.mk-faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.46,.45,.94),padding .5s cubic-bezier(.25,.46,.45,.94)}
.mk-faq-item.mk-faq-open .mk-faq-answer{max-height:500px;padding-bottom:var(--sp-24)}
.mk-faq-answer p{font-size:1rem;line-height:1.75;color:rgba(248,245,240,.55)}
.mk-faq-answer a{color:var(--hermes-light);font-weight:600}
.mk-faq-answer a:hover{text-decoration:underline}
.mk-faq-answer strong{color:var(--cream)}

/* ─────────────────────────────────────────
   FINAL CTA
   ───────────────────────────────────────── */
.mk-final-cta{position:relative;padding:var(--sp-160) 0;overflow:hidden;background:var(--cream)}

.mk-cta-bg-fx{position:absolute;inset:0}
.mk-cta-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;animation:mkOrbFloat 14s ease-in-out infinite}
.mk-cta-orb-1{width:500px;height:500px;background:var(--hermes);top:-15%;left:15%}
.mk-cta-orb-2{width:350px;height:350px;background:var(--royal-blue);bottom:-20%;right:20%;animation-delay:-5s}
.mk-cta-orb-3{width:250px;height:250px;background:var(--hermes-light);top:50%;left:60%;animation-delay:-10s}
@keyframes mkOrbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(25px,-15px) scale(1.08)}66%{transform:translate(-15px,20px) scale(.94)}}

.mk-cta-grain{position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;mix-blend-mode:multiply}

.mk-final-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}

.mk-final-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:var(--navy);margin-bottom:var(--sp-24);line-height:1.1}
.mk-final-title em{font-style:italic;color:var(--hermes)}

.mk-final-desc{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--sp-40);line-height:1.7}

.mk-final-actions{display:flex;flex-wrap:wrap;gap:var(--sp-16);justify-content:center;margin-bottom:var(--sp-40)}
.mk-final-actions .btn-ghost{border-color:var(--navy);color:var(--navy)}
.mk-final-actions .btn-ghost:hover{background:rgba(27,42,74,.06)}

.mk-final-promise{display:flex;flex-wrap:wrap;gap:var(--sp-32);justify-content:center}
.mk-final-promise>div{display:flex;align-items:center;gap:var(--sp-8)}
.mk-final-promise i{color:#16a34a;font-size:.75rem}
.mk-final-promise span{font-size:.875rem;color:var(--text-secondary);font-weight:500}

/* ─────────────────────────────────────────
   PARTICLES
   ───────────────────────────────────────── */
.mk-particle{position:absolute;border-radius:50%;opacity:0;pointer-events:none;animation:mkParticleDrift var(--dur,12s) var(--delay,0s) linear infinite}
@keyframes mkParticleDrift{0%{opacity:0;transform:translate(0,0) scale(.5)}10%{opacity:var(--peak,.3)}90%{opacity:var(--peak,.3)}100%{opacity:0;transform:translate(var(--dx,80px),var(--dy,-180px)) scale(0)}}

/* ─────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────── */
@media(max-width:1200px){.mk-diff-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:991px){
  .mk-hero-layout{grid-template-columns:1fr;gap:var(--sp-48)}
  .mk-hero-visual{order:-1;max-width:500px;margin:0 auto}
  .mk-hero-content{max-width:100%}
  .mk-services-grid{grid-template-columns:1fr}
  .mk-srv-featured{grid-row:auto}
  .mk-test-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}
}

@media(max-width:768px){
  .mk-hero{padding:var(--sp-120) 0 var(--sp-80)}
  .mk-hero-visual{display:none}
  .mk-hero-metrics{flex-direction:column;gap:var(--sp-12)}
  .mk-proof-stats{flex-direction:column;gap:var(--sp-24)}
  .mk-proof-divider{width:48px;height:1px}
  .mk-diff-grid{grid-template-columns:1fr}
  .mk-funnel-info{flex-direction:column;gap:var(--sp-12);text-align:center}
  .mk-funnel-num{margin-left:0}
  .mk-funnel-step{display:none}
  .mk-final-cta{padding:var(--sp-96) 0}
  .mk-step{grid-template-columns:48px 1fr;gap:var(--sp-16)}
  .mk-step-marker{width:36px;height:36px}
  .mk-step-marker span{font-size:.75rem}
}

@media(max-width:480px){
  .mk-hero-content{text-align:center}
  .mk-hero-badge{margin-left:auto;margin-right:auto}
  .mk-hero-rule{margin-left:auto;margin-right:auto}
  .mk-hero-desc{text-align:center}
  .mk-hero-metrics{align-items:center}
  .mk-hero-ctas{flex-direction:column;align-items:stretch}
  .mk-hero-ctas .btn{justify-content:center}
  .mk-hero-trust{justify-content:center}
  .mk-final-actions{flex-direction:column;align-items:stretch}
  .mk-final-actions .btn{justify-content:center}
  .mk-final-promise{flex-direction:column;align-items:center;gap:var(--sp-12)}
}