/* Ajans Hosting's existing composition, with architectural brand details. */
.ah-home {
  --home-navy: #122d51;
  --home-mint: #b0e8df;
  --home-line: #dce4ef;
  --home-route: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320' fill='none'%3E%3Cg stroke='%23122d51' stroke-width='1'%3E%3Cpath d='M320 34H221l-42 42h-73M320 48h-91l-42 42h-47M32 320v-95l47-47v-50M46 320v-89l47-47v-23'/%3E%3Cpath d='M105 72h8v8h-8zM75 119h8v8h-8zM88 151h8v8h-8z' fill='%23b0e8df'/%3E%3C/g%3E%3C/svg%3E");
}
.ah-home main .theme-btn { box-shadow: none; }
.ah-home main .theme-btn:not(.--circle-btn) { border-radius: 8px; }
.ah-home main .theme-btn:focus-visible {
  outline: 3px solid var(--primary) !important;
  outline-offset: 4px;
}
.ah-home :is(.se-iii, .reviews-se, .section) .se-title > .sub-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: none;
}

/* The original hero art sits on a defined mint stage and navy base. */
.ah-home header {
  padding-top: 88px;
  padding-bottom: 22px;
}
.ah-home header .sub-title {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 16px;
}
.ah-home header .sub-title::before {
  content: "";
  display: block;
  flex: 0 0 38px;
  height: 3px;
  background: linear-gradient(to right, var(--primary) 0 28px, transparent 28px 32px, var(--home-mint) 32px);
}
.ah-home header .title {
  letter-spacing: -.025em;
  line-height: 1.2;
  margin-bottom: 27px;
}
.ah-home header .para {
  font-weight: 400;
  line-height: 1.75;
}
.ah-home header .center-box {
  overflow: hidden;
  isolation: isolate;
  border-radius: 20px;
  background: linear-gradient(145deg, #c9f0e9, #b0e8df 54%, #a1ddd4);
  box-shadow: 0 24px 36px -30px #122d5166;
}
.ah-home header .center-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--home-route) top right / 100% auto no-repeat;
  opacity: .28;
  z-index: -1;
  pointer-events: none;
}
.ah-home header .center-box::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 27px;
  background: linear-gradient(to right, var(--home-mint), var(--home-mint)) 25px 13px / 44px 2px no-repeat, var(--home-navy);
  pointer-events: none;
}
.ah-home header .center-box .ah-project-illustration {
  width: 94%;
  max-height: 382px;
  filter: drop-shadow(0 17px 12px #122d5117);
  transform: translateY(-7px);
}
.ah-home header .home-identity-icon {
  border: 0;
  border-radius: 13px;
  background: #eaf8f5;
}
.ah-home header .features {
  position: relative;
  list-style: none;
  padding-left: 22px;
  margin-bottom: 0;
}
.ah-home header .features::before {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 36px;
  left: 0;
  width: 1px;
  background: #d9e4eb;
}
.ah-home header .features li {
  position: relative;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
}
.ah-home header .features li::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 9px;
  width: 7px;
  height: 7px;
  background: var(--primary);
  border: 2px solid #fff;
  box-sizing: content-box;
}

/* Three entrances, each carrying the same small route and terminal. */
.ah-home .home-audience-section {
  padding-block: 30px 34px;
}
.ah-home .home-audience-links > a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 25px 22px;
  border: 1px solid var(--home-line);
  border-radius: 12px;
  box-shadow: none;
  background: #fff;
}
.ah-home .home-audience-links > a::before {
  content: "";
  position: absolute;
  width: 72px;
  height: 38px;
  right: -19px;
  bottom: -13px;
  transform: rotate(-45deg);
  border-top: 1px solid #d1dfec;
  border-bottom: 1px solid #d1dfec;
  z-index: -1;
  pointer-events: none;
}
.ah-home .home-audience-links > a:nth-child(2) { background: #f6f5ff; }
.ah-home .home-audience-links > a:nth-child(3) { background: #f0faf7; }
.ah-home .home-audience-icon {
  width: 46px;
  height: 46px;
  border-radius: 11px;
  background: #eef7f5;
}
.ah-home .home-audience-links > a:nth-child(2) .home-audience-icon { background: #e8e5ff; }
.ah-home .home-audience-links > a:nth-child(3) .home-audience-icon { background: #d7eee7; }
.ah-home .home-audience-links > a > span:last-child {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  color: var(--home-navy);
}
.ah-home .home-audience-links > a:is(:hover, :focus-visible) {
  background: #eeefff;
  border-color: #a7a7e9;
}
.ah-home .home-audience-links > a:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 4px;
}

/* A material price band makes each offer easy to find in the comparison. */
.ah-home .se-ii {
  position: relative;
  border-block: 1px solid #e8edf5;
  background-color: #f5f7fb;
}
.ah-home .se-ii .filter-nav-i .tab {
  min-height: 50px;
  border: 1px solid #dce2ed;
  border-radius: 8px;
  box-shadow: none;
  font-weight: 600;
}
.ah-home .se-ii .filter-nav-i .tab.active {
  border-color: var(--primary);
  box-shadow: 0 7px 14px -9px #4e4feb80;
}
.ah-home .se-ii .filter-nav-i > p {
  font-size: 14px;
  margin-top: 15px;
}
.ah-home .se-ii .home-product-row .side-plan {
  overflow: hidden;
  border-radius: 14px;
  background-color: #4948df;
  box-shadow: 0 16px 28px -24px #32319799;
}
.ah-home .se-ii .home-product-row .side-plan::after {
  content: "";
  position: absolute;
  width: 94px;
  height: 32px;
  top: 0;
  right: 0;
  border-bottom: 1px solid #ffffff35;
  border-left: 1px solid #ffffff35;
  border-radius: 0 0 0 20px;
  pointer-events: none;
}
.ah-home .se-ii .home-product-plan {
  --plan-pad: 26px;
  padding: 30px var(--plan-pad);
  border: 1px solid #e0e5ef;
  border-radius: 14px;
  overflow: hidden;
}
.ah-home .se-ii .home-product-plan .plan-title {
  font-weight: 600;
  letter-spacing: -.015em;
}
.ah-home .se-ii .home-plan-price {
  margin: 10px calc(-1 * var(--plan-pad)) 22px;
  padding: 22px var(--plan-pad);
  border-block: 1px solid #e6eaf3;
  background: #f5f7fc;
}
.ah-home .se-ii .home-plan-price .plan-price {
  font-weight: 700;
  font-size: 27px;
  letter-spacing: -.025em;
}
.ah-home .se-ii .plan.popular-plan {
  border: 0;
  background: var(--home-navy);
  box-shadow: 0 20px 32px -25px #122d5199;
}
.ah-home .se-ii .plan.popular-plan::before {
  inset: 0 0 auto;
  width: auto;
  height: 4px;
  background: var(--home-mint);
  border-radius: 0;
  animation: none;
}
.ah-home .se-ii .plan.popular-plan::after {
  top: 25px;
  right: 23px;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background-color: var(--home-mint);
  background-image: url('/assets/images/icons/shared/trending.png');
  background-size: 17px;
}
.ah-home .se-ii .popular-plan :is(.plan-title, .plan-price, .fea-sec .fea-title, .fea-sec .item) { color: #fff; }
.ah-home .se-ii .popular-plan :is(.plan-sub, .plan-price-sub) { color: #d2dff0; }
.ah-home .se-ii .popular-plan .home-plan-price {
  background: #1d3c62;
  border-color: #355174;
}
.ah-home .se-ii .popular-plan .theme-btn.--fill-primary {
  color: var(--home-navy);
  border-color: var(--home-mint);
  background: var(--home-mint);
  box-shadow: none;
}
.ah-home .se-ii .popular-plan .theme-btn.--fill-primary:is(:hover, :focus-visible) {
  border-color: #cef2eb;
  background: #cef2eb;
}
.ah-home .se-ii .popular-plan .fea-sec .item img {
  content: url('/assets/images/icons/checked-2.png');
}
.ah-home .se-ii .popular-plan .theme-btn:focus-visible { outline-color: var(--home-mint) !important; }
.ah-home .se-ii .home-plan-common {
  padding: 24px 28px;
  border-color: #dde5ee;
  border-radius: 12px;
  background: #fff;
}
.ah-home .se-ii .home-plan-common h3 { font-weight: 600; }
.ah-home .se-ii .se-footer {
  padding-top: 24px;
  border-top: 1px solid #e0e6ef;
}

/* Service illustrations rest on a lower shelf; color sets the three apart. */
.ah-home .se-iii .box {
  height: 350px;
  padding: 31px 26px;
  border-radius: 14px;
  background-color: #4142c8;
  background-image: url('/assets/images/illustrations/service-surface.svg?v=20261018-1');
  box-shadow: 0 19px 28px -23px #122d5173;
}
.ah-home .se-iii .row > :nth-child(2) > .box { background-color: var(--home-navy); }
.ah-home .se-iii .row > :nth-child(3) > .box { background-color: #34427b; }
.ah-home .se-iii .box::before {
  inset: auto 0 0;
  height: 121px;
  border-top: 1px solid #ffffff25;
  background: #122d512b;
  z-index: 0;
  pointer-events: none;
}
.ah-home .se-iii .box::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 23px;
  height: 23px;
  border-top: 1px solid #b0e8df80;
  border-right: 1px solid #b0e8df80;
  border-radius: 0 6px 0 0;
  pointer-events: none;
}
.ah-home .se-iii .box-title {
  font-size: 19px;
  line-height: 1.45;
  font-weight: 600;
}
.ah-home .se-iii .box-para {
  color: #e1e8f8;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}
.ah-home .se-iii .box-icon {
  right: 1px;
  bottom: 0;
  width: 163px;
  filter: drop-shadow(0 10px 8px #051a3930);
}
.ah-home .se-iii .box .theme-btn.--circle-btn {
  width: 43px;
  height: 43px;
  border: 1px solid #ffffff66;
  box-shadow: none;
  background: transparent;
}
.ah-home .se-iii .box .theme-btn.--circle-btn:is(:hover, :focus-visible) { background: #ffffff20; }
.ah-home .se-iii .box .theme-btn:focus-visible { outline-color: var(--home-mint) !important; }

/* The three existing illustrated stories gain a shared registration detail. */
.ah-home :is(.se-v, .se-v2, .se-v3) {
  isolation: isolate;
  border-top: 1px solid #e5ebee;
}
.ah-home :is(.se-v, .se-v2, .se-v3) .text {
  position: relative;
}
.ah-home :is(.se-v, .se-v2, .se-v3) > .container-fluid {
  position: relative;
  z-index: 1;
}
.ah-home :is(.se-v, .se-v2, .se-v3) .text .title-1 {
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.3;
}
.ah-home .home-outcome-list {
  padding-block: 21px 6px;
  border-top: 1px solid #e1e8ed;
}
.ah-home .home-outcome-list li { margin-bottom: 13px; }
.ah-home .home-outcome-list li::before {
  content: "";
  top: 9px;
  width: 8px;
  height: 8px;
  border: 1px solid var(--primary);
  background: #eeedff;
}

/* The sequence is carried by a mint rail, then finished in a navy action row. */
.ah-home .reviews-se {
  background: #f4f7fb;
  border-block: 1px solid #e4eaf2;
}
.ah-home .reviews-se .t-box {
  position: relative;
  overflow: hidden;
  padding: 33px 30px 0;
  border: 1px solid #dce5ef;
  border-radius: 14px;
  box-shadow: none;
}
.ah-home .reviews-se .t-box::before {
  content: "";
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  height: 1px;
  background: #c4dcd8;
  z-index: 0;
}
.ah-home .reviews-se .t-box > .icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  background: #e5f5ee;
  border: 7px solid #fff;
  box-sizing: content-box;
  margin: -7px 0 19px -7px !important;
  border-radius: 50%;
}
.ah-home .reviews-se .t-box > .icon img { width: 23px; height: 23px; }
.ah-home .reviews-se .t-box > h3 {
  letter-spacing: -.015em;
}
.ah-home .reviews-se .t-box .text { font-size: 15px; }
.ah-home .reviews-se .t-box .c-info {
  margin-inline: -30px;
  padding: 20px 30px;
  border: 0;
  background: var(--home-navy);
}
.ah-home .reviews-se .t-box .c-info .c-name { color: #fff; }
.ah-home .reviews-se .t-box .c-info .c-job {
  color: var(--home-mint);
  font-weight: 400;
}
.ah-home .reviews-se .t-box .c-info .c-job:focus-visible {
  outline: 2px solid var(--home-mint);
  outline-offset: 4px;
}

/* Last services are paired papers with a deliberate top edge and domain field. */
.ah-home .section[aria-labelledby="home-launch-title"] .card {
  position: relative;
  overflow: hidden;
  border: 1px solid #dce5ed;
  border-radius: 14px;
  box-shadow: none;
  background: #fff;
}
.ah-home .section[aria-labelledby="home-launch-title"] .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  width: 68px;
  height: 3px;
  background: var(--primary);
}
.ah-home .section[aria-labelledby="home-launch-title"] .card + .card {
  background: #f1f9f6;
  border-color: #d7e8e1;
}
.ah-home .section[aria-labelledby="home-launch-title"] .card + .card::before { background: #4c998a; }
.ah-home .section[aria-labelledby="home-launch-title"] .domain-search {
  background: #f6f8fc;
  border-radius: 10px;
}

@media (min-width: 1200px) {
  .ah-home :is(.se-v, .se-v2, .se-v3)::after {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 34px;
    left: 34px;
    width: calc(50% - 68px);
    background: var(--home-route) top right / 210px auto no-repeat;
    border-top: 1px solid #122d512b;
    border-bottom: 1px solid #122d512b;
    pointer-events: none;
    z-index: 0;
  }
  .ah-home .se-v2::after { left: calc(50% + 34px); }
  .ah-home :is(.se-v, .se-v2, .se-v3)::before { border-radius: 0; }
  .ah-home .se-v3::before { background-color: #d9f1ed; }
  .ah-home .se-v2 { border-top: 1px solid #e5dfd3; }
  .ah-home .se-v3 { border-top: 1px solid #d5e5e0; }
}

@media (max-width: 1199.98px) {
  .ah-home header { padding-top: 65px; }
  .ah-home .home-audience-links > a { padding: 20px 15px; gap: 12px; }
  .ah-home .home-audience-icon { width: 37px; height: 37px; }
  .ah-home .se-iii .box { height: 320px; }
  .ah-home :is(.se-v, .se-v2, .se-v3) .text::after {
    content: "";
    position: absolute;
    top: 27px;
    right: 0;
    width: 55px;
    height: 25px;
    border-top: 1px solid #122d5133;
    border-right: 1px solid #122d5133;
    border-radius: 0 9px 0 0;
    pointer-events: none;
  }
}

@media (max-width: 991.98px) {
  .ah-home header .sub-title { justify-content: center; }
  .ah-home header { padding-bottom: 20px; }
  .ah-home .se-iii .box { min-height: 240px; height: auto; }
  .ah-home .se-iii .box .text { max-width: 74%; }
  .ah-home .se-iii .box .box-para { max-width: 48ch; }
  .ah-home .se-iii .box::before { height: 86px; }
  .ah-home .reviews-se .t-box .text { max-width: 68ch; }
}

@media (max-width: 767.98px) {
  .ah-home header { padding-block: 43px 25px; }
  .ah-home header .sub-title { font-size: 13px; gap: 9px; margin-bottom: 16px; }
  .ah-home header .sub-title::before { flex-basis: 27px; background-size: 28px 100%; }
  .ah-home header .title { font-size: 31px; line-height: 1.25; margin-bottom: 22px; }
  .ah-home header .para { font-size: 14px; line-height: 1.8; }
  .ah-home .home-audience-section { padding-block: 23px 27px; }
  .ah-home .home-audience-links { gap: 13px; }
  .ah-home .home-audience-links > a { padding: 19px 17px; }
  .ah-home .home-audience-links strong { font-size: 14px; }
  .ah-home .home-audience-links small { font-size: 12px; }
  .ah-home .home-audience-icon { width: 40px; height: 40px; }
  .ah-home .se-ii .filter-nav-i .tab { padding: 13px 10px; min-height: 48px; font-size: 13px; }
  .ah-home .se-ii .filter-nav-i > p { font-size: 13px; line-height: 1.7; }
  .ah-home .se-ii .home-product-plan { padding-top: 26px; }
  .ah-home .se-ii .home-plan-price { margin-top: 22px; padding-block: 22px; }
  .ah-home .se-ii .home-product-row .side-plan { padding: 28px 26px; }
  .ah-home .se-ii .home-plan-common { padding: 24px; }
  .ah-home .se-iii .box { min-height: 263px; padding: 28px 25px; }
  .ah-home .se-iii .box .text { max-width: 100%; }
  .ah-home .se-iii .box-title { font-size: 19px; padding-right: 9px; }
  .ah-home .se-iii .box-para { font-size: 14px; max-width: 28ch; }
  .ah-home .se-iii .box-icon { width: 119px; bottom: 6px; right: 10px; }
  .ah-home .se-iii .box::before { height: 94px; }
  .ah-home :is(.se-v, .se-v2, .se-v3) .text { padding-block: 52px; }
  .ah-home :is(.se-v, .se-v2, .se-v3) .text .title-1 { font-size: 28px; }
  .ah-home .home-outcome-list { padding-top: 20px; }
  .ah-home .reviews-se .t-box { padding: 27px 26px 0; }
  .ah-home .reviews-se .t-box::before { top: 49px; }
  .ah-home .reviews-se .t-box .c-info { margin-inline: -26px; padding-inline: 26px; }
  .ah-home .section[aria-labelledby="home-launch-title"] .card::before { left: 26px; }
}

@media (max-width: 359.98px) {
  .ah-home header .title { font-size: 27px; }
  .ah-home header .sub-title { font-size: 12px; }
  .ah-home header .links .theme-btn { font-size: 13px; padding-inline: 12px; min-height: 44px; }
  .ah-home .home-audience-links > a { padding-inline: 13px; gap: 10px; }
  .ah-home .home-audience-links strong { font-size: 13px; }
  .ah-home .home-audience-icon { width: 32px; height: 36px; }
  .ah-home .home-audience-links > a > span:last-child { width: 20px; }
  .ah-home .se-ii .home-product-plan { --plan-pad: 23px; }
  .ah-home .se-iii .box { padding-inline: 23px; }
  .ah-home .se-iii .box-title { font-size: 18px; }
  .ah-home .se-iii .box-icon { width: 102px; }
}

@media (prefers-reduced-motion: reduce) {
  .ah-home .home-audience-links > a { transition: none; }
}