.td-wordpress-master {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(820px circle at 86% 3%, rgba(108, 140, 255, 0.1), transparent 62%),
    radial-gradient(540px circle at 8% 28%, rgba(245, 166, 35, 0.045), transparent 68%),
    transparent;
}

.td-wordpress-master::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(108, 140, 255, 0.034) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 140, 255, 0.034) 1px, transparent 1px);
  background-size: 48px 48px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.38) 72%, transparent);
}

.td-wordpress-master .td-wordpress-hero {
  position: relative;
  padding: 158px 0 86px;
  background: transparent;
}

.td-wordpress-master .td-wordpress-hero::before { display: none; }

.td-wordpress-master .td-wordpress-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(430px, 0.82fr);
  gap: 62px;
  align-items: center;
}

.td-wordpress-master .td-wordpress-hero__content { min-width: 0; }
.td-wordpress-master .td-wordpress-hero__content .td-ui-heading-1 { max-width: 720px; }
.td-wordpress-master .td-wordpress-hero__content .td-ui-lead { max-width: 680px; margin: 24px 0 0; }
.td-wordpress-master .td-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.td-wordpress-hero__facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.td-wordpress-hero__facts span { padding: 7px 10px; border: 1px solid var(--td-ui-line); border-radius: 7px; background: rgba(255,255,255,.025); color: var(--td-ui-muted); font-family: var(--td-ui-font-mono); font-size: .66rem; }

.td-wordpress-runtime {
  --td-wp-rx: 0deg;
  --td-wp-ry: 0deg;
  overflow: hidden;
  border: 1px solid var(--td-ui-line-strong);
  border-radius: 18px;
  background: radial-gradient(420px circle at 50% 45%, rgba(108,140,255,.13), transparent 66%), linear-gradient(145deg, rgba(22,33,58,.96), rgba(8,14,25,.98));
  box-shadow: var(--td-ui-shadow);
  transform: perspective(1100px) rotateX(var(--td-wp-rx)) rotateY(var(--td-wp-ry));
  transform-style: preserve-3d;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.td-wordpress-runtime:hover { border-color: rgba(108,140,255,.56); box-shadow: 0 36px 90px rgba(0,0,0,.46), 0 0 52px rgba(108,140,255,.1); }
.td-wordpress-runtime__chrome { display: flex; min-height: 48px; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid var(--td-ui-line); background: rgba(8,14,25,.78); }
.td-wordpress-runtime__chrome > span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.15); }
.td-wordpress-runtime__chrome > span:first-child { background: var(--td-ui-primary); }
.td-wordpress-runtime__chrome code { margin-left: 8px; color: var(--td-ui-muted); font-family: var(--td-ui-font-mono); font-size: .64rem; }
.td-wordpress-runtime__chrome b { margin-left: auto; color: var(--td-ui-accent); font-family: var(--td-ui-font-mono); font-size: .64rem; }

.td-wordpress-runtime__canvas { position: relative; min-height: 440px; padding: 24px; }
.td-wordpress-runtime__core { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; width: 150px; height: 150px; place-items: center; border: 1px solid rgba(108,140,255,.46); border-radius: 50%; background: radial-gradient(circle, rgba(108,140,255,.18), rgba(17,26,46,.92) 64%); box-shadow: 0 0 50px rgba(108,140,255,.15); transform: translate(-50%,-50%); text-align: center; }
.td-wordpress-runtime__core i { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--td-ui-line-strong); border-radius: 50%; color: var(--td-ui-text); font-family: Georgia, serif; font-style: normal; font-size: 1.25rem; }
.td-wordpress-runtime__core strong { color: var(--td-ui-text); font-size: .9rem; }
.td-wordpress-runtime__core span { color: var(--td-ui-accent); font-family: var(--td-ui-font-mono); font-size: .58rem; }
.td-wordpress-runtime__node { position: absolute; z-index: 2; min-width: 132px; padding: 12px; border: 1px solid var(--td-ui-line); border-radius: 10px; background: rgba(17,26,46,.88); box-shadow: 0 12px 28px rgba(0,0,0,.22); }
.td-wordpress-runtime__node b { display: block; color: var(--td-ui-text); font-size: .72rem; }
.td-wordpress-runtime__node span { display: block; margin-top: 3px; color: var(--td-ui-muted); font-size: .58rem; }
.td-wordpress-runtime__node--content { top: 52px; left: 32px; }
.td-wordpress-runtime__node--design { top: 50px; right: 28px; }
.td-wordpress-runtime__node--seo { right: 22px; bottom: 54px; }
.td-wordpress-runtime__node--shop { bottom: 40px; left: 32px; }
.td-wordpress-runtime__node--admin { top: 50%; right: 12px; transform: translateY(-50%); }
.td-wordpress-runtime__orbit { position: absolute; inset: 64px 76px; border: 1px dashed rgba(108,140,255,.25); border-radius: 50%; animation: tdWpOrbit 14s linear infinite; }
.td-wordpress-runtime__orbit i { position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--td-ui-primary); box-shadow: 0 0 18px rgba(245,166,35,.78); }
@keyframes tdWpOrbit { to { transform: rotate(360deg); } }

.td-wordpress-master .td-section { position: relative; padding: 96px 0; background: transparent; }
.td-wordpress-master .td-section:nth-of-type(even) { background: linear-gradient(180deg, rgba(17,26,46,.18), rgba(11,18,32,.03)); }
.td-wordpress-master .td-section__head { max-width: 760px; margin: 0 0 32px; }
.td-wordpress-master .td-section__head::before { display: block; margin-bottom: 13px; color: var(--td-ui-accent); content: "// WordPress"; font-family: var(--td-ui-font-mono); font-size: .72rem; }
.td-wordpress-master .td-section__head h2 { margin: 0; color: var(--td-ui-text); font-family: var(--td-ui-font-heading); font-size: clamp(2rem,3.2vw,2.72rem); line-height: 1.12; }
.td-wordpress-master .td-section__head p { margin: 14px 0 0; max-width: 720px; font-size: .92rem; line-height: 1.68; }

.td-wordpress-master :is(.td-wp-benefits-grid,.td-wp-included-grid,.td-wp-types-grid,.td-wp-shop-grid,.td-wp-price-grid,.td-wp-limits-grid) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.td-wordpress-master .td-wp-included-grid,
.td-wordpress-master .td-wp-types-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

.td-wordpress-master :is(.td-wordpress-card,.td-wordpress-price-card,.td-wp-column-card,.td-wp-step) { position: relative; min-width: 0; min-height: 100%; padding: 22px; border: 1px solid var(--td-ui-line); border-radius: 14px; background: rgba(17,26,46,.78); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); transition: transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease; }
.td-wordpress-master :is(.td-wordpress-card,.td-wordpress-price-card,.td-wp-column-card,.td-wp-step):hover { border-color: var(--td-ui-accent); background: rgba(22,33,58,.94); box-shadow: 0 18px 42px rgba(0,0,0,.24),0 0 28px rgba(108,140,255,.06); transform: translateY(-5px); }
.td-wordpress-master .td-card-icon { display: grid; width: 40px; height: 40px; padding: 10px; border-radius: 10px; background: var(--td-ui-primary-soft); }
.td-wordpress-master :is(.td-wordpress-card,.td-wordpress-price-card,.td-wp-column-card,.td-wp-step) h3 { margin: 18px 0 8px; color: var(--td-ui-text); font-size: 1rem; }
.td-wordpress-master :is(.td-wordpress-card,.td-wordpress-price-card,.td-wp-column-card,.td-wp-step) p { margin: 0; font-size: .8rem; line-height: 1.62; }
.td-wordpress-master .td-card-link { display: inline-flex; margin-top: 18px; color: var(--td-ui-primary); font-size: .76rem; font-weight: 600; }

.td-wordpress-master .td-wp-custom .td-container,
.td-wordpress-master .td-wp-seo .td-container,
.td-wordpress-master .td-wp-prices .td-container,
.td-wordpress-master .td-wp-faq .td-container {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.td-wordpress-master .td-wp-columns,
.td-wordpress-master .td-wp-seo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.td-wordpress-master .td-wp-column-card ul { margin: 16px 0 0; padding: 0; list-style: none; }
.td-wordpress-master .td-wp-column-card li { position: relative; padding: 6px 0 6px 16px; color: var(--td-ui-muted); font-size: .77rem; }
.td-wordpress-master .td-wp-column-card li::before { position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--td-ui-primary); content: ""; }

.td-wordpress-master .td-wp-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.td-wordpress-master .td-wp-step > span { color: var(--td-ui-accent); font-family: var(--td-ui-font-mono); font-size: .68rem; }
.td-wordpress-master .td-wp-step::after { position: absolute; top: 30px; right: -13px; z-index: 2; color: var(--td-ui-primary); content: "→"; }
.td-wordpress-master .td-wp-step:nth-child(4n)::after,
.td-wordpress-master .td-wp-step:last-child::after { display:none; }

.td-wordpress-master .td-wordpress-price-card { display:flex; flex-direction:column; }
.td-wordpress-master .td-wordpress-price-card strong { margin-top: 18px; color: var(--td-ui-primary); font-family: var(--td-ui-font-mono); font-size: .86rem; }
.td-wordpress-master .td-wordpress-price-card .td-card-link { margin-top:auto; padding-top:18px; }
.td-wordpress-master .td-wp-limits__note { margin-top: 20px; color: var(--td-ui-muted); font-size: .78rem; }

.td-wordpress-master .td-wp-faq .td-ui-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
}

.td-wordpress-master .td-wp-faq .td-ui-faq details {
  align-self: start;
}

.td-wordpress-master .td-page-cta { padding: 40px 0 100px; }
.td-wordpress-master .td-page-cta__panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:center; overflow:hidden; padding:40px; border:1px solid var(--td-ui-line-strong); border-radius:18px; background:radial-gradient(520px circle at 12% 10%,rgba(108,140,255,.13),transparent 66%),radial-gradient(380px circle at 92% 10%,rgba(245,166,35,.09),transparent 66%),var(--td-ui-surface); box-shadow:var(--td-ui-shadow-sm); }
.td-wordpress-master .td-page-cta__panel h2 { margin:0; color:var(--td-ui-text); font-size:clamp(2rem,3.2vw,2.7rem); }
.td-wordpress-master .td-page-cta__panel p:not(.td-eyebrow) { max-width:680px; margin:13px 0 0; }

.td-wordpress-master.is-wordpress-motion-ready [data-wordpress-reveal] { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }
.td-wordpress-master.is-wordpress-motion-ready [data-wordpress-reveal].is-visible { opacity:1; transform:none; }

@media (max-width:1080px) {
  .td-wordpress-master .td-wordpress-hero__grid { grid-template-columns:1fr; }
  .td-wordpress-runtime { max-width:720px; }
  .td-wordpress-master :is(.td-wp-benefits-grid,.td-wp-shop-grid,.td-wp-price-grid,.td-wp-limits-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .td-wordpress-master .td-wp-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .td-wordpress-master .td-wp-step:nth-child(2n)::after { display:none; }
  .td-wordpress-master .td-page-cta__panel { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .td-wordpress-master .td-wordpress-hero { padding:122px 0 62px; }
  .td-wordpress-runtime__canvas { min-height:390px; }
  .td-wordpress-runtime__node { min-width:112px; padding:10px; }
  .td-wordpress-master :is(.td-wp-benefits-grid,.td-wp-included-grid,.td-wp-types-grid,.td-wp-shop-grid,.td-wp-price-grid,.td-wp-limits-grid,.td-wp-columns,.td-wp-seo-grid,.td-wp-steps),
  .td-wordpress-master .td-wp-faq .td-ui-faq { grid-template-columns:1fr; }
  .td-wordpress-master .td-wp-step::after { display:none; }
  .td-wordpress-master .td-page-cta__panel { padding:28px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .td-wordpress-runtime { transform:none; }
  .td-wordpress-runtime__orbit { animation:none; }
}