html { scroll-behavior:smooth; }
.mi section[id],.mi [id] { scroll-margin-top:80px; }
.mi * { margin:0; padding:0; box-sizing:border-box; }
.mi { --ink:#1a1a1a; --ink2:#3a3a3a; --cream:#f8f6fb; --accent:#86198f; --accent-dark:#701a75; --accent-bg:#fdf4ff; --border:#e6e3ee; font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:17px!important; line-height:1.5!important; color:var(--ink)!important; background:#fff!important; }
.mi h1,.mi h2,.mi h3 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-weight:700!important; color:var(--ink)!important; letter-spacing:-0.02em!important; }
.mi h2 { font-size:clamp(28px,4.5vw,40px)!important; line-height:1.15!important; margin-bottom:16px!important; }
.mi a { color:var(--accent)!important; text-decoration:none!important; }
.mi a:hover { text-decoration:underline!important; }
.mi-c { max-width:1100px; margin:0 auto; padding:0 28px; }
.mi-s { padding:88px 0; }
.mi-s--b { border-bottom:1px solid var(--border); }
.mi-s--cream { background:var(--cream)!important; }
.mi-label { font-size:12px!important; font-weight:700!important; letter-spacing:.15em!important; text-transform:uppercase!important; color:var(--accent)!important; margin-bottom:16px!important; display:block; }
.mi .mi-btn { display:inline-block; padding:16px 32px; font-size:16px!important; font-weight:700!important; border-radius: 6px; text-align:center; text-decoration:none!important; transition:all .2s ease; cursor:pointer; line-height:1.4!important; }
.mi .mi-btn--p { background:#86198f!important; color:#fff!important; border:none!important; }
.mi .mi-btn--p:hover { background:#701a75!important; text-decoration:none!important; }
.mi .mi-btn--cta { background:#fff!important; color:#86198f!important; font-weight:700!important; border:2px solid #fff!important; }
.mi .mi-btn--cta:hover { background:#fdf4ff!important; color:#701a75!important; text-decoration:none!important; }
.mi .mi-btn--ghost { background:transparent!important; color:rgba(255,255,255,.7)!important; border:2px solid rgba(255,255,255,.25)!important; }
.mi .mi-btn--ghost:hover { border-color:rgba(255,255,255,.6)!important; color:#fff!important; text-decoration:none!important; }
.mi-breadcrumb { padding:14px 0; font-size:13px; color:var(--ink2); }
.mi-breadcrumb a { color:var(--ink2)!important; text-decoration:none!important; }
.mi-breadcrumb a:hover { color:var(--accent)!important; }
.mi-breadcrumb-sep { margin:0 8px; color:#bbb; }
.mi-hero { padding:180px 0 48px!important; position:relative; overflow:hidden; text-align:center; }
.mi-hero::before { content:''; position:absolute; top:-10%; left:50%; transform:translateX(-50%); width:1000px; height:1000px; background:radial-gradient(circle,rgba(134,25,143,.08) 0%,rgba(21,128,61,.03) 40%,transparent 70%); pointer-events:none; }
.mi-hero-label { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:14px!important; font-weight:700!important; color:rgba(134,25,143,.9)!important; letter-spacing:.15em!important; text-transform:uppercase!important; margin-bottom:14px!important; display:block; position:relative; z-index:1; }
.mi-hero h1 { color:#fff!important; font-size:clamp(42px,7vw,64px)!important; line-height:1.1!important; margin:0 auto!important; position:relative; z-index:1; max-width:800px; }
.mi-hero-pyramid { position:relative; z-index:1; margin-top:56px; overflow:visible; }
.mi-hero-hint { color:rgba(255,255,255,.35); font-size:13px; text-align:center; margin-top:14px; }
.mi-hero-hint a { color:rgba(255,255,255,.45)!important; }
.mi-pyr-outer { position:relative; max-width:700px; margin:0 auto; overflow:visible; }
.mi-pyr-outer svg { width:100%; height:auto; display:block; }
.mi-pyr-outer svg text { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
.mi-pyr-level { cursor:pointer; transition:opacity .25s ease; }
svg.ph .mi-pyr-level { opacity:.3; }
svg.ph .mi-pyr-level.po { opacity:1; }
.mi-ann-card { position:absolute; top:0; right:-260px; width:240px; padding:20px 18px; background:rgba(10,10,20,.92); border:1.5px solid rgba(134,25,143,.4); border-radius:6px; opacity:0; transition:opacity .25s ease,top .25s ease; pointer-events:none; text-align:left; }
.mi-ann-card.mi-ann-show { opacity:1; }
.mi-ann-label { font-size:11px!important; font-weight:700!important; letter-spacing:.1em!important; color:rgba(134,25,143,.8)!important; margin-bottom:6px!important; display:block; }
.mi-ann-title { font-size:19px!important; font-weight:700!important; color:#fff!important; margin-bottom:10px!important; display:block; font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; }
.mi-ann-desc { font-size:12.5px!important; color:rgba(255,255,255,.55)!important; line-height:1.5!important; display:block; margin-bottom:4px!important; }
.mi-ann-insight { font-size:12.5px!important; font-weight:700!important; color:#86198f!important; margin-top:8px!important; display:block; }
.mi-levels { display:flex; flex-direction:column; gap:0; margin-top:32px; }
.mi-level { display:grid; grid-template-columns:80px 1fr; gap:0; border-bottom:1px solid var(--border); padding:28px 16px; border-radius:8px; cursor:pointer; transition:background .2s ease,box-shadow .2s ease; }
.mi-level:last-child { border-bottom:none; }
.mi-level.mhl { background:var(--accent-bg); box-shadow:0 4px 16px rgba(134,25,143,.08); }
.mi-level-num { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:36px!important; font-weight:700!important; line-height:1!important; padding-top:4px; letter-spacing: -0.025em !important; }
.mi-level-name { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:13px!important; font-weight:700!important; letter-spacing:.1em!important; text-transform:uppercase!important; margin-bottom:6px!important; }
.mi-level h3 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:20px!important; font-weight:700!important; margin-bottom:8px!important; }
.mi-level p { font-size:15px!important; color:var(--ink2)!important; line-height:1.6!important; max-width:700px; }
.mi-level-tag { display:inline-block; font-size:12px!important; font-weight:700!important; padding:3px 10px; border-radius:3px; margin-top:10px; }
.mi-level--1 .mi-level-num,.mi-level--1 .mi-level-name { color:#b91c1c; }
.mi-level--2 .mi-level-num,.mi-level--2 .mi-level-name { color:#9a3412; }
.mi-level--3 .mi-level-num,.mi-level--3 .mi-level-name { color:#a16207; }
.mi-level--4 .mi-level-num,.mi-level--4 .mi-level-name { color:#4d7c0f; }
.mi-level--5 .mi-level-num,.mi-level--5 .mi-level-name { color:#15803d; }
.mi-level--6 .mi-level-num,.mi-level--6 .mi-level-name { color:#0f766e; }
.mi-level--7 .mi-level-num,.mi-level--7 .mi-level-name { color:var(--accent); }
.mi-level--7 { background:linear-gradient(135deg,var(--accent-bg),#fae8ff); border:2px solid var(--accent); margin-top:8px; padding:32px 24px 36px!important; margin-bottom:16px; border-bottom:2px solid var(--accent)!important; }
.mi-pq { font-family:'Libre Baskerville',Georgia,serif!important; font-size:clamp(20px,3vw,26px)!important; font-style:italic!important; color:#fff!important; line-height:1.45!important; max-width:800px; margin:0 auto; text-align:center; position:relative; padding:0 40px; }
.mi-pq::before { content:'\201C'; position:absolute; top:-20px; left:0; font-size:72px; color:var(--accent); line-height:1; font-family:'Libre Baskerville',Georgia,serif; }
.mi-pq-src { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:14px!important; font-style:normal!important; color:rgba(255,255,255,.35)!important; margin-top:16px!important; display:block; text-align:center; }
.mi-bold { background:#000!important; padding:88px 0!important; text-align:center; position:relative; overflow:hidden; }
.mi-bold::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; height:800px; background:radial-gradient(circle,rgba(134,25,143,.06) 0%,transparent 60%); pointer-events:none; }
.mi-bold h2 { color:#fff!important; margin-bottom:20px!important; position:relative; z-index:1; }
.mi-bold p { color:rgba(255,255,255,.7)!important; font-size:18px!important; max-width:700px; margin:0 auto 32px!important; line-height:1.6!important; position:relative; z-index:1; }
.mi-step:hover div:first-child { background:rgba(134,25,143,.25)!important; border-color:rgba(134,25,143,.8)!important; transform:translateY(-3px); box-shadow:0 6px 20px rgba(134,25,143,.2); }
.mi-step div:first-child { transition:all .25s ease; }
.mi-cta { background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important; padding:88px 0!important; text-align:center; }
.mi-cta h2 { color:#fff!important; margin-bottom:12px!important; }
.mi-cta p { color:rgba(255,255,255,.85)!important; font-size:18px!important; margin-bottom:28px!important; max-width:650px; margin-left:auto; margin-right:auto; line-height:1.5!important; }
.mi-curve-outer { position:relative; max-width:1100px; margin:32px auto 0; }
.mi-curve-outer svg { width:100%; height:auto; display:block; }
.mi-curve-outer svg text { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
.mi-cp { cursor:pointer; transition:opacity .25s ease; }
.mi-cp:hover { opacity:1!important; }
svg.ch .mi-cp { opacity:.25; }
svg.ch .mi-cp.con { opacity:1; }
.mi-cp-dot { transition:r .2s ease,fill .2s ease; }
svg.ch .mi-cp.con .mi-cp-dot { r:7; fill:#86198f; }
.mi-cv-card { position:absolute; width:280px; padding:22px 20px; background:rgba(255,255,255,.97); border:1.5px solid var(--accent); border-radius:8px; box-shadow:0 8px 32px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:10; text-align:left; }
.mi-cv-card.cv-show { opacity:1; pointer-events:auto; }
.mi-cv-card-phase { font-size:11px!important; font-weight:700!important; letter-spacing:.12em!important; text-transform:uppercase!important; color:var(--accent)!important; margin-bottom:4px!important; display:block; }
.mi-cv-card-title { font-size:18px!important; font-weight:700!important; color:var(--ink)!important; margin-bottom:8px!important; display:block; font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; }
.mi-cv-card-from { font-size:12px!important; color:#15803d!important; font-weight:700!important; margin-bottom:8px!important; display:block; }
.mi-cv-card-desc { font-size:13.5px!important; color:var(--ink2)!important; line-height:1.55!important; display:block; }
.mi-phases { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.mi-phase-card { padding:24px; background:#fff; border:1px solid var(--border); border-radius:8px; }
.mi-phase-num { font-size:11px!important; font-weight:700!important; letter-spacing:.12em!important; text-transform:uppercase!important; color:var(--accent)!important; margin-bottom:6px!important; display:block; }
.mi-phase-card h4 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:18px!important; font-weight:700!important; margin-bottom:4px!important; color:var(--ink)!important; }
.mi-phase-from { font-size:12px!important; color:#15803d!important; font-weight:700!important; margin-bottom:8px!important; display:block; }
.mi-phase-card p { font-size:14px!important; color:var(--ink2)!important; line-height:1.55!important; }
.mi-stakes { margin-top:14px!important; padding:22px 26px 22px 28px; background:rgba(134,25,143,.045); border-left:3px solid var(--accent); border-radius:0 4px 4px 0; color:var(--ink)!important; font-size:16.5px!important; line-height:1.65!important; max-width:760px; font-weight:500!important; }
.mi-stakes em { font-style:normal; color:var(--accent); font-weight:700; }
.mi-diag { margin-top:32px; background:#fff; border:1px solid var(--border); border-radius:12px; padding:48px; box-shadow:0 4px 24px rgba(0,0,0,.05); }
.mi-diag-tag { display:inline-block; font-size:11px!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--accent)!important; background:var(--accent-bg); padding:6px 14px; border-radius:3px; margin-bottom:18px; }
.mi-diag h3 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:clamp(24px,3.2vw,32px)!important; font-weight:700!important; margin-bottom:14px!important; line-height:1.2!important; color:var(--ink)!important; letter-spacing: -0.025em !important; }
.mi-diag-lead { font-size:17px!important; color:var(--ink2)!important; line-height:1.65!important; margin-bottom:36px!important; max-width:720px; }
.mi-diag-process { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:40px; }
.mi-diag-step { background:var(--cream); border-radius:10px; padding:28px 24px; position:relative; border:1px solid var(--border); }
.mi-diag-step-num { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:48px!important; font-weight:700!important; line-height:1!important; color:var(--accent)!important; opacity:.25; position:absolute; top:16px; right:20px; letter-spacing: -0.025em !important; }
.mi-diag-step-label { font-size:11px!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--accent)!important; margin-bottom:8px!important; display:block; }
.mi-diag-step h4 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:20px!important; font-weight:700!important; margin-bottom:10px!important; color:var(--ink)!important; }
.mi-diag-step p { font-size:14.5px!important; color:var(--ink2)!important; line-height:1.6!important; }
.mi-diag-deliverables { margin-top:36px; padding-top:36px; border-top:1px solid var(--border); }
.mi-diag-section-label { font-size:11px!important; font-weight:700!important; letter-spacing:.15em!important; text-transform:uppercase!important; color:var(--ink2)!important; margin-bottom:14px!important; display:block; }
.mi-diag-deliv-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px 32px; margin-bottom:8px; }
.mi-diag-deliv-item { display:flex; gap:12px; align-items:flex-start; padding:8px 0; }
.mi-diag-deliv-check { flex-shrink:0; width:18px; height:18px; color:var(--accent); margin-top:3px; }
.mi-diag-deliv-text { font-size:15.5px!important; color:var(--ink)!important; line-height:1.5!important; }
.mi-diag-deliv-text strong { color:var(--ink)!important; font-weight:700!important; }
.mi-diag-trust { margin-top:36px; padding-top:32px; border-top:1px solid var(--border); display:flex; flex-wrap:wrap; gap:14px 32px; align-items:center; }
.mi-diag-trust-item { display:flex; gap:8px; align-items:center; font-size:13px!important; color:var(--ink2)!important; font-weight:600!important; }
.mi-diag-trust-icon { flex-shrink:0; width:16px; height:16px; color:var(--accent); }
.mi-diag-cta { margin-top:36px; padding:28px 32px; background:linear-gradient(135deg,#0f0a1e,#1a1035); border-radius:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.mi-diag-cta-text { flex:1; min-width:280px; color:#fff!important; }
.mi-diag-cta-text h4 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:18px!important; font-weight:700!important; color:#fff!important; margin-bottom:4px!important; }
.mi-diag-cta-text p { font-size:14px!important; color:rgba(255,255,255,.6)!important; line-height:1.5!important; margin:0!important; }
.mi-diag-cta-buttons { display:flex; gap:12px; flex-wrap:wrap; }
.mi .mi-diag-cta-buttons .mi-btn { padding:14px 26px!important; font-size:14px!important; }
@media(max-width:800px) {
    .mi-diag { padding:32px 24px; }
    .mi-diag-process { grid-template-columns:1fr; gap:16px; }
    .mi-diag-deliv-grid { grid-template-columns:1fr; gap:8px; }
    .mi-diag-cta { flex-direction:column; align-items:flex-start; }
}
.mi-faq { margin-top:28px; }
.mi-faq-item { border-bottom:1px solid var(--border); }
.mi-faq-q { padding:20px 0; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }
.mi-faq-q:hover h3 { color:var(--accent)!important; }
.mi-faq-q h3 { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important; font-size:16px!important; font-weight:700!important; color:var(--ink)!important; flex:1; padding-right:16px; transition:color .2s; }
.mi-faq-icon { width:20px; height:20px; flex-shrink:0; transition:transform .3s ease; color:var(--accent); }
.mi-faq-a { padding:0 0 20px; font-size:15px!important; color:var(--ink2)!important; line-height:1.6!important; display:none; max-width:720px; }
.mi-faq-item.active .mi-faq-a { display:block; }
.mi-faq-item.active .mi-faq-icon { transform:rotate(45deg); }
@media(max-width:800px) {
    .mi-s { padding:64px 0; }
    .mi-c { padding-left:20px!important; padding-right:20px!important; }
    .mi-level { grid-template-columns:56px 1fr; }
    .mi-level-num { font-size:28px!important; }
    .mi-ann-card { display:none; }
    .mi-cv-card { width:200px; padding:14px 12px; }
    .mi-cv-card-title { font-size:15px!important; }
    .mi-cv-card-desc { font-size:12px!important; }
    .mi-pyr-level { pointer-events:none!important; }
    .mi-phases { grid-template-columns:1fr!important; }
}
@media(max-width:700px) {
    .mi-cv-card { width:220px; padding:16px 14px; }
    .mi-cv-card-title { font-size:16px!important; }
}
@media(max-width:600px) {
    .mi-c { padding-left:16px!important; padding-right:16px!important; }
    .mi-level { grid-template-columns:1fr; }
    .mi-level-num { font-size:24px!important; margin-bottom:4px; }
    .mi-cv-card { display:none; }
    .mi-bold .mi-step-arrow { display:none!important; }
    .mi-bold>div>div[style*="flex-wrap:nowrap"] { flex-wrap:wrap!important; gap:16px 0!important; }
    .mi-bold .mi-step { flex:0 0 100%!important; }
}
.mi .pm-ground .mi-btn--p, .mi .pm-ground .mi-btn--p:hover { background: linear-gradient(100deg, #f06bff, #d946ef 55%, #a35bff) !important; color: #0a0713 !important; box-shadow: 0 8px 26px rgba(217,70,239,0.32); }
