:root {
  --business-navy: #0b2238;
  --business-navy-2: #102d48;
  --business-blue: #1f66ad;
  --business-blue-dark: #164d86;
  --business-ink: #172433;
  --business-muted: #607182;
  --business-line: #dbe3ea;
  --business-soft: #f3f6f9;
  --business-white: #ffffff;
  --card-radius: 12px;
}

body.business-site {
  background: var(--business-soft);
  color: var(--business-ink);
}

.business-site .site-header {
  background: rgba(255, 255, 255, .96);
  border-bottom-color: var(--business-line);
  box-shadow: 0 5px 22px rgba(25, 48, 70, .06);
}

.business-site .brand-image {
  background: #fff;
  border-color: var(--business-line);
  border-radius: 8px;
  box-shadow: none;
}

.business-site .brand strong {
  color: var(--business-navy);
  letter-spacing: 1px;
}

.business-site .main-nav a {
  color: #425466;
  font-weight: 700;
}

.business-site .main-nav a:hover,
.business-site .main-nav a.is-active {
  color: var(--business-blue);
}

.business-site .main-nav a::after {
  background: var(--business-blue);
}

.business-site .menu-toggle {
  color: var(--business-navy);
}

.business-site .button {
  border-radius: 7px;
}

.business-site .button-primary {
  background: var(--business-blue);
  border-color: var(--business-blue);
  box-shadow: none;
}

.business-site .button-primary:hover {
  background: var(--business-blue-dark);
  border-color: var(--business-blue-dark);
}

.business-site .hero {
  background: var(--business-navy);
}

.business-site .hero-banner {
  min-height: clamp(500px, 46vw, 640px);
}

.business-site .hero-banner > img {
  filter: saturate(.78) contrast(1.02);
}

.business-site .hero-shade {
  background:
    linear-gradient(90deg, rgba(7, 25, 42, .98) 0%, rgba(7, 25, 42, .86) 42%, rgba(7, 25, 42, .24) 76%),
    linear-gradient(0deg, rgba(7, 25, 42, .92), transparent 32%);
}

.business-site .hero-kicker {
  color: #b9cee0;
  letter-spacing: 2.5px;
}

.business-site .hero-kicker span {
  background: #6db2f2;
  box-shadow: none;
}

.business-site .hero h1 {
  max-width: 760px;
  color: #fff;
  font-size: clamp(40px, 4.5vw, 66px);
  letter-spacing: -2.4px;
}

.business-site .hero-lead {
  max-width: 650px;
  color: #cfdae3;
  font-size: clamp(15px, 1.4vw, 18px);
}

.business-site .button-glass {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .42);
}

.business-site .hero-trust > span {
  color: #9fb1bf;
  border-left-color: rgba(255, 255, 255, .22);
}

.business-site .hero-trust b {
  color: #fff;
}

.business-site .trust-strip {
  background: #fff;
  border-color: var(--business-line);
  box-shadow: 0 8px 28px rgba(20, 48, 74, .05);
}

.business-site .trust-grid > div {
  border-right-color: var(--business-line);
}

.business-site .trust-grid > div > strong {
  color: var(--business-blue);
}

.business-site .trust-grid span {
  color: var(--business-muted);
}

.business-site .trust-grid b {
  color: var(--business-ink);
}

.business-site .section-heading {
  border-bottom-color: var(--business-line);
}

.business-site .section-heading h2 {
  color: var(--business-navy);
  font-weight: 800;
}

.business-site .section-heading > p {
  color: var(--business-muted);
}

.business-site .eyebrow {
  color: var(--business-blue);
}

.business-site .episode-section {
  background: var(--business-soft);
  border-bottom-color: var(--business-line);
}

.business-site .episode-section .section-heading {
  border-bottom-color: var(--business-line);
}

.business-site #episodes .drive-showcase article {
  background: var(--business-white);
  border: 1px solid var(--business-line);
  box-shadow: 0 18px 45px rgba(25, 56, 82, .09);
}

.business-site #episodes .drive-title h3 {
  color: var(--business-navy);
}

.business-site #episodes .drive-title p {
  color: var(--business-muted);
}

.business-site .episode-update {
  color: var(--business-blue-dark);
  background: #e9f2fb;
  border-color: #bdd6ee;
}

.business-site .episode-card {
  background: #fff;
  border-color: var(--business-line) !important;
  border-radius: 9px;
  box-shadow: 0 8px 24px rgba(25, 56, 82, .08);
}

.business-site .episode-card:hover {
  border-color: #9fc3e5 !important;
  box-shadow: 0 14px 32px rgba(25, 56, 82, .13);
}

.business-site .episode-card figcaption b {
  color: var(--business-ink);
}

.business-site .episode-card figcaption span {
  color: var(--business-muted);
}

.business-site .episode-badge {
  background: var(--business-blue);
  border: 0;
  border-radius: 5px;
}

.business-site .services-section {
  background: #fff;
}

.business-site .service-grid {
  gap: 16px;
}

.business-site .service-card {
  background: #fff;
  border: 1px solid var(--business-line) !important;
  border-radius: 10px;
  box-shadow: none;
}

.business-site .service-card:hover {
  background: #f9fbfd;
  border-color: #9fc3e5 !important;
  box-shadow: 0 14px 32px rgba(25, 56, 82, .08);
}

.business-site .service-card > span {
  color: #9cabb8;
}

.business-site .service-card svg {
  color: var(--business-blue);
}

.business-site .service-card:nth-child(2n) svg {
  color: var(--business-blue);
}

.business-site .service-card h3 {
  color: var(--business-navy);
}

.business-site .service-card p {
  color: var(--business-muted);
}

.business-site .order-section {
  background: var(--business-navy);
  border-color: rgba(255, 255, 255, .1);
}

.business-site .order-section .section-heading {
  border-bottom-color: rgba(255, 255, 255, .18);
}

.business-site .order-section .section-heading h2 {
  color: #fff;
}

.business-site .order-section .section-heading > p {
  color: #b7c7d4;
}

.business-site .order-layout {
  overflow: hidden;
  background: #fff;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 25px 65px rgba(0, 0, 0, .2);
}

.business-site .order-steps {
  color: var(--business-ink);
  background: #fff;
  border-right-color: var(--business-line);
}

.business-site .order-steps h3,
.business-site .order-form h3 {
  color: var(--business-navy);
}

.business-site .order-steps li:not(:last-child)::before {
  border-left-color: #c7d4df;
}

.business-site .order-steps li b {
  color: var(--business-blue) !important;
  background: #edf4fb;
  border-color: #a9c8e5;
  border-radius: 5px;
}

.business-site .order-steps strong {
  color: var(--business-ink);
}

.business-site .order-steps span {
  color: var(--business-muted);
}

.business-site .order-form {
  color: var(--business-ink);
  background: #f4f7fa;
  border-right-color: var(--business-line);
}

.business-site .order-form > p {
  color: var(--business-muted);
}

.business-site .form-title > span {
  color: var(--business-blue-dark);
  background: #e9f2fb;
  border-color: #bdd6ee;
}

.business-site .form-message {
  color: var(--business-blue);
}

.business-site .form-message a {
  color: var(--business-blue-dark);
  font-weight: 700;
}

.business-site .order-contact {
  color: #fff;
  background: var(--business-navy-2);
}

.business-site .order-contact h3,
.business-site .order-contact a strong {
  color: #fff;
}

.business-site .order-contact > p:not(.eyebrow),
.business-site .order-contact a span {
  color: #b9c9d6;
}

.business-site .order-contact > a {
  border-top-color: rgba(255, 255, 255, .15);
}

.business-site .order-contact svg,
.business-site .order-contact a:nth-of-type(2) svg {
  color: #78b9f3;
}

.business-site .ai-portfolio-section {
  background: #fff;
  border-bottom-color: var(--business-line);
}

.business-site .ai-portfolio-section .drive-showcase article {
  background: var(--business-soft);
  border: 1px solid var(--business-line);
}

.business-site .pricing-section {
  background: var(--business-soft);
}

.business-site .price-card {
  background: #fff;
  border-color: var(--business-line);
  border-top-color: var(--business-blue);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(25, 56, 82, .07);
}

.business-site .price-card:hover {
  border-color: #a7c6e2;
  box-shadow: 0 16px 36px rgba(25, 56, 82, .11);
}

.business-site .price-card,
.business-site .price-card.accent-blue,
.business-site .price-card.accent-red,
.business-site .price-card.accent-orange {
  --price-accent: var(--business-blue);
}

.business-site .price-card .plan {
  color: var(--business-blue);
}

.business-site .price-card .plan-subtitle,
.business-site .price-card li {
  color: var(--business-muted);
}

.business-site .price-card h3 {
  color: var(--business-navy);
}

.business-site .price-card li {
  border-bottom-color: var(--business-line);
}

.business-site .price-card .button {
  color: var(--business-blue-dark);
  border-color: #93b9dc;
}

.business-site .price-card .button:hover {
  color: #fff;
  background: var(--business-blue);
  border-color: var(--business-blue);
}

.business-site .reviews-section {
  background: #fff;
}

.business-site .review-grid article {
  background: #fff;
  border-color: var(--business-line);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(25, 56, 82, .06);
}

.business-site .review-top p,
.business-site .review-grid blockquote {
  color: var(--business-ink);
}

.business-site .review-top small {
  color: var(--business-muted);
}

.business-site .review-top > strong {
  color: #8bb7de;
}

.business-site .avatar {
  color: var(--business-blue);
  background: #eaf2f9;
}

.business-site .faq-section {
  background: var(--business-soft);
}

.business-site .faq-intro h2,
.business-site .faq-list summary {
  color: var(--business-navy);
}

.business-site .faq-intro > p:not(.eyebrow),
.business-site .faq-list details p {
  color: var(--business-muted);
}

.business-site .faq-list,
.business-site .faq-list details {
  border-color: var(--business-line);
}

.business-site .faq-list summary span::before,
.business-site .faq-list summary span::after {
  background: var(--business-blue);
}

.business-site .final-cta {
  background: var(--business-blue);
  border: 0;
}

.business-site .final-cta h2,
.business-site .final-cta .eyebrow {
  color: #fff;
}

.business-site .final-cta p:not(.eyebrow) {
  color: #d8e8f6;
}

.business-site .final-cta .button-primary {
  color: var(--business-blue-dark);
  background: #fff;
  border-color: #fff;
}

.business-site .final-cta .button-outline {
  color: #fff;
  border-color: rgba(255, 255, 255, .58);
}

.business-site .contact-section {
  background: #fff;
  border-top: 1px solid var(--business-line);
}

.business-site .contact-grid > a {
  color: var(--business-ink);
  background: #fff !important;
  border: 1px solid var(--business-line) !important;
  border-radius: 8px;
  box-shadow: none;
}

.business-site .contact-grid > a:hover {
  border-color: #a7c6e2 !important;
  filter: none;
}

.business-site .contact-line svg {
  color: #168a66;
}

.business-site .contact-tiktok svg {
  color: #161c22;
}

.business-site .contact-instagram svg {
  color: #b33b74;
}

.business-site .contact-email svg,
.business-site .contact-phone svg {
  color: var(--business-blue);
}

.business-site .site-footer {
  background: #071a2b;
  border-top: 0;
}

.business-site .site-footer .brand strong,
.business-site .footer-grid h3 {
  color: #fff;
}

.business-site .footer-grid p,
.business-site .footer-grid span,
.business-site .footer-grid a:not(.brand) {
  color: #aebdca;
}

.business-site .footer-grid a:not(.brand):hover {
  color: #fff;
}

.business-site .copyright {
  color: #8799a8;
  border-top-color: rgba(255, 255, 255, .12);
}

.business-site .social-links a {
  border-color: rgba(255, 255, 255, .2);
}

@media (max-width: 1120px) {
  .business-site .main-nav {
    background: rgba(255, 255, 255, .99);
    border-color: var(--business-line);
    box-shadow: 0 22px 48px rgba(25, 48, 70, .16);
  }

  .business-site .main-nav a.is-active {
    color: var(--business-blue);
    background: #edf4fb;
  }
}

/* Header account actions */
.business-site .header-account-actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: 12px;
}

.business-site .header-login {
  padding: 9px 2px;
  color: #e6e9f2;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.business-site .header-login:hover {
  color: #fff;
}

.business-site .header-register {
  min-height: 40px;
  padding-inline: 17px;
  white-space: nowrap;
}

.business-site .mobile-account-link {
  display: none;
}

@media (max-width: 1120px) {
  .business-site .menu-toggle {
    order: 3;
    margin-left: 0;
  }

  .business-site .main-nav .mobile-account-link {
    display: block;
    margin-top: 5px;
    color: #fff;
    background: rgba(226, 61, 92, .16);
  }

  .business-site .header-account-actions {
    order: 2;
    margin-left: auto;
  }
}

@media (max-width: 640px) {
  .business-site .nav-wrap {
    gap: 10px;
  }

  .business-site .brand strong {
    display: none;
  }

  .business-site .header-login {
    display: none;
  }

  .business-site .header-register {
    min-height: 38px;
    padding-inline: 14px;
    font-size: 12px;
  }
}

/* Compact episode selector */
.business-site #episodes .drive-showcase article {
  display: block;
  padding: clamp(22px, 3vw, 34px);
}

.business-site #episodes .drive-title {
  min-height: 0;
  margin: 0 0 24px;
  padding: 0 0 20px;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.business-site #episodes .drive-title > div {
  max-width: 650px;
}

.business-site #episodes .drive-title h3 {
  font-size: clamp(21px, 2vw, 28px);
}

.business-site #episodes .drive-title p {
  max-width: 600px;
  margin: 8px 0 0;
}

.business-site #episodes .ai-video-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 220px));
  justify-content: start;
  gap: 14px;
}

.business-site #episodes .episode-card {
  width: 100%;
  border-radius: 11px;
}

.business-site #episodes .episode-card figcaption {
  min-height: 58px;
  padding: 9px 11px;
}

.business-site #episodes .episode-card figcaption b {
  font-size: 12px;
}

.business-site #episodes .episode-card figcaption span {
  font-size: 9px;
}

.business-site #episodes .episode-card .ai-video-open {
  inset: 0 0 58px;
}

.business-site #episodes .ai-video-open::after {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

.business-site #episodes .episode-badge {
  top: 8px;
  left: 8px;
  padding: 4px 7px;
  font-size: 9px;
}

@media (max-width: 640px) {
  .business-site #episodes .drive-showcase article {
    padding: 18px;
  }

  .business-site #episodes .drive-title {
    margin-bottom: 18px;
    padding-bottom: 16px;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .business-site #episodes .drive-title h3 {
    font-size: 20px;
  }

  .business-site #episodes .ai-video-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .business-site #episodes .episode-card figcaption {
    min-height: 54px;
    padding: 8px 9px;
  }

  .business-site #episodes .episode-card .ai-video-open {
    inset: 0 0 54px;
  }

  .business-site #episodes .ai-video-open::after {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
}

@media (max-width: 900px) {
  .business-site .order-contact {
    border-top: 1px solid var(--business-line);
  }
}

@media (max-width: 640px) {
  .business-site .hero-banner,
  .business-site .hero-content {
    min-height: 560px;
  }

  .business-site .hero h1 {
    font-size: 38px;
  }

  .business-site .hero-actions {
    flex-direction: column;
  }

  .business-site .hero-actions .button {
    width: 100%;
  }
}

/* Premium brand palette — obsidian, cobalt and coral */
:root {
  --business-navy: #0b1020;
  --business-navy-2: #171d32;
  --business-blue: #4169e1;
  --business-blue-dark: #2d4fbd;
  --business-red: #e23d5c;
  --business-red-dark: #bf2948;
  --business-ink: #181c2a;
  --business-muted: #697185;
  --business-line: #e2e5ec;
  --business-soft: #f4f5f8;
  --business-warm: #fbfaf7;
  --business-white: #ffffff;
}

body.business-site {
  background: var(--business-soft);
  color: var(--business-ink);
}

.business-site .site-header {
  background: rgba(9, 13, 27, .93);
  border-bottom-color: rgba(255, 255, 255, .09);
  box-shadow: 0 10px 34px rgba(3, 7, 18, .22);
  backdrop-filter: blur(18px) saturate(150%);
}

.business-site .brand-image {
  background: #0d1222;
  border-color: rgba(255, 255, 255, .16);
  border-radius: 11px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
}

.business-site .brand strong,
.business-site .main-nav a,
.business-site .menu-toggle {
  color: #f7f8fc;
}

.business-site .main-nav a {
  opacity: .78;
}

.business-site .main-nav a:hover,
.business-site .main-nav a.is-active {
  color: #fff;
  opacity: 1;
}

.business-site .main-nav a::after {
  background: linear-gradient(90deg, var(--business-red), #ff7189);
}

.business-site .button {
  border-radius: 10px;
}

.business-site .button-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--business-red), #f0526e);
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(226, 61, 92, .24);
}

.business-site .button-primary:hover {
  background: linear-gradient(135deg, var(--business-red-dark), var(--business-red));
  border-color: transparent;
  box-shadow: 0 16px 34px rgba(226, 61, 92, .3);
}

.business-site .hero {
  background: #070a13;
}

.business-site .hero-banner > img {
  filter: saturate(.92) contrast(1.05) brightness(.9);
}

.business-site .hero-shade {
  background:
    linear-gradient(90deg, rgba(5, 8, 18, .98) 0%, rgba(10, 13, 30, .91) 38%, rgba(14, 13, 35, .28) 73%),
    linear-gradient(0deg, rgba(7, 10, 20, .96), transparent 35%),
    radial-gradient(circle at 28% 45%, rgba(51, 84, 210, .2), transparent 40%);
}

.business-site .hero-kicker {
  color: #b9c5ee;
}

.business-site .hero-kicker span {
  background: var(--business-red);
  box-shadow: 0 0 18px rgba(226, 61, 92, .62);
}

.business-site .hero-lead {
  color: #c8ccda;
}

.business-site .button-glass {
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .3);
}

.business-site .button-glass:hover {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .55);
}

.business-site .hero-trust > span {
  color: #9fa8bd;
  border-left-color: rgba(255, 255, 255, .16);
}

.business-site .trust-strip {
  background: #fff;
  border-color: var(--business-line);
  box-shadow: 0 12px 36px rgba(18, 25, 48, .07);
}

.business-site .trust-grid > div > strong {
  color: var(--business-red);
}

.business-site .trust-grid > div:nth-child(even) > strong {
  color: var(--business-blue);
}

.business-site .eyebrow {
  color: var(--business-red);
}

.business-site .episode-section {
  background:
    radial-gradient(circle at 88% 12%, rgba(65, 105, 225, .19), transparent 30%),
    linear-gradient(155deg, #10162a, #080c18 72%);
  border-bottom-color: rgba(255, 255, 255, .08);
}

.business-site .episode-section .section-heading {
  border-bottom-color: rgba(255, 255, 255, .13);
}

.business-site .episode-section .section-heading h2,
.business-site .ai-portfolio-section .section-heading h2 {
  color: #fff;
}

.business-site .episode-section .section-heading > p,
.business-site .ai-portfolio-section .section-heading > p {
  color: #aeb6ca;
}

.business-site #episodes .drive-showcase article {
  background: rgba(20, 27, 48, .84);
  border-color: rgba(126, 147, 220, .23);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .3);
  backdrop-filter: blur(10px);
}

.business-site #episodes .drive-title h3 {
  color: #fff;
}

.business-site #episodes .drive-title p {
  color: #aeb6ca;
}

.business-site .episode-update {
  color: #ffd9e0;
  background: rgba(226, 61, 92, .13);
  border-color: rgba(241, 92, 119, .45);
}

.business-site .episode-card,
.business-site .ai-portfolio-section .episode-card {
  background: #171e31;
  border-color: rgba(255, 255, 255, .1) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

.business-site .episode-card:hover {
  border-color: rgba(100, 135, 255, .58) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
}

.business-site .episode-card figcaption b {
  color: #f7f8fc;
}

.business-site .episode-card figcaption span {
  color: #929bb1;
}

.business-site .episode-badge {
  background: linear-gradient(135deg, var(--business-red), #f25f79);
  box-shadow: 0 6px 18px rgba(226, 61, 92, .3);
}

.business-site .services-section {
  background:
    radial-gradient(circle at 5% 8%, rgba(65, 105, 225, .065), transparent 24%),
    var(--business-warm);
}

.business-site .service-card {
  background: rgba(255, 255, 255, .92);
  border-color: var(--business-line) !important;
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(27, 34, 60, .06);
}

.business-site .service-card::after {
  content: "";
  position: absolute;
  inset: auto 22px 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, var(--business-blue), #7394ff);
  opacity: 0;
  transform: scaleX(.45);
  transition: opacity .25s ease, transform .25s ease;
}

.business-site .service-card:nth-child(even)::after {
  background: linear-gradient(90deg, var(--business-red), #f47a8f);
}

.business-site .service-card:hover {
  background: #fff;
  border-color: #cbd2e7 !important;
  box-shadow: 0 20px 45px rgba(27, 34, 60, .1);
}

.business-site .service-card:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.business-site .service-card svg {
  color: var(--business-blue);
}

.business-site .service-card:nth-child(even) svg {
  color: var(--business-red);
}

.business-site .service-card > span {
  color: #adb3c1;
}

.business-site .order-section {
  background:
    radial-gradient(circle at 6% 14%, rgba(226, 61, 92, .12), transparent 28%),
    radial-gradient(circle at 93% 85%, rgba(65, 105, 225, .15), transparent 30%),
    #0b1020;
}

.business-site .order-layout {
  border-radius: 18px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .28);
}

.business-site .order-steps {
  background: #fff;
}

.business-site .order-steps li b {
  color: var(--business-blue) !important;
  background: #eef2ff;
  border-color: #c9d4fb;
  border-radius: 8px;
}

.business-site .order-steps li:nth-child(even) b {
  color: var(--business-red) !important;
  background: #fff0f3;
  border-color: #f4c9d1;
}

.business-site .order-form {
  background: #f5f6fa;
}

.business-site .form-title > span {
  color: var(--business-blue-dark);
  background: #e9edfc;
  border-color: #c9d4fb;
}

.business-site .order-contact {
  background: linear-gradient(160deg, #202944, #151a2c);
}

.business-site .order-contact svg,
.business-site .order-contact a:nth-of-type(2) svg {
  color: #7898ff;
}

.business-site .order-contact a:nth-of-type(even) svg {
  color: #f06a83;
}

.business-site .ai-portfolio-section {
  background:
    radial-gradient(circle at 14% 10%, rgba(226, 61, 92, .12), transparent 25%),
    linear-gradient(145deg, #0a0e1b, #11172a);
  border-bottom-color: rgba(255, 255, 255, .08);
}

.business-site .ai-portfolio-section .drive-showcase article {
  background: rgba(24, 31, 53, .74);
  border-color: rgba(255, 255, 255, .09);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
}

.business-site .pricing-section {
  background:
    radial-gradient(circle at 90% 10%, rgba(226, 61, 92, .055), transparent 24%),
    var(--business-soft);
}

.business-site .price-card {
  background: #fff;
  border-color: var(--business-line);
  border-top-color: var(--price-accent);
  border-radius: 16px;
  box-shadow: 0 14px 38px rgba(27, 34, 60, .07);
}

.business-site .price-card,
.business-site .price-card.accent-blue {
  --price-accent: var(--business-blue);
}

.business-site .price-card.accent-red {
  --price-accent: var(--business-red);
}

.business-site .price-card.accent-orange {
  --price-accent: #d97732;
}

.business-site .price-card:hover {
  border-color: color-mix(in srgb, var(--price-accent) 48%, var(--business-line));
  box-shadow: 0 20px 48px rgba(27, 34, 60, .12);
}

.business-site .price-card .plan {
  color: var(--price-accent);
}

.business-site .price-card .button {
  color: var(--price-accent);
  border-color: color-mix(in srgb, var(--price-accent) 58%, white);
}

.business-site .price-card .button:hover {
  color: #fff;
  background: var(--price-accent);
  border-color: var(--price-accent);
}

.business-site .reviews-section {
  background: var(--business-warm);
}

.business-site .review-grid article {
  background: #fff;
  border-color: var(--business-line);
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(27, 34, 60, .065);
}

.business-site .review-top > strong {
  color: #e8a1ae;
}

.business-site .avatar {
  color: var(--business-blue);
  background: #edf1ff;
}

.business-site .faq-section {
  background: #f1f3f8;
}

.business-site .faq-list summary span::before,
.business-site .faq-list summary span::after {
  background: var(--business-red);
}

.business-site .final-cta {
  background:
    radial-gradient(circle at 12% 25%, rgba(226, 61, 92, .28), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(65, 105, 225, .3), transparent 33%),
    linear-gradient(125deg, #111832, #1b2344);
}

.business-site .final-cta .eyebrow {
  color: #ff92a5;
}

.business-site .final-cta p:not(.eyebrow) {
  color: #c5cbe0;
}

.business-site .final-cta .button-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--business-red), #f0526e);
  border-color: transparent;
}

.business-site .final-cta .button-outline {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .32);
}

.business-site .contact-section {
  background: #0e1424;
  border-top-color: rgba(255, 255, 255, .08);
}

.business-site .contact-grid > a {
  color: #f7f8fc;
  background: #171e31 !important;
  border-color: rgba(255, 255, 255, .09) !important;
  border-radius: 12px;
}

.business-site .contact-grid > a:hover {
  background: #1d263d !important;
  border-color: rgba(113, 143, 244, .48) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .2);
}

.business-site .contact-line svg {
  color: #35ca91;
}

.business-site .contact-tiktok svg {
  color: #f7f8fc;
}

.business-site .contact-instagram svg {
  color: #f06aa0;
}

.business-site .contact-email svg,
.business-site .contact-phone svg {
  color: #7898ff;
}

.business-site .site-footer {
  background: #070a12;
}

@media (max-width: 1120px) {
  .business-site .main-nav {
    background: rgba(12, 17, 32, .99);
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .32);
  }

  .business-site .main-nav a.is-active {
    color: #fff;
    background: rgba(65, 105, 225, .18);
  }
}