/* VerifyAI Agents — lightweight theme styles */
:root {
  --vai-navy: #102a50;
  --vai-blue: #0878f9;
  --vai-cyan: #13b8d5;
  --vai-ink: #183657;
  --vai-muted: #526985;
  --vai-pale: #eef6ff;
  --vai-line: #dce7f3;
  --vai-shadow: 0 14px 40px rgba(25, 77, 133, .09);
}
html { scroll-behavior: smooth; }
body { color: var(--vai-ink); }
a { text-underline-offset: 3px; }
a:hover { text-decoration: underline; }
.wp-site-blocks { overflow: clip; }
.wp-site-blocks > * { margin-block-start: 0; }
.wp-block-post-content > * { margin-block-start: 1.25rem; }
.wp-block-post-content > .alignfull { margin-block-start: 0; }
.wp-block-group.alignfull { padding-left: max(24px, calc((100% - 1180px) / 2)); padding-right: max(24px, calc((100% - 1180px) / 2)); }
.vai-header { padding: 18px 24px; border-bottom: 1px solid #edf2f8; background: rgba(255,255,255,.96); }
.vai-header-inner { max-width: 1180px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.vai-brand { color: var(--vai-navy); font-size: 1.25rem; font-weight: 800; letter-spacing: -.04em; white-space: nowrap; }
.vai-brand a { color: inherit; text-decoration:none; }
.vai-brand-mark { display:inline-grid; place-items:center; width:34px; height:34px; margin-right:8px; border-radius:11px; color:white; background:linear-gradient(145deg,var(--vai-blue),#0756c7); vertical-align:middle; font-size:1.1rem; }
.vai-nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:clamp(12px,2vw,28px); }
.vai-nav a { color:#29496e; text-decoration:none; font-size:.9rem; font-weight:550; }
.vai-nav a:hover { color:var(--vai-blue); }
.vai-header-cta { white-space:nowrap; }
.wp-block-button__link, .wp-element-button { transition: transform .15s ease, box-shadow .15s ease; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link { background:var(--vai-blue); color:#fff; box-shadow:0 6px 15px rgba(8,120,249,.15); }
.wp-block-button__link:hover { transform:translateY(-1px); box-shadow:0 9px 22px rgba(8,120,249,.18); text-decoration:none; }
.wp-block-button.is-style-outline .wp-block-button__link { color:var(--vai-blue); border:1px solid var(--vai-blue); background:transparent; }
.vai-hero { background:radial-gradient(ellipse at 78% 35%,#e0f0ff 0,rgba(238,246,255,.75) 32%,#f8fbff 72%); padding-top:clamp(56px,8vw,100px); padding-bottom:clamp(56px,8vw,100px); }
.vai-hero-inner { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr); align-items:center; gap:clamp(32px,5vw,76px); }
.eyebrow, .card-kicker { color:var(--vai-blue); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; }
.hero-title { max-width:720px; font-size:clamp(2.4rem,5vw,4.25rem); letter-spacing:-.055em; line-height:1.04; margin:0 0 22px; }
.hero-lead { font-size:clamp(1.15rem,2vw,1.45rem); line-height:1.5; color:#385779; max-width:760px; }
.vai-hero-copy > p:not(.eyebrow):not(.hero-lead) { max-width:610px; }
.vai-dashboard { background:#fff; border:1px solid #dceaf8; border-radius:18px; padding:clamp(20px,3vw,32px); box-shadow:0 22px 60px rgba(37,108,177,.14); position:relative; }
.vai-dashboard:before { content:""; position:absolute; inset:-22px 14% 18% -8%; background:linear-gradient(135deg,#cce7ff,#eef7ff); border-radius:42% 58% 52% 48%; z-index:-1; }
.vai-dashboard-top { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--vai-line); }
.vai-dashboard-top h3 { margin:0; font-size:1.05rem; }
.vai-status { display:inline-block; background:#dcf8ed; color:#087d61; border-radius:999px; padding:5px 10px; font-size:.75rem; font-weight:750; }
.vai-record { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; padding:20px 0; }
.vai-agent-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#eaf4ff; color:var(--vai-blue); font-size:1.45rem; }
.vai-agent-name { margin:0 0 3px; font-weight:750; color:var(--vai-navy); }
.vai-agent-sub { margin:0; font-size:.83rem; color:var(--vai-muted); }
.vai-data-list { display:grid; gap:0; }
.vai-data-row { display:grid; grid-template-columns:120px minmax(0,1fr); gap:10px; border-top:1px solid #edf2f8; padding:12px 0; font-size:.88rem; }
.vai-data-row span:first-child { color:var(--vai-muted); }
.vai-data-row strong { overflow-wrap:anywhere; color:var(--vai-navy); }
.vai-map-placeholder { margin-top:8px; border-radius:12px; padding:20px 12px; text-align:center; background:linear-gradient(135deg,#f2f8ff,#e4f1ff); color:#5c7fa7; font-size:.82rem; }
.vai-disclaimer, .disclaimer { color:#6a7f98; font-size:.78rem; }
.verification-card { border:1px solid var(--vai-line); border-radius:20px; padding:clamp(24px,4vw,44px); box-shadow:var(--vai-shadow); background:#fff; margin-top:40px; margin-bottom:50px; }
.verification-card h3 { margin-top:0; }
.sample-result { padding:22px; border-radius:14px; background:#f5f9ff; border:1px solid #e2edf9; }
.sample-result h4 { margin:4px 0 16px; }
.result-label { color:var(--vai-blue); font-size:.72rem; letter-spacing:.1em; font-weight:800; }
.status-pill { display:inline-block; border-radius:999px; background:#e3f7f1; color:#087d61; padding:4px 10px; font-size:.8rem; }
.section-title { margin-top:clamp(48px,7vw,82px); margin-bottom:30px; }
.feature-grid { gap:28px; margin-top:28px; margin-bottom:clamp(48px,7vw,82px); }
.feature-grid > .wp-block-column { padding:22px 18px; border:1px solid #edf2f8; border-radius:16px; background:#fff; box-shadow:0 8px 26px rgba(16,42,80,.035); }
.feature-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#eaf4ff; color:var(--vai-blue); font-size:1.7rem; font-weight:700; margin-top:0; }
.feature-grid h3 { font-size:1.08rem; }
.soft-section { background:var(--vai-pale); padding-top:clamp(48px,6vw,72px); padding-bottom:clamp(48px,6vw,72px); margin-top:0; }
.soft-section > h2 { margin-bottom:28px; }
.soft-section .wp-block-columns { gap:28px; }
.soft-section h3 { font-size:1.05rem; }
.cta-panel { margin-top:clamp(48px,7vw,82px); margin-bottom:clamp(48px,7vw,82px); border-radius:20px; padding:clamp(28px,5vw,56px); background:linear-gradient(120deg,#102a50,#123d70); color:#fff; }
.cta-panel h2 { color:#fff; max-width:780px; }
.cta-panel p:not(.eyebrow) { color:#d6e5f8; max-width:700px; }
.cta-panel .eyebrow { color:#6fe2f0; }
.notice-card { background:#f3f8ff; border:1px solid #dce9f7; border-radius:16px; padding:clamp(22px,4vw,36px); margin-block:28px; }
.vai-footer { background:#f8fbfe; border-top:1px solid #e6edf5; padding:32px 24px; }
.vai-footer-inner { max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; }
.vai-footer-links { display:flex; gap:18px; flex-wrap:wrap; }
.vai-footer a { color:#526985; font-size:.88rem; text-decoration:none; }
.vai-footer a:hover { color:var(--vai-blue); }
.vai-copyright { color:#74869b; font-size:.8rem; }
.wp-block-post-title { letter-spacing:-.04em; }
.wp-block-post-content > h1, .wp-block-post-content > h2, .wp-block-post-content > h3, .wp-block-post-content > p, .wp-block-post-content > ul, .wp-block-post-content > ol { max-width:760px; margin-left:auto; margin-right:auto; }
.wp-block-post-content > .alignwide, .wp-block-post-content > .alignfull { max-width:none; }
.wp-block-post-content > .wp-block-buttons { max-width:760px; margin-left:auto; margin-right:auto; }
@media (max-width: 900px) {
  .vai-header-inner { flex-wrap:wrap; justify-content:center; }
  .vai-nav { order:3; width:100%; }
  .vai-hero-inner { grid-template-columns:1fr; }
  .vai-dashboard { max-width:620px; width:100%; box-sizing:border-box; margin:0 auto; }
  .feature-grid { flex-wrap:wrap !important; }
  .feature-grid > .wp-block-column { flex-basis:calc(50% - 18px) !important; }
}
@media (max-width: 600px) {
  .vai-header { padding:16px; }
  .vai-header-inner { gap:14px; }
  .vai-nav { gap:10px 16px; }
  .vai-nav a { font-size:.82rem; }
  .vai-header-cta { display:none; }
  .vai-hero { padding:48px 20px; }
  .hero-title { font-size:clamp(2.25rem,11vw,3.2rem); }
  .vai-data-row { grid-template-columns:100px minmax(0,1fr); }
  .feature-grid > .wp-block-column { flex-basis:100% !important; }
  .soft-section .wp-block-columns { display:block; }
  .soft-section .wp-block-column + .wp-block-column { margin-top:24px; }
  .vai-footer-inner { display:block; }
  .vai-footer-links { margin:16px 0; gap:12px; }
}