:root {
  --agentpress-shadow: 0 18px 60px rgba(15, 23, 42, 0.10);
  --agentpress-border: rgba(15, 23, 42, 0.10);
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.wp-site-blocks { overflow: clip; }
.agentpress-shell { padding-left: clamp(1rem, 3vw, 2rem); padding-right: clamp(1rem, 3vw, 2rem); }
.agentpress-card {
  border: 1px solid var(--agentpress-border);
  border-radius: 24px;
  box-shadow: var(--agentpress-shadow);
  background: #fff;
}
.agentpress-eyebrow {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.agentpress-gradient-text {
  background: linear-gradient(90deg, #2563EB, #7C3AED);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.wp-element-button { transition: transform .18s ease, box-shadow .18s ease; }
.wp-element-button:hover { transform: translateY(-1px); box-shadow: 0 10px 30px rgba(15,23,42,.14); }

/* AgentPress 1.1 design primitives */
:root {
  --agentpress-radius-sm: 14px;
  --agentpress-radius-md: 24px;
  --agentpress-radius-lg: 36px;
  --agentpress-shadow-soft: 0 20px 70px rgba(11, 16, 32, 0.10);
  --agentpress-shadow-float: 0 26px 90px rgba(11, 16, 32, 0.16);
  --agentpress-hairline: color-mix(in srgb, currentColor 12%, transparent);
}

.agentpress-section {
  padding-block: clamp(4rem, 8vw, 8rem);
  padding-inline: clamp(1rem, 3vw, 2rem);
}

.agentpress-section--tight { padding-block: clamp(2.75rem, 5vw, 5rem); }
.agentpress-section--dark { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--paper); }
.agentpress-section--mist { background: var(--wp--preset--color--mist); }

.agentpress-hero {
  position: relative;
  isolation: isolate;
  min-height: min(860px, 88svh);
  display: grid;
  align-items: center;
  background:
    radial-gradient(circle at 8% 10%, rgba(49, 94, 246, .13), transparent 34%),
    radial-gradient(circle at 92% 28%, rgba(217, 78, 172, .11), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f7f8fb 100%);
}

.agentpress-hero::after {
  content: "";
  position: absolute;
  inset: auto 5% 8% auto;
  width: min(36vw, 520px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(25, 182, 210, .16), rgba(122, 90, 248, .06) 48%, transparent 70%);
  filter: blur(4px);
  z-index: -1;
  pointer-events: none;
}

.agentpress-display { max-width: 14ch; text-wrap: balance; }
.agentpress-lead { max-width: 62ch; color: var(--wp--preset--color--slate); }
.agentpress-eyebrow { color: var(--wp--preset--color--primary); }

.agentpress-surface {
  border: 1px solid rgba(11, 16, 32, .09);
  border-radius: var(--agentpress-radius-md);
  background: rgba(255,255,255,.92);
  box-shadow: var(--agentpress-shadow-soft);
}

.agentpress-glass {
  border: 1px solid rgba(255,255,255,.48);
  border-radius: var(--agentpress-radius-md);
  background: rgba(255,255,255,.58);
  box-shadow: var(--agentpress-shadow-soft);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.agentpress-rule { border-top: 1px solid var(--agentpress-hairline); }
.agentpress-sticky { position: sticky; top: 2rem; }

.agentpress-metric strong,
.agentpress-metric .wp-block-heading {
  display: block;
  font-size: clamp(2.6rem, 5vw, 5.4rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.agentpress-index {
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
  color: var(--wp--preset--color--muted);
}

.wp-element-button,
.wp-block-button__link {
  will-change: transform;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}

.wp-block-button.is-style-outline .wp-element-button:hover {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--paper);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--wp--preset--color--primary) 72%, white);
  outline-offset: 3px;
}

@media (max-width: 781px) {
  .agentpress-section { padding-block: clamp(3.5rem, 14vw, 5.5rem); }
  .agentpress-hero { min-height: auto; padding-block: clamp(5rem, 20vw, 8rem); }
  .agentpress-sticky { position: static; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}