.mgf-htma{padding-block:8px 16px}@media (min-width:901px){.mgf-htma{padding-inline:16px}}.mgf-htma-grid{grid-template-columns:minmax(0,1fr) 440px;grid-template-areas:"main summary""after summary";align-items:start;gap:56px 96px;display:grid}.mgf-htma-main{flex-direction:column;grid-area:main;gap:56px;min-width:0;display:flex}.mgf-htma-after{grid-area:after;min-width:0}.mgf-htma-intro{flex-direction:column;gap:20px;display:flex}.mgf-htma-intro .mgf-lead{max-width:620px}@media (min-width:761px){.mgf-htma-title{font-size:44px}}.mgf-htma-option-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.mgf-htma .mgf-option-price{font-weight:400}.mgf-htma-summary{flex-direction:column;grid-area:summary;gap:8px;display:flex;position:sticky;top:96px}.mgf-htma-sample{object-fit:cover;object-position:top;border-radius:4px;width:100%;height:200px;display:block}.mgf-htma-sample-link{align-self:flex-start;padding:2px 4px 4px;font-size:13px}.mgf-htma-sheet{flex-direction:column;gap:24px;padding:28px;display:flex}.mgf-htma-sum-pkg{flex-direction:column;gap:6px;display:flex}.mgf-htma-sum-pkg b{font-size:17px;font-weight:500;line-height:1.5}.mgf-htma-sum-total{border-top:1px solid var(--mgf-clay);justify-content:space-between;align-items:baseline;gap:12px;padding-top:18px;display:flex}.mgf-htma-sum-price{white-space:nowrap;font-size:32px;font-weight:400;line-height:1}.mgf-htma-sum-approx{color:var(--mgf-muted);margin:-8px 0 0;font-size:13px;line-height:1.7}.mgf-htma-pay-btn{height:48px;font-size:16px}.mgf-htma-pay{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mgf-htma-after-stack{flex-direction:column;gap:56px;display:flex}.mgf-htma-extra{flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex}.mgf-htma-extra-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;width:100%;display:flex}.mgf-htma-h3{font-size:18px;font-weight:500;line-height:1.5}.mgf-htma-extra-price{white-space:nowrap;font-size:18px}.mgf-htma-extra-text{color:var(--mgf-ink-2);font-size:15px;line-height:1.85}.mgf-htma-extra-cta{margin-top:8px}.mgf-htma-cases{flex-direction:column;gap:20px;display:flex}.mgf-htma-case-list{flex-direction:column;gap:12px;display:flex}.mgf-htma-case{flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex}.mgf-htma-case-steps{flex-direction:column;width:100%;margin:4px 0 0;display:flex}.mgf-htma-case-steps>div{border-top:1px solid var(--mgf-clay);grid-template-columns:112px minmax(0,1fr);gap:16px;padding-block:14px;display:grid}.mgf-htma-case-steps dt{padding-top:3px}.mgf-htma-case-steps dd{color:var(--mgf-ink-2);margin:0;font-size:15px;line-height:1.85}.mgf-htma-case-note{color:var(--mgf-muted);font-size:13px;line-height:1.8}.mgf-htma-meters{flex-direction:column;gap:18px;margin-top:16px;display:flex}.mgf-htma-meter{flex-direction:column;gap:8px;display:flex}.mgf-htma-meter-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;display:flex}.mgf-htma-meter-head b{color:var(--mgf-ink);font-weight:500}.mgf-htma-meter-head .mgf-muted{font-size:12px}.mgf-htma-meter-row{grid-template-columns:32px minmax(0,1fr) 104px;align-items:center;gap:10px;font-size:13px;display:grid}.mgf-htma-meter-when{color:var(--mgf-muted)}.mgf-htma-meter-track{background:var(--mgf-sand);border-radius:2px;height:10px;position:relative;overflow:hidden}.mgf-htma-meter-band{background:var(--mgf-latte);box-shadow:inset 1px 0 var(--mgf-clay), inset -1px 0 var(--mgf-clay);position:absolute;inset-block:0}.mgf-htma-meter-bar{background:var(--mgf-choc);border-start-end-radius:3px;border-end-end-radius:3px;position:absolute;inset-block:2px;inset-inline-start:0}.mgf-htma-meter-row.is-before .mgf-htma-meter-bar{background:var(--mgf-muted)}.mgf-htma-meter-bar.is-over{border-radius:0;-webkit-mask:linear-gradient(90deg,#0000 0 4px,#000 4px 7px,#0000 7px 9px,#000 9px);mask:linear-gradient(90deg,#0000 0 4px,#000 4px 7px,#0000 7px 9px,#000 9px)}.mgf-htma-meter-value{color:var(--mgf-ink-2);white-space:nowrap}.mgf-htma-meter-value b{color:var(--mgf-ink);font-weight:500}.mgf-htma-soon{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.mgf-htma-soon-list{flex-direction:column;width:100%;display:flex}.mgf-htma-soon-item{border-top:1px solid var(--mgf-clay);flex-direction:column;gap:8px;padding-block:18px;display:flex}.mgf-htma-soon-item:last-child{border-bottom:1px solid var(--mgf-clay)}.mgf-htma-faq{flex-direction:column;gap:24px;display:flex}.mgf-htma-faq-head{flex-direction:column;gap:12px;display:flex}.mgf-htma-h2{font-size:24px;font-weight:500;line-height:1.4}.mgf-htma-faq-list{border-bottom:1px solid var(--mgf-clay)}.mgf-htma-faq-item{border-top:1px solid var(--mgf-clay)}.mgf-htma-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:16px 0;font-size:15px;list-style:none;display:flex}.mgf-htma-faq-item summary::-webkit-details-marker{display:none}.mgf-htma-faq-item summary:focus-visible{outline:2px solid var(--mgf-choc);outline-offset:2px;border-radius:4px}.mgf-htma-faq-sq{background:var(--mgf-sand);width:28px;height:28px;color:var(--mgf-ink);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mgf-htma-faq-sq svg{width:14px;height:14px}.mgf-htma-faq-bar{transition:opacity .2s}.mgf-htma-faq-item[open] .mgf-htma-faq-bar{opacity:0}.mgf-htma-faq-item p{color:var(--mgf-ink-2);padding-block-end:16px;font-size:14px;line-height:1.85}@media (max-width:1100px){.mgf-htma-grid{grid-template-columns:minmax(0,1fr) 360px;column-gap:48px}}@media (max-width:860px){.mgf-htma{padding-block:0}.mgf-htma-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""summary""after";row-gap:48px}.mgf-htma-main{gap:32px}.mgf-htma-intro{gap:14px}.mgf-htma-summary{position:static}.mgf-htma-sample{height:150px}.mgf-htma-sheet{gap:20px;padding:20px}.mgf-htma-sum-price{font-size:28px}.mgf-htma-pay-btn{height:52px}.mgf-htma-h2{font-size:22px}.mgf-htma-after-stack{gap:48px}.mgf-htma-extra,.mgf-htma-case{padding:20px}.mgf-htma-case-steps>div{grid-template-columns:minmax(0,1fr);gap:4px}}@media (prefers-reduced-motion:reduce){.mgf-htma-faq-bar{transition:none}}
