/* Shared two-page layout. Brand blue sampled from the approved wordmark. */
:root {
  --brand-blue: #009cfd;
  --accent: var(--brand-blue);
  --accent-bright: #8fd2ff;
}
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
.nav-links > a[aria-current="page"] {
  color: var(--accent-bright);
  text-decoration: underline;
  text-decoration-color: var(--brand-blue);
  text-decoration-thickness: 2px;
  text-underline-offset: 9px;
}
.hero { background: radial-gradient(ellipse at 80% 10%, #009cfd0a, transparent 65%); }
.hero h1 em { color: var(--brand-blue); }
.btn-primary, .nav-cta { background: var(--brand-blue); color: #06101d; }
.btn-primary:hover:not(:disabled), .nav-cta:hover { background: #4bb9ff; color: #06101d; }
.automation-hero { padding: 48px 0 32px; }
.automation-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }
.automation-intro h1 { font-size: clamp(2.8rem, 4.4vw, 4.3rem); margin: 0; }
.automation-intro .hero-lead { margin-top: 0; font-size: 1.12rem; }
.automation-intro .hero-copy { font-size: .95rem; margin-bottom: 0; }
.automation-intro .hero-ctas { flex-wrap: wrap; gap: 18px 24px; margin: 22px 0 0; }
.automation-intro .btn-primary { padding: 14px 18px; font-size: .78rem; }
.automation-intro .text-link { font-size: .78rem; }
.automation-hero .section-label { margin-bottom: 24px; }
.demo-section { padding-top: 0; padding-bottom: 44px; }
.trust-strip { padding: 90px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trust-heading { text-align: left; margin-bottom: 4px; }
.trust-logos { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; justify-items: center; gap: 40px; height: 80px; }
.trust-logos img { display: block; width: 100%; max-width: 180px; height: 70px; object-fit: contain; }
.trust-logos .westpac { height: 35px; filter: grayscale(1) invert(1); mix-blend-mode: screen; }
.trust-logos .solbox { max-width: 190px; height: 88px; filter: grayscale(1) invert(1); mix-blend-mode: screen; }
.trust-logos .billboard { filter: grayscale(1); height: 44px; }
.trust-logos .hyperscience { max-width: 240px; height: 112px; filter: invert(1); mix-blend-mode: screen; }
.hero-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; }
.marketing-hero { padding: 72px 0 64px; }
.marketing-hero h1 { font-size: clamp(3.6rem, 5.6vw, 5.8rem); margin: 0; }
.marketing-hero .hero-lead { font-size: 1.15rem; }
.marketing-hero .hero-copy { font-size: .94rem; }
.marketing-hero .hero-ctas { flex-wrap: wrap; gap: 20px; margin: 28px 0 0; }
.hero-art { margin: 0; }
.hero-art img { display: block; width: 100%; height: auto; border-radius: 14px; }
.hero-art figcaption { color: var(--muted); font-size: .72rem; margin-top: 14px; }
.marketing-hero + .trust-strip { background: #0b1523; }
#marketing { background: var(--bg); }
.marketing-grid { column-gap: 48px; row-gap: 56px; }
.marketing-number { color: var(--accent-bright); font-variant-numeric: tabular-nums; }
.marketing-approval { padding: 28px 0; border-top: 1px solid var(--line); margin-top: 32px; }
.service-card h3 { font-size: 1.3rem; }
.service-card p { max-width: 58ch; font-size: .93rem; }
#work { background: #0c1725; }
#web-work { background: #0c1725; }
#contact { background: radial-gradient(ellipse at 10% 80%, #009cfd0c, transparent 60%), #0b1523; }
@media (max-width: 1050px) {
  .automation-intro { gap: 32px; }
  .hero-layout { gap: 36px; }
  .marketing-hero .hero-ctas { align-items: flex-start; flex-direction: column; }
  .trust-logos { gap: 28px; }
}
@media (max-width: 760px) {
  .automation-hero { padding: 36px 0 30px; }
  .automation-intro, .hero-layout { grid-template-columns: 1fr; gap: 25px; }
  .automation-intro h1 { font-size: clamp(2.6rem, 7.8vw, 3.8rem); }
  .automation-intro .hero-ctas { align-items: flex-start; }
  .demo-section { padding-bottom: 32px; }
  .trust-logos { grid-template-columns: 1fr 1fr; height: auto; gap: 12px 28px; }
  .trust-logos img { max-width: 160px; }
  .trust-logos .hyperscience { max-width: 200px; height: 90px; }
  .trust-strip { padding: 60px 0; }
  .marketing-hero { padding: 44px 0; }
  .marketing-hero h1 { font-size: clamp(3.3rem, 9vw, 4.8rem); }
  .marketing-hero .hero-ctas { margin-bottom: 8px; }
  .marketing-grid { gap: 40px; }
  .marketing-approval { width: calc(100% - 40px); }
  .service-card h3 { font-size: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
/* Keep the opening demonstration in view rather than repeating a large headline. */
.demo-section .live-pipeline { padding-top: 26px; }
.demo-section .pipeline-showcase-head { padding-bottom: 22px; gap: 24px; }
.demo-section .pipeline-showcase-head h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); }
.demo-section .pipeline-showcase-head > div:first-child > p:last-child { font-size: .88rem; }
.demo-section .pipeline-showcase-head .eyebrow { font-size: .65rem; margin-bottom: 10px; }
@media (max-width: 760px) {
  .demo-section .pipeline-showcase-head { flex-direction: column; gap: 8px; }
}