.seo-page { background: #f9faff; }
.seo-page .site-header { position: relative; z-index: 10; }
.seo-header-cta { margin-left: 0; white-space: nowrap; }
.seo-mobile-nav { display: none; position: relative; }
.seo-mobile-nav summary { display: grid; place-items: center; width: 44px; height: 44px; font-size: 23px; line-height: 1; cursor: pointer; list-style: none; border: 1px solid var(--line); border-radius: 50%; }
.seo-mobile-nav summary::-webkit-details-marker { display: none; }
.seo-mobile-nav summary:hover { background: #edf1fb; }
.seo-mobile-links { display: none; }
.seo-hero { position: relative; isolation: isolate; padding-block: 38px 81px; }
.seo-hero::before { content: ''; position: absolute; inset: -90px -40px -20px; z-index: -2; background: radial-gradient(ellipse at 85% 43%,#e4eafe 0%,#eef1fe66 36%,transparent 65%); pointer-events: none; }
.seo-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 11px; line-height: 1.7; color: #68728b; margin-bottom: 53px; }
.seo-breadcrumb a { min-height: 28px; display: inline-flex; align-items: center; color: #68728b; }
.seo-hero > .eyebrow { font-size: 11px; letter-spacing: .14em; margin-bottom: 24px; }
.seo-hero h1 { max-width: 1030px; font-size: clamp(43px,5.2vw,71px); line-height: 1.13; letter-spacing: -.062em; font-weight: 500; margin-bottom: 29px; }
.seo-hero h1 > span { color: #7487bf; font-weight: 400; }
.seo-lead { max-width: 740px; font-size: 17px; line-height: 1.85; margin-bottom: 30px; }
.seo-hero > .button { gap: 35px; min-width: 208px; }
.seo-price { font-size: 12px; line-height: 1.7; color: #68728b; margin-top: 17px; }
.seo-price > span { margin-inline: 9px; color: #a7b2cb; }
.seo-hero-mark { position: absolute; z-index: -1; right: -12px; bottom: 30px; width: 285px; height: auto; opacity: .4; pointer-events: none; }
.seo-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; padding-bottom: 88px; }
.seo-highlights > article { border-top: 1px solid #dbe2f1; padding-top: 24px; }
.seo-card-number { font-size: 11px; color: #68728b; letter-spacing: .1em; display: inline-block; margin-bottom: 24px; }
.seo-highlights h2 { font-size: 24px; line-height: 1.35; letter-spacing: -.04em; margin-bottom: 15px; }
.seo-highlights p { font-size: 14px; line-height: 1.85; }
.seo-details { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 90px; align-items: start; padding-block: 20px 83px; }
.seo-copy-block + .seo-copy-block { margin-top: 44px; }
.seo-copy-block h2 { font-size: 31px; line-height: 1.3; margin-bottom: 21px; }
.seo-copy-block p { font-size: 15px; line-height: 1.95; }
.seo-source { font-size: 11px; line-height: 1.8; margin-top: 23px; }
.seo-source a { color: #68728b; text-decoration: underline; text-underline-offset: 4px; }
.seo-plan { background: linear-gradient(145deg,#eaf0fe,#efedfa); border: 1px solid #dbe2f3; border-radius: 24px; padding: 31px; }
.seo-plan > .eyebrow { margin-bottom: 18px; }
.seo-plan h2 { font-size: 35px; }
.seo-plan-price { font-family: var(--display); font-size: 50px; letter-spacing: -.07em; line-height: 1.3; margin-block: 14px 19px; }
.seo-plan-price > span { font: 400 13px var(--body); letter-spacing: 0; color: #68728b; margin-left: 10px; }
.seo-plan > p:not(.eyebrow) { font-size: 13px; line-height: 1.85; margin-bottom: 24px; }
.seo-plan > .button { width: 100%; justify-content: space-between; min-height: 50px; font-size: 13px; }
.seo-compare { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; margin-top: 9px; color: #68728b; }
.seo-faq { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 85px; padding-block: 12px 90px; }
.seo-faq > div > .eyebrow { margin-bottom: 18px; }
.seo-faq h2 { font-size: 35px; line-height: 1.3; }
.seo-closing { text-align: center; padding: 67px 25px; margin-bottom: 78px; background: radial-gradient(ellipse at 50% 100%,#dfe6fc,#eff2fb 75%); border: 1px solid #e3e7f3; border-radius: 26px; }
.seo-closing h2 { font-size: 46px; line-height: 1.25; margin-bottom: 28px; }
.seo-closing > p { font-size: 12px; line-height: 1.8; margin-top: 20px; }
.seo-page .footer-services > a { min-height: 40px; }
.seo-page .footer-fine { font-size: 11px; }
@media(max-width:1100px) {
  .seo-hero h1 { font-size: 60px; }
  .seo-lead { max-width: 680px; font-size: 16px; }
  .seo-hero-mark { width: 250px; opacity: .32; }
  .seo-highlights { gap: 35px; }
  .seo-highlights h2 { font-size: 23px; }
  .seo-details { gap: 54px; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }
  .seo-plan { padding: 27px; }
  .seo-faq { gap: 55px; }
}
@media(max-width:920px) {
  .seo-page .site-header > .seo-desktop-nav { display: none; }
  .seo-header-cta { margin-left: auto; }
  .seo-mobile-nav { display: block; }
  .seo-mobile-nav[open] .seo-mobile-links { display: flex; flex-direction: column; align-items: stretch; position: absolute; z-index: 12; top: calc(100% + 13px); right: 0; left: auto; width: min(320px,calc(100vw - 48px)); padding: 15px 22px; margin: 0; border: 1px solid var(--line); border-radius: 17px; background: #fbfcff; box-shadow: 0 16px 35px #5a6c991c; }
  .seo-mobile-links a { min-height: 46px !important; font-size: 14px !important; }
  .seo-hero h1 { font-size: 53px; }
  .seo-lead { max-width: 610px; font-size: 15px; }
  .seo-breadcrumb { margin-bottom: 43px; }
  .seo-highlights { gap: 26px; padding-bottom: 70px; }
  .seo-highlights h2 { font-size: 21px; }
  .seo-highlights p { font-size: 13px; }
  .seo-details { gap: 35px; }
  .seo-copy-block h2 { font-size: 28px; }
  .seo-copy-block p { font-size: 14px; }
  .seo-plan { padding: 25px; }
  .seo-plan > p:not(.eyebrow) { font-size: 12px; }
  .seo-faq { gap: 34px; }
  .seo-faq h2 { font-size: 30px; }
}
@media(max-width:760px) {
  .seo-page .site-header { gap: 12px; }
  .seo-header-cta { display: none; }
  .seo-mobile-nav { margin-left: auto; }
  .seo-hero { padding-block: 23px 57px; }
  .seo-hero::before { inset-inline: -24px; }
  .seo-breadcrumb { margin-bottom: 39px; font-size: 11px; }
  .seo-hero > .eyebrow { font-size: 11px; letter-spacing: .08em; margin-bottom: 22px; }
  .seo-hero h1 { font-size: 45px; line-height: 1.16; margin-bottom: 25px; }
  .seo-lead { max-width: none; font-size: 15px; margin-bottom: 25px; }
  .seo-hero-mark { width: 220px; bottom: 40px; opacity: .16; right: -10px; }
  .seo-price { font-size: 11px; }
  .seo-highlights { grid-template-columns: 1fr; gap: 25px; padding-bottom: 57px; }
  .seo-highlights > article { padding-top: 21px; }
  .seo-card-number { margin-bottom: 15px; }
  .seo-highlights h2 { font-size: 25px; margin-bottom: 12px; }
  .seo-highlights p { font-size: 14px; }
  .seo-details { grid-template-columns: 1fr; gap: 38px; padding-block: 0 63px; }
  .seo-copy-block h2 { font-size: 29px; }
  .seo-copy-block p { font-size: 15px; line-height: 1.9; }
  .seo-copy-block + .seo-copy-block { margin-top: 35px; }
  .seo-plan { padding: 30px; border-radius: 22px; }
  .seo-plan > p:not(.eyebrow) { font-size: 14px; }
  .seo-plan > .button { font-size: 14px; }
  .seo-faq { grid-template-columns: 1fr; gap: 28px; padding-block: 0 58px; }
  .seo-faq h2 { font-size: 31px; }
  .seo-closing { padding: 55px 23px; margin-bottom: 55px; }
  .seo-closing h2 { font-size: 37px; }
}
@media(max-width:480px) {
  .seo-hero h1 { font-size: 38px; letter-spacing: -.06em; }
  .seo-breadcrumb { gap: 9px; }
  .seo-hero > .eyebrow { font-size: 11px; letter-spacing: .07em; }
  .seo-lead { font-size: 14px; }
  .seo-price > span { margin-inline: 5px; }
  .seo-copy-block h2 { font-size: 27px; }
  .seo-copy-block p { font-size: 14px; }
  .seo-plan { padding: 26px; }
  .seo-plan > p:not(.eyebrow) { font-size: 13px; }
  .seo-closing h2 { font-size: 32px; }
  .seo-closing > p { font-size: 11px; }
}
@media(max-width:359px) {
  .seo-hero::before { inset-inline: -18px; }
  .seo-hero h1 { font-size: 34px; }
  .seo-hero > .eyebrow { letter-spacing: .02em; }
  .seo-plan { padding-inline: 22px; }
  .seo-closing h2 { font-size: 29px; }
}