/* Shared visitor shell for the agency pages. Admin screens retain their own UI. */
.agency-inner-page { background: #090b13; }
.agency-inner-page .container { width: min(100% - 64px, 1392px); }
.agency-inner-page .top-bar { display: none; }
.agency-inner-page .site-header {
  position: relative;
  z-index: 120;
  border: 0;
  background: #0c0e19;
  backdrop-filter: none;
}
.agency-inner-page .header-inner { min-height: 100px; gap: 20px; }
.agency-inner-page .brand { gap: 14px; }
.agency-inner-page .site-header .brand img,
.agency-inner-page .site-footer .brand img { filter: brightness(0) invert(1); transform: none; }
.agency-inner-page .brand strong,
.agency-inner-page .brand b { color: #fff; letter-spacing: -.045em; }
.agency-inner-page .brand strong { font-size: 19px; font-weight: 700; }
.agency-inner-page .brand b { margin-top: 5px; font-size: 15px; font-weight: 450; letter-spacing: .18em; }
.agency-inner-page .desktop-nav { display: none; }
.agency-inner-page .header-phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  color: #e0e1ed;
  font-size: 14px;
  font-weight: 450;
  white-space: nowrap;
}
.agency-inner-page .header-phone span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #ffffff61;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
}
.agency-inner-page .header-phone:hover { color: #fff; }
.agency-inner-page .header-cta {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  min-height: 52px;
  padding: 12px 24px;
  border: 1px solid #ae92ff7a;
  border-radius: 999px;
  background: linear-gradient(120deg, #4935a2, #7554ea 60%, #4d43bb);
  box-shadow: 0 12px 32px #382c9b55, inset 0 1px #ffffff38;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.agency-inner-page .header-cta:hover { background: #8063ed; border-color: #c2acff; }
.agency-inner-page .header-cta span { font-size: 16px; }
.agency-inner-page .mobile-nav { display: block; position: relative; flex: 0 0 auto; }
.agency-inner-page .mobile-nav summary {
  position: relative;
  z-index: 102;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 5px;
  width: 52px;
  height: 52px;
  border: 1px solid #ffffff30;
  border-radius: 50%;
  background: #ffffff13;
  cursor: pointer;
  list-style: none;
  transition: background .2s, border-color .2s;
}
.agency-inner-page .mobile-nav summary::-webkit-details-marker { display: none; }
.agency-inner-page .mobile-nav summary:hover,
.agency-inner-page .mobile-nav[open] summary { background: #ffffff25; border-color: #ffffff7d; }
.agency-inner-page .mobile-nav summary span { display: block; width: 20px; height: 1.5px; background: #fff; }
.agency-inner-page .agency-menu[open] summary span:first-child { transform: translateY(6.5px) rotate(45deg); }
.agency-inner-page .agency-menu[open] summary span:nth-child(2) { opacity: 0; }
.agency-inner-page .agency-menu[open] summary span:last-child { transform: translateY(-6.5px) rotate(-45deg); }
.agency-inner-page .agency-menu:not([open]) .agency-menu-panel { display: none; }
.agency-inner-page:has(.agency-menu[open]) { overflow: hidden; }
.agency-inner-page .agency-menu-panel {
  position: fixed;
  inset: 0;
  z-index: 90;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 132px 32px 44px;
  border: 0;
  background: radial-gradient(circle at 75% 7%, #33245c 0, transparent 42%), #0c0e19;
  box-shadow: 0 28px 70px #0009;
}
.agency-inner-page .agency-menu-inner { width: min(100%, 1340px); margin-inline: auto; }
.agency-inner-page .agency-menu-kicker { margin: 0 0 26px; color: #a598d7; font-size: 11px; font-weight: 650; letter-spacing: .18em; }
.agency-inner-page .agency-menu nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px 32px;
  width: 100%;
  padding: 0 0 38px;
  border-bottom: 1px solid #ffffff2b;
}
.agency-inner-page .agency-menu nav a { padding: 10px 0; color: #f6f3ff; font-size: clamp(32px, 3.4vw, 54px); font-weight: 470; letter-spacing: -.045em; line-height: 1.1; }
.agency-inner-page .agency-menu nav a:hover,
.agency-inner-page .agency-menu nav a:focus-visible { color: #b9a2ff; background: transparent; }
.agency-inner-page .agency-menu-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding-block: 40px; }
.agency-inner-page .agency-menu-categories section { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.agency-inner-page .agency-menu-categories h3 { margin: 0 0 6px; color: #a599d9; font-size: 11px; font-weight: 680; letter-spacing: .16em; text-transform: uppercase; }
.agency-inner-page .agency-menu-categories a { color: #d4d1e1; font-size: 15px; line-height: 1.5; }
.agency-inner-page .agency-menu-categories a:hover { color: #fff; }
.agency-inner-page .agency-menu-contact { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 26px; border-top: 1px solid #ffffff2b; }
.agency-inner-page .agency-menu-contact a:first-child { display: inline-flex; align-items: center; gap: 18px; padding: 14px 22px; border: 1px solid #b9a2ff7d; border-radius: 999px; background: #6f53dc; color: #fff; font-size: 14px; font-weight: 650; }
.agency-inner-page .agency-menu-contact a:first-child:hover { background: #8063ed; }
.agency-inner-page .agency-menu-contact a:last-child { color: #d1cbe6; font-size: 14px; }

.agency-inner-page .page-hero,
.agency-inner-page .store-page-hero { background: radial-gradient(circle at 76% 12%, #35275d 0, transparent 42%), #0c0e19; }
.agency-inner-page .page-hero h1,
.agency-inner-page .store-page-hero h1 { color: #fff; font-weight: 470; letter-spacing: -.055em; }
.agency-inner-page .page-hero p:not(.eyebrow),
.agency-inner-page .store-page-hero p:not(.eyebrow) { color: #c6c3d1; }
.agency-inner-page .store-dot { color: #a98cff; }
.agency-inner-page .site-footer { margin-top: 0; border-top: 1px solid #ffffff1d; background: #090b13; }
.agency-inner-page .brand-footer strong,
.agency-inner-page .brand-footer b { color: #fff; }

@media (max-width: 1100px) {
  .agency-inner-page .header-phone { display: none; }
  .agency-inner-page .header-cta { margin-left: auto; }
}
@media (max-width: 900px) {
  .agency-inner-page .agency-menu-panel { padding: 110px 26px 36px; }
  .agency-inner-page .agency-menu nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agency-inner-page .agency-menu nav a { font-size: clamp(29px, 5vw, 43px); }
}
@media (max-width: 600px) {
  .agency-inner-page .container { width: min(100% - 32px, 1392px); }
  .agency-inner-page .header-inner { min-height: 74px; }
  .agency-inner-page .site-header .brand img { width: 42px; height: 42px; }
  .agency-inner-page .brand strong { font-size: 15px; }
  .agency-inner-page .brand b { font-size: 11px; }
  .agency-inner-page .header-cta { min-height: 40px; padding: 9px 13px; font-size: 10px; }
  .agency-inner-page .mobile-nav summary { width: 42px; height: 42px; }
  .agency-inner-page .agency-menu-panel { padding: 96px 21px 28px; }
  .agency-inner-page .agency-menu-kicker { margin-bottom: 14px; font-size: 9px; }
  .agency-inner-page .agency-menu nav { grid-template-columns: 1fr; gap: 0; padding-bottom: 20px; }
  .agency-inner-page .agency-menu nav a { padding: 7px 0; font-size: clamp(28px, 8vw, 39px); }
  .agency-inner-page .agency-menu-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; padding-block: 27px; }
  .agency-inner-page .agency-menu-categories section { gap: 8px; }
  .agency-inner-page .agency-menu-categories a { font-size: 12px; }
  .agency-inner-page .agency-menu-contact { align-items: flex-start; flex-direction: column; gap: 16px; padding-top: 22px; }
  .agency-inner-page .agency-menu-contact a:first-child { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .agency-inner-page .mobile-nav summary { transition: none; }
}

/* One visitor palette across linked agency, article, account and store pages. */
.agency-inner-page {
  --inner-bg: #090b13;
  --inner-surface: #121522;
  --inner-surface-raised: #191d2d;
  --inner-border: #ffffff21;
  --inner-text: #f8f8fd;
  --inner-muted: #b4b8c9;
  --inner-accent: #bdaaff;
  color-scheme: dark;
  background: var(--inner-bg);
  color: var(--inner-text);
}
.agency-inner-page .page-hero,
.agency-inner-page .store-page-hero,
.agency-inner-page .store-hero {
  border-bottom: 1px solid #ffffff16;
  background: radial-gradient(circle at 78% 22%, #49316e9c, transparent 38%),
    radial-gradient(circle at 15% 100%, #283d7852, transparent 42%), #0c0e19;
}
.agency-inner-page .page-hero::before,
.agency-inner-page .store-page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background: linear-gradient(#ffffff12 1px, transparent 1px),
    linear-gradient(90deg, #ffffff12 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(90deg, transparent 25%, #000 100%);
}
.agency-inner-page .page-hero h1,
.agency-inner-page .store-page-hero h1,
.agency-inner-page .store-hero h1 { font-weight: 430; letter-spacing: -.065em; }
.agency-inner-page .page-hero .eyebrow,
.agency-inner-page .store-page-hero .eyebrow,
.agency-inner-page .store-hero .eyebrow,
.agency-inner-page .content-section .eyebrow,
.agency-inner-page .store-section .eyebrow { color: var(--inner-accent); }
.agency-inner-page .breadcrumb { color: #a9acc1; }
.agency-inner-page .content-section,
.agency-inner-page .store-section {
  background: radial-gradient(circle at 78% 12%, #33246538, transparent 32%),
    radial-gradient(circle at 8% 86%, #182e6336, transparent 35%), var(--inner-bg);
  color: var(--inner-text);
}
.agency-inner-page .content-intro,
.agency-inner-page .content-prose p,
.agency-inner-page .content-prose li,
.agency-inner-page .store-section-heading > p,
.agency-inner-page .store-product-detail-info > p,
.agency-inner-page .store-empty p { color: var(--inner-muted); }
.agency-inner-page .content-prose h2,
.agency-inner-page .store-section-heading h2,
.agency-inner-page .store-product-detail-info h2 { color: var(--inner-text); font-weight: 480; }
.agency-inner-page .content-prose a,
.agency-inner-page .store-secondary-link,
.agency-inner-page .account-card a { color: #c7b7ff; }
.agency-inner-page .content-prose a:hover,
.agency-inner-page .store-secondary-link:hover,
.agency-inner-page .account-card a:hover { color: #eee7ff; }
.agency-inner-page .legal-meta { color: #a7a9bf; }
.agency-inner-page .detail-card,
.agency-inner-page .contact-card,
.agency-inner-page .theme-card,
.agency-inner-page .package-card,
.agency-inner-page .store-empty,
.agency-inner-page .admin-insight,
.agency-inner-page .account-card,
.agency-inner-page .cart-item,
.agency-inner-page .cart-summary,
.agency-inner-page .checkout-form-wrap,
.agency-inner-page .checkout-payment-options,
.agency-inner-page .checkout-success,
.agency-inner-page .payment-result-card,
.agency-inner-page .payment-frame-wrap {
  border: 1px solid var(--inner-border);
  border-radius: 20px;
  background: linear-gradient(150deg, #1a1d2c, var(--inner-surface) 62%);
  box-shadow: 0 24px 60px #0003, inset 0 1px #ffffff0b;
  color: var(--inner-text);
}
.agency-inner-page .detail-card,
.agency-inner-page .contact-card,
.agency-inner-page .theme-card,
.agency-inner-page .package-card { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.agency-inner-page .detail-card:hover,
.agency-inner-page .contact-card:hover,
.agency-inner-page .theme-card:hover,
.agency-inner-page .package-card:hover {
  transform: translateY(-5px);
  border-color: #ab91ff9c;
  box-shadow: 0 26px 62px #0006, 0 0 40px #7659d91c;
}
.agency-inner-page .detail-card > span,
.agency-inner-page .contact-card > span,
.agency-inner-page .theme-card-kind,
.agency-inner-page .package-index,
.agency-inner-page .package-card-top,
.agency-inner-page .admin-insight .eyebrow { color: var(--inner-accent); }
.agency-inner-page .detail-card h2,
.agency-inner-page .contact-card strong,
.agency-inner-page .theme-card h2,
.agency-inner-page .package-card h3,
.agency-inner-page .admin-insight h2,
.agency-inner-page .account-card h2,
.agency-inner-page .cart-item h2,
.agency-inner-page .cart-summary h2,
.agency-inner-page .checkout-success h2,
.agency-inner-page .payment-result-card h2 { color: var(--inner-text); }
.agency-inner-page .detail-card p,
.agency-inner-page .detail-card li,
.agency-inner-page .contact-card p,
.agency-inner-page .theme-card p,
.agency-inner-page .package-description,
.agency-inner-page .admin-insight > p,
.agency-inner-page .checkout-success > p:not(.eyebrow),
.agency-inner-page .payment-result-card p { color: var(--inner-muted); }
.agency-inner-page .detail-card ul li::marker { color: #a58af1; }
.agency-inner-page .theme-card-image { background: #222844; }
.agency-inner-page .theme-card-actions a,
.agency-inner-page .store-button,
.agency-inner-page .contact-page-submit {
  border-radius: 999px;
}
.agency-inner-page .theme-preview-link,
.agency-inner-page .store-button,
.agency-inner-page .contact-page-submit {
  border-color: #9e86f375;
  background: linear-gradient(120deg, #503bb0, #7958e8);
  color: #fff;
  box-shadow: 0 9px 28px #4836a844;
}
.agency-inner-page .theme-preview-link:hover,
.agency-inner-page .store-button:hover,
.agency-inner-page .contact-page-submit:hover { background: linear-gradient(120deg, #624bc6, #8968f2); }
.agency-inner-page .theme-inquiry-link,
.agency-inner-page .account-secondary-button {
  border: 1px solid #ffffff45;
  border-radius: 999px;
  background: #ffffff0d;
  color: #e5ddff;
}
.agency-inner-page .theme-inquiry-link:hover,
.agency-inner-page .account-secondary-button:hover { border-color: #b9a2ff; background: #ffffff1b; }
.agency-inner-page .theme-source-link,
.agency-inner-page .contact-card a { color: #c7b7ff; border-color: #a58af1; }
.agency-inner-page .theme-source-link:hover,
.agency-inner-page .contact-card a:hover { color: #fff; }
.agency-inner-page .info-strip,
.agency-inner-page .theme-note,
.agency-inner-page .notice,
.agency-inner-page .store-help {
  border: 1px solid #aa8aff4a;
  border-radius: 20px;
  background: radial-gradient(circle at 88% 10%, #6f50cc55, transparent 45%),
    linear-gradient(120deg, #1d1b37, #1a2345 64%, #151625);
  color: var(--inner-text);
}
.agency-inner-page .info-strip h2,
.agency-inner-page .theme-note strong,
.agency-inner-page .notice strong,
.agency-inner-page .store-help h2 { color: var(--inner-text); }
.agency-inner-page .info-strip p,
.agency-inner-page .theme-note p,
.agency-inner-page .store-help p:last-child { color: #c9c7dc; }
.agency-inner-page .notice { border-left: 4px solid #ad96ff; color: #d4d1e7; }
.agency-inner-page .package-symbol,
.agency-inner-page .cart-item-icon,
.agency-inner-page .store-product-detail-placeholder { background: #8770e32b; color: #c7b5ff; }
.agency-inner-page .package-price,
.agency-inner-page .summary-row,
.agency-inner-page .account-order ul { border-color: var(--inner-border); }
.agency-inner-page .package-price small { color: #aaa8c4; }
.agency-inner-page .package-price strong,
.agency-inner-page .summary-row strong,
.agency-inner-page .cart-item-actions > strong { color: #f5f0ff; }
.agency-inner-page .store-category-nav a,
.agency-inner-page .store-product-pagination a,
.agency-inner-page .store-product-pagination span,
.agency-inner-page .account-pages a,
.agency-inner-page .catalog-product-tags span {
  border: 1px solid var(--inner-border);
  background: #1a1e30;
  color: #c8cbdf;
}
.agency-inner-page .store-category-nav a:hover,
.agency-inner-page .store-category-nav a[aria-current=page],
.agency-inner-page .store-product-pagination a:hover,
.agency-inner-page .store-product-pagination [aria-current=page],
.agency-inner-page .account-pages a:hover {
  border-color: #af97ff;
  background: #513c9b;
  color: #fff;
}
.agency-inner-page .store-product-attributes,
.agency-inner-page .payment-option-form,
.agency-inner-page .account-order,
.agency-inner-page .account-empty,
.agency-inner-page .account-return-request {
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: #1a1e2e;
  color: var(--inner-text);
}
.agency-inner-page .store-product-attributes h3,
.agency-inner-page .store-product-attributes dd,
.agency-inner-page .payment-option-form h3,
.agency-inner-page .account-order-head strong { color: var(--inner-text); }
.agency-inner-page .store-product-attributes dt,
.agency-inner-page .payment-option-form p,
.agency-inner-page .account-intro p:last-child,
.agency-inner-page .account-muted,
.agency-inner-page .account-order p,
.agency-inner-page .account-order li,
.agency-inner-page .account-return-request p,
.agency-inner-page .account-return-request small,
.agency-inner-page .cart-item p,
.agency-inner-page .cart-summary > p,
.agency-inner-page .checkout-payment-options > p { color: var(--inner-muted); }
.agency-inner-page .catalog-product-brand,
.agency-inner-page .catalog-product-card-brand,
.agency-inner-page .catalog-product-brand-description,
.agency-inner-page .catalog-product-tag-description { color: var(--inner-muted); }
.agency-inner-page .catalog-product-brand strong,
.agency-inner-page .catalog-product-tag-description strong { color: var(--inner-text); }
.agency-inner-page .checkout-payment-options > h2,
.agency-inner-page .checkout-items li,
.agency-inner-page .account-return-request summary { color: var(--inner-text); }
.agency-inner-page .checkout-items li small,
.agency-inner-page .account-order-head small,
.agency-inner-page .account-form label small { color: #a8adbf; }
.agency-inner-page .checkout-form label,
.agency-inner-page .payment-option-form label,
.agency-inner-page .account-form label,
.agency-inner-page .cart-quantity-form label,
.agency-inner-page .store-variant-choice { color: #e0e1ef; }
.agency-inner-page .cart-quantity-form input,
.agency-inner-page .checkout-form input,
.agency-inner-page .checkout-form textarea,
.agency-inner-page .payment-option-form input,
.agency-inner-page .payment-option-form textarea,
.agency-inner-page .account-form input,
.agency-inner-page .account-form textarea,
.agency-inner-page .store-variant-choice select,
.agency-inner-page .campaign-cart-form input {
  border: 1px solid #ffffff3c;
  background: #0d101c;
  color: var(--inner-text);
}
.agency-inner-page input::placeholder,
.agency-inner-page textarea::placeholder { color: #9398ae; }
.agency-inner-page .checkout-privacy,
.agency-inner-page .account-return-request,
.agency-inner-page .campaign-cart-form label { color: var(--inner-muted); }
.agency-inner-page .checkout-privacy a { color: #c7b7ff; }
.agency-inner-page .contact-page-form-section {
  border: 1px solid var(--inner-border);
  border-radius: 20px;
  background: linear-gradient(145deg, #1b1d30, #121522);
  box-shadow: 0 24px 60px #0003;
}
.agency-inner-page .contact-page-form-intro span,
.agency-inner-page .contact-page-privacy a { color: var(--inner-accent); }
.agency-inner-page .contact-page-form-intro h2 { color: var(--inner-text); }
.agency-inner-page .contact-page-form-intro p,
.agency-inner-page .contact-page-privacy,
.agency-inner-page .contact-page-status { color: var(--inner-muted); }
.agency-inner-page .contact-page-form label { color: #e0e1ef; }
.agency-inner-page .contact-page-form input,
.agency-inner-page .contact-page-form textarea {
  border: 1px solid #ffffff3c;
  background: #0d101c;
  color: var(--inner-text);
}
.agency-inner-page .contact-widget-toggle {
  border-color: #9e86f3;
  background: linear-gradient(120deg, #4935a2, #7554ea);
  box-shadow: 0 12px 32px #30228466;
}
.agency-inner-page .contact-widget-panel { border-color: var(--inner-border); background: #111522; }
.agency-inner-page .contact-widget-head { background: linear-gradient(135deg, #29204f, #111522); }
.agency-inner-page .contact-widget-head p { color: var(--inner-accent); }
.agency-inner-page .contact-widget-fields label { color: #e0e1ef; }
.agency-inner-page .contact-widget-fields input,
.agency-inner-page .contact-widget-fields textarea { border-color: #ffffff3c; background: #0d101c; color: var(--inner-text); }
.agency-inner-page .contact-widget-privacy,
.agency-inner-page .contact-widget-status,
.agency-inner-page .contact-widget-fallback { color: var(--inner-muted); }
.agency-inner-page .contact-widget-privacy a,
.agency-inner-page .contact-widget-fallback a { color: var(--inner-accent); }
.agency-inner-page .contact-widget-submit { background: #7052d6; }
.agency-inner-page .contact-widget-submit:hover { background: #8968f2; }
.agency-inner-page .contact-widget-status:not(:empty),
.agency-inner-page .contact-page-status:not(:empty) { background: #262a3e; color: #e6e2f4; }
.agency-inner-page .contact-widget-status.is-success,
.agency-inner-page .contact-page-status.is-success { background: #123c33; color: #b9f8df; }
.agency-inner-page .contact-widget-status.is-error,
.agency-inner-page .contact-page-status.is-error { background: #4a202d; color: #ffccd4; }
.agency-inner-page .analytics-consent { border-color: #ffffff38; background: #171b2c; color: var(--inner-text); }
.agency-inner-page .analytics-consent-copy p,
.agency-inner-page .analytics-consent-preferences p { color: var(--inner-muted); }
.agency-inner-page .analytics-consent a { color: var(--inner-accent); }
.agency-inner-page .analytics-consent-buttons button,
.agency-inner-page .analytics-consent-preferences button { border-color: #ffffff45; background: #252a40; color: #f4f1ff; }
.agency-inner-page .analytics-consent-buttons button[data-choice=yes],
.agency-inner-page .analytics-consent-preferences button { background: #7052d6; border-color: #9e86f3; }
.agency-inner-page .analytics-consent-preferences { border-color: var(--inner-border); }
.agency-inner-page :is(a, button, summary, input, textarea, select):focus-visible { outline-color: #bba4ff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .agency-inner-page :is(.detail-card, .contact-card, .theme-card, .package-card) { transition: none; }
}