:root{--mate-green:#9ecc72;--mate-bordeaux:#8d2638;--mate-orange:#ed8c2d;--mate-slate:#5d686b;--mate-ink:#273238;--mate-line:#d9e0dd;--mate-surface:#f7f9f6}*{box-sizing:border-box}.mate-model{max-width:1180px;margin:0 auto;padding:24px 0;font-family:Arial,Helvetica,sans-serif;color:var(--mate-ink)}.mate-panel{position:relative;overflow:hidden;border:1px solid var(--mate-line);border-radius:18px;background:var(--mate-surface);padding:34px 34px 30px}.mate-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--mate-green)}.mate-kicker{display:flex;align-items:center;gap:9px;margin:0 0 24px 4px;color:var(--mate-bordeaux);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.mate-kicker:before{content:"";width:22px;height:3px;border-radius:2px;background:var(--mate-orange)}.mate-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:stretch}.mate-item{position:relative;min-width:0;min-height:210px;padding:18px 14px 16px;border:1px solid var(--mate-line);border-radius:12px;background:#fff;overflow:hidden}.mate-item:not(:last-child):after{content:"";position:absolute;right:-13px;top:50%;z-index:2;width:13px;height:1px;background:var(--mate-orange)}.mate-item:not(:last-child):before{content:"";position:absolute;right:-13px;top:calc(50% - 3px);z-index:3;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--mate-orange)}.mate-index{display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin-bottom:22px;border-radius:50%;background:var(--mate-slate);color:#fff;font-size:12px;font-weight:700}.mate-item:first-child .mate-index,.mate-item:last-child .mate-index{background:var(--mate-bordeaux)}.mate-item:nth-child(4) .mate-index{background:var(--mate-green);color:var(--mate-ink)}.mate-item h3{margin:0 0 10px;font-size:13px;line-height:1.25;font-weight:700;color:var(--mate-ink);overflow-wrap:normal;word-break:normal;hyphens:auto}.mate-item p{margin:0;color:var(--mate-slate);font-size:12px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.mate-result{display:flex;align-items:center;gap:18px;margin:28px 0 0 4px;padding:19px 22px;border-left:4px solid var(--mate-bordeaux);border-radius:10px;background:#fff;color:var(--mate-ink)}.mate-result-mark{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--mate-bordeaux);color:#fff;font-size:12px;font-weight:700}.mate-result strong{display:block;margin-bottom:4px;font-size:15px}.mate-result span{font-size:13px;line-height:1.45;color:var(--mate-slate)}.mate-principle{display:flex;align-items:center;gap:13px;margin:22px 4px 0;color:var(--mate-slate);font-size:13px;font-weight:700}.mate-principle-line{height:1px;flex:1;background:var(--mate-line)}@media(max-width:980px){.mate-flow{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}.mate-item:nth-child(4):after{display:none}.mate-item:nth-child(4):before{display:none}.mate-item:nth-child(5):after{right:-13px}.mate-item:nth-child(7):after,.mate-item:nth-child(7):before{display:none}}@media(max-width:620px){.mate-panel{padding:26px 20px 24px}.mate-flow{display:block;margin-left:4px}.mate-item{min-height:0;margin-bottom:12px;padding:16px 17px 17px 60px}.mate-item:not(:last-child){margin-bottom:20px}.mate-item:not(:last-child):after{right:auto;left:29px;top:auto;bottom:-21px;width:1px;height:20px}.mate-item:not(:last-child):before{right:auto;left:26px;top:auto;bottom:-22px;border-top:5px solid var(--mate-orange);border-right:3px solid transparent;border-left:3px solid transparent;border-bottom:0}.mate-index{position:absolute;left:16px;top:17px;margin:0}.mate-item h3{margin-bottom:6px}.mate-result{margin-left:4px;padding:17px}.mate-principle{align-items:flex-start;line-height:1.45}}