:root {
  --inner-ink: #0d1b34;
  --inner-muted: #52647d;
  --inner-navy: #101a32;
  --inner-blue: #2563eb;
  --inner-cyan: #0ea5c6;
}

.techart-announcement-banner {
  background: #0d172b !important;
  color: #e7edf7 !important;
  border-color: rgba(96, 165, 250, .22) !important;
}
.techart-announcement-banner > span { color: #cbd8eb !important; }
.techart-announcement-banner a { color: #a9c8ff !important; }

body:is([data-page="work"],[data-page="about"],[data-page="insights"],[data-page="pricing"],[data-page="services"],[data-page="service_detail"]) .techart-main-shell {
  padding-top: 7.25rem !important;
  padding-bottom: 3.5rem !important;
}
body:is([data-page="work"],[data-page="about"],[data-page="insights"],[data-page="pricing"],[data-page="services"],[data-page="service_detail"]) .techart-main-shell > :not([hidden]) ~ :not([hidden]) {
  margin-top: 3.25rem !important;
}

.techart-inner-hero {
  min-height: 430px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  padding: clamp(2rem, 5vw, 4.5rem) !important;
  border: 1px solid rgba(148, 180, 226, .28) !important;
  background-color: #0d172b !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 24px 64px rgba(24, 53, 99, .18) !important;
  isolation: isolate;
}
html body[data-page="work"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-work-hero { background: linear-gradient(90deg, rgba(8,18,38,.98) 0%, rgba(8,18,38,.91) 58%, rgba(8,18,38,.56) 100%), url("/static/img/brand-library/case-study-trophy.f1b538de3c11.png") 88% 50%/auto 76% no-repeat, #0d172b !important; }
html body[data-page="about"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-about-hero { background: linear-gradient(90deg, rgba(8,18,38,.98) 0%, rgba(8,18,38,.91) 58%, rgba(8,18,38,.55) 100%), url("/static/img/brand-library/global-collaboration-visual.f27e87d9e0e3.png") 90% 50%/auto 84% no-repeat, #0d172b !important; }
html body[data-page="insights"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-insights-hero { background: linear-gradient(90deg, rgba(8,18,38,.97) 0%, rgba(8,18,38,.84) 55%, rgba(8,18,38,.42) 100%), url("/static/img/brand-library/seo-marketing-visual.3b9140947ca7.png") center/cover no-repeat !important; }
html body[data-page="pricing"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-pricing-hero { background: linear-gradient(90deg, rgba(8,18,38,.97) 0%, rgba(8,18,38,.85) 55%, rgba(8,18,38,.42) 100%), url("/static/img/brand-library/growth-launch-visual.1584d321f519.png") center/cover no-repeat !important; }
html body[data-page="services"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-services-hero { background:linear-gradient(90deg,rgba(8,18,38,.98),rgba(8,18,38,.91) 58%,rgba(8,18,38,.55)),url("/static/img/brand-library/marketing-workflow-visual.bcbcb82a6bcb.png") 91% 50%/auto 88% no-repeat,#0d172b!important; }
.techart-inner-hero::before { content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(120deg, transparent 45%, rgba(42,126,235,.14)) !important; opacity:1 !important; z-index:0 !important; pointer-events:none; }
.techart-inner-hero-copy { position: relative; z-index: 1; max-width: 680px !important; }
.techart-inner-hero h1 { color:#fff !important; font-size:clamp(2.15rem,4.3vw,4.15rem) !important; line-height:1.04 !important; letter-spacing:-.045em !important; text-wrap:balance; }
.techart-inner-hero p { color:#d8e2f1 !important; font-size:clamp(.94rem,1.25vw,1.08rem) !important; line-height:1.75 !important; max-width:610px; }
.techart-inner-hero .techart-eyebrow { color:#a9c8ff !important; background:rgba(37,99,235,.15) !important; border-color:rgba(147,197,253,.42) !important; }

.techart-filter-row,
.techart-insight-tools,
.techart-billing-control { position:relative; z-index:2; }
[data-work-filter], [data-insight-filter] {
  min-height: 38px;
  padding:.65rem 1rem !important;
  border:1px solid #c9d6e8 !important;
  background:#fff !important;
  color:#30425d !important;
  box-shadow:none !important;
}
[data-work-filter][aria-pressed="true"], [data-insight-filter][aria-pressed="true"],
[data-work-filter].bg-purple-600:not([aria-pressed="false"]), [data-insight-filter].bg-purple-600:not([aria-pressed="false"]) {
  background:var(--inner-blue) !important;
  border-color:var(--inner-blue) !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(37,99,235,.18) !important;
}
[data-work-filter]:hover, [data-insight-filter]:hover { border-color:#7aa9eb !important; color:#174ea6 !important; }
[data-work-filter][aria-pressed="true"]:hover, [data-insight-filter][aria-pressed="true"]:hover { color:#fff !important; }

.techart-work-grid, .techart-insights-grid, .techart-pricing-grid, .techart-inner-card-grid { align-items:stretch; }
.techart-work-card, .techart-insight-card, .techart-pricing-tier, .techart-inner-card {
  min-height: 250px;
  padding:1.65rem !important;
  border-color:rgba(128,159,207,.24) !important;
  background:linear-gradient(145deg,#111c35,#0d172c) !important;
  box-shadow:0 15px 34px rgba(19,43,80,.13) !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.techart-work-card:hover, .techart-insight-card:hover, .techart-pricing-tier:hover, .techart-inner-card:hover {
  transform:translateY(-4px) !important;
  border-color:rgba(96,165,250,.7) !important;
  box-shadow:0 20px 42px rgba(19,43,80,.2) !important;
}
.techart-work-card h3, .techart-insight-card h2, .techart-pricing-tier h2, .techart-inner-card h3 { color:#fff !important; }
.techart-work-card p, .techart-insight-card p, .techart-pricing-tier p, .techart-pricing-tier li, .techart-inner-card p {
  color:#d4deed !important;
  font-size:.875rem !important;
  line-height:1.65 !important;
}
.techart-work-card > div:last-child { margin-top:2.25rem; }

.techart-founder-panel {
  padding:clamp(1.6rem,4vw,3rem) !important;
  background:linear-gradient(140deg,#101b34,#0c162b) !important;
  box-shadow:0 18px 46px rgba(19,43,80,.16) !important;
}
.techart-founder-panel p { color:#d5dfed !important; font-size:.9rem !important; line-height:1.75 !important; }
.techart-founder-panel strong { color:#fff; }
.techart-founder-panel > .grid { gap:clamp(1.5rem,4vw,3rem) !important; }

.techart-insight-tools { padding:1rem; border:1px solid #d7e2ef; border-radius:18px; background:#f7faff; }
#insight-search { min-height:42px; background:#fff !important; color:var(--inner-ink) !important; border-color:#c9d6e8 !important; font-size:.85rem !important; }
#insight-search::placeholder { color:#718198 !important; opacity:1; }
.techart-insight-link { color:#a9c8ff !important; text-decoration:none; }
.techart-insight-link:hover { color:#fff !important; }

.techart-billing-control {
  width:max-content; max-width:100%; margin-inline:auto;
  padding:.8rem 1rem; border:1px solid #d7e2ef; border-radius:999px; background:#fff;
  box-shadow:0 8px 24px rgba(25,54,96,.08);
}
#billing-monthly-label, #billing-annual-label { color:#263954 !important; font-size:.82rem !important; }
#billing-toggle { flex:0 0 auto; background:var(--inner-blue) !important; }
.techart-pricing-tier { min-height:490px; position:relative !important; overflow:visible !important; }
.techart-pricing-tier-featured { border-color:#4f8de8 !important; transform:translateY(-8px) !important; }
.techart-pricing-popular { position:absolute !important; top:-15px !important; left:50% !important; transform:translateX(-50%) !important; z-index:3 !important; white-space:nowrap; }
.techart-pricing-popular span { display:block; background:var(--inner-blue) !important; }
.techart-pricing-tier .pricing-value { color:#fff !important; font-size:2.4rem !important; }
.techart-pricing-tier .text-slate-500 { color:#9cadc4 !important; }

.techart-inner-cta {
  padding:2.2rem !important;
  text-align:center !important;
  background:linear-gradient(135deg,#111d37,#0d172c) !important;
  box-shadow:0 16px 38px rgba(19,43,80,.15) !important;
}
.techart-inner-cta h3, .techart-inner-cta p { text-align:center !important; }
.techart-inner-cta p { color:#d4deed !important; font-size:.9rem !important; }
.techart-inner-cta .techart-btn { margin-inline:auto; background:var(--inner-blue) !important; }

/* Inner pages stay calm: remove the inherited orbit/parabola and perimeter layers. */
body:not([data-page="home"]) main.techart-main-shell .techart-hero::before,
body:not([data-page="home"]) main.techart-main-shell .techart-hero::after,
body:not([data-page="home"]) main.techart-main-shell .techart-inner-hero::before,
body:not([data-page="home"]) main.techart-main-shell .techart-inner-hero::after,
body:not([data-page="home"]) main.techart-main-shell .techart-section-glow,
body:not([data-page="home"]) main.techart-main-shell .techart-rgb-perimeter,
body:not([data-page="home"]) main.techart-main-shell .techart-particle-field,
body:not([data-page="home"]) main.techart-main-shell .techart-orbit,
body:not([data-page="home"]) main.techart-main-shell [class*="-orbit"] {
  display:none!important; content:none!important; animation:none!important;
}

.techart-services-hero .techart-btn { margin-top:1rem; background:#2563eb!important; color:#fff!important; }
.techart-service-directory-section,.techart-service-detail-section,.techart-service-benefits,.techart-service-process,.techart-related-services { position:relative; }
.techart-service-directory-heading,.techart-service-detail-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.techart-service-directory-heading h2,.techart-service-detail-heading h2 { color:var(--inner-ink); font-size:clamp(1.8rem,3vw,2.75rem); line-height:1.12; letter-spacing:-.035em; max-width:700px; }
.techart-service-directory-heading>p { max-width:470px; color:var(--inner-muted); font-size:.95rem; line-height:1.7; }
.techart-service-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.techart-service-card { overflow:hidden; border:1px solid #d7e2ef; border-radius:24px; background:#fff; box-shadow:0 16px 38px rgba(31,64,109,.09); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.techart-service-card:hover { transform:translateY(-4px); border-color:#9abfeb; box-shadow:0 22px 48px rgba(31,64,109,.14); }
.techart-service-preview-media { position:relative; height:230px; overflow:hidden; background:#dce8f6; }
.techart-service-preview-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(8,18,38,.62)); }
.techart-service-preview-media img { width:100%; height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.techart-service-card[data-service-key="ppc"] .techart-service-preview-media,
.techart-service-card[data-service-key="leadgen"] .techart-service-preview-media { background:linear-gradient(145deg,#eef6ff,#e7edff); }
.techart-service-card[data-service-key="ppc"] .techart-service-preview-media img,
.techart-service-card[data-service-key="leadgen"] .techart-service-preview-media img { object-fit:contain; padding:1rem; }
.techart-service-card:hover .techart-service-preview-media img { transform:scale(1.035); }
.techart-service-number,.techart-service-icon { position:absolute; z-index:2; top:1rem; display:grid; place-items:center; border:1px solid rgba(255,255,255,.46); background:rgba(8,18,38,.76); color:#fff; border-radius:999px; font-size:.75rem; font-weight:800; }
.techart-service-number { left:1rem; min-width:38px; height:38px; }.techart-service-icon { right:1rem; width:42px; height:42px; font-size:1.15rem; }
.techart-service-card-body { padding:1.65rem; }
.techart-service-category { display:block; margin-bottom:.7rem; color:#1768c4; font-size:.7rem; line-height:1; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.techart-service-card h2 { color:var(--inner-ink); font-size:1.55rem; line-height:1.2; letter-spacing:-.025em; }
.techart-service-summary { min-height:72px; margin:.8rem 0 1rem; color:var(--inner-muted); font-size:.9rem; line-height:1.65; }
.techart-service-feature-preview { display:grid; gap:.5rem; margin:0 0 1.4rem; color:#30445f; font-size:.82rem; font-weight:700; }
.techart-service-feature-preview li { position:relative; padding-left:1.05rem; }.techart-service-feature-preview li::before { content:""; position:absolute; left:0; top:.55em; width:5px; height:5px; border-radius:50%; background:#2b78d4; }
.techart-service-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.techart-service-card-actions .techart-btn { justify-content:center!important; min-height:44px; font-size:.78rem!important; }
.techart-service-card-actions .techart-btn-ghost { color:#1a4f91!important; background:#f2f7fd!important; border-color:#c7d9ee!important; }
.techart-service-card-actions .techart-btn-primary { color:#fff!important; background:#2563eb!important; }
.techart-service-empty { grid-column:1/-1; padding:3rem; text-align:center; border:1px dashed #bdd0e6; border-radius:20px; color:var(--inner-muted); }

.techart-service-modal[hidden] { display:none!important; }
.techart-service-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:1rem; background:rgba(5,13,28,.78); }
.techart-service-modal-panel { position:relative; overflow:hidden; width:min(620px,100%); max-height:min(90vh,760px); overflow-y:auto; padding:0 2rem 2rem; border:1px solid #d5e1ee; border-radius:24px; background:#fff; box-shadow:0 32px 90px rgba(0,0,0,.32); }
.techart-service-modal-panel>img { width:calc(100% + 4rem); height:250px; margin:0 -2rem 1.6rem; object-fit:cover; }
.techart-service-modal-panel h2 { color:var(--inner-ink); font-size:2rem; line-height:1.15; }.techart-service-modal-panel>p { margin:.8rem 0 1.2rem; color:var(--inner-muted); line-height:1.7; }
.techart-service-modal-panel>ul { display:grid; gap:.55rem; color:#30445f; font-weight:700; }.techart-service-modal-panel>ul li::before { content:"✓"; margin-right:.55rem; color:#16856a; }
.techart-service-modal-close { position:absolute; z-index:2; top:.8rem; right:.8rem; width:40px; height:40px; border:0; border-radius:50%; background:#fff; color:#10203b; font-size:1.5rem; cursor:pointer; box-shadow:0 5px 18px rgba(0,0,0,.2); }
.techart-service-modal-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.5rem; }

.techart-service-detail-hero { display:grid!important; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:3rem; min-height:520px!important; background:linear-gradient(90deg,rgba(8,18,38,.98),rgba(8,18,38,.88) 58%,rgba(8,18,38,.52)),var(--service-visual) center/cover no-repeat!important; }
.techart-breadcrumb { display:flex; align-items:center; gap:.55rem; margin-bottom:1.3rem; color:#b8cae4; font-size:.78rem; font-weight:700; }.techart-breadcrumb a { color:#c8dbf7; }.techart-breadcrumb a:hover { color:#fff; }
.techart-service-detail-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }.techart-service-detail-actions .techart-btn-primary { background:#2563eb!important; color:#fff!important; }.techart-service-detail-actions .techart-btn-ghost { background:rgba(255,255,255,.1)!important; border-color:rgba(255,255,255,.28)!important; color:#fff!important; }
.techart-service-outcome { position:relative; z-index:1; align-self:end; padding:1.5rem; border:1px solid rgba(255,255,255,.24); border-radius:20px; background:rgba(8,18,38,.76); color:#fff; }.techart-service-outcome>span { color:#a9c8ff; font-size:.68rem; font-weight:800; letter-spacing:.1em; }.techart-service-outcome strong { display:block; margin:.6rem 0; font-size:1.65rem; line-height:1.15; }.techart-service-outcome p { color:#cbd8e9!important; font-size:.8rem!important; line-height:1.55!important; }
.techart-deliverable-grid,.techart-benefit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.techart-deliverable-grid article,.techart-benefit-grid article { min-height:170px; padding:1.5rem; border:1px solid #d7e2ef; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(31,64,109,.07); }
.techart-deliverable-grid article>span,.techart-benefit-grid article>span { display:grid; place-items:center; width:34px; height:34px; margin-bottom:1rem; border-radius:10px; background:#eaf3ff; color:#1c67bd; font-size:.72rem; font-weight:900; }
.techart-deliverable-grid h3,.techart-benefit-grid h3 { color:var(--inner-ink); font-size:1.05rem; }.techart-deliverable-grid p,.techart-benefit-grid p { margin-top:.55rem; color:var(--inner-muted); font-size:.84rem; line-height:1.6; }
.techart-service-benefits { padding:2.2rem; border-radius:24px; background:#eaf2fb; }
.techart-service-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #d7e2ef; border-radius:22px; background:#d7e2ef; }.techart-service-process li { min-height:210px; padding:1.45rem; background:#fff; }.techart-service-process li>span { color:#1b6ac3; font-size:.7rem; font-weight:900; }.techart-service-process strong { display:block; margin:1.5rem 0 .5rem; color:var(--inner-ink); font-size:1.05rem; }.techart-service-process p { color:var(--inner-muted); font-size:.82rem; line-height:1.6; }
.techart-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.techart-related-grid a { overflow:hidden; padding-bottom:1.25rem; border:1px solid #d7e2ef; border-radius:20px; background:#fff; color:var(--inner-ink); }.techart-related-grid img { width:100%; height:150px; object-fit:cover; }.techart-related-grid span,.techart-related-grid h3,.techart-related-grid strong { display:block; margin-inline:1.25rem; }.techart-related-grid span { margin-top:1rem; color:#1b6ac3; font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.techart-related-grid h3 { margin-top:.5rem; font-size:1.1rem; }.techart-related-grid strong { margin-top:1rem; color:#1b6ac3; font-size:.8rem; }

@media (max-width: 767px) {
  html body[data-page][data-theme] > header.techart-header .techart-header-cta { display:none !important; }
  body:is([data-page="work"],[data-page="about"],[data-page="insights"],[data-page="pricing"],[data-page="services"],[data-page="service_detail"]) .techart-main-shell { padding-top:5.5rem !important; padding-inline:1rem !important; }
  .techart-inner-hero { min-height:380px !important; padding:2rem 1.35rem !important; background-position:62% center !important; }
  html body[data-page="work"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-work-hero,
  html body[data-page="about"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-about-hero,
  html body[data-page="services"][data-theme] main#main-content.techart-main-shell > section.techart-hero.techart-services-hero { background-size:auto 58% !important; background-position:94% 76% !important; }
  .techart-inner-hero h1 { font-size:clamp(2rem,10vw,3rem) !important; }
  .techart-inner-hero p { font-size:.94rem !important; }
  .techart-pricing-tier-featured { transform:none !important; margin-top:.75rem; }
  .techart-insight-tools { align-items:stretch !important; }
  .techart-insight-tools > div { max-width:none !important; }
  .techart-billing-control { width:100%; border-radius:18px; flex-wrap:wrap; }
  .techart-service-directory-heading,.techart-service-detail-heading { display:block; }.techart-service-directory-heading>p { margin-top:1rem; }
  .techart-service-card-grid,.techart-deliverable-grid,.techart-benefit-grid,.techart-related-grid { grid-template-columns:1fr; }
  .techart-service-preview-media { height:200px; }.techart-service-card-body { padding:1.25rem; }.techart-service-summary { min-height:0; }
  .techart-service-card-actions { grid-template-columns:1fr; }.techart-service-detail-hero { grid-template-columns:1fr!important; gap:1.5rem; min-height:560px!important; }.techart-service-outcome { align-self:auto; }
  .techart-service-process ol { grid-template-columns:1fr; }.techart-service-process li { min-height:0; }.techart-service-benefits { padding:1.25rem; }
  .techart-service-modal-panel { padding:0 1.25rem 1.5rem; }.techart-service-modal-panel>img { width:calc(100% + 2.5rem); margin-inline:-1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .techart-work-card, .techart-insight-card, .techart-pricing-tier, .techart-inner-card { transition:none !important; }
}