/* AI-era positioning modules: agent console, ERP comparison and platform map.
   Brand tokens (--ink, --blue, --line, --cloud, --muted) come from brand-refresh.css. */
.aiaas-page { --era-night:#0b1a29; --era-panel:#0f2437; --era-edge:#1f3a52; --era-text:#e6edf5; --era-dim:#93a8bd; --era-glow:#5b8cff; --era-ok:#38c98a; }

/* Hero: a quiet technical grid and glow behind the existing two-column hero. */
.brand-home .brand-hero,.localized-home .localized-hero { position:relative; isolation:isolate; }
.brand-home .brand-hero::before,.localized-home .localized-hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 55% at 78% 30%, #2457e61f 0%, #2457e600 70%),
    linear-gradient(#dbe4ec66 1px, transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg, #dbe4ec66 1px, transparent 1px) 0 0/44px 44px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%); mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%); }
.era-chip-row { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; list-style:none; }
.era-chip-row li { font-size:12px; line-height:1; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#ffffffcc; color:var(--ink); }
.era-chip-row li::before { content:"✓"; color:var(--blue); font-weight:700; margin-right:6px; }

/* Shared section heading */
.era-section { padding:104px 0; }
.era-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 18px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); }
.era-kicker::before { content:""; width:18px; height:2px; background:currentColor; }
.era-section h2,.era-agent h2 { font-size:clamp(32px,4.2vw,50px); font-weight:600; line-height:1.12; letter-spacing:-.03em; margin:0 0 20px; }
.era-lead { color:var(--muted); font-size:17px; line-height:1.8; max-width:640px; margin:0; }

/* Agent console — the dark "operating surface" band */
.era-agent { background:var(--era-night); color:var(--era-text); padding:104px 0 96px; position:relative; overflow:hidden; isolation:isolate; }
.era-agent::before { content:""; position:absolute; z-index:-1; width:760px; height:760px; right:-180px; top:-260px; background:radial-gradient(circle,#2457e640 0%,#2457e600 65%); }
.era-agent .era-kicker { color:#8fb0ff; }
.era-agent h2 { color:white; }
.era-agent .era-lead { color:var(--era-dim); }
.era-agent-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:64px; align-items:center; }
.era-agent .aiaas-connect-box { background:var(--era-panel); border:1px solid var(--era-edge); color:var(--era-text); margin:30px 0 26px; }
.era-agent .aiaas-connect-box p { color:var(--era-dim); }
.era-agent .aiaas-connect-box code { color:#cfe0ff; }
.era-agent .aiaas-button { background:var(--blue); border-color:var(--blue); color:white!important; }
.era-agent .aiaas-button.secondary { background:transparent; border-color:var(--era-edge); color:var(--era-text)!important; }
.era-agent .aiaas-button.secondary:hover { background:var(--era-panel); }
.era-agent .native-agent-goal { color:var(--era-dim); }
.era-trust { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px; margin:30px 0 0; padding:0; list-style:none; }
.era-trust li { font-size:13px; line-height:1.55; color:var(--era-text); padding-left:22px; position:relative; }
.era-trust li::before { content:""; position:absolute; left:0; top:4px; width:12px; height:12px; border-radius:3px; border:1.5px solid var(--era-ok); background:linear-gradient(135deg,#38c98a33,#38c98a00); }

.era-console { margin:0; border:1px solid var(--era-edge); border-radius:12px; background:linear-gradient(180deg,#10273b 0%,#0d2032 100%); box-shadow:0 30px 80px #00000059, 0 0 0 1px #ffffff08 inset; overflow:hidden; font-size:13px; }
.era-console-bar { display:flex; align-items:center; gap:7px; padding:12px 16px; border-bottom:1px solid var(--era-edge); color:var(--era-dim); font-size:11px; }
.era-console-bar i { width:9px; height:9px; border-radius:50%; background:#2b4560; }
.era-console-bar span { margin-left:8px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.era-console-bar em { margin-left:auto; font-style:normal; border:1px solid var(--era-edge); border-radius:20px; padding:3px 8px; font-size:10px; }
.era-console ol { list-style:none; margin:0; padding:20px 20px 22px; display:grid; gap:10px; }
.era-line { display:grid; grid-template-columns:22px 1fr; gap:10px; align-items:start; line-height:1.6; }
.era-line > b { font-weight:600; font-size:12px; text-align:center; border-radius:5px; padding:1px 0; }
.era-line.is-user > b { background:#2457e6; color:white; }
.era-line.is-user p { color:white; font-size:14px; margin:0; }
.era-line.is-tool { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; }
.era-line.is-tool > b { color:#8fb0ff; }
.era-line.is-tool code { color:#cfe0ff; }
.era-line.is-tool small { display:block; color:var(--era-dim); font-size:11px; }
.era-line.is-tool .ok { color:var(--era-ok); }
.era-line.is-answer { margin-top:6px; padding:14px; border:1px solid #2457e666; border-radius:9px; background:#2457e61a; grid-template-columns:22px 1fr; }
.era-line.is-answer > b { background:var(--era-ok); color:#06261a; }
.era-line.is-answer p { margin:0; color:var(--era-text); font-size:14px; }
.era-line.is-answer strong { color:white; }
.era-console figcaption { border-top:1px solid var(--era-edge); padding:11px 18px; color:var(--era-dim); font-size:10.5px; line-height:1.6; }
/* Progressive playback: everything is visible without script or with reduced motion. */
@media (prefers-reduced-motion:no-preference) {
  .era-console.is-armed .era-line { opacity:0; transform:translateY(6px); }
  .era-console.is-playing .era-line { animation:era-line-in .45s ease forwards; animation-delay:calc(var(--i, 0) * .55s); }
  .era-console.is-playing .era-line.is-answer::after { content:""; }
}
@keyframes era-line-in { to { opacity:1; transform:none; } }

.era-prompts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:64px 0 0; padding:0; list-style:none; }
.era-prompts li { border:1px solid var(--era-edge); border-radius:10px; padding:24px; background:#ffffff06; }
.era-prompts .native-access-label { color:#8fb0ff; }
.era-prompts h3 { color:white; font-size:18px; line-height:1.4; margin:0 0 10px; }
.era-prompts p { color:var(--era-dim); font-size:14px; line-height:1.7; margin:0; }
.era-prompts a,.era-prompts a.aiaas-inline-link { color:#cfe0ff; border-color:#cfe0ff66; }

/* Legacy ERP vs AI-native comparison */
.era-compare { background:white; }
.era-compare-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:end; margin-bottom:46px; }
.era-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.era-table th,.era-table td { text-align:left; vertical-align:top; padding:20px 24px; border-bottom:1px solid var(--line); font-size:15px; line-height:1.65; }
.era-table tr:last-child th,.era-table tr:last-child td { border-bottom:0; }
.era-table thead th { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); background:var(--cloud); padding-block:14px; }
.era-table thead th.era-us { color:var(--blue); background:#edf3ff; }
.era-table tbody th { width:20%; font-weight:600; color:var(--ink); }
.era-table td.era-them { color:var(--muted); width:36%; }
.era-table td.era-us { color:var(--ink); background:#f6f9ff; border-left:2px solid var(--blue); font-weight:500; }
.era-table td.era-us::before { content:"→ "; color:var(--blue); font-weight:700; }
.era-note { color:var(--muted); font-size:12px; line-height:1.7; margin:16px 0 0; }

/* Platform map */
.era-platform { background:var(--cloud); border-block:1px solid var(--line); }
.era-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:46px 0 0; padding:0; list-style:none; counter-reset:era; }
.era-modules li { position:relative; background:white; border:1px solid var(--line); border-radius:12px; padding:28px 26px 26px; transition:border-color .2s, transform .2s, box-shadow .2s; }
.era-modules li:hover { border-color:#9db8f5; transform:translateY(-2px); box-shadow:0 14px 34px #1531461a; }
.era-modules .era-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:#edf3ff; color:var(--blue); margin-bottom:18px; }
.era-modules .era-icon svg { width:22px; height:22px; }
.era-modules h3 { font-size:19px; margin:0 0 8px; line-height:1.35; }
.era-modules p { color:var(--muted); font-size:14px; line-height:1.7; margin:0; }
.era-modules a { position:static; color:inherit; text-decoration:none; }
.era-modules a::after { content:""; position:absolute; inset:0; border-radius:12px; }
.era-modules a:focus-visible { outline:none; }
.era-modules li:focus-within { outline:2px solid var(--blue); outline-offset:2px; }
.era-modules .era-agent-row { grid-column:1/-1; display:flex; gap:16px; align-items:center; background:var(--era-night); border-color:var(--era-night); color:var(--era-text); padding:22px 26px; }
.era-modules .era-agent-row:hover { border-color:var(--era-night); }
.era-modules .era-agent-row .era-icon { margin:0; background:#2457e633; color:#cfe0ff; flex:none; }
.era-modules .era-agent-row h3 { color:white; margin:0; font-size:17px; }
.era-modules .era-agent-row p { color:var(--era-dim); }

/* Localized pages reuse the same modules inside .localized-content */
.localized-home .era-section { padding:72px 0 0; }
.localized-home .era-compare,.localized-home .era-platform { background:transparent; border:0; }
.localized-home .era-console { margin-top:30px; }
.localized-agent-access.era-localized-agent { background:var(--era-night); border-color:var(--era-night); color:var(--era-text); }
.localized-agent-access.era-localized-agent h2 { color:white; }
.localized-agent-access.era-localized-agent > p,.localized-agent-access.era-localized-agent .agent-access-boundary,.localized-agent-access.era-localized-agent .agent-access-goal { color:var(--era-dim); }
.localized-agent-access.era-localized-agent .agent-access-examples li { background:#ffffff08; border-color:var(--era-edge); color:var(--era-text); }
.localized-agent-access.era-localized-agent .era-agent-grid { align-items:start; gap:40px; }

@media (max-width:1000px) {
  .era-agent-grid,.era-compare-head { grid-template-columns:1fr; gap:36px; }
  .era-prompts { grid-template-columns:1fr; }
  .era-modules { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .era-section,.era-agent { padding:72px 0; }
  .era-modules { grid-template-columns:1fr; }
  .era-trust { grid-template-columns:1fr; }
  .era-table thead { display:none; }
  .era-table,.era-table tbody,.era-table tr,.era-table th,.era-table td,.era-table tbody th,.era-table td.era-them { display:block; width:auto; }
  .era-modules li { padding:22px; }
  .era-table tr { border-bottom:1px solid var(--line); }
  .era-table tr:last-child { border-bottom:0; }
  .era-table th,.era-table td { border:0; padding:6px 18px; font-size:14px; }
  .era-table tbody th { padding-top:18px; }
  .era-table td.era-them::before { content:attr(data-label) " · "; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
  .era-table td.era-us { margin:4px 12px 16px; border-radius:6px; padding:10px 12px; }
  .era-console ol { padding:16px 14px; }
  .era-console-bar em { display:none; }
}
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.era-learn { margin:18px 0 0; display:flex; flex-wrap:wrap; gap:8px 22px; font-size:13px; }
.era-learn a { color:#cfe0ff; border-bottom:1px solid #cfe0ff55; padding-bottom:1px; }
.era-learn-light a { color:var(--blue); border-color:#2457e655; font-weight:600; }