.mm-hero{overflow:hidden;background:radial-gradient(circle at 67% 22%,#edf5ff 0,rgba(237,245,255,.5) 24%,transparent 56%),#fff;border-bottom:1px solid #eef2f6}
.mm-hero-grid{min-height:620px;display:grid;grid-template-columns:minmax(360px,.72fr) minmax(720px,1.28fr);gap:46px;align-items:center;padding-top:42px;padding-bottom:48px}
.mm-copy{padding:34px 0}
.mm-copy h1{font-size:clamp(52px,5.4vw,82px);line-height:.98;letter-spacing:-.06em;margin:0 0 26px;color:var(--navy)}
.mm-no-break{white-space:nowrap}
.mm-lead{font-size:clamp(22px,1.8vw,28px);line-height:1.35;letter-spacing:-.025em;color:#42516a;margin:0 0 18px;max-width:590px;font-weight:650}
.mm-text{font-size:17px;line-height:1.62;color:#68758a;max-width:575px;margin:0 0 30px}
.mm-actions{margin-bottom:30px}
.mm-related{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:#718096}
.mm-related span{font-weight:650}
.mm-related a{color:var(--blue);font-weight:760}
.mm-related a:hover{text-decoration:underline}
.mm-related i{font-style:normal;color:#b3bdca}

.mm-product{position:relative}
.mm-product::before{content:"";position:absolute;inset:-34px -70px -35px 10%;border-radius:46px;background:linear-gradient(135deg,#f5f9ff,#eaf3ff);transform:rotate(-1deg)}
.mm-window{position:relative;z-index:2;height:505px;display:grid;grid-template-columns:180px 1fr;background:#fff;border:1px solid #dfe7f0;border-radius:22px;box-shadow:0 28px 72px rgba(11,33,70,.14);overflow:hidden}
.mm-sidebar{background:#0e2749;color:#c7d3e4;padding:18px 16px}
.mm-mini-brand{display:flex;align-items:center;gap:9px;padding-bottom:17px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
.mm-w{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#2c79dc;color:white;font-weight:850}
.mm-mini-brand strong{font-size:14px}
.mm-side-nav{display:grid;gap:15px;font-size:12px}
.mm-side-nav span{font-weight:650}
.mm-side-nav span.active{color:#fff}
.mm-side-nav small{font-size:11px;color:#8195b1;padding-left:18px}
.mm-admin{min-width:0;background:#f8fbff}
.mm-admin-top{height:70px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e4eaf1;font-size:12px;color:#64748b}
.mm-admin-top strong{font-size:15px;color:#1b2739;margin-left:8px}
.mm-admin-top em{font-style:normal;margin-left:10px;padding:5px 9px;border-radius:999px;background:#eaf8ee;color:#26844b;font-weight:750}
.mm-admin-top button{height:35px;border:1px solid #dce4ee;background:#fff;border-radius:8px;padding:0 12px;color:#334155;font-weight:650}
.mm-tabs{height:48px;display:flex;align-items:center;gap:22px;padding:0 20px;background:#fff;border-bottom:1px solid #e4eaf1;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden}
.mm-tabs .active{height:48px;display:flex;align-items:center;color:var(--blue);font-weight:800;border-bottom:2px solid var(--yellow)}
.mm-canvas{position:relative;height:387px;overflow:hidden;background:linear-gradient(180deg,#f1f7ff 0,#fbfdff 100%)}
.mm-lines{position:absolute;inset:0;width:100%;height:100%}
.mm-lines path{fill:none;stroke:#84a1c7;stroke-width:3;stroke-linecap:round;opacity:.82;vector-effect:non-scaling-stroke}
.mm-node{position:absolute;width:190px;min-height:58px;padding:15px 48px 14px 16px;border:1.5px solid #81b8ff;background:#edf5ff;border-radius:12px;box-shadow:0 7px 16px rgba(32,73,125,.09);font-size:12px;color:#1c2a3d}
.mm-node b{font-size:13px;line-height:1.22}
.mm-node span{position:absolute;left:10px;bottom:-9px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d8e4f3;color:#718096;font-size:9px}
.mm-node button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(14,31,53,.15);color:#5b6d84;font-size:20px;line-height:1}
.mm-node.root{left:4%;top:43%;width:205px;min-height:78px;padding:17px 48px 17px 18px;background:#164b82;color:white;border:0;box-shadow:0 12px 22px rgba(11,50,93,.2)}
.mm-node.root b{font-size:14px}
.mm-node.n1{left:36%;top:8%}.mm-node.n2{left:36%;top:28%}.mm-node.n3{left:36%;top:48%}.mm-node.n4{left:36%;top:68%}.mm-node.n5{left:36%;top:86%;transform:translateY(-100%)}
.mm-node.n6{left:70%;top:36%}.mm-node.n7{left:70%;top:76%}
.mm-node.soft{background:#fffaf0;border-color:#e6c778}.mm-node.warm{background:#fff8e8;border-color:#f0b642}.mm-node.green{background:#effaf2;border-color:#9fd4aa}.mm-node.lilac{background:#f5f1ff;border-color:#c8b5ef}

.mm-value{padding:70px 0 74px;background:#fff}
.mm-section-head{max-width:820px;margin-bottom:34px}
.mm-section-head h2,.mm-continuity h2,.mm-final h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.05;color:var(--navy);margin:0 0 12px}
.mm-section-head p,.mm-final p{font-size:17px;line-height:1.6;color:#667085;margin:0;max-width:760px}
.mm-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mm-points article{padding:24px 24px 26px;border-top:1px solid #dce7f5;background:linear-gradient(180deg,#fbfdff,#fff)}
.mm-points article>span{display:block;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:12px}
.mm-points h3{font-size:19px;color:#152c50;margin:0 0 7px}
.mm-points p{font-size:14px;line-height:1.55;color:#667085;margin:0;max-width:300px}

.mm-continuity{padding:58px 0;background:#f5f8fc;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}
.mm-continuity-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}
.mm-mini-flow{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.mm-mini-flow a{flex:1;min-width:0;padding:15px 14px;border:1px solid #dbe4ef;border-radius:12px;background:white;transition:.18s}
.mm-mini-flow a:hover{transform:translateY(-2px);border-color:#a9c9f5}
.mm-mini-flow a.current{border-color:#8cbcff;box-shadow:inset 0 3px 0 var(--yellow)}
.mm-mini-flow b{display:block;font-size:13px;color:#17365e;margin-bottom:2px}
.mm-mini-flow small{display:block;font-size:10.5px;color:#7a8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-mini-flow i{font-style:normal;color:#4f8ce5;font-size:20px}

.mm-final{padding:52px 0 58px}
.mm-final-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}
.mm-final h2{font-size:34px;margin-bottom:8px}
.mm-final p{font-size:15px;max-width:680px}
.mm-final .btn{flex:0 0 auto}

@media(max-width:1180px){
  .mm-hero-grid{grid-template-columns:1fr;gap:10px;padding-top:30px}
  .mm-copy{max-width:720px;padding-bottom:8px}
  .mm-product{margin-top:15px}
  .mm-window{height:500px}
  .mm-continuity-grid{grid-template-columns:1fr;gap:22px}
  .mm-mini-flow{justify-content:flex-start}
}
@media(max-width:820px){
  .mm-hero-grid{padding-bottom:32px}
  .mm-copy h1{font-size:clamp(50px,13vw,72px)}
  .mm-window{height:450px;grid-template-columns:135px 1fr;border-radius:17px}
  .mm-sidebar{padding:14px 10px}.mm-side-nav{gap:12px}.mm-mini-brand strong{display:none}
  .mm-admin-top{padding:12px 14px}.mm-admin-top button{display:none}.mm-admin-top strong{display:block;margin:2px 0 0}
  .mm-tabs{gap:14px;padding:0 12px}
  .mm-canvas{height:333px}
  .mm-node{transform:scale(.82);transform-origin:left top}
  .mm-node.n1,.mm-node.n2,.mm-node.n3,.mm-node.n4,.mm-node.n5{left:32%}
  .mm-node.n6,.mm-node.n7{left:66%}
  .mm-node.n5{transform:translateY(-100%) scale(.82);transform-origin:left bottom}
  .mm-points{grid-template-columns:1fr}
  .mm-mini-flow{display:grid;grid-template-columns:1fr 24px 1fr;gap:7px}
  .mm-mini-flow a:nth-of-type(3),.mm-mini-flow a:nth-of-type(4){margin-top:3px}
  .mm-final-inner{display:block}.mm-final .btn{margin-top:22px}
}
@media(max-width:540px){
  .mm-hero-grid{width:min(calc(100% - 26px),var(--max))}
  .mm-copy h1{font-size:48px}
  .mm-lead{font-size:20px}.mm-text{font-size:15px}
  .mm-product{margin-left:-13px;margin-right:-13px}
  .mm-window{height:405px;grid-template-columns:62px 1fr;border-radius:14px}
  .mm-sidebar{padding:12px 7px}.mm-mini-brand{justify-content:center}.mm-w{width:30px}.mm-side-nav span,.mm-side-nav small{font-size:0;text-align:center;padding:0}.mm-side-nav span::first-letter{font-size:15px}.mm-side-nav small{display:none}
  .mm-admin-top{height:60px}.mm-admin-top b{font-size:9px}.mm-admin-top strong{font-size:12px}.mm-admin-top em{font-size:9px;padding:3px 6px}
  .mm-tabs{height:42px;font-size:9px;gap:12px}.mm-tabs .active{height:42px}
  .mm-canvas{height:303px}
  .mm-node{transform:scale(.64);transform-origin:left top}.mm-node.root{left:2%;top:42%;transform:scale(.7)}
  .mm-node.n1,.mm-node.n2,.mm-node.n3,.mm-node.n4,.mm-node.n5{left:31%}.mm-node.n6,.mm-node.n7{left:64%}
  .mm-node.n5{transform:translateY(-100%) scale(.64)}
  .mm-related{font-size:12px}
  .mm-value{padding:48px 0}.mm-continuity{padding:44px 0}.mm-mini-flow{grid-template-columns:1fr}.mm-mini-flow i{transform:rotate(90deg);text-align:center;height:18px}
}