.mgk .mgk-webdesign-page{width:100%}.mgk .mgk-webdesign-hero .hero-h1{font-size:max(42px,min(5.8vw,80px))}.mgk .hero-visual{height:600px;position:relative}@media (max-width:1000px){.mgk .hero-visual{display:none}}.mgk .fcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-depth);overflow:hidden;position:absolute;transition:transform .2s linear;will-change:transform}.mgk .fcard-browser{right:-16px;top:10px;width:480px}.mgk .fcard-chrome{align-items:center;background:var(--lav-2);border-bottom:1px solid var(--line);display:flex;gap:5px;height:30px;padding:0 12px}.mgk .fcard-chrome i{background:var(--ink-30);border-radius:50%;height:8px;width:8px}.mgk .fcard-chrome i:first-child{background:var(--violet)}.mgk .fcard-shot{background:var(--lav);height:400px;overflow:hidden;position:relative}.mgk .fcard-shot img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.mgk .fcard-toast{align-items:center;border-left:3px solid var(--lime);bottom:8px;display:flex;font-size:13px;font-weight:500;gap:10px;padding:13px 16px;right:12px}@media (min-width:1001px){.mgk .mgk-webdesign-page .mgk-webdesign-hero [data-wd-hero-visual]>.fcard-toast{bottom:74px}}.mgk .fcard-toast .check{align-items:center;background:var(--lime);border-radius:50%;display:flex;flex:none;font-size:11px;height:20px;justify-content:center;width:20px}.mgk .fcard-tag{background:var(--ink);border:none;border-radius:100px;color:var(--paper);font-family:var(--disp);font-size:13px;font-weight:600;left:10px;padding:10px 16px;top:-12px}.mgk .fcard-tag em{color:var(--lime);font-style:normal}.mgk .dash{background:var(--ink);border-radius:var(--r-band);color:var(--paper);margin:0 var(--page-gutter);overflow:hidden;position:relative}.mgk .dash:before{background:var(--violet-glow);border-radius:50%;content:"";height:620px;pointer-events:none;position:absolute;right:-180px;top:-280px;width:620px}.mgk .dash>.container{position:relative;z-index:1}.mgk .dash .kicker{color:var(--lime)}.mgk .dash .kicker:before{background:var(--lime)}.mgk .dash-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:max(40px,min(6vw,90px));align-items:center;gap:max(40px,min(6vw,90px))}@media (max-width:960px){.mgk .dash-grid{grid-template-columns:1fr}}.mgk .dash-list{display:flex;flex-direction:column;gap:22px;margin-top:30px}.mgk .dash-list li{align-items:flex-start;display:flex;gap:16px}.mgk .dash-list .dot{align-items:center;background:var(--lime);border-radius:50%;color:var(--ink);display:flex;flex:none;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.mgk .dash-list li>span{display:flex;flex-direction:column;gap:4px}.mgk .dash-list b{color:var(--paper);font-family:var(--disp);font-size:17px;font-weight:600}.mgk .dash-list li>span>span{color:var(--on-ink-60);font-size:14.5px;line-height:1.55}.mgk .dash-img{border:1px solid hsla(60,23%,97%,.14);border-radius:var(--r-lg);box-shadow:var(--shadow-depth-lg);display:block;width:100%}.mgk .mgk-webdesign-howto{margin-top:max(40px,min(5vw,80px))}.mgk .howto-grid{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:max(36px,min(6vw,90px));gap:max(36px,min(6vw,90px))}@media (max-width:960px){.mgk .howto-grid{grid-template-columns:1fr}}.mgk .howto-sticky{align-self:start;position:sticky;top:130px}@media (max-width:960px){.mgk .howto-sticky{position:static}}.mgk .steps{position:relative}.mgk .steps:before{background:var(--line);bottom:10px;content:""}.mgk .steps .progress,.mgk .steps:before{left:29px;position:absolute;top:10px;width:1.5px}.mgk .steps .progress{background:var(--violet);height:0;transition:height .2s linear}.mgk .step{gap:26px;padding:22px 0}.mgk .step,.mgk .step-num{display:flex;position:relative}.mgk .step-num{align-items:center;background:var(--paper);border:1.5px solid var(--ink);border-radius:50%;flex:none;font-family:var(--disp);font-size:18px;font-weight:700;height:60px;justify-content:center;transition:all .4s var(--ease);width:60px;z-index:1}.mgk .step.in .step-num{background:var(--violet);border-color:var(--violet);color:#fff;transform:scale(1.06)}.mgk .step h3{font-family:var(--disp);font-size:20px;font-weight:600;margin:6px 0}.mgk .step p{color:var(--ink-60);font-size:14.5px;max-width:420px}@media (max-width:640px){.mgk .mgk-webdesign-hero .hero-actions{align-items:stretch;flex-direction:column;margin-top:28px;width:100%}.mgk .mgk-webdesign-hero .hero-actions .btn{justify-content:center;width:100%}.mgk .mgk-webdesign-page .dash-img{max-height:300px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.mgk .mgk-webdesign-hero .hero-h1{font-size:max(34px,min(9vw,44px))}.mgk .step{gap:16px}.mgk .step-num{font-size:16px;height:50px;width:50px}.mgk .steps .progress,.mgk .steps:before{left:24px}}
