
/* Reference screenshot sections · isolated private draft styles */
.mg-ref-figures,.mg-ref-process{font-family:"Century Gothic","Trebuchet MS",Arial,sans-serif;background:#fff;color:#141267}
.mg-ref-figures *,.mg-ref-process *{box-sizing:border-box}
.mg-ref-figures__inside{display:grid;grid-template-columns:47% 53%;min-height:620px;width:100%;max-width:1600px;margin:0 auto;overflow:hidden}
.mg-ref-figures__left{padding:68px 9% 55px clamp(25px,5.8vw,90px);min-width:0;position:relative;z-index:1}
.mg-ref-figures .mg-kicker,.mg-ref-process .mg-kicker{color:#e00010;font-size:15px;letter-spacing:1.8px;line-height:1.45;font-weight:500;margin:0 0 16px}
.mg-ref-figures h2,.mg-ref-process h2{color:#10116a;font-size:clamp(31px,3.14vw,49px);font-weight:900;line-height:1.04;letter-spacing:-1px;margin:0 0 20px}
.mg-ref-figures__intro,.mg-ref-process__intro>p:not(.mg-kicker){color:#33364e;font-size:15px;line-height:1.6;max-width:490px}
.mg-ref-figures__intro{margin:0 0 24px}
.mg-ref-figures__visual{position:relative;min-height:620px}
.mg-ref-figures__photo{position:absolute;inset:0 3% 0 0;overflow:hidden;border-radius:0 0 0 155px;background:#f8f6f5}
.mg-ref-figures__photo img{height:100%;width:100%;display:block;object-fit:cover;object-position:50% 45%}
.mg-ref-figures__visual:after{content:"";position:absolute;width:200px;height:200px;right:-90px;top:-70px;border-radius:50%;border:38px solid #fff2d2;pointer-events:none;opacity:.8}
.mg-ref-figures__photo-credit{position:absolute;right:30px;bottom:19px;background:#ffffffdc;color:#555;padding:6px 9px;font-size:10px;letter-spacing:.04em;border-radius:3px}
.mg-stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:155px;width:min(100%,493px);margin-top:6px;isolation:isolate}
.mg-stat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center;position:relative;padding:15px 8px;overflow:hidden}
.mg-stat-tile strong{font-size:37px;line-height:1;font-weight:900;letter-spacing:-1.5px;color:#9c9ea6}
.mg-stat-tile>span:last-child{font-size:12px;line-height:1.35;font-weight:900;color:#aaa6a8;max-width:175px}
.mg-stat-rule{width:43px;height:2px;background:#a2a2a2;margin:13px 0}
.mg-stat-tile--red{background:#ef0011;color:#fff;border-radius:0 72px 0 73px;box-shadow:0 16px 28px #cb311d30}
.mg-stat-tile--red:before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#fff 1px,transparent 1.6px);background-size:6px 6px;mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}
.mg-stat-tile--red strong,.mg-stat-tile--red>span:last-child{color:#fff}
.mg-stat-tile--red .mg-stat-rule{background:#fff}
.mg-stat-tile--cream{background:#fff2d9;border-radius:70px 0 0 70px}
.mg-ref-process{position:relative;overflow:hidden}
.mg-ref-process__inside{display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:630px;max-width:1600px;margin:0 auto}
.mg-ref-process__intro{padding:75px 15px 40px clamp(25px,5.8vw,90px);position:relative;z-index:2}
.mg-ref-process h2{font-size:clamp(34px,3.1vw,47px)}
.mg-ref-process__intro>p:not(.mg-kicker){max-width:510px}
.mg-ref-process__disclaimer{font-size:12px!important;line-height:1.4!important;color:#788296!important;padding-left:13px;border-left:2px solid #e4e8f1;margin-top:18px}
.mg-process-active{margin:16px 0 18px;padding:14px 17px 13px;background:#f9fbff;border-left:3px solid #e30613;max-width:505px;min-height:90px}
.mg-process-active h3{font-size:16px;font-weight:900;line-height:1.3;color:#141268;margin:0 0 6px}
.mg-process-active p{margin:0;font-size:13px;line-height:1.44;color:#4d5266}
.mg-process-tab-bar{margin-top:24px;display:flex;flex-wrap:wrap;column-gap:23px;row-gap:12px;max-width:560px}
.mg-process-tab-bar button{border:0;background:transparent;color:#a6b3c3;padding:3px 0;font-size:12px;text-align:left;font-weight:850;line-height:1.3;cursor:pointer;white-space:normal}
.mg-process-tab-bar button[aria-pressed="true"],.mg-process-tab-bar button:hover{color:#e30613}
.mg-process-tab-bar button:focus-visible,.mg-process-wheel__node:focus-visible{outline:3px solid #e30613;outline-offset:3px}
.mg-ref-process__visual{min-height:630px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#fff 38%,#fffbf3 100%)}
.mg-ref-process__visual:before{content:"";position:absolute;width:330px;height:330px;top:-225px;right:-150px;border:45px solid #fff1d0;border-radius:50%;z-index:0}
.mg-ref-process__backdrop{position:absolute;inset:0;overflow:hidden;opacity:.16;z-index:0;pointer-events:none}
.mg-ref-process__backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2)}
.mg-ref-process__backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,#fff 100%);}
.mg-process-wheel{width:min(81%,530px);flex:0 0 auto;aspect-ratio:1;position:relative;border-radius:50%;background:repeating-conic-gradient(from -25deg,#eaf0f9 0deg 49deg,#fff 49deg 51.42857deg);border:8px dotted #d0d8f2;box-shadow:0 0 0 12px #f9faff inset;isolation:isolate}
.mg-process-wheel:before{content:"";position:absolute;inset:10px;border:3px dotted #d4dfff;border-radius:50%;z-index:0;pointer-events:none}
.mg-process-wheel:after{content:"";position:absolute;inset:22%;border-radius:50%;background:#fff;border:13px solid #fff;box-shadow:0 0 0 3px #ecebf8;pointer-events:none;z-index:0}
.mg-process-wheel__node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#10116a;width:31%;min-height:15%;padding:5px;transform:translate(-50%,-50%);cursor:pointer;text-align:center}
.mg-process-wheel__node svg{height:62px;width:62px;max-width:100%;display:block;transition:transform .2s}.mg-process-wheel__node .mg-reference-icon{stroke:#3036b8;fill:none;flex:0 0 auto;overflow:visible}.mg-process-wheel__node[aria-pressed="true"] .mg-reference-icon{stroke:#3036b8}
.mg-process-wheel__node:hover svg,.mg-process-wheel__node[aria-pressed="true"] svg{transform:scale(1.15);color:#e30613}
.mg-process-wheel__node span{font-size:9px;line-height:1.1;font-weight:900;max-width:117px;color:#10116a}
.mg-process-wheel__node--0{left:29%;top:18%}
.mg-process-wheel__node--1{left:71%;top:17%}
.mg-process-wheel__node--2{left:87%;top:40%}
.mg-process-wheel__node--3{left:79%;top:73%}
.mg-process-wheel__node--4{left:50%;top:85%}
.mg-process-wheel__node--5{left:21%;top:73%}
.mg-process-wheel__node--6{left:13%;top:40%}
.mg-process-wheel__core{z-index:2;position:absolute;inset:30%;border-radius:50%;border:1px solid #ffe0ad;background:#fff8ed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 10px;box-shadow:0 0 0 9px #fff,0 0 0 12px #c7c9f2}
.mg-process-wheel__core strong{font-size:15px;font-weight:900;color:#141468;line-height:1.17}
.mg-process-wheel__mark{font-size:54px;line-height:.75;color:#ec0017;font-weight:900;margin:8px 0 12px}
.mg-process-wheel__core small{font-size:8px;color:#ad8490;letter-spacing:.08em}
.mg-process-wheel__arrows{position:absolute;top:-28px;right:17px;color:#7d84da;font-size:36px;font-weight:400}
.mg-wheel-decoration{position:absolute;pointer-events:none;opacity:.65}
.mg-wheel-decoration--one{left:-15px;top:0;width:115px;height:140px;transform:rotate(-25deg);background:linear-gradient(60deg,transparent 45%,#eac27f 46%,#eac27f 47%,transparent 48%),repeating-linear-gradient(125deg,transparent 0 18px,#f7d7a1 18px 21px,transparent 21px 34px)}
.mg-wheel-decoration--two{top:-90px;right:4%;width:150px;height:150px;border:18px solid #fde9c1;border-radius:50%}
.mg-wheel-decoration--three{bottom:-105px;right:0;width:230px;height:200px;background:radial-gradient(ellipse at center,#f7dca8aa 25%,transparent 67%)}
@media(max-width:1150px){
 .mg-ref-figures__left{padding-right:6%}
 .mg-ref-figures h2{font-size:clamp(27px,3vw,38px)}
 .mg-ref-process__intro{padding-right:20px}
 .mg-ref-process h2{font-size:35px}
 .mg-process-wheel{width:90%}
 .mg-process-wheel__node span{font-size:8px}
}
@media(max-width:850px){
 .mg-ref-figures__inside{grid-template-columns:1fr}
 .mg-ref-figures__left{padding:55px 6% 40px}
 .mg-ref-figures__visual{min-height:390px}
 .mg-ref-figures__photo{inset:0 4% 0 4%;border-radius:0 70px 0 70px}
 .mg-stat-tiles{max-width:560px;grid-auto-rows:150px}
 .mg-ref-process__inside{grid-template-columns:1fr}
 .mg-ref-process__intro{padding:50px 6% 25px}
 .mg-ref-process__visual{min-height:560px}
 .mg-process-wheel{width:min(86%,490px)}
 .mg-ref-process__intro>p:not(.mg-kicker){max-width:700px}
 .mg-process-active{max-width:700px}
}
@media(max-width:490px){
 .mg-ref-figures h2,.mg-ref-process h2{font-size:32px}
 .mg-ref-figures__left{padding:43px 22px 28px}
 .mg-ref-figures__intro{font-size:14px}
 .mg-stat-tiles{grid-auto-rows:133px}
 .mg-stat-tile strong{font-size:30px}
 .mg-stat-tile>span:last-child{font-size:10px}
 .mg-ref-figures__visual{min-height:300px}
 .mg-ref-process__intro{padding:42px 22px 25px}
 .mg-process-tab-bar{gap:11px 16px}
 .mg-process-tab-bar button{font-size:10.5px}
 .mg-ref-process__visual{min-height:370px}
 .mg-process-wheel{width:min(94%,355px);border-width:5px}
 .mg-process-wheel__node{gap:3px;padding:0;width:31%}
 .mg-process-wheel__node svg{width:22px;height:22px}
 .mg-process-wheel__node span{font-size:6.5px;max-width:70px;line-height:1.05}
 .mg-process-wheel__core{inset:30%;padding:10px 6px}
 .mg-process-wheel__core strong{font-size:10px}
 .mg-process-wheel__core small{font-size:6px}
 .mg-process-wheel__mark{font-size:29px;margin:4px 0 7px}
 .mg-process-wheel__arrows{font-size:24px;top:-17px}
}
@media(prefers-reduced-motion:reduce){
 .mg-process-wheel__node svg{transition:none}
}
