@import "https://cdn.jsdelivr.net/npm/@fontsource/manrope@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/manrope@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/karla@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/karla@latest/700.css";

body {
  margin: 0
}

.sitehead {
  background: #fff;
  border-bottom: 2px solid #ECE0DB;
  position: relative
}

.sitehead-plate {
  box-sizing: border-box;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 32px
}

.sitehead-accent {
  height: 4px;
  background: linear-gradient(90deg, #AE823B 0%, #DBA79B 60%, #ECE0DB 100%)
}

.sitehead-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 24px 0 16px;
  flex-wrap: wrap
}

.logopod {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0
}

.logozone {
  display: flex;
  align-items: center;
  border-left: 4px solid #AE823B;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 #ae823b12 inset 0 1px 2px 0 #ae823b0d;
  padding: 8px 16px 8px 12px;
  min-width: 120px
}

.logozone img {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: contain
}

.brandname {
  font-family: 'Manrope', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: #2a1a06;
  letter-spacing: 0;
  text-decoration: none
}

.brandname span {
  color: #AE823B
}

.sitenav {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap
}

.sitenav a {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #2a1a06;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1.5px solid transparent;
  transition: background .15s ease-out, border-color .15s ease-out, color .12s ease;
  min-height: 44px;
  display: flex;
  align-items: center
}

.sitenav a:hover {
  background: #ECE0DB;
  border-color: #DBA79B;
  color: #2a1a06
}

.sitenav a:focus {
  outline: 2px solid #AE823B;
  outline-offset: 3px
}

.sitenav a.active {
  background: #AE823B;
  color: #fff;
  border-color: #AE823B
}

.sitehead-deco {
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  border-radius: 0 0 0 48px
}

.sitehead-deco-inner {
  position: absolute;
  right: -40px;
  top: -20px;
  width: 180px;
  height: 180px;
  border-radius: 48px;
  background: linear-gradient(135deg, #ECE0DB 0%, #DBA79B 100%);
  opacity: .28;
  transform: rotate(18deg)
}

.siteftr {
  background: #2a1a06;
  color: #ECE0DB
}

.siteftr-plate {
  box-sizing: border-box;
  max-width: 1500px;
  margin: 0 auto;
  padding: 64px 32px 32px
}

.siteftr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  align-items: start
}

.ftrlogopod {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.ftrlogozone {
  display: inline-flex;
  align-items: center;
  border-left: 4px solid #AE823B;
  background: #ffffff12;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 #ae823b12;
  padding: 8px 16px 8px 12px;
  width: fit-content
}

.ftrlogozone img {
  display: block;
  width: 55px;
  height: 55px;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  padding: 4px
}

.ftrbrand {
  font-family: 'Manrope', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  text-decoration: none
}

.ftrtagline {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #DBA79B;
  max-width: 220px
}

.ftrcol-head {
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #AE823B;
  margin: 0 0 16px;
  text-transform: uppercase;
  letter-spacing: 0
}

.ftrnav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0
}

.ftrnav a {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #ECE0DB;
  text-decoration: none;
  padding: 4px 0;
  border-bottom: 1px solid transparent;
  transition: color .15s ease-out, border-color .12s ease;
  display: inline-block
}

.ftrnav a:hover {
  color: #DBA79B;
  border-bottom-color: #DBA79B
}

.ftrnav a:focus {
  outline: 2px solid #AE823B;
  outline-offset: 2px
}

.ftrcontact-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0
}

.ftrcontact-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #ECE0DB
}

.ftrcontact-list a {
  color: #DBA79B;
  text-decoration: none;
  transition: color .15s ease-out
}

.ftrcontact-list a:hover {
  color: #fff
}

.ftrcontact-list a:focus {
  outline: 2px solid #AE823B;
  outline-offset: 2px
}

.ftrcontact-list i {
  color: #AE823B;
  font-size: 16px;
  flex-shrink: 0
}

.ftrbar {
  border-top: 1px solid #dba79b33;
  margin-top: 32px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px
}

.ftrcopy {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #ece0db99
}

.ftrlegal {
  display: flex;
  gap: 16px;
  flex-wrap: wrap
}

.ftrlegal a {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #ece0db99;
  text-decoration: none;
  transition: color .15s ease-out
}

.ftrlegal a:hover {
  color: #DBA79B
}

.ftrlegal a:focus {
  outline: 2px solid #AE823B;
  outline-offset: 2px
}

.cookiepop {
  display: none;
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 1500;
  width: 340px;
  max-width: calc(100vw - 48px);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 36px 0 #ae823b24 0 5px 14px 0 #ae823b17;
  border: 1.5px solid #ECE0DB;
  overflow: hidden;
  transform: translateY(-24px);
  opacity: 0;
  transition: transform .18s ease-out, opacity .18s ease-out
}

.cookiepop.popshow {
  transform: translateY(0);
  opacity: 1
}

.cookiepop-top {
  background: linear-gradient(90deg, #AE823B 0%, #DBA79B 100%);
  height: 4px
}

.cookiepop-body {
  padding: 24px
}

.cookiepop-desc {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #2a1a06;
  margin: 0 0 8px
}

.cookiepop-head {
  font-family: 'Manrope', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  color: #2a1a06;
  margin: 0 0 16px
}

.cookiepop-uses {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #5a3e22;
  margin: 0 0 16px;
  padding-left: 16px
}

.cookiepop-uses li {
  margin-bottom: 4px
}

.cookiepop-panel {
  display: none;
  margin-bottom: 16px
}

.cookiepop-panel.panopen {
  display: block
}

.cookiepop-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-top: 1px solid #ECE0DB
}

.cookiepop-toggle-row label {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #2a1a06
}

.cookiepop-toggle-row input[type="checkbox"] {
  accent-color: #AE823B;
  width: 18px;
  height: 18px;
  cursor: pointer
}

.cookiepop-manage {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #AE823B;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 16px;
  display: block;
  transition: color .15s ease-out
}

.cookiepop-manage:hover {
  color: #2a1a06
}

.cookiepop-manage:focus {
  outline: 2px solid #AE823B;
  outline-offset: 2px
}

.cookiepop-btns {
  display: flex;
  gap: 8px
}

.cookiepop-btns button {
  flex: 1;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  border-radius: 8px;
  border: 2px solid #AE823B;
  padding: 8px 16px;
  min-height: 44px;
  cursor: pointer;
  transition: filter .15s ease-out, background .15s ease-out
}

.cookiepop-btns button:focus {
  outline: 2px solid #AE823B;
  outline-offset: 3px
}

.btn-accept {
  background: #AE823B;
  color: #fff
}

.btn-accept:hover {
  filter: brightness(1.12)
}

.btn-decline {
  background: #fff;
  color: #AE823B
}

.btn-decline:hover {
  background: #ECE0DB;
  filter: brightness(1.04)
}

@media (max-width: 1024px) {
  .siteftr-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media (max-width: 768px) {
  .sitehead-body {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0
  }

  .sitehead-deco {
    display: none
  }

  .sitenav {
    gap: 4px
  }

  .sitenav a {
    padding: 8px 12px
  }

  .siteftr-grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .siteftr-plate {
    padding: 32px 16px 24px
  }

  .sitehead-plate {
    padding: 0 16px
  }
}

@media (max-width: 480px) {
  .ftrbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
  }

  .cookiepop {
    right: 16px;
    top: 16px;
    width: calc(100vw - 32px);
    max-width: 340px
  }
}

.legal-vj-box {
  max-width: 1500px;
  margin: 0 auto;
  padding: 64px 32px
}

.legal-vj-box p {
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 24px;
  color: #2a2a2a
}

.legal-vj-box ul,
.legal-vj-box ol {
  margin: 0 0 24px;
  padding-left: 32px
}

.legal-vj-box li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 8px;
  color: #2a2a2a
}

.legal-vj-box ul li {
  list-style-type: disc
}

.legal-vj-box ol li {
  list-style-type: decimal
}

.legal-vj-box ul ul,
.legal-vj-box ol ol,
.legal-vj-box ul ol,
.legal-vj-box ol ul {
  margin-top: 8px;
  margin-bottom: 8px
}

.legal-vj-box strong,
.legal-vj-box b {
  font-weight: 700;
  color: #1b1b1b
}

.legal-vj-box table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
  font-size: 16px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0 #ae823b12
}

.legal-vj-box thead {
  background-color: #AE823B
}

.legal-vj-box thead th {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  padding: 16px;
  text-align: left
}

.legal-vj-box tbody tr {
  border-bottom: 1px solid #ECE0DB;
  transition: background-color .1s ease-out
}

.legal-vj-box tbody tr:last-child {
  border-bottom: none
}

.legal-vj-box tbody tr:nth-child(even) {
  background-color: #fdf8f5
}

.legal-vj-box tbody tr:hover {
  background-color: #ECE0DB
}

.legal-vj-box td {
  font-size: 16px;
  line-height: 1.6;
  padding: 16px;
  color: #2a2a2a;
  vertical-align: top
}

.legal-vj-box th {
  font-size: 16px;
  line-height: 1.3;
  padding: 16px;
  vertical-align: top
}

.legal-vj-box hr {
  border: none;
  border-top: 2px solid #ECE0DB;
  margin: 32px 0
}

@media (max-width: 768px) {
  .legal-vj-box {
    padding: 32px 16px
  }

  .legal-vj-box table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .legal-vj-box th,
  .legal-vj-box td {
    padding: 8px;
    font-size: 16px
  }
}

@media (max-width: 480px) {

  .legal-vj-box ul,
  .legal-vj-box ol {
    padding-left: 24px
  }
}

.srvdet {
  background: #fff;
  overflow-x: clip
}

.srvdet .pg-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px
}

.srvdet .pub-bar {
  background: #ECE0DB;
  padding: 16px 24px
}

.srvdet .pub-bar .pb-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap
}

.srvdet .pub-bar .pb-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #3a2a1a;
  line-height: 1.3
}

.srvdet .pub-bar .pb-item i {
  color: #AE823B;
  font-size: 19px
}

.srvdet .pub-bar .pb-sep {
  width: 2px;
  height: 16px;
  background: #AE823B;
  border-radius: 8px
}

.srvdet .pub-bar .pb-like {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.srvdet .pub-bar .like-btn {
  background: #AE823B;
  border: none;
  border-radius: 22px;
  color: #fff;
  font-size: 16px;
  padding: 8px 16px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  transition: brightness .15s ease-out;
  box-shadow: 0 2px 6px 0 #ae823b12
}

.srvdet .pub-bar .like-btn:hover {
  filter: brightness(1.12)
}

.srvdet .pub-bar .like-btn:focus {
  outline: 2px solid #AE823B;
  outline-offset: 2px
}

.srvdet .pub-bar .like-count {
  font-size: 16px;
  color: #3a2a1a;
  font-weight: 600
}

.srvdet .hero-blk {
  position: relative;
  padding: 64px 0 0;
  background: #fff
}

.srvdet .hero-blk::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, #ae823b0a 0px, #ae823b0a 1px, transparent 1px, transparent 18px);
  pointer-events: none
}

.srvdet .hero-blk .hb-grid {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center
}

.srvdet .hero-blk .hb-text {
  padding: 32px 0 64px
}

.srvdet .hero-blk .hb-tag {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #ECE0DB;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 16px;
  color: #7a4f1e;
  margin-bottom: 24px
}

.srvdet .hero-blk .hb-tag i {
  color: #AE823B
}

.srvdet .hero-blk h1 {
  font-size: 70px;
  line-height: 1.1;
  color: #1e1208;
  margin: 0 0 24px;
  font-weight: 800
}

.srvdet .hero-blk .hb-desc {
  font-size: 19px;
  line-height: 1.6;
  color: #3a2a1a;
  margin: 0 0 32px
}

.srvdet .hero-blk .price-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px
}

.srvdet .hero-blk .price-val {
  font-size: 24px;
  font-weight: 700;
  color: #AE823B;
  line-height: 1.3
}

.srvdet .hero-blk .price-label {
  font-size: 16px;
  color: #7a6050;
  line-height: 1.3
}

.srvdet .hero-blk .enroll-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #1e1208;
  color: #fff;
  font-size: 19px;
  padding: 16px 32px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 5px 14px 0 #ae823b17;
  transition: filter .12s ease
}

.srvdet .hero-blk .enroll-btn:hover {
  filter: brightness(1.18)
}

.srvdet .hero-blk .enroll-btn:focus {
  outline: 2px solid #AE823B;
  outline-offset: 3px
}

.srvdet .hero-blk .hb-img-wrap {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 4/3;
  box-shadow: 0 10px 36px 0 #ae823b24
}

.srvdet .hero-blk .hb-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.srvdet .hero-blk .hb-img-wrap .img-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  background: linear-gradient(to top, #1e1208b8, transparent);
  pointer-events: none
}

.srvdet .hero-blk .hb-img-wrap .img-dot {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 14px;
  height: 14px;
  background: #AE823B;
  border-radius: 48px;
  border: 2px solid #fff
}

.srvdet .hero-blk .corner-circles {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 220px;
  height: 220px;
  pointer-events: none;
  overflow: hidden
}

.srvdet .hero-blk .corner-circles svg {
  position: absolute;
  bottom: -60px;
  left: -60px
}

.srvdet .prog-blk {
  background: #f5ede6;
  padding: 64px 0;
  position: relative
}

.srvdet .prog-blk::after {
  content: "";
  display: block;
  height: 2px;
  background: #AE823B;
  margin: 0 24px;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.srvdet .prog-blk .pb-grid {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 64px;
  align-items: start
}

.srvdet .prog-blk .pb-aside {
  position: relative
}

.srvdet .prog-blk .aside-num {
  font-size: 70px;
  font-weight: 900;
  color: #ae823b1a;
  line-height: 1.1;
  position: absolute;
  top: -16px;
  left: -8px;
  pointer-events: none;
  user-select: none
}

.srvdet .prog-blk h2 {
  font-size: 24px;
  line-height: 1.3;
  color: #1e1208;
  margin: 0 0 16px;
  font-weight: 700;
  position: relative
}

.srvdet .prog-blk .aside-body {
  font-size: 16px;
  line-height: 1.6;
  color: #3a2a1a
}

.srvdet .prog-blk .prog-content {
  font-size: 16px;
  line-height: 1.9;
  color: #2a1e10
}

.srvdet .prog-blk .prog-content h2,
.srvdet .prog-blk .prog-content h3 {
  font-size: 19px;
  line-height: 1.3;
  color: #1e1208;
  margin: 24px 0 8px;
  font-weight: 700
}

.srvdet .prog-blk .prog-content p {
  margin: 0 0 16px
}

.srvdet .prog-blk .prog-content ul,
.srvdet .prog-blk .prog-content ol {
  padding-left: 24px;
  margin: 0 0 16px
}

.srvdet .prog-blk .prog-content li {
  margin-bottom: 8px
}

.srvdet .prog-blk .prog-content dl {
  margin: 0 0 16px
}

.srvdet .prog-blk .prog-content dt {
  font-weight: 700;
  color: #AE823B
}

.srvdet .prog-blk .prog-content dd {
  margin: 0 0 8px 16px
}

.srvdet .prog-blk .prog-content abbr {
  text-decoration: underline dotted;
  cursor: help
}

.srvdet .desc-blk {
  background: #fff;
  padding: 64px 0;
  position: relative
}

.srvdet .desc-blk .corner-circles-r {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  pointer-events: none;
  overflow: hidden
}

.srvdet .desc-blk .corner-circles-r svg {
  position: absolute;
  top: -50px;
  right: -50px
}

.srvdet .desc-blk .db-grid {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 64px;
  align-items: start
}

.srvdet .desc-blk .db-main {
  font-size: 16px;
  line-height: 1.9;
  color: #2a1e10
}

.srvdet .desc-blk .db-main h2 {
  font-size: 24px;
  line-height: 1.3;
  color: #1e1208;
  font-weight: 700;
  margin: 0 0 16px
}

.srvdet .desc-blk .db-main h3 {
  font-size: 19px;
  line-height: 1.3;
  color: #1e1208;
  font-weight: 700;
  margin: 24px 0 8px
}

.srvdet .desc-blk .db-main p {
  margin: 0 0 16px
}

.srvdet .desc-blk .db-main strong {
  color: #AE823B;
  font-weight: 700
}

.srvdet .desc-blk .db-main small {
  font-size: 16px;
  color: #7a6050
}

.srvdet .desc-blk .db-main ul,
.srvdet .desc-blk .db-main ol {
  padding-left: 24px;
  margin: 0 0 16px
}

.srvdet .desc-blk .db-main li {
  margin-bottom: 8px
}

.srvdet .desc-blk .db-main dl {
  margin: 0 0 16px
}

.srvdet .desc-blk .db-main dt {
  font-weight: 700;
  color: #AE823B
}

.srvdet .desc-blk .db-main dd {
  margin: 0 0 8px 16px
}

.srvdet .desc-blk .db-side {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.srvdet .desc-blk .side-card {
  border-radius: 14px;
  padding: 24px;
  position: relative
}

.srvdet .desc-blk .side-card.sc-primary {
  background: #AE823B;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.srvdet .desc-blk .side-card.sc-secondary {
  background: #ECE0DB;
  box-shadow: 0 2px 6px 0 #dba79b12
}

.srvdet .desc-blk .side-card.sc-dark {
  background: #1e1208;
  box-shadow: 0 10px 36px 0 #ae823b24
}

.srvdet .desc-blk .sc-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #ffffff2e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  position: relative
}

.srvdet .desc-blk .sc-icon i {
  font-size: 19px;
  color: #fff
}

.srvdet .desc-blk .sc-icon .dot-ind {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  background: #DBA79B;
  border-radius: 48px;
  border: 2px solid #AE823B
}

.srvdet .desc-blk .side-card.sc-secondary .sc-icon {
  background: #ae823b26
}

.srvdet .desc-blk .side-card.sc-secondary .sc-icon i {
  color: #AE823B
}

.srvdet .desc-blk .side-card.sc-secondary .dot-ind {
  border-color: #ECE0DB
}

.srvdet .desc-blk .sc-label {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.3
}

.srvdet .desc-blk .side-card.sc-secondary .sc-label {
  color: #1e1208
}

.srvdet .desc-blk .sc-val {
  font-size: 19px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1
}

.srvdet .desc-blk .side-card.sc-secondary .sc-val {
  color: #AE823B
}

.srvdet .desc-blk .sc-body {
  font-size: 16px;
  line-height: 1.6;
  color: #ffffffe0;
  margin-top: 8px
}

.srvdet .desc-blk .side-card.sc-secondary .sc-body {
  color: #3a2a1a
}

.srvdet .desc-blk .enroll-side {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #AE823B;
  color: #fff;
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  margin-top: 16px;
  transition: filter .18s ease-out;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.srvdet .desc-blk .enroll-side:hover {
  filter: brightness(1.12)
}

.srvdet .desc-blk .enroll-side:focus {
  outline: 2px solid #1e1208;
  outline-offset: 2px
}

@media (max-width: 1024px) {
  .srvdet .hero-blk h1 {
    font-size: 48px
  }

  .srvdet .hero-blk .hb-grid {
    gap: 32px
  }

  .srvdet .prog-blk .pb-grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .srvdet .desc-blk .db-grid {
    grid-template-columns: 1fr;
    gap: 32px
  }
}

@media (max-width: 768px) {
  .srvdet .hero-blk h1 {
    font-size: 36px
  }

  .srvdet .hero-blk .hb-grid {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .srvdet .hero-blk .hb-text {
    padding: 16px 0 0
  }

  .srvdet .hero-blk {
    padding: 32px 0 0
  }

  .srvdet .prog-blk {
    padding: 32px 0
  }

  .srvdet .desc-blk {
    padding: 32px 0
  }

  .srvdet .pub-bar .pb-sep {
    display: none
  }
}

@media (max-width: 480px) {
  .srvdet .hero-blk h1 {
    font-size: 24px
  }

  .srvdet .pub-bar .pb-like {
    margin-left: 0;
    width: 100%
  }

  .srvdet .pub-bar .pb-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
  }
}

.bdet {
  background: #fff;
  overflow-x: clip
}

.bdet .art-frame {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 32px
}

.bdet .title-blk {
  position: relative;
  padding: 120px 32px 64px;
  background: linear-gradient(to bottom, transparent 0%, #ECE0DB 100%)
}

.bdet .title-blk .deco-frame {
  position: absolute;
  top: 32px;
  left: 32px;
  right: 32px;
  bottom: 0;
  pointer-events: none
}

.bdet .title-blk .deco-frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #AE823B 40%, transparent)
}

.bdet .title-blk .deco-frame::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, #AE823B 40%, transparent)
}

.bdet .title-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: 64px;
  align-items: end
}

.bdet .title-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap
}

.bdet .tag-pill {
  background: #AE823B;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  padding: 4px 16px;
  border-radius: 8px;
  font-weight: 600
}

.bdet .meta-sep {
  color: #AE823B;
  font-size: 16px
}

.bdet .meta-txt {
  font-size: 16px;
  line-height: 1.6;
  color: #555
}

.bdet .art-h1 {
  font-size: 70px;
  line-height: 1.1;
  color: #1e1208;
  margin: 0 0 16px;
  font-weight: 800
}

.bdet .art-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #4a3a2a;
  margin: 0 0 32px
}

.bdet .read-link {
  display: inline-block;
  background: #1e1208;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  padding: 8px 24px;
  border-radius: 8px;
  text-decoration: none;
  transition: brightness .15s ease-out
}

.bdet .read-link:hover {
  filter: brightness(1.3)
}

.bdet .img-wrap {
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 4/3;
  box-shadow: 0 10px 36px 0 #ae823b24
}

.bdet .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: blur(0px);
  transition: filter .2s ease-out
}

.bdet .img-wrap:hover img {
  filter: blur(2px) brightness(0.95)
}

.bdet .art-arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-top: 32px
}

.bdet .arrow-svg {
  opacity: .35
}

.bdet .divider-cross {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 32px;
  overflow: hidden
}

.bdet .cross-line {
  flex: 1;
  height: 1px;
  background: #ECE0DB
}

.bdet .cross-sym {
  width: 10px;
  height: 10px;
  position: relative;
  flex-shrink: 0
}

.bdet .cross-sym::before,
.bdet .cross-sym::after {
  content: "";
  position: absolute;
  background: #AE823B;
  border-radius: 1px
}

.bdet .cross-sym::before {
  width: 10px;
  height: 2px;
  top: 4px;
  left: 0
}

.bdet .cross-sym::after {
  width: 2px;
  height: 10px;
  top: 0;
  left: 4px
}

.bdet .divider-crosses {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 32px;
  gap: 0;
  overflow: hidden
}

.bdet .divider-crosses .cross-repeat {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex: 1;
  justify-content: center
}

.bdet .body-grid {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 680px 1fr;
  gap: 64px;
  padding: 64px 32px;
  align-items: start
}

.bdet .art-body {
  min-width: 0
}

.bdet .art-body p {
  font-size: 19px;
  line-height: 1.9;
  color: #2a1f10;
  margin: 0 0 24px
}

.bdet .art-body h2 {
  font-size: 24px;
  line-height: 1.3;
  color: #1e1208;
  margin: 32px 0 8px;
  font-weight: 700
}

.bdet .art-body h3 {
  font-size: 19px;
  line-height: 1.3;
  color: #1e1208;
  margin: 24px 0 8px;
  font-weight: 700
}

.bdet .art-body h4 {
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  margin: 16px 0 8px;
  font-weight: 700;
  text-transform: uppercase
}

.bdet .art-body .accent-rule {
  width: 40px;
  height: 2px;
  background: #AE823B;
  margin: 0 0 16px;
  border-radius: 2px
}

.bdet .art-body blockquote {
  border-top: 2px solid #AE823B;
  border-bottom: 1px solid #ECE0DB;
  margin: 32px 0;
  padding: 16px 24px;
  background: #fdf9f6;
  border-radius: 8px;
  font-size: 19px;
  line-height: 1.6;
  color: #4a3a2a;
  font-style: italic
}

.bdet .art-body ul {
  margin: 0 0 24px;
  padding: 0 0 0 24px
}

.bdet .art-body li {
  font-size: 19px;
  line-height: 1.9;
  color: #2a1f10;
  margin-bottom: 8px
}

.bdet .art-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 16px;
  line-height: 1.6
}

.bdet .art-body th {
  background: #ECE0DB;
  color: #1e1208;
  padding: 8px 16px;
  text-align: left;
  font-weight: 700
}

.bdet .art-body td {
  padding: 8px 16px;
  border-bottom: 1px solid #ECE0DB;
  color: #2a1f10
}

.bdet .art-body details {
  margin: 16px 0;
  border: 1px solid #ECE0DB;
  border-radius: 8px;
  overflow: hidden
}

.bdet .art-body summary {
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #1e1208;
  cursor: pointer;
  background: #fdf9f6
}

.bdet .art-body details[open] summary {
  border-bottom: 1px solid #ECE0DB
}

.bdet .art-body details p {
  padding: 16px;
  margin: 0;
  font-size: 16px
}

.bdet .sidebar {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.bdet .metrics-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #ECE0DB;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0 #ae823b12
}

.bdet .metric-item {
  flex: 1;
  padding: 16px;
  text-align: center;
  position: relative
}

.bdet .metric-item+.metric-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background: #ECE0DB
}

.bdet .metric-val {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  color: #AE823B;
  display: block
}

.bdet .metric-lbl {
  font-size: 16px;
  line-height: 1.3;
  color: #7a6a5a;
  display: block;
  margin-top: 4px
}

.bdet .trust-blk {
  background: #1e1208;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 36px 0 #ae823b24
}

.bdet .trust-blk .trust-head {
  font-size: 19px;
  line-height: 1.3;
  color: #ECE0DB;
  font-weight: 700;
  margin: 0 0 16px
}

.bdet .trust-blk .accent-rule {
  width: 32px;
  height: 2px;
  background: #AE823B;
  margin: 0 0 16px;
  border-radius: 2px
}

.bdet .review-item {
  padding: 16px;
  background: #ae823b1a;
  border-radius: 8px;
  margin-bottom: 16px
}

.bdet .review-item:last-of-type {
  margin-bottom: 0
}

.bdet .review-text {
  font-size: 16px;
  line-height: 1.6;
  color: #ECE0DB;
  margin: 0 0 8px;
  font-style: italic
}

.bdet .review-auth {
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  font-weight: 600
}

.bdet .stars {
  display: flex;
  flex-direction: row;
  gap: 4px;
  margin-bottom: 8px
}

.bdet .star-svg {
  width: 14px;
  height: 14px
}

.bdet .poll-blk {
  border: 1px solid #ECE0DB;
  border-radius: 14px;
  padding: 24px;
  background: #fdf9f6;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.bdet .poll-blk .poll-head {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  color: #1e1208;
  margin: 0 0 16px
}

.bdet .poll-opts {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.bdet .poll-opt {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.bdet .poll-opt input[type="radio"] {
  display: none
}

.bdet .poll-opt label {
  display: block;
  width: 100%;
  padding: 8px 16px;
  border-radius: 8px;
  border: 2px solid #ECE0DB;
  font-size: 16px;
  line-height: 1.6;
  color: #2a1f10;
  cursor: pointer;
  transition: border-color .15s ease-out, background .15s ease-out;
  background: #fff
}

.bdet .poll-opt input[type="radio"]:checked+label {
  border-color: #AE823B;
  background: #AE823B !important;
  color: #fff
}

.bdet .poll-opt label:hover {
  border-color: #DBA79B
}

.bdet .report-lnk {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.3;
  color: #7a6a5a;
  text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px dashed #DBA79B;
  transition: color .1s ease-out
}

.bdet .report-lnk:hover {
  color: #AE823B
}

.bdet .report-lnk i {
  font-size: 16px
}

.bdet .sweep-btn {
  position: relative;
  display: inline-block;
  padding: 8px 24px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: #1e1208;
  border: 2px solid #AE823B;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  transition: color .18s ease-out;
  z-index: 0
}

.bdet .sweep-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background: #AE823B;
  transition: right .18s ease-out;
  z-index: -1
}

.bdet .sweep-btn:hover {
  color: #fff
}

.bdet .sweep-btn:hover::before {
  right: 0
}

.bdet .bottom-strip {
  background: #ECE0DB;
  padding: 64px 32px
}

.bdet .bottom-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap
}

.bdet .bottom-inner .lbl {
  font-size: 16px;
  line-height: 1.3;
  color: #7a6a5a;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em
}

.bdet .bottom-inner .lbl .colon {
  color: #AE823B
}

.bdet .bottom-inner .val {
  font-size: 19px;
  line-height: 1.6;
  color: #1e1208;
  margin-top: 4px
}

.bdet .fade-group .sweep-btn {
  transition: color .18s ease-out, box-shadow .5s ease
}

.bdet .fade-group .sweep-btn:not(:hover) {
  box-shadow: none
}

@media (max-width: 1024px) {
  .bdet .title-inner {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .bdet .art-h1 {
    font-size: 24px
  }

  .bdet .body-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 16px
  }
}

@media (max-width: 768px) {
  .bdet .title-blk {
    padding: 64px 16px 32px
  }

  .bdet .art-h1 {
    font-size: 24px
  }

  .bdet .metrics-row {
    flex-direction: column
  }

  .bdet .metric-item+.metric-item::before {
    top: 0;
    left: 16px;
    right: 16px;
    width: auto;
    height: 1px;
    bottom: auto
  }

  .bdet .bottom-inner {
    flex-direction: column;
    align-items: flex-start
  }
}

@media (max-width: 480px) {
  .bdet .art-frame {
    padding: 0 16px
  }

  .bdet .divider-crosses .cross-repeat {
    gap: 16px
  }
}

.srvc {
  background: #fff;
  overflow-x: clip
}

.srvc .pg-bound {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 32px
}

.srvc .dot-div {
  border: none;
  border-top: 2px dotted #d4c4b8;
  margin: 0
}

.srvc .ttl-blk {
  background: #1e1a16;
  padding: 96px 32px 64px;
  position: relative
}

.srvc .ttl-blk .pg-bound {
  position: relative;
  z-index: 1
}

.srvc .ttl-corner {
  position: absolute;
  width: 28px;
  height: 28px;
  pointer-events: none
}

.srvc .ttl-corner.tl {
  top: 0;
  left: 0;
  border-top: 3px solid #AE823B;
  border-left: 3px solid #AE823B
}

.srvc .ttl-corner.tr {
  top: 0;
  right: 0;
  border-top: 3px solid #AE823B;
  border-right: 3px solid #AE823B
}

.srvc .ttl-corner.bl {
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #AE823B;
  border-left: 3px solid #AE823B
}

.srvc .ttl-corner.br {
  bottom: 0;
  right: 0;
  border-bottom: 3px solid #AE823B;
  border-right: 3px solid #AE823B
}

.srvc .ttl-eyebrow {
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.srvc .ttl-eyebrow span {
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #AE823B
}

.srvc .ttl-h1 {
  font-size: 70px;
  line-height: 1.1;
  color: #f0ebe4;
  margin: 0 0 24px;
  max-width: 780px
}

.srvc .ttl-h1 .grad-word {
  background: linear-gradient(to left, transparent, #DBA79B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.srvc .ttl-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #b8a898;
  max-width: 520px;
  margin: 0
}

.srvc .card-grid-sec {
  padding: 64px 32px;
  background: #fff;
  position: relative
}

.srvc .card-grid-sec::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, #ECE0DB 0%, transparent 45%);
  pointer-events: none
}

.srvc .sec-label {
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 32px;
  position: relative
}

.srvc .card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  position: relative
}

.srvc .svc-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 5px 14px 0 #ae823b17;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow .15s ease-out, transform .15s ease-out
}

.srvc .svc-card:hover {
  box-shadow: 0 10px 36px 0 #ae823b24;
  transform: translateY(-3px)
}

.srvc .card-img-wrap {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden
}

.srvc .card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .2s ease-out
}

.srvc .svc-card:hover .card-img-wrap img {
  transform: scale(1.04)
}

.srvc .card-img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 40%, #1e1a1673 100%);
  pointer-events: none
}

.srvc .card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1
}

.srvc .card-ttl {
  font-size: 24px;
  line-height: 1.3;
  color: #1e1a16;
  margin: 0
}

.srvc .card-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #4a3f34;
  margin: 0;
  flex: 1
}

.srvc .card-foot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #ECE0DB
}

.srvc .card-price {
  font-size: 24px;
  line-height: 1.1;
  color: #AE823B;
  font-weight: 700
}

.srvc .card-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #1e1a16;
  color: #f0ebe4;
  font-size: 16px;
  line-height: 1.3;
  padding: 8px 24px;
  border-radius: 8px;
  text-decoration: none;
  transition: filter .15s ease-out
}

.srvc .card-link:hover {
  filter: brightness(1.3)
}

.srvc .card-link i {
  font-size: 16px
}

.srvc .why-sec {
  padding: 64px 32px;
  background: #1e1a16;
  position: relative
}

.srvc .why-sec::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background: #2a2218;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
  pointer-events: none
}

.srvc .why-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start
}

.srvc .why-eyebrow {
  font-size: 16px;
  line-height: 1.3;
  color: #DBA79B;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 16px
}

.srvc .why-h2 {
  font-size: 70px;
  line-height: 1.1;
  color: #f0ebe4;
  margin: 0 0 24px
}

.srvc .why-p {
  font-size: 19px;
  line-height: 1.6;
  color: #b8a898;
  margin: 0 0 32px
}

.srvc .stats-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
  flex-wrap: wrap
}

.srvc .stat-item {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.srvc .stat-num {
  font-size: 70px;
  line-height: 1.1;
  color: #AE823B
}

.srvc .stat-lbl {
  font-size: 16px;
  line-height: 1.3;
  color: #b8a898
}

.srvc .why-right {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.srvc .feat-item {
  background: #ffffff0a;
  border-radius: 14px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  transition: background .15s ease-out;
  box-shadow: 0 2px 6px 0 #ae823b12
}

.srvc .feat-item:hover {
  background: #ae823b1f
}

.srvc .feat-icon {
  width: 40px;
  height: 40px;
  background: #AE823B;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.srvc .feat-icon i {
  color: #fff;
  font-size: 19px
}

.srvc .feat-ttl {
  font-size: 19px;
  line-height: 1.3;
  color: #f0ebe4;
  margin: 0 0 8px
}

.srvc .feat-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #b8a898;
  margin: 0
}

.srvc .matrix-sec {
  padding: 64px 32px;
  background: #ECE0DB
}

.srvc .matrix-head {
  margin-bottom: 32px
}

.srvc .matrix-eyebrow {
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 16px
}

.srvc .matrix-h2 {
  font-size: 24px;
  line-height: 1.3;
  color: #1e1a16;
  margin: 0 0 8px
}

.srvc .matrix-sub {
  font-size: 16px;
  line-height: 1.6;
  color: #4a3f34;
  margin: 0;
  max-width: 560px
}

.srvc .matrix-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  max-width: 860px
}

.srvc .mx-cell {
  border-radius: 14px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 2px 6px 0 #ae823b12
}

.srvc .mx-cell.q1 {
  background: #fff
}

.srvc .mx-cell.q2 {
  background: #AE823B
}

.srvc .mx-cell.q3 {
  background: #1e1a16
}

.srvc .mx-cell.q4 {
  background: #DBA79B
}

.srvc .mx-tag {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em
}

.srvc .mx-cell.q1 .mx-tag {
  color: #AE823B
}

.srvc .mx-cell.q2 .mx-tag {
  color: #f0ebe4
}

.srvc .mx-cell.q3 .mx-tag {
  color: #DBA79B
}

.srvc .mx-cell.q4 .mx-tag {
  color: #1e1a16
}

.srvc .mx-ttl {
  font-size: 19px;
  line-height: 1.3;
  margin: 0
}

.srvc .mx-cell.q1 .mx-ttl {
  color: #1e1a16
}

.srvc .mx-cell.q2 .mx-ttl {
  color: #fff
}

.srvc .mx-cell.q3 .mx-ttl {
  color: #f0ebe4
}

.srvc .mx-cell.q4 .mx-ttl {
  color: #1e1a16
}

.srvc .mx-desc {
  font-size: 16px;
  line-height: 1.6;
  margin: 0
}

.srvc .mx-cell.q1 .mx-desc {
  color: #4a3f34
}

.srvc .mx-cell.q2 .mx-desc {
  color: #f0ebe4
}

.srvc .mx-cell.q3 .mx-desc {
  color: #b8a898
}

.srvc .mx-cell.q4 .mx-desc {
  color: #3a2e26
}

.srvc .team-sec {
  padding: 64px 32px;
  background: #fff
}

.srvc .team-inner {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 64px;
  align-items: center
}

.srvc .team-sidebar {
  background: #1e1a16;
  border-radius: 22px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 10px 36px 0 #ae823b24
}

.srvc .team-portrait-wrap {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center
}

.srvc .portrait-img {
  width: 80px;
  height: 80px;
  border-radius: 48px;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.srvc .portrait-name {
  font-size: 19px;
  line-height: 1.3;
  color: #f0ebe4;
  margin: 0 0 4px
}

.srvc .portrait-role {
  font-size: 16px;
  line-height: 1.3;
  color: #b8a898;
  margin: 0
}

.srvc .sidebar-quote {
  font-size: 16px;
  line-height: 1.6;
  color: #b8a898;
  margin: 0;
  border-top: 1px solid #ffffff14;
  padding-top: 24px
}

.srvc .sidebar-accent {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #AE823B;
  font-size: 16px;
  line-height: 1.3
}

.srvc .team-eyebrow {
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 16px
}

.srvc .team-h2 {
  font-size: 70px;
  line-height: 1.1;
  color: #1e1a16;
  margin: 0 0 24px
}

.srvc .team-p {
  font-size: 19px;
  line-height: 1.6;
  color: #4a3f34;
  margin: 0 0 16px
}

.srvc .team-p2 {
  font-size: 16px;
  line-height: 1.6;
  color: #4a3f34;
  margin: 0 0 32px
}

.srvc .team-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0
}

.srvc .team-list li {
  font-size: 16px;
  line-height: 1.3;
  color: #1e1a16;
  background: #ECE0DB;
  border-radius: 8px;
  padding: 4px 16px
}

.srvc .team-list li span {
  color: #AE823B
}

@keyframes bgbreathe {

  0%,
  100% {
    background-size: 100% 100%
  }

  50% {
    background-size: 115% 115%
  }
}

.srvc .anim-bg {
  animation: bgbreathe 10s ease-in-out infinite;
  background: linear-gradient(to left, #DBA79B, transparent)
}

@media (max-width: 1024px) {
  .srvc .ttl-h1 {
    font-size: 70px
  }

  .srvc .card-grid {
    grid-template-columns: 1fr 1fr
  }

  .srvc .why-inner {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .srvc .why-h2 {
    font-size: 24px
  }

  .srvc .stat-num {
    font-size: 24px
  }

  .srvc .team-inner {
    grid-template-columns: 1fr
  }

  .srvc .team-h2 {
    font-size: 24px
  }

  .srvc .why-sec::before {
    display: none
  }
}

@media (max-width: 768px) {
  .srvc .ttl-blk {
    padding: 64px 16px 48px
  }

  .srvc .ttl-h1 {
    font-size: 24px
  }

  .srvc .card-grid {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .srvc .card-grid-sec {
    padding: 48px 16px
  }

  .srvc .why-sec {
    padding: 48px 16px
  }

  .srvc .matrix-sec {
    padding: 48px 16px
  }

  .srvc .matrix-grid {
    grid-template-columns: 1fr
  }

  .srvc .team-sec {
    padding: 48px 16px
  }

  .srvc .stats-row {
    gap: 24px
  }

  .srvc .pg-bound {
    padding: 0 16px
  }
}

@media (max-width: 480px) {
  .srvc .card-foot {
    flex-direction: column;
    align-items: flex-start
  }

  .srvc .team-portrait-wrap {
    flex-direction: column;
    align-items: flex-start
  }
}

.blg {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden
}

.blg .pg-band {
  background: linear-gradient(to left, #DBA79B, transparent), #ECE0DB;
  padding: 64px 32px 48px;
  position: relative
}

.blg .pg-band::before {
  content: '';
  position: absolute;
  top: -40px;
  right: 80px;
  width: 220px;
  height: 220px;
  background: #AE823B;
  opacity: .08;
  border-radius: 48px;
  filter: blur(48px);
  pointer-events: none
}

.blg .pg-band::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 40px;
  width: 160px;
  height: 160px;
  background: #DBA79B;
  opacity: .12;
  border-radius: 48px;
  filter: blur(40px);
  pointer-events: none
}

.blg .band-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blg .band-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #AE823B;
  font-weight: 600;
  animation: revealUp .2s ease-out both
}

.blg .band-label .lbl-dot {
  width: 8px;
  height: 8px;
  border-radius: 48px;
  background: #AE823B;
  display: inline-block
}

.blg .band-h {
  font-size: 70px;
  line-height: 1.1;
  color: #1b1409;
  font-weight: 800;
  max-width: 700px;
  animation: revealScale .2s ease-out .1s both
}

.blg .band-sub {
  font-size: 19px;
  line-height: 1.6;
  color: #3a2e1e;
  max-width: 560px;
  animation: revealScale .2s ease-out .15s both
}

@keyframes revealScale {
  from {
    opacity: 0;
    transform: scale(0.96)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes revealUp {
  from {
    opacity: 0;
    transform: translateY(8px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(24px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-24px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.blg .chev-div {
  display: flex;
  justify-content: center;
  line-height: 1;
  background: #fff
}

.blg .chev-div svg {
  display: block
}

.blg .posts-grid-wrap {
  padding: 64px 32px;
  background: #fff;
  position: relative
}

.blg .posts-grid-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(to bottom, #AE823B, #DBA79B);
  border-radius: 0 8px 8px 0
}

.blg .grid-hd {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 32px
}

.blg .grid-hd h2 {
  font-size: 24px;
  line-height: 1.3;
  color: #1b1409;
  font-weight: 700;
  margin: 0
}

.blg .grid-hd .hd-line {
  flex: 1;
  height: 2px;
  background: linear-gradient(to left, transparent, #DBA79B);
  border-radius: 8px
}

.blg .cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.blg .pcard {
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 14px 0 #ae823b17;
  display: flex;
  flex-direction: column;
  transition: box-shadow .15s ease-out, transform .15s ease-out;
  animation: revealScale .2s ease-out both
}

.blg .pcard:nth-child(1) {
  animation-delay: .05s
}

.blg .pcard:nth-child(2) {
  animation-delay: .1s
}

.blg .pcard:nth-child(3) {
  animation-delay: .15s
}

.blg .pcard:nth-child(4) {
  animation-delay: .2s
}

.blg .pcard:nth-child(5) {
  animation-delay: .25s
}

.blg .pcard:nth-child(6) {
  animation-delay: .3s
}

.blg .pcard:hover {
  box-shadow: 0 10px 36px 0 #ae823b24;
  transform: translateY(-3px)
}

.blg .pcard-img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  border: 3px solid #ECE0DB;
  border-bottom: none;
  position: relative
}

.blg .pcard-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease-out
}

.blg .pcard:hover .pcard-img img {
  transform: scale(1.04)
}

.blg .pcard-img .img-frame {
  position: absolute;
  inset: 0;
  border-radius: 11px 11px 0 0;
  box-shadow: inset 0 0 0 2px #ae823b2e;
  pointer-events: none
}

.blg .pcard-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1
}

.blg .pcard-tag {
  display: inline-block;
  font-size: 16px;
  color: #AE823B;
  font-weight: 600;
  background: #ECE0DB;
  border-radius: 48px;
  padding: 4px 16px;
  align-self: flex-start
}

.blg .pcard-title {
  font-size: 19px;
  line-height: 1.3;
  color: #1b1409;
  font-weight: 700;
  margin: 0
}

.blg .pcard-title a {
  color: inherit;
  text-decoration: none;
  transition: color .1s ease
}

.blg .pcard-title a:hover {
  color: #AE823B
}

.blg .pcard-sub {
  font-size: 16px;
  line-height: 1.6;
  color: #5a4a30;
  margin: 0
}

.blg .pcard-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #3a2e1e;
  margin: 0
}

.blg .pcard-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ECE0DB;
  flex-wrap: wrap
}

.blg .pcard-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #5a4a30
}

.blg .pcard-author .auth-ico {
  width: 28px;
  height: 28px;
  border-radius: 48px;
  background: #AE823B;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 6px 0 #ae823b12 inset 0 1px 2px #fff3;
  outline: 2px solid #ECE0DB;
  outline-offset: 1px
}

.blg .pcard-author .auth-ico i {
  font-size: 16px;
  color: #fff
}

.blg .pcard-date {
  font-size: 16px;
  color: #8a7560;
  margin-left: auto
}

.blg .pcard-readmore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #AE823B;
  text-decoration: none;
  transition: color .1s ease, gap .15s ease-out
}

.blg .pcard-readmore:hover {
  color: #8a6520;
  gap: 12px
}

.blg .pcard-readmore i {
  font-size: 16px
}

.blg .chev-div2 {
  display: flex;
  justify-content: center;
  line-height: 1;
  background: #ECE0DB
}

.blg .nutrient-band {
  background: #ECE0DB;
  padding: 64px 32px;
  position: relative;
  overflow: hidden
}

.blg .nutrient-band::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(to bottom, #DBA79B, #AE823B)
}

.blg .nutrient-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center
}

.blg .nutrient-txt h3 {
  font-size: 24px;
  line-height: 1.3;
  color: #1b1409;
  font-weight: 700;
  margin: 0 0 16px
}

.blg .nutrient-txt p {
  font-size: 16px;
  line-height: 1.6;
  color: #3a2e1e;
  margin: 0 0 16px
}

.blg .nutrient-txt p:last-of-type {
  margin-bottom: 0
}

.blg .nutrient-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  animation: slideLeft .2s ease-out .1s both
}

.blg .donut-wrap {
  position: relative;
  width: 180px;
  height: 180px
}

.blg .donut-wrap svg {
  width: 180px;
  height: 180px;
  transform: rotate(-90deg)
}

.blg .donut-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center
}

.blg .donut-center span {
  display: block;
  font-size: 19px;
  font-weight: 800;
  color: #1b1409;
  line-height: 1.1
}

.blg .donut-center small {
  font-size: 16px;
  color: #5a4a30;
  line-height: 1.3
}

.blg .chart-legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%
}

.blg .legend-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #3a2e1e
}

.blg .legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 8px;
  flex-shrink: 0
}

.blg .legend-pct {
  margin-left: auto;
  font-weight: 700;
  color: #AE823B
}

.blg .chev-div3 {
  display: flex;
  justify-content: center;
  line-height: 1;
  background: #fff
}

.blg .img-promo {
  background: #fff;
  padding: 64px 32px
}

.blg .img-promo-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 32px;
  align-items: start
}

.blg .img-frame-wrap {
  border-radius: 22px;
  overflow: hidden;
  border: 4px solid #ECE0DB;
  box-shadow: 0 10px 36px 0 #ae823b24;
  position: relative
}

.blg .img-frame-wrap img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
  filter: saturate(1.1) contrast(1.05)
}

.blg .img-frame-wrap .frame-ring {
  position: absolute;
  inset: 6px;
  border-radius: 16px;
  box-shadow: inset 0 0 0 2px #ae823b38;
  pointer-events: none
}

.blg .promo-txt {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blg .promo-txt h3 {
  font-size: 24px;
  line-height: 1.3;
  color: #1b1409;
  font-weight: 700;
  margin: 0
}

.blg .promo-txt p {
  font-size: 16px;
  line-height: 1.6;
  color: #3a2e1e;
  margin: 0
}

.blg .promo-pts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px
}

.blg .promo-pt {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  color: #3a2e1e;
  line-height: 1.6
}

.blg .promo-pt .pt-ico {
  width: 28px;
  height: 28px;
  border-radius: 48px;
  background: #AE823B;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  outline: 2px solid #ECE0DB;
  outline-offset: 2px;
  box-shadow: 0 2px 6px 0 #ae823b12
}

.blg .promo-pt .pt-ico i {
  font-size: 16px;
  color: #fff
}

.blg .promo-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #1b1409;
  color: #ECE0DB;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 32px;
  border-radius: 8px;
  text-decoration: none;
  align-self: flex-start;
  transition: filter .15s ease-out;
  border: none;
  cursor: pointer
}

.blg .promo-btn:hover {
  filter: brightness(1.25)
}

@media (max-width: 1024px) {
  .blg .cards-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .blg .nutrient-inner {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .blg .img-promo-inner {
    grid-template-columns: 1fr
  }

  .blg .band-h {
    font-size: 48px
  }
}

@media (max-width: 768px) {
  .blg .cards-grid {
    grid-template-columns: 1fr
  }

  .blg .band-h {
    font-size: 32px
  }

  .blg .pg-band,
  .blg .posts-grid-wrap,
  .blg .nutrient-band,
  .blg .img-promo {
    padding: 32px 16px
  }

  .blg .nutrient-inner {
    gap: 24px
  }
}

@media (max-width: 480px) {
  .blg .band-h {
    font-size: 24px
  }

  .blg .pcard-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
  }

  .blg .pcard-date {
    margin-left: 0
  }
}

.prm {
  background: #fff;
  overflow-x: hidden
}

.prm .maxw {
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 32px
}

.prm .titband {
  background: linear-gradient(to left, #ECE0DB, #fff 60%);
  border-bottom: 1px solid #ECE0DB;
  padding: 32px 0;
  position: relative
}

.prm .titband .frame {
  border: 1px solid #ae823b2e;
  border-radius: 14px;
  padding: 24px 32px;
  position: relative
}

.prm .titband .frame::before,
.prm .titband .frame::after {
  border-color: #AE823B;
  border-style: solid;
  border-width: 2px;
  content: '';
  height: 18px;
  position: absolute;
  width: 18px
}

.prm .titband .frame::before {
  border-right: none;
  border-bottom: none;
  left: -1px;
  top: -1px
}

.prm .titband .frame::after {
  border-left: none;
  border-top: none;
  bottom: -1px;
  right: -1px
}

.prm .titband .trow {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 32px
}

.prm .titband .tnum {
  color: #ae823b21;
  flex-shrink: 0;
  font-size: 70px;
  font-weight: 900;
  line-height: 1.1;
  user-select: none
}

.prm .titband .ttxt {
  flex: 1
}

.prm .titband .ttxt h1 {
  color: #1a1208;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 8px
}

.prm .titband .ttxt h1 span {
  color: #AE823B
}

.prm .titband .ttxt p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0
}

.prm .titband .timg {
  border-radius: 8px;
  flex-shrink: 0;
  height: 120px;
  overflow: hidden;
  position: relative;
  width: 180px
}

.prm .titband .timg img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .2s ease-out;
  width: 100%
}

.prm .titband .timg img.loaded {
  opacity: 1
}

.prm .titband .timg .scanlines {
  background: repeating-linear-gradient(0deg, #00000014 0px, #00000014 1px, transparent 1px, transparent 3px);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.prm .divblur {
  height: 1px;
  margin: 0 auto;
  max-width: 1500px;
  overflow: visible;
  position: relative
}

.prm .divblur::after {
  background: #ae823b2e;
  bottom: 0;
  box-shadow: 0 2px 6px 0 #ae823b12 0 5px 14px 0 #ae823b17;
  content: '';
  height: 1px;
  left: 32px;
  position: absolute;
  right: 32px
}

.prm .philsec {
  padding: 64px 0
}

.prm .philsec .pgrid {
  display: grid;
  gap: 32px;
  grid-template-columns: 2fr 1fr
}

.prm .philsec .pleft .acbar {
  background: #AE823B;
  border-radius: 8px;
  height: 4px;
  margin-bottom: 16px;
  width: 48px
}

.prm .philsec .pleft h2 {
  color: #1a1208;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 16px;
  position: relative
}

.prm .philsec .pleft .bgnum {
  color: #ae823b14;
  font-size: 70px;
  font-weight: 900;
  left: -8px;
  line-height: 1.1;
  pointer-events: none;
  position: absolute;
  top: -16px;
  user-select: none;
  z-index: 0
}

.prm .philsec .pleft h2 .htxt {
  position: relative;
  z-index: 1
}

.prm .philsec .pleft p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 16px
}

.prm .philsec .pleft p:last-child {
  margin-bottom: 0
}

.prm .philsec .pright {
  align-self: start;
  background: linear-gradient(to left, #ECE0DB, #ece0db4d);
  border-radius: 14px;
  padding: 24px
}

.prm .philsec .pright .rlabel {
  color: #AE823B;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px
}

.prm .philsec .pright .rlabel span {
  color: #AE823B
}

.prm .philsec .pright ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.prm .philsec .pright ul li {
  border-bottom: 1px solid #ae823b26;
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  padding: 8px 0
}

.prm .philsec .pright ul li:last-child {
  border-bottom: none
}

.prm .philsec .pright ul li strong {
  color: #AE823B
}

.prm .readerlvl {
  background: #2a1f0e;
  padding: 64px 0;
  position: relative
}

.prm .readerlvl .bgimg {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.prm .readerlvl .bgimg img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .15s ease-out;
  width: 100%
}

.prm .readerlvl .bgimg img.loaded {
  opacity: 1
}

.prm .readerlvl .bgimg .overlay {
  background: #1a1004e8;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.prm .readerlvl .rcont {
  position: relative;
  z-index: 1
}

.prm .readerlvl .acbar {
  background: #DBA79B;
  border-radius: 8px;
  height: 4px;
  margin-bottom: 16px;
  width: 48px
}

.prm .readerlvl h2 {
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px
}

.prm .readerlvl .levels {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr)
}

.prm .readerlvl .lvlcard {
  background: #ffffff0d;
  border: 1px solid #dba79b33;
  border-radius: 14px;
  padding: 24px;
  transition: border-color .15s ease-out, background .15s ease-out
}

.prm .readerlvl .lvlcard:hover {
  background: #dba79b1a;
  border-color: #dba79b80
}

.prm .readerlvl .lvlcard.active {
  background: #ae823b26;
  border-color: #AE823B
}

.prm .readerlvl .lvlcard .lnum {
  color: #dba79b40;
  font-size: 70px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 8px;
  user-select: none
}

.prm .readerlvl .lvlcard h4 {
  color: #DBA79B;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px
}

.prm .readerlvl .lvlcard p {
  color: #ffffffbf;
  font-size: 16px;
  line-height: 1.6;
  margin: 0
}

.prm .topicssec {
  padding: 64px 0
}

.prm .topicssec .tgrid {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr 2fr
}

.prm .topicssec .tleft {
  align-self: start
}

.prm .topicssec .tleft .acbar {
  background: #AE823B;
  border-radius: 8px;
  height: 4px;
  margin-bottom: 16px;
  width: 48px
}

.prm .topicssec .tleft h2 {
  color: #1a1208;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 16px;
  position: relative
}

.prm .topicssec .tleft .bgnum {
  color: #ae823b14;
  font-size: 70px;
  font-weight: 900;
  left: -8px;
  line-height: 1.1;
  pointer-events: none;
  position: absolute;
  top: -16px;
  user-select: none
}

.prm .topicssec .tleft h2 .htxt {
  position: relative;
  z-index: 1
}

.prm .topicssec .tleft p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0
}

.prm .topicssec .tright {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr)
}

.prm .topicssec .tcard {
  background: #fff;
  border: 1px solid #ECE0DB;
  border-radius: 14px;
  box-shadow: 0 2px 6px 0 #ae823b12;
  padding: 24px;
  transition: box-shadow .2s ease-out, border-color .2s ease-out
}

.prm .topicssec .tcard:hover {
  border-color: #ae823b59;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.prm .topicssec .tcard.deep {
  background: linear-gradient(to left, #ae823b12, #fff);
  border-color: #ae823b4d
}

.prm .topicssec .tcard .ticon {
  align-items: center;
  background: #ECE0DB;
  border-radius: 8px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-bottom: 16px;
  width: 36px
}

.prm .topicssec .tcard .ticon i {
  color: #AE823B;
  font-size: 19px
}

.prm .topicssec .tcard h4 {
  color: #1a1208;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px
}

.prm .topicssec .tcard p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0
}

.prm .topicssec .tcard .depth {
  color: #AE823B;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px
}

.prm .topicssec .tcard .depth span {
  color: #3a3020;
  font-weight: 400
}

.prm .structsec {
  background: #ECE0DB;
  padding: 64px 0
}

.prm .structsec .sgrid {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, 1fr)
}

.prm .structsec .sleft .acbar {
  background: #AE823B;
  border-radius: 8px;
  height: 4px;
  margin-bottom: 16px;
  width: 48px
}

.prm .structsec .sleft h2 {
  color: #1a1208;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 16px;
  position: relative
}

.prm .structsec .sleft .bgnum {
  color: #ae823b1a;
  font-size: 70px;
  font-weight: 900;
  left: -8px;
  line-height: 1.1;
  pointer-events: none;
  position: absolute;
  top: -16px;
  user-select: none
}

.prm .structsec .sleft h2 .htxt {
  position: relative;
  z-index: 1
}

.prm .structsec .sleft p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 16px
}

.prm .structsec .sleft p:last-child {
  margin-bottom: 0
}

.prm .structsec .sright {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.prm .structsec .navitem {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 #ae823b12;
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px 24px;
  text-decoration: none;
  transition: box-shadow .15s ease-out, background .15s ease-out
}

.prm .structsec .navitem:hover {
  background: #ae823b0d;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.prm .structsec .navitem .nicon {
  align-items: center;
  background: #ECE0DB;
  border-radius: 8px;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px
}

.prm .structsec .navitem .nicon i {
  color: #AE823B;
  font-size: 19px
}

.prm .structsec .navitem .ntxt {
  flex: 1
}

.prm .structsec .navitem .ntxt strong {
  color: #1a1208;
  display: block;
  font-size: 16px;
  font-weight: 700
}

.prm .structsec .navitem .ntxt span {
  color: #5a4a30;
  font-size: 16px;
  line-height: 1.6
}

.prm .structsec .navitem .narrow {
  color: #AE823B;
  font-size: 19px
}

.prm .uniquesec {
  padding: 64px 0
}

.prm .uniquesec .ugrid {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr 1fr
}

.prm .uniquesec .uleft {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.prm .uniquesec .uleft .acbar {
  background: #AE823B;
  border-radius: 8px;
  height: 4px;
  width: 48px
}

.prm .uniquesec .uleft h2 {
  color: #1a1208;
  font-size: 24px;
  line-height: 1.3;
  margin: 0;
  position: relative
}

.prm .uniquesec .uleft .bgnum {
  color: #ae823b14;
  font-size: 70px;
  font-weight: 900;
  left: -8px;
  line-height: 1.1;
  pointer-events: none;
  position: absolute;
  top: -16px;
  user-select: none
}

.prm .uniquesec .uleft h2 .htxt {
  position: relative;
  z-index: 1
}

.prm .uniquesec .uleft .dual {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr
}

.prm .uniquesec .uleft .dpath {
  background: #fff;
  border: 1px solid #ECE0DB;
  border-radius: 14px;
  box-shadow: 0 2px 6px 0 #ae823b12;
  padding: 24px
}

.prm .uniquesec .uleft .dpath h5 {
  color: #AE823B;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px
}

.prm .uniquesec .uleft .dpath p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0
}

.prm .uniquesec .uright {
  align-self: start;
  border-radius: 14px;
  overflow: hidden;
  position: relative
}

.prm .uniquesec .uright img {
  display: block;
  height: 340px;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .2s ease-out;
  width: 100%
}

.prm .uniquesec .uright img.loaded {
  opacity: 1
}

.prm .uniquesec .uright .curl {
  bottom: 16px;
  opacity: .18;
  pointer-events: none;
  position: absolute;
  right: 16px
}

.prm .correctsec {
  background: #fff;
  border-top: 1px solid #ECE0DB;
  padding: 64px 0
}

.prm .correctsec .cgrid {
  display: grid;
  gap: 32px;
  grid-template-columns: 2fr 1fr
}

.prm .correctsec .cleft .acbar {
  background: #DBA79B;
  border-radius: 8px;
  height: 4px;
  margin-bottom: 16px;
  width: 48px
}

.prm .correctsec .cleft h2 {
  color: #1a1208;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 16px;
  position: relative
}

.prm .correctsec .cleft .bgnum {
  color: #dba79b26;
  font-size: 70px;
  font-weight: 900;
  left: -8px;
  line-height: 1.1;
  pointer-events: none;
  position: absolute;
  top: -16px;
  user-select: none
}

.prm .correctsec .cleft h2 .htxt {
  position: relative;
  z-index: 1
}

.prm .correctsec .cleft p {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 16px
}

.prm .correctsec .cleft p:last-child {
  margin-bottom: 0
}

.prm .correctsec .cright {
  align-self: start;
  background: linear-gradient(to left, #DBA79B, #dba79b4d);
  border-radius: 14px;
  padding: 24px
}

.prm .correctsec .cright h5 {
  color: #1a1208;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 16px
}

.prm .correctsec .cright .cpol {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.prm .correctsec .cright .cpol .citem {
  align-items: flex-start;
  background: #ffffff8c;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 16px
}

.prm .correctsec .cright .cpol .citem i {
  color: #AE823B;
  flex-shrink: 0;
  font-size: 16px;
  margin-top: 2px
}

.prm .correctsec .cright .cpol .citem span {
  color: #3a3020;
  font-size: 16px;
  line-height: 1.6
}

.prm .engagesec {
  background: #2a1f0e;
  padding: 64px 0;
  position: relative
}

.prm .engagesec .bgimg2 {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.prm .engagesec .bgimg2 img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .2s ease-out;
  width: 100%
}

.prm .engagesec .bgimg2 img.loaded {
  opacity: 1
}

.prm .engagesec .bgimg2 .overlay2 {
  background: #1a1004e0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.prm .engagesec .econt {
  position: relative;
  z-index: 1
}

.prm .engagesec .egrid {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr 1fr
}

.prm .engagesec .eleft .acbar {
  background: #DBA79B;
  border-radius: 8px;
  height: 4px;
  margin-bottom: 16px;
  width: 48px
}

.prm .engagesec .eleft h2 {
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 16px
}

.prm .engagesec .eleft p {
  color: #ffffffc7;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 16px
}

.prm .engagesec .eleft p:last-child {
  margin-bottom: 0
}

.prm .engagesec .eright {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.prm .engagesec .eright .prof {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px
}

.prm .engagesec .eright .profimg {
  border-radius: 50%;
  flex-shrink: 0;
  height: 80px;
  overflow: hidden;
  width: 80px
}

.prm .engagesec .eright .profimg img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .15s ease-out;
  width: 100%
}

.prm .engagesec .eright .profimg img.loaded {
  opacity: 1
}

.prm .engagesec .eright .profdesc strong {
  color: #fff;
  display: block;
  font-size: 16px
}

.prm .engagesec .eright .profdesc span {
  color: #DBA79B;
  font-size: 16px;
  line-height: 1.6
}

.prm .engagesec .eright .subform {
  background: #ffffff12;
  border: 1px solid #dba79b40;
  border-radius: 14px;
  padding: 24px
}

.prm .engagesec .eright .subform h5 {
  color: #DBA79B;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 16px
}

.prm .engagesec .eright .subform form {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.prm .engagesec .eright .subform input[type="email"],
.prm .engagesec .eright .subform input[type="text"] {
  background: #ffffff17;
  border: 1px solid #dba79b4d;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  outline: none;
  padding: 8px 16px;
  transition: border-color .15s ease-out;
  width: 100%
}

.prm .engagesec .eright .subform input[type="email"]::placeholder,
.prm .engagesec .eright .subform input[type="text"]::placeholder {
  color: #ffffff61;
  font-size: 16px
}

.prm .engagesec .eright .subform input[type="email"]:focus,
.prm .engagesec .eright .subform input[type="text"]:focus {
  border-color: #DBA79B
}

.prm .engagesec .eright .subform button[type="submit"] {
  background: #AE823B;
  border: none;
  border-radius: 8px;
  color: #fff !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 24px;
  transition: brightness .15s ease-out, filter .15s ease-out
}

.prm .engagesec .eright .subform button[type="submit"]:hover {
  filter: brightness(1.12)
}

.prm .engagesec .eright .subform button[type="submit"]:focus {
  outline: 2px solid #DBA79B;
  outline-offset: 2px
}

@keyframes clipwipe {
  from {
    clip-path: inset(0 100% 0 0)
  }

  to {
    clip-path: inset(0 0% 0 0)
  }
}

.prm .philsec .pleft,
.prm .topicssec .tleft,
.prm .uniquesec .uleft {
  animation: clipwipe .2s steps(8, end) both
}

@media (max-width: 1024px) {
  .prm .philsec .pgrid {
    grid-template-columns: 1fr
  }

  .prm .topicssec .tgrid {
    grid-template-columns: 1fr
  }

  .prm .structsec .sgrid {
    grid-template-columns: 1fr
  }

  .prm .uniquesec .ugrid {
    grid-template-columns: 1fr
  }

  .prm .correctsec .cgrid {
    grid-template-columns: 1fr
  }

  .prm .engagesec .egrid {
    grid-template-columns: 1fr
  }

  .prm .readerlvl .levels {
    grid-template-columns: 1fr
  }
}

@media (max-width: 768px) {
  .prm .titband .trow {
    flex-direction: column;
    gap: 16px
  }

  .prm .titband .timg {
    display: none
  }

  .prm .topicssec .tright {
    grid-template-columns: 1fr
  }

  .prm .uniquesec .uleft .dual {
    grid-template-columns: 1fr
  }

  .prm .philsec {
    padding: 32px 0
  }

  .prm .topicssec {
    padding: 32px 0
  }

  .prm .structsec {
    padding: 32px 0
  }

  .prm .uniquesec {
    padding: 32px 0
  }

  .prm .correctsec {
    padding: 32px 0
  }

  .prm .engagesec {
    padding: 32px 0
  }

  .prm .readerlvl {
    padding: 32px 0
  }

  .prm .maxw {
    padding: 0 16px
  }
}

@media (max-width: 480px) {
  .prm .titband {
    padding: 24px 0
  }

  .prm .titband .frame {
    padding: 16px
  }

  .prm .titband .ttxt h1 {
    font-size: 19px
  }

  .prm .titband .tnum {
    font-size: 24px
  }
}

.abtauth {
  max-width: 100%;
  overflow-x: hidden
}

.abtauth .pg-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px
}

.abtauth .bio-top {
  position: relative;
  padding: 80px 0 64px;
  background: linear-gradient(to left, #ECE0DB 38%, #fff 100%)
}

.abtauth .bio-top .pg-wrap {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 64px;
  align-items: center
}

.abtauth .bio-quote-mark {
  position: absolute;
  font-size: 320px;
  line-height: 1.1;
  color: #AE823B;
  opacity: .06;
  top: -32px;
  left: 40px;
  pointer-events: none;
  user-select: none;
  font-style: normal;
  overflow: hidden
}

.abtauth .bio-text-col {
  position: relative;
  z-index: 1
}

.abtauth .bio-eyebrow {
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
  color: #AE823B;
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: .04em;
  text-transform: uppercase
}

.abtauth .bio-h1 {
  font-size: 70px;
  line-height: 1.1;
  color: #1b1410;
  margin: 0 0 24px;
  font-weight: 800
}

.abtauth .bio-h1 .accent-word {
  color: #AE823B;
  position: relative
}

.abtauth .bio-lead {
  font-size: 19px;
  line-height: 1.6;
  color: #3a2e26;
  margin: 0 0 32px;
  max-width: 560px
}

.abtauth .bio-meta-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
  flex-wrap: wrap
}

.abtauth .bio-meta-item {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.abtauth .bio-meta-label {
  font-size: 16px;
  line-height: 1.3;
  color: #7a6555;
  font-weight: 500
}

.abtauth .bio-meta-val {
  font-size: 19px;
  line-height: 1.3;
  color: #1b1410;
  font-weight: 700
}

.abtauth .bio-meta-val .ac {
  color: #AE823B
}

.abtauth .bio-img-col {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center
}

.abtauth .bio-portrait-wrap {
  width: 260px;
  height: 346px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 36px 0 #ae823b24;
  opacity: 0;
  animation: fadeDropIn .18s steps(6, end) .1s forwards
}

.abtauth .bio-portrait-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.abtauth .bio-connect-line {
  position: absolute;
  bottom: -24px;
  left: 50%;
  width: 2px;
  height: 48px;
  background: linear-gradient(to bottom, #DBA79B, transparent);
  pointer-events: none
}

@keyframes fadeDropIn {
  from {
    opacity: 0;
    transform: translateY(-18px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.abtauth .profile-full {
  padding: 80px 0;
  background: #fff
}

.abtauth .profile-full .pg-wrap {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 64px;
  align-items: start
}

.abtauth .prof-side {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abtauth .prof-portrait2-wrap {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.abtauth .prof-portrait2-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.abtauth .prof-stat-stack {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.abtauth .prof-stat {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: 14px;
  background: #fdf8f4;
  box-shadow: 0 2px 6px 0 #ae823b12;
  transition: box-shadow .15s ease-out, transform .12s ease-out
}

.abtauth .prof-stat:hover {
  box-shadow: 0 5px 14px 0 #ae823b17;
  transform: translateY(-2px)
}

.abtauth .prof-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #AE823B;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.abtauth .prof-stat-icon i {
  font-size: 19px;
  color: #fff
}

.abtauth .prof-stat-text {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.abtauth .prof-stat-num {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  color: #1b1410
}

.abtauth .prof-stat-num .ac {
  color: #AE823B
}

.abtauth .prof-stat-desc {
  font-size: 16px;
  line-height: 1.3;
  color: #7a6555
}

.abtauth .prof-main {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abtauth .prof-heading-wrap {
  position: relative;
  padding-left: 8px
}

.abtauth .prof-num-bg {
  position: absolute;
  font-size: 70px;
  line-height: 1.1;
  font-weight: 900;
  color: #ECE0DB;
  top: -16px;
  left: -8px;
  pointer-events: none;
  user-select: none;
  z-index: 0
}

.abtauth .prof-h2 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #1b1410;
  margin: 0;
  position: relative;
  z-index: 1
}

.abtauth .prof-body {
  font-size: 19px;
  line-height: 1.6;
  color: #3a2e26;
  margin: 0
}

.abtauth .prof-divider {
  width: 64px;
  height: 3px;
  border-radius: 8px;
  background: linear-gradient(to left, #DBA79B, transparent)
}

.abtauth .prof-expertise {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.abtauth .prof-exp-heading {
  font-size: 19px;
  line-height: 1.3;
  font-weight: 700;
  color: #1b1410;
  margin: 0
}

.abtauth .prof-exp-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0
}

.abtauth .prof-exp-list li {
  font-size: 16px;
  line-height: 1.3;
  color: #3a2e26;
  background: #ECE0DB;
  border-radius: 48px;
  padding: 8px 16px;
  font-weight: 500;
  transition: background .15s ease, color .12s ease
}

.abtauth .prof-exp-list li:hover {
  background: #AE823B;
  color: #fff
}

.abtauth .prof-img-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.abtauth .prof-img-frame {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0 #ae823b12;
  aspect-ratio: 4/3
}

.abtauth .prof-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .18s ease-out
}

.abtauth .prof-img-frame:hover img {
  transform: scale(1.03)
}

.abtauth .prof-quote-block {
  background: linear-gradient(to left, #DBA79B 0%, #ECE0DB 100%);
  border-radius: 22px;
  padding: 32px;
  position: relative;
  overflow: hidden
}

.abtauth .prof-quote-block::before {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  border-radius: 48px;
  background: #ae823b1a;
  pointer-events: none
}

.abtauth .prof-quote-text {
  font-size: 19px;
  line-height: 1.6;
  color: #1b1410;
  font-style: italic;
  margin: 0 0 16px;
  position: relative;
  z-index: 1
}

.abtauth .prof-quote-attr {
  font-size: 16px;
  line-height: 1.3;
  color: #5c3d1e;
  font-weight: 600;
  position: relative;
  z-index: 1
}

.abtauth .prof-quote-attr .ac {
  color: #AE823B
}

.abtauth .curve-connector {
  display: flex;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  height: 48px;
  pointer-events: none
}

.abtauth .curve-connector svg {
  width: 100%;
  height: 48px
}

.abtauth .drop-bounce {
  animation: dropBounce .2s steps(5, end) .2s both
}

@keyframes dropBounce {
  0% {
    transform: translateY(-24px);
    opacity: 0
  }

  60% {
    transform: translateY(4px);
    opacity: 1
  }

  80% {
    transform: translateY(-3px)
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}

@media (max-width: 1024px) {
  .abtauth .bio-h1 {
    font-size: 48px
  }

  .abtauth .bio-top .pg-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 32px
  }

  .abtauth .profile-full .pg-wrap {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .abtauth .prof-side {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start
  }

  .abtauth .prof-portrait2-wrap {
    width: 200px;
    flex-shrink: 0
  }

  .abtauth .prof-stat-stack {
    flex: 1;
    min-width: 200px
  }
}

@media (max-width: 768px) {
  .abtauth .bio-top {
    padding: 48px 0
  }

  .abtauth .bio-top .pg-wrap {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .abtauth .bio-h1 {
    font-size: 40px
  }

  .abtauth .bio-portrait-wrap {
    width: 200px;
    height: 266px
  }

  .abtauth .bio-img-col {
    justify-content: flex-start
  }

  .abtauth .bio-meta-row {
    gap: 16px
  }

  .abtauth .profile-full {
    padding: 48px 0
  }

  .abtauth .prof-side {
    flex-direction: column
  }

  .abtauth .prof-portrait2-wrap {
    width: 100%
  }

  .abtauth .prof-img-pair {
    grid-template-columns: 1fr
  }
}

@media (max-width: 480px) {
  .abtauth .bio-h1 {
    font-size: 32px
  }

  .abtauth .bio-quote-mark {
    font-size: 180px
  }

  .abtauth .prof-quote-block {
    padding: 24px
  }

  .abtauth .bio-meta-row {
    flex-direction: column;
    gap: 8px
  }
}

.successPage {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  background: #fff
}

.successPage .successWrap {
  max-width: 560px;
  width: 100%;
  text-align: center
}

.successPage .successIcon {
  width: 64px;
  height: 64px;
  margin: 0 auto 32px;
  border-radius: 48px;
  background: #ECE0DB;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 14px 0 #ae823b17
}

.successPage .successIcon svg {
  display: block
}

.successPage .successHeading {
  font-size: 24px;
  line-height: 1.3;
  color: #1b1208;
  margin: 0 0 16px
}

.successPage .successMsg {
  font-size: 19px;
  line-height: 1.6;
  color: #3d2e14;
  margin: 0 0 32px
}

.successPage .successDivider {
  width: 48px;
  height: 3px;
  background: #AE823B;
  border-radius: 8px;
  margin: 0 auto 32px
}

.successPage .successBack {
  display: inline-block;
  padding: 16px 32px;
  background: #AE823B;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  border-radius: 14px;
  text-decoration: none;
  box-shadow: 0 5px 14px 0 #ae823b17;
  transition: brightness .15s ease-out
}

.successPage .successBack:hover,
.successPage .successBack:focus {
  filter: brightness(1.12);
  outline: none
}

.successPage .successBack:focus-visible {
  outline: 2px solid #AE823B;
  outline-offset: 4px
}

@media (max-width: 480px) {
  .successPage {
    padding: 64px 16px
  }

  .successPage .successHeading {
    font-size: 19px
  }

  .successPage .successMsg {
    font-size: 16px
  }
}