:root{
  --bg:#fbfaf6;
  --paper:#ffffff;
  --paper-2:#fffdf7;
  --line:#e7dcc9;
  --line-2:#d8c4a0;
  --text:#2a241d;
  --muted:#665b4c;
  --brand:#163f7a;
  --brand-2:#0f315f;
  --gold:#b97822;
  --gold-2:#d39845;
  --green:#2d8e58;
  --red:#b84545;
  --shadow:0 18px 48px rgba(69,46,19,.08);
  --shadow-soft:0 10px 28px rgba(69,46,19,.06);
  --radius:24px;
  --orange:#f48b18;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
svg{stroke-linecap:round;stroke-linejoin:round}
.msr-skip{position:absolute;left:-9999px;top:auto}
.msr-skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px 12px;border-radius:10px;border:1px solid var(--line)}
.msr-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

/* site shell */
.msr-sitebar{background:#fff;border-bottom:1px solid #e6edf4;position:sticky;top:0;z-index:50;box-shadow:0 4px 16px rgba(0,0,0,.03)}
.msr-sitebar__inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px}
.msr-logo{display:flex;align-items:center;gap:12px;min-width:0}
.msr-logo__mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff8ed,#f6ead6);color:#d1a15f;border:1px solid #ecd9bd}
.msr-logo__mark svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.7;fill:none}
.msr-logo__text strong{display:block;color:#243a69;font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1}
.msr-logo__text span{display:block;color:#7d6f5c;font-size:.86rem;margin-top:3px}
.msr-nav{display:flex;justify-content:center;gap:28px;min-width:0}
.msr-nav a{font-size:.98rem;color:#233d71;font-weight:500}
.msr-nav a:hover,.msr-nav a:focus-visible{color:#0e2f5c}
.msr-headtools{display:flex;align-items:center;gap:10px}
.msr-headicon{width:42px;height:42px;border-radius:12px;border:1px solid #dbe6f2;background:#fff;display:grid;place-items:center;color:#1c4a8f}
.msr-headicon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;fill:none}
.msr-login{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;background:#0f57a5;color:#fff;font-weight:700}
.msr-tagline{color:#3e6fa7;font-size:.93rem;font-weight:600;text-align:right;line-height:1.2}
.msr-tagline span{display:block;color:#5486bf}

.msr-breadcrumbs{padding:14px 0 10px}
.msr-breadcrumbs ol{margin:0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap;color:#6a7687;font-size:.94rem}
.msr-breadcrumbs li+li:before{content:"›";margin-right:8px;color:#94a1b3}
.msr-breadcrumbs a{color:#35598e}

/* buttons */
.msr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font-size:.96rem;font-weight:800;line-height:1.15;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.msr-btn:hover,.msr-btn:focus-visible{transform:translateY(-1px)}
.msr-btn--primary{background:linear-gradient(180deg,#ff9d22,#ef7e00);color:#fff;box-shadow:0 12px 24px rgba(238,126,0,.22)}
.msr-btn--primary:hover,.msr-btn--primary:focus-visible{background:linear-gradient(180deg,#f69214,#dd7300)}
.msr-btn--secondary{background:#fff;border-color:#cddbef;color:#2b4f88}
.msr-btn--soft{background:linear-gradient(180deg,#fffdf9,#fff7ea);border-color:#dcc6a1;color:#8a5318}

/* hero */
.msr-hero{
  position:relative;
  overflow:hidden;
  padding:26px 0 40px;
  margin-bottom:0;
  background:
    radial-gradient(circle at 14% 14%,rgba(224,179,105,.22),transparent 28%),
    radial-gradient(circle at 84% 14%,rgba(58,107,177,.12),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fffdf8 20%,#fdf7eb 58%,#f5ecdd 100%);
  border-top:1px solid #eee1cd;
  border-bottom:1px solid #dcccb1;
}
.msr-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.45),transparent 22%,transparent 76%,rgba(255,255,255,.30)),
    linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 30%),
    radial-gradient(circle at 48% 0%,rgba(255,255,255,.42),transparent 42%);
  pointer-events:none;
}
.msr-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:12px;
  background:linear-gradient(90deg,transparent 0%,rgba(217,152,69,.34) 18%,rgba(86,63,120,.22) 48%,rgba(35,92,154,.22) 82%,transparent 100%);
  opacity:.68;
}
.msr-hero__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:350px minmax(0,1fr) 310px;
  grid-template-areas:
    "cover copy cta"
    "benefits benefits benefits";
  gap:30px 34px;
  align-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.msr-hero__cover{grid-area:cover;position:relative;align-self:center}
.msr-cover-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  margin:0 0 14px;
  border-radius:999px;
  background:linear-gradient(180deg,#fffdf8,#fff3dc);
  border:1px solid #e6d4b2;
  color:#935f1f;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(101,67,22,.08);
}
.msr-hero__art{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(151,88,18,.28);
  background:#6e1611;
  box-shadow:
    0 28px 56px rgba(67,41,17,.18),
    0 3px 0 rgba(255,255,255,.7) inset;
}
.msr-hero__art img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
}
.msr-hero__copy{
  grid-area:copy;
  padding:0 4px 0 8px;
  align-self:center;
}
.msr-title{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  color:#103b77;
  font-size:4rem;
  line-height:1.02;
  letter-spacing:-.04em;
}
.msr-title span{display:block}
.msr-title span:last-child{margin-top:2px}
.msr-subtitle{
  margin:2px 0 0;
  color:#21487f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.18rem;
  font-weight:700;
}
.msr-hero__lead{
  margin:20px 0 0;
  font-size:1.11rem;
  line-height:1.68;
  color:#51473b;
  max-width:61ch;
}
.msr-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.msr-benefits--footer{
  grid-area:benefits;
  margin-top:4px;
  padding:24px 22px 8px;
  border-top:1px solid rgba(196,172,134,.50);
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
  border-radius:18px;
}
.msr-minibenefit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:left;
}
.msr-minibenefit__icon{
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 10px 22px rgba(75,50,23,.10);
}
.msr-minibenefit__icon svg{
  width:32px;
  height:32px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.9
}
.msr-minibenefit span{
  display:block;
  color:#23406e;
  font-weight:800;
  line-height:1.28;
  font-size:.97rem;
  white-space:nowrap;
}
.msr-benefits--footer .msr-minibenefit:nth-child(1) .msr-minibenefit__icon{background:#fff;color:#8b611d;border-color:#eadcc0}
.msr-benefits--footer .msr-minibenefit:nth-child(2) .msr-minibenefit__icon{background:#fff;color:#2d65b1;border-color:#d9e7ff}
.msr-benefits--footer .msr-minibenefit:nth-child(3) .msr-minibenefit__icon{background:#fff;color:#c54d63;border-color:#f6d9df}
.msr-benefits--footer .msr-minibenefit:nth-child(4) .msr-minibenefit__icon{background:#fff;color:#2d9255;border-color:#d7eedf}

.msr-hero__cta{
  grid-area:cta;
  align-self:center;
  background:rgba(255,255,255,.97);
  border:1px solid #dddfe4;
  border-radius:18px;
  padding:18px;
  box-shadow:0 18px 44px rgba(46,43,38,.10);
  backdrop-filter:blur(6px);
}
.msr-price-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#d92b2b;
  color:#fff;
  font-weight:800;
  font-size:.88rem
}
.msr-pricing{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:14px
}
.msr-pricing .price{
  font-size:3.25rem;
  line-height:1;
  color:#7a1a10;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700
}
.msr-pricing .old{
  font-size:1.15rem;
  color:#81848c;
  text-decoration:line-through;
  margin-left:8px
}
.msr-discount{
  min-width:112px;
  text-align:center;
  padding:12px 14px;
  border-radius:999px;
  background:#2fb449;
  color:#fff;
  font-weight:900;
  font-size:1.2rem
}
.msr-checks{display:grid;gap:10px;margin:18px 0}
.msr-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#2e405b;
  font-size:1rem;
  line-height:1.45
}
.msr-check svg{
  width:18px;
  height:18px;
  stroke:none;
  fill:#21a546;
  flex:0 0 18px;
  margin-top:2px
}
.msr-hero__cta .msr-btn{width:100%;min-height:54px;font-size:1.05rem}
.msr-tiny{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  color:#677489;
  font-size:.88rem;
  margin-top:14px
}
.msr-tiny span{display:inline-flex;align-items:center;gap:6px}
.msr-tiny svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
/* sections */
.msr-section{padding:36px 0}
.msr-section--tight{padding-top:16px}
.msr-section-head{text-align:center;max-width:860px;margin:0 auto 24px}
.msr-section-head__micro{font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#9a6c32}
.msr-section-head h2{margin:10px 0 10px;font-family:Georgia,"Times New Roman",serif;color:#193f77;font-size:2.5rem;line-height:1.08}
.msr-section-head p{margin:0;color:#5d6676;font-size:1.1rem;line-height:1.6}

.msr-areas{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px}
.msr-area{text-align:center;padding:8px 4px}
.msr-area__icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px rgba(69,46,19,.08)}
.msr-area__icon svg{width:40px;height:40px;stroke:currentColor;stroke-width:2.15;fill:none}
.msr-area:nth-child(1) .msr-area__icon{color:#4b84c9;background:#e9f3ff}
.msr-area:nth-child(2) .msr-area__icon{color:#2f61b1;background:#edf3ff}
.msr-area:nth-child(3) .msr-area__icon{color:#a16c1f;background:#fff3e1}
.msr-area:nth-child(4) .msr-area__icon{color:#d74f61;background:#fff0f3}
.msr-area:nth-child(5) .msr-area__icon{color:#46a160;background:#ecf8ef}
.msr-area:nth-child(6) .msr-area__icon{color:#4573c8;background:#eef3ff}
.msr-area:nth-child(7) .msr-area__icon{color:#b97822;background:#fff4e6}
.msr-area:nth-child(8) .msr-area__icon{color:#d98c24;background:#fff3df}
.msr-area h3{margin:0;color:#203f70;font-size:1.08rem;line-height:1.25}
.msr-area p{display:none}

.msr-sample-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch}
.msr-slider{height:100%;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.msr-slider__header{padding:20px 22px 10px}
.msr-slider__header h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;color:#193f77}
.msr-slider__header p{margin:8px 0 0;color:#677081;font-size:1rem}
.msr-slider__viewport{position:relative;aspect-ratio:16/9.6;background:linear-gradient(180deg,#fafafa,#f2f3f5);border-top:1px solid #eef0f2;border-bottom:1px solid #eef0f2;overflow:hidden}
.msr-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;display:grid;grid-template-rows:1fr auto;place-items:center;padding:20px 26px}
.msr-slide.is-active{opacity:1}
.msr-slide__frame{width:min(86%,520px);height:100%;display:grid;place-items:center}
.msr-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 28px rgba(0,0,0,.10);border:1px solid #e8eaed;background:#fff}
.msr-slide__label{padding-top:12px;font-size:1rem;color:#24446f}
.msr-slider__footer{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}
.msr-slider__copy strong{display:block;color:#193f77;font-size:1rem}
.msr-slider__copy span{display:block;margin-top:4px;color:#677081;font-size:.96rem}
.msr-slider__controls{display:flex;align-items:center;gap:12px}
.msr-slider__btn{width:42px;height:42px;border-radius:50%;border:1px solid #d9dfe6;background:#fff;display:grid;place-items:center;color:#294f8a;cursor:pointer}
.msr-slider__btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.msr-slider__dots{display:flex;gap:8px}
.msr-slider__dots button{width:12px;height:12px;border-radius:50%;border:0;background:#d8d8dd;cursor:pointer;padding:0}
.msr-slider__dots .is-active{background:#2354a5}
.msr-sidecard{height:100%;display:flex;flex-direction:column;border:1px solid #dce6f4;border-radius:22px;background:#eef4ff;padding:24px 24px 22px;box-shadow:var(--shadow-soft)}
.msr-sidecard h3{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:#193f77}
.msr-sidecard ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.msr-sidecard li{display:flex;gap:14px;align-items:flex-start;color:#31496b;font-size:1.04rem;line-height:1.7}
.msr-sidecard li svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.95}
.msr-whyicon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 36px;background:#fff;border:1px solid #d8e3f5;box-shadow:0 8px 18px rgba(69,46,19,.06)}
.msr-sidecard li:nth-child(1) .msr-whyicon{color:#2f61b1;background:#edf3ff}
.msr-sidecard li:nth-child(2) .msr-whyicon{color:#8b611d;background:#fff3e1}
.msr-sidecard li:nth-child(3) .msr-whyicon{color:#4b2d67;background:#f4eefc}
.msr-sidecard li:nth-child(4) .msr-whyicon{color:#c54d63;background:#fff0f3}
.msr-sidecard li:nth-child(5) .msr-whyicon{color:#2d9255;background:#ecf8ef}
.msr-sidecard li:nth-child(6) .msr-whyicon{color:#d98c24;background:#fff4e5}
.msr-sidecard blockquote{margin:18px 0 0;padding:16px 0 0;border-top:1px solid #d8e3f5;color:#455d84;font-size:1.05rem;font-style:italic;line-height:1.6;margin-top:auto}
.msr-pdf-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}

.msr-section--soft{background:linear-gradient(180deg,#fbfaf6 0%,#f8f3ea 100%)}
.msr-include-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.msr-include{height:100%;display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);align-items:flex-start}
.msr-include__icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;color:#fff}
.msr-include__icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9}
.msr-include:nth-child(6n+1) .msr-include__icon{background:linear-gradient(145deg,#2d69b3,#5b8fd6)}
.msr-include:nth-child(6n+2) .msr-include__icon{background:linear-gradient(145deg,#b97822,#d79b42)}
.msr-include:nth-child(6n+3) .msr-include__icon{background:linear-gradient(145deg,#4b2d67,#7d5a99)}
.msr-include:nth-child(6n+4) .msr-include__icon{background:linear-gradient(145deg,#2f8351,#58aa74)}
.msr-include:nth-child(6n+5) .msr-include__icon{background:linear-gradient(145deg,#8e2f41,#cd6176)}
.msr-include:nth-child(6n+6) .msr-include__icon{background:linear-gradient(145deg,#4a6f8a,#75a1bf)}
.msr-include h3{margin:0 0 8px;color:#23406e;font-size:1.08rem;line-height:1.3}
.msr-include p{margin:0;color:#62584d;font-size:.95rem;line-height:1.58}

.msr-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.msr-how__card{padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fffefb,#fff8ef);text-align:center;box-shadow:var(--shadow-soft)}
.msr-how__icon{width:84px;height:84px;border-radius:24px;margin:0 auto 16px;display:grid;place-items:center;color:#fff}
.msr-how__icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.9}
.msr-how__card:nth-child(1) .msr-how__icon{background:linear-gradient(145deg,#b97822,#db9c42)}
.msr-how__card:nth-child(2) .msr-how__icon{background:linear-gradient(145deg,#4b2d67,#795394)}
.msr-how__card:nth-child(3) .msr-how__icon{background:linear-gradient(145deg,#2d69b3,#5b8fd6)}
.msr-how__card h3{margin:0 0 8px;color:#23406e;font-family:Georgia,"Times New Roman",serif;font-size:1.4rem}
.msr-how__card p{margin:0;color:#64594b;line-height:1.6}

.msr-faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:stretch}
.msr-faq-box{flex:1;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);padding:10px 0}
.msr-faq-box details+details{border-top:1px solid #edf0f3}
.msr-faq-box summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:1.08rem;color:#203f70;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:16px}
.msr-faq-box summary::-webkit-details-marker{display:none}
.msr-faq-box summary::after{content:"+";font-size:1.55rem;line-height:1;color:#466896}
.msr-faq-box details[open] summary::after{content:"−"}
.msr-faq__answer{padding:0 22px 18px}
.msr-faq__answer p{margin:0;color:#5c5447;line-height:1.7;font-size:1rem}
.msr-cta-card{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;border:1px solid #efdfc5;border-radius:22px;background:linear-gradient(180deg,#fff7ea 0%,#fff1dc 100%);padding:24px 22px;overflow:hidden;box-shadow:var(--shadow-soft)}
.msr-cta-card::after{content:"";position:absolute;right:-12px;bottom:-12px;width:160px;height:160px;border-radius:40px;background:radial-gradient(circle,rgba(235,201,146,.4) 0,rgba(235,201,146,0) 68%)}
.msr-cta-card h3{margin:0 0 10px;color:#193f77;font-family:Georgia,"Times New Roman",serif;font-size:2.1rem}
.msr-cta-card p{margin:0 0 18px;color:#4f4a43;font-size:1.06rem;line-height:1.6}
.msr-cta-mini{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#6a6e72;font-size:.9rem;margin-top:14px}
.msr-cta-mini span{display:inline-flex;align-items:center;gap:6px}
.msr-cta-mini svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}

.msr-footer{padding:28px 0 18px;border-top:1px solid #e6e3de;background:#fff}
.msr-footer__top{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.msr-footer__brand{display:flex;align-items:center;gap:12px}
.msr-footer__brand .msr-logo__mark{width:42px;height:42px}
.msr-footer__links{display:flex;gap:18px;flex-wrap:wrap;color:#5a6777;font-size:.96rem;justify-content:center}
.msr-footer__follow{display:flex;gap:8px;align-items:center;justify-content:flex-end;color:#23406e;font-weight:700}
.msr-social{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce6f3;color:#23406e;background:#fff}
.msr-social svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.msr-footer__bottom{margin-top:16px;padding-top:14px;border-top:1px solid #f0ece6;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#79808c;font-size:.9rem}

.msr-sticky{position:sticky;bottom:0;z-index:40;background:rgba(18,48,95,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}
.msr-sticky__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.msr-sticky__copy strong{display:block;color:#fff;font-size:1rem}
.msr-sticky__copy span{display:block;color:#d7e2f3;font-size:.9rem}
.msr-sticky__actions{display:flex;gap:10px}
.msr-sticky .msr-btn--secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.msr-sticky .msr-btn{min-height:44px}

/* responsive */
@media (max-width:1160px){
  .msr-sitebar__inner{grid-template-columns:auto 1fr auto}
  .msr-tagline{display:none}
  .msr-hero__grid{
    grid-template-columns:300px minmax(0,1fr);
    grid-template-areas:
      "cover copy"
      "cta cta"
      "benefits benefits";
  }
  .msr-title{font-size:3.4rem;white-space:normal}
  .msr-hero__cta{max-width:760px;width:100%;justify-self:center}
}
.msr-faq-layout > div{display:flex;flex-direction:column}
@media (max-width:980px){
  .msr-nav{display:none}
  .msr-sitebar__inner{grid-template-columns:auto 1fr auto}
  .msr-hero{padding:24px 0 34px}
  .msr-hero__grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "cover"
      "copy"
      "cta"
      "benefits";
    gap:22px;
  }
  .msr-hero__cover{max-width:420px;margin:0 auto}
  .msr-cover-kicker{display:flex;margin-inline:auto}
  .msr-hero__copy{padding:0;text-align:center}
  .msr-title{white-space:normal}
  .msr-hero__lead{margin-inline:auto}
  .msr-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msr-benefits--footer{padding:18px 0 0}
  .msr-hero__cta{max-width:620px;width:100%;justify-self:center}
  .msr-areas{grid-template-columns:repeat(4,minmax(0,1fr))}
  .msr-sample-layout,.msr-faq-layout{grid-template-columns:1fr}
  .msr-include-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .msr-container{width:min(100% - 24px,1180px)}
  .msr-sitebar__inner{min-height:70px;gap:10px}
  .msr-logo__text strong{font-size:1.7rem}
  .msr-headtools .msr-headicon:nth-child(2){display:none}
  .msr-login{padding-inline:14px}
  .msr-breadcrumbs{padding-top:12px}
  .msr-hero{padding:20px 0 26px}
  .msr-hero__grid{padding:0}
  .msr-title{font-size:2.7rem}
  .msr-subtitle{font-size:1.12rem}
  .msr-hero__lead{font-size:1rem}
  .msr-benefits{grid-template-columns:1fr;gap:12px}
  .msr-minibenefit{justify-content:flex-start}
  .msr-minibenefit__icon{width:58px;height:58px;flex-basis:58px}
  .msr-minibenefit span{font-size:.94rem;white-space:normal}
  .msr-pricing .price{font-size:2.7rem}
  .msr-discount{min-width:96px;font-size:1rem}
  .msr-section{padding:28px 0}
  .msr-section-head h2{font-size:2rem}
  .msr-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msr-slider__viewport{aspect-ratio:4/5.2}
  .msr-slider__footer{flex-direction:column;align-items:flex-start;gap:12px}
  .msr-slider__controls{width:100%;justify-content:space-between}
  .msr-include-grid,.msr-how{grid-template-columns:1fr}
  .msr-footer__top{grid-template-columns:1fr}
  .msr-footer__follow{justify-content:flex-start}
  .msr-footer__bottom{flex-direction:column}
  .msr-sticky__copy span{display:none}
}