/* Angels Consulting AI-first UX redesign */
:root { --ac-header-height:72px; --ac-ink:#14243a; --ac-muted:#53657d; --ac-blue:#315fda; --ac-blue-dark:#183b79; --ac-line:#d8e1ed; --ac-surface:#ffffff; --ac-canvas:#f5f8fc; --ac-navy:#10243a; --ac-mint:#aaf2dd; }
html { scroll-behavior:smooth; }
body.sc-site { color:var(--ac-ink); background:var(--ac-canvas); }
.sc-site .site-header { position:sticky!important; top:0!important; z-index:1002; min-height:72px; padding:10px max(22px,calc((100vw - 1200px)/2)); gap:clamp(12px,2vw,28px); background:rgba(255,255,255,.94); border-bottom:1px solid rgba(20,36,58,.09); backdrop-filter:blur(16px); }
.sc-site .brand-mark { color:#b5ff8d; background:#10243a; border-color:rgba(49,95,218,.22); }
.sc-site .brand strong { color:var(--ac-ink); }
.sc-site .brand small { color:var(--ac-muted); }
.sc-site .legal-doc h1 { color:var(--ac-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-weight:850; letter-spacing:-.06em; line-height:1.02; }
.sc-site .site-nav { gap:clamp(12px,1.7vw,24px); color:#3e4d64; font-weight:700; }
.sc-site .site-nav a:hover,.sc-site .site-nav summary:hover { color:var(--ac-blue); }
.sc-site .header-cta,.sc-site .button-primary { color:#fff; background:var(--ac-blue); box-shadow:0 8px 20px rgba(49,95,218,.18); }
.sc-site .header-cta:hover,.sc-site .button-primary:hover { background:var(--ac-blue-dark); }
.sc-site .button { min-height:48px; border-radius:10px; padding-inline:18px; }
.sc-site .button-secondary { color:var(--ac-ink); background:#fff; border-color:#cbd6e5; box-shadow:none; }
.sc-site .button-secondary:hover { border-color:var(--ac-blue); color:var(--ac-blue-dark); background:#f5f8ff; }
.sc-site .profile-photo { width:54px; height:54px; border-color:#fff; box-shadow:0 0 0 1px rgba(49,95,218,.26),0 6px 16px rgba(20,36,58,.12); }
.sc-site .reading-progress { top:var(--ac-header-height); z-index:1003; height:5px; background:linear-gradient(90deg,#315fda,#5aa6ff,#53ceb9); }
.sc-site .sc-process-trace { display:none !important; }
.sc-site .hero-ai { min-height:0; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); align-items:center; gap:clamp(34px,5vw,74px); padding:clamp(58px,8vh,96px) max(24px,calc((100vw - 1200px)/2)); overflow:hidden; color:var(--ac-ink); background:radial-gradient(ellipse at 83% 42%,rgba(49,95,218,.09),transparent 34%),linear-gradient(135deg,#f7faff,#f1f6ff 72%,#edf8fa); }
.sc-site .hero-ai .hero-content { width:100%; max-width:650px; padding:0; grid-column:1; grid-row:1; }
.sc-site .hero-ai .eyebrow,.sc-site .portfolio-hero .eyebrow,.sc-site .eyebrow { color:var(--ac-blue); }
.sc-site .hero-ai h1 { max-width:14ch; color:#14243a; font-size:clamp(2.9rem,5.1vw,4.55rem); font-weight:820; line-height:.99; letter-spacing:-.065em; }
.sc-site .hero-ai .hero-lead { max-width:600px; color:#53657d; font-size:clamp(1.05rem,1.5vw,1.24rem); line-height:1.65; }
.sc-site .hero-ai .hero-actions { gap:10px; margin-top:26px; }
.sc-site .hero-ai .signal-row { gap:8px; margin-top:20px; flex-wrap:wrap; }
.sc-site .hero-ai .signal-row span { padding:8px 12px; color:#28486e; border:1px solid #d6e5f5; border-radius:999px; background:#fff; font-size:12px; font-weight:700; }
.sc-site .ai-workflow-demo { width:min(100%,560px); margin:0; padding:clamp(20px,2.6vw,30px); justify-self:end; border:1px solid #d7e2f0; border-radius:22px; color:var(--ac-ink); background:rgba(255,255,255,.96); box-shadow:0 22px 60px rgba(24,59,121,.12); }
.sc-site .hero-ai .ai-workflow-demo { grid-column:2; grid-row:1; }
.sc-site .ai-workflow-demo__top,.sc-site .demo-card__top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.sc-site .ai-workflow-demo__eyebrow,.sc-site .demo-card__top { color:#64738b; font-size:10px; font-weight:800; letter-spacing:.11em; }
.sc-site .ai-workflow-demo__badge,.sc-site .demo-card__badge { padding:5px 9px; color:#1c507b; border:1px solid #cce7e6; border-radius:999px; background:#edfbf8; font-size:10px; font-weight:800; letter-spacing:.08em; }
.sc-site .ai-workflow-demo__title { margin:18px 0 20px; color:var(--ac-ink); font-size:clamp(1.2rem,1.9vw,1.55rem); line-height:1.2; letter-spacing:-.025em; }
.sc-site .ai-workflow-demo__path { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.sc-site .ai-workflow-demo__node { position:relative; display:flex; min-width:0; min-height:104px; flex-direction:column; justify-content:center; gap:5px; padding:12px 10px; border:1px solid #dce5f0; border-radius:12px; background:#f7f9fd; }
.sc-site .ai-workflow-demo__node:not(:last-child)::after { position:absolute; top:50%; right:-10px; z-index:1; width:10px; height:1px; content:""; background:#9db5d4; }
.sc-site .ai-workflow-demo__node>span { color:#73849b; font-size:9px; font-weight:800; letter-spacing:.1em; }
.sc-site .ai-workflow-demo__node strong { color:#1b3454; font-size:12px; line-height:1.2; }
.sc-site .ai-workflow-demo__node small { color:#75839a; font-size:10px; line-height:1.3; }
.sc-site .ai-workflow-demo__node--ai { border-color:#9dc3f6; background:#edf5ff; box-shadow:inset 0 0 0 1px rgba(49,95,218,.06); }
.sc-site .ai-workflow-demo__node--ai strong { color:#2557bb; }
.sc-site .ai-workflow-demo__outcomes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
.sc-site .ai-workflow-demo__outcomes>div { display:flex; flex-direction:column; gap:6px; min-width:0; padding:14px; border:1px solid #e1e7ef; border-radius:12px; background:#fff; }
.sc-site .ai-workflow-demo__outcomes small { color:#315f9a; font-size:9px; font-weight:800; letter-spacing:.08em; }
.sc-site .ai-workflow-demo__outcomes strong { color:#263b57; font-size:12px; line-height:1.35; }
.sc-site .ai-workflow-demo__outcomes span { color:#718096; font-size:11px; }
.sc-site .ai-workflow-demo figcaption { margin-top:14px; color:#667790; font-size:11px; line-height:1.5; }
.sc-site .section { padding:clamp(58px,7.4vw,92px) max(24px,calc((100vw - 1200px)/2)); border-top-color:#e0e7f0; }
.sc-site .section h2 { color:#14243a; font-size:clamp(1.9rem,3.3vw,2.8rem); line-height:1.08; letter-spacing:-.045em; }
.sc-site .section p:not(.eyebrow) { color:#53657d; line-height:1.72; }
.sc-site .intro { grid-template-columns:minmax(0,1fr) minmax(330px,.82fr); gap:clamp(30px,5vw,64px); align-items:center; background:#f8fbff !important; }
.sc-site .process-snapshot { width:min(100%,520px); margin:0; padding:22px; border:1px solid rgba(255,255,255,.16); border-radius:20px; color:#f4f8ff; background:linear-gradient(145deg,#142c48,#0e2036); box-shadow:0 20px 46px rgba(20,36,58,.16); }
.sc-site .process-snapshot__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; color:#c3d5ee; font-size:10px; font-weight:800; letter-spacing:.12em; }
.sc-site .process-snapshot__pill { padding:5px 8px; border:1px solid rgba(170,242,221,.45); border-radius:999px; color:#b5f1de; }
.sc-site .process-snapshot__row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 14px; border:1px solid rgba(204,221,246,.18); border-radius:11px; background:rgba(255,255,255,.07); }
.sc-site .process-snapshot__row>span { color:#a9bfdc; font-size:9px; font-weight:800; letter-spacing:.1em; }
.sc-site .process-snapshot__row strong { color:#fff; font-size:12px; text-align:right; }
.sc-site .process-snapshot__row--ai { border-color:rgba(117,176,255,.48); background:rgba(67,120,208,.18); }
.sc-site .process-snapshot__row--human { border-color:rgba(170,242,221,.35); }
.sc-site .process-snapshot__connector { padding:3px 0; color:#88a8d0; text-align:center; }
.sc-site .automation-map { background:#eef4fb; }
.sc-site .automation-map .systems-visual,.sc-site .automation-map .dashboard-visual { display:none !important; }
.sc-site .diagnosis { background:#eef4fb !important; }
.sc-site .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.sc-site .service-card { min-width:0; padding:24px; border:1px solid #dce5ef; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(24,59,121,.045); }
.sc-site .service-card-featured { border-color:#b8cbed; box-shadow:0 12px 30px rgba(49,95,218,.08); }
.sc-site .service-card h3 { color:#173454; font-size:1.14rem; line-height:1.25; }
.sc-site .service-card p { color:#5a6d85; line-height:1.65; }
.sc-site .method { background:#f0f5fb; }
.sc-site .method-steps,.sc-site .engagement-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sc-site .method-steps article,.sc-site .engagement-steps article { min-width:0; padding:22px; border:1px solid #dce5ef; border-radius:16px; background:#fff; }
.sc-site .method-steps article>span,.sc-site .engagement-steps article>span { color:var(--ac-blue); font-size:10px; font-weight:800; letter-spacing:.1em; }
.sc-site .method-steps h3,.sc-site .engagement-steps h3 { margin:12px 0 8px; color:#173454; font-size:1.15rem; line-height:1.3; }
.sc-site .proof { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.9fr); gap:clamp(28px,5vw,64px); align-items:center; color:#f5f8ff; background:#10243a; }
.sc-site .proof h2,.sc-site .proof h3 { color:#fff; }
.sc-site .proof p:not(.eyebrow) { color:#c5d3e5; }
.sc-site .proof .eyebrow { color:#aaf2dd; }
.sc-site .proof .fiverr-link { color:#bfe9df; }
.sc-site .proof .fiverr-link:hover { color:#fff; }
.sc-site .founder-card { display:flex; align-items:flex-start; gap:20px; min-width:0; padding:24px; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:rgba(255,255,255,.07); }
.sc-site .founder-card__portrait { flex:0 0 120px; width:120px; height:120px; border:3px solid #aaf2dd; border-radius:50%; object-fit:cover; object-position:center 18%; }
.sc-site .founder-card__label { margin:0 0 8px; color:#aaf2dd !important; font-size:10px; font-weight:800; letter-spacing:.1em; }
.sc-site .founder-card__copy h3 { margin:0 0 8px; font-size:1.2rem; }
.sc-site .founder-card__copy p:not(.founder-card__label) { margin:0 0 12px; font-size:.95rem; }
.sc-site .founder-card__copy>a { color:#fff; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.sc-site .portfolio-preview { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.78fr); gap:clamp(26px,5vw,60px); align-items:center; background:#fff; }
.sc-site .portfolio-preview .section-copy { max-width:680px; }
.sc-site .demo-teaser-visual { display:flex; flex-direction:column; gap:12px; max-width:480px; justify-self:end; padding:24px; border:1px solid #dce5ef; border-radius:18px; background:linear-gradient(145deg,#f5f8ff,#fff); box-shadow:0 15px 38px rgba(24,59,121,.08); }
.sc-site .demo-teaser-visual__label { color:#315fda; font-size:10px; font-weight:850; letter-spacing:.12em; }
.sc-site .demo-teaser-visual strong { color:#173454; font-size:1.3rem; line-height:1.35; }
.sc-site .demo-teaser-visual small { color:#65758c; line-height:1.5; }
.sc-site .contact-section { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(30px,5vw,66px); align-items:start; background:#edf4fd; }
.sc-site .contact-copy { min-width:0; }
.sc-site .contact-form { min-width:0; padding:clamp(20px,3vw,32px); border:1px solid #d7e1ed; border-radius:18px; background:#fff; box-shadow:0 14px 40px rgba(24,59,121,.08); }
.sc-site .contact-form label>span { color:#29405e; font-weight:700; }
.sc-site .contact-form input,.sc-site .contact-form select,.sc-site .contact-form textarea { min-height:48px; border-color:#cbd7e5; border-radius:9px; background:#fff; }
.sc-site .contact-form textarea { min-height:130px; }
.sc-site .contact-form input:focus,.sc-site .contact-form select:focus,.sc-site .contact-form textarea:focus { outline:3px solid rgba(49,95,218,.18); border-color:#315fda; }
.sc-site .first-step-card { max-width:460px; margin-top:26px; padding:22px; border:1px solid #d7e1ed; border-radius:16px; background:#fff; }
.sc-site .first-step-card__eyebrow { color:#315fda; font-size:10px; font-weight:850; letter-spacing:.12em; }
.sc-site .first-step-card ol { display:grid; gap:12px; margin:16px 0; padding:0; list-style:none; counter-reset:firststep; }
.sc-site .first-step-card li { display:grid; grid-template-columns:1fr; gap:3px; padding:0 0 12px 16px; border-bottom:1px solid #e4eaf1; counter-increment:firststep; position:relative; }
.sc-site .first-step-card li::before { position:absolute; left:0; top:1px; content:counter(firststep,decimal-leading-zero); color:#315fda; font-size:10px; font-weight:800; }
.sc-site .first-step-card li b { color:#203956; font-size:13px; }
.sc-site .first-step-card li span,.sc-site .first-step-card>small { color:#687a90; font-size:12px; line-height:1.5; }
.sc-site .portfolio-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); align-items:center; gap:clamp(32px,5vw,68px); min-height:0; padding:clamp(58px,8vh,92px) max(24px,calc((100vw - 1200px)/2)); color:var(--ac-ink); background:radial-gradient(ellipse at 82% 38%,rgba(49,95,218,.09),transparent 34%),linear-gradient(135deg,#f6f9ff,#edf5fb); }
.sc-site .portfolio-hero-copy { max-width:680px; }
.sc-site .portfolio-hero h1 { max-width:14ch; color:#14243a; font-size:clamp(2.8rem,4.8vw,4.2rem); line-height:1; letter-spacing:-.06em; }
.sc-site .portfolio-hero .hero-lead { max-width:640px; color:#53657d; font-size:1.08rem; line-height:1.65; }
.sc-site .portfolio-hero .signal-row { gap:8px; margin-top:20px; flex-wrap:wrap; }
.sc-site .portfolio-hero .signal-row span { padding:7px 11px; border:1px solid #d6e2f0; border-radius:999px; color:#35506e; background:#fff; font-size:11px; font-weight:700; }
.sc-site .portfolio-hero .ai-workflow-demo { justify-self:end; }
.sc-site .demo-disclaimer { margin:16px 0 0; color:#687990; font-size:12px; line-height:1.5; }
.sc-site .demo-section { background:#fff; }
.sc-site .section-heading { max-width:760px; margin:0 auto 30px 0; }
.sc-site .section-heading h2 { max-width:22ch; margin:0 0 14px; }
.sc-site .demo-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.sc-site .demo-card { display:flex; min-width:0; flex-direction:column; gap:14px; padding:22px; border:1px solid #dce5ef; border-radius:17px; background:#fff; box-shadow:0 10px 28px rgba(24,59,121,.055); }
.sc-site .demo-card__top { color:#4c617a; font-size:10px; letter-spacing:.08em; }
.sc-site .demo-card h3 { margin:0; color:#173454; font-size:1.2rem; line-height:1.25; letter-spacing:-.02em; }
.sc-site .demo-card>p { margin:0; font-size:.93rem; line-height:1.65; }
.sc-site .demo-card>p b { color:#29405e; }
.sc-site .demo-card__visual { display:flex; min-height:118px; flex-direction:column; justify-content:center; gap:7px; padding:17px; border:1px solid #dce5ef; border-radius:13px; background:linear-gradient(150deg,#f1f6ff,#fff); }
.sc-site .demo-card__visual small { color:#315fda; font-size:9px; font-weight:850; letter-spacing:.1em; }
.sc-site .demo-card__visual strong { color:#1c3454; font-size:14px; line-height:1.35; }
.sc-site .demo-card__visual span { color:#6b7d93; font-size:11px; }
.sc-site .demo-card .demo-card__note { margin-top:auto; padding-top:10px; border-top:1px solid #e7edf3; color:#77869a; font-size:11px; }
.sc-site .engagement-section { background:#eef4fb; }
.sc-site .engagement-steps { max-width:1120px; }
.sc-site .founder-proof { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:26px; background:#fff; }
.sc-site .founder-proof__portrait { width:112px; height:112px; border:3px solid #9bd9d4; border-radius:50%; object-fit:cover; object-position:center 18%; box-shadow:0 8px 24px rgba(24,59,121,.12); }
.sc-site .founder-proof h2 { max-width:24ch; margin:0 0 10px; }
.sc-site .founder-proof p:not(.eyebrow) { max-width:770px; }
.sc-site .founder-proof .eyebrow { margin-top:0; }
.sc-site .contact-cta { display:block; color:#fff; background:#10243a; }
.sc-site .contact-cta h2 { max-width:18ch; color:#fff; }
.sc-site .contact-cta p:not(.eyebrow) { max-width:660px; color:#c5d3e5; }
.sc-site .contact-cta .eyebrow { color:#aaf2dd; }
.sc-site figure.section-visual:not(.proof-visual),.sc-site figure.service-landing-visual { width:min(100%,540px); height:auto; min-height:0; max-height:none; aspect-ratio:4/3; overflow:hidden; margin:0; border:1px solid #d9e3ed; border-radius:18px; background:#edf3fb; box-shadow:0 16px 42px rgba(24,59,121,.085); transform:none; }
.sc-site figure.section-visual:not(.proof-visual) img,.sc-site figure.service-landing-visual img { width:100%; height:100%; max-height:none; object-fit:cover; object-position:center; filter:none !important; transform:none !important; }
.sc-site .service-landing { display:block; min-height:0; padding:clamp(48px,7vh,76px) max(24px,calc((100vw - 1200px)/2)); background:#f5f8fc; }
.sc-site .service-landing-copy { max-width:800px; }
.sc-site .service-landing-copy h1 { max-width:15ch; color:#14243a; font-size:clamp(2.8rem,5.5vw,4.6rem); line-height:1; letter-spacing:-.06em; }
.sc-site .service-landing-copy .hero-lead { max-width:700px; color:#53657d; font-size:1.12rem; line-height:1.65; }
.sc-site .service-detail { align-items:center; gap:clamp(28px,4vw,52px); }
.sc-site .service-detail > figure.service-landing-visual { grid-column:1 / -1; justify-self:center; width:min(100%,540px); }
.sc-site .service-detail > figure.ai-workflow-demo { grid-column:1 / -1; justify-self:center; width:min(100%,620px); aspect-ratio:auto; }
.sc-site .service-detail-copy { min-width:0; }
.sc-site .service-process .section-visual { display:none !important; }
.sc-site a:focus-visible,.sc-site button:focus-visible,.sc-site input:focus-visible,.sc-site select:focus-visible,.sc-site textarea:focus-visible { outline:3px solid rgba(49,95,218,.48); outline-offset:3px; }
.sc-site .site-footer { color:#d9e3ef; background:#0d1e31; }
.sc-site .site-footer a:hover { color:#aaf2dd; }
.sc-site [data-sc-parallax] { transform:none !important; }
@media (max-width:980px) {
  .sc-site .site-nav { gap:10px; font-size:12px; }
  .sc-site.nav-open .site-nav { top:calc(var(--ac-header-height) + 5px); z-index:1004; }
  .sc-site .hero-ai,.sc-site .portfolio-hero { grid-template-columns:minmax(0,1fr); gap:28px; }
  .sc-site .hero-ai .hero-content,.sc-site .hero-ai .ai-workflow-demo,.sc-site .portfolio-hero-copy,.sc-site .portfolio-hero .ai-workflow-demo { grid-column:1; grid-row:auto; justify-self:start; }
  .sc-site .hero-ai .ai-workflow-demo,.sc-site .portfolio-hero .ai-workflow-demo { width:min(100%,640px); justify-self:center; }
  .sc-site .intro,.sc-site .proof,.sc-site .portfolio-preview,.sc-site .contact-section { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .sc-site .demo-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  html { scroll-behavior:auto; }
  :root { --ac-header-height:64px; }
  .sc-site .site-header { min-height:64px; padding:8px 16px; gap:8px; }
  .sc-site .site-header .brand { gap:8px; }
  .sc-site .brand-mark { width:40px; height:40px; }
  .sc-site .brand strong { font-size:13px; }
  .sc-site .brand small { font-size:10px; }
  .sc-site .header-actions { gap:6px; }
  .sc-site .header-cta { min-height:42px; padding:0 11px; font-size:12px; }
  .sc-site .profile-photo { width:42px; height:42px; }
  .sc-site .hero-ai,.sc-site .portfolio-hero { padding:44px 20px 48px; gap:24px; }
  .sc-site .hero-ai h1,.sc-site .service-landing-copy h1 { font-size:clamp(2.45rem,10.5vw,3.5rem); }
  .sc-site .hero-ai .hero-lead,.sc-site .portfolio-hero .hero-lead { font-size:1rem; }
  .sc-site .hero-ai .hero-actions,.sc-site .portfolio-hero .hero-actions { display:flex; flex-wrap:wrap; gap:8px; }
  .sc-site .hero-ai .button,.sc-site .portfolio-hero .button { min-height:46px; }
  .sc-site .hero-ai .signal-row span,.sc-site .portfolio-hero .signal-row span { font-size:11px; }
  .sc-site .ai-workflow-demo { width:100%; padding:18px; border-radius:17px; }
  .sc-site .ai-workflow-demo__title { margin:14px 0 16px; font-size:1.2rem; }
  .sc-site .ai-workflow-demo__path { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .sc-site .ai-workflow-demo__node { min-height:78px; padding:10px; }
  .sc-site .ai-workflow-demo__node::after { display:none; }
  .sc-site .ai-workflow-demo__outcomes { grid-template-columns:minmax(0,1fr); }
  .sc-site .section { padding:54px 20px; }
  .sc-site .section h2 { font-size:clamp(1.8rem,7.5vw,2.35rem); }
  .sc-site .intro,.sc-site .proof,.sc-site .portfolio-preview,.sc-site .contact-section,.sc-site .service-detail { grid-template-columns:minmax(0,1fr); gap:24px; }
  .sc-site .process-snapshot { padding:17px; }
  .sc-site .process-snapshot__row { align-items:flex-start; flex-direction:column; gap:5px; }
  .sc-site .process-snapshot__row strong { text-align:left; }
  .sc-site .service-grid,.sc-site .method-steps,.sc-site .engagement-steps,.sc-site .demo-card-grid { grid-template-columns:minmax(0,1fr); }
  .sc-site .service-card,.sc-site .method-steps article,.sc-site .engagement-steps article,.sc-site .demo-card { padding:19px; }
  .sc-site .founder-card { align-items:flex-start; flex-direction:column; padding:20px; }
  .sc-site .founder-card__portrait { width:108px; height:108px; flex-basis:108px; }
  .sc-site .founder-proof { grid-template-columns:78px minmax(0,1fr); gap:17px; }
  .sc-site .founder-proof__portrait { width:78px; height:78px; }
  .sc-site .demo-teaser-visual { width:100%; justify-self:stretch; padding:19px; }
  .sc-site .first-step-card { padding:18px; }
  .sc-site figure.section-visual:not(.proof-visual),.sc-site figure.service-landing-visual { width:100%; aspect-ratio:4/3; border-radius:15px; }
  .sc-site .service-landing { padding:44px 20px; }
  .sc-site .service-landing-copy h1 { font-size:clamp(2.4rem,10vw,3.2rem); }
  .sc-site .service-detail > figure.service-landing-visual,.sc-site .service-detail > figure.ai-workflow-demo { grid-column:1; }
  .sc-site .contact-form { padding:19px; }
  .sc-site .form-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:390px) {
  .sc-site .brand small { display:none; }
  .sc-site .header-cta { padding-inline:9px; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Fill the space left by removing the repeated editorial photos. */
.sc-site .automation-map { display:block; }
.sc-site .automation-map .section-heading { display:grid; grid-template-columns:minmax(150px,.34fr) minmax(0,1fr); align-items:start; gap:28px; margin:0 0 26px; }
.sc-site .automation-map .section-heading .eyebrow { margin:8px 0 0; }
.sc-site .automation-map-layout { display:block; width:100%; max-width:none; }
.sc-site .automation-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sc-site .automation-points article { min-width:0; padding:22px; border:1px solid #dce5ef; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(24,59,121,.045); }
.sc-site .method:not(.service-process),.sc-site .service-process { display:block; }
.sc-site .method:not(.service-process) > .section-copy,.sc-site .service-process > .section-copy { max-width:760px; margin:0 0 26px; }
.sc-site .method:not(.service-process) > .section-copy h2,.sc-site .service-process > .section-copy h2 { max-width:22ch; }
.sc-site .method-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:980px) {
  .sc-site .automation-points { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .sc-site .automation-map .section-heading { display:block; margin-bottom:22px; }
  .sc-site .automation-points,.sc-site .method-steps { grid-template-columns:minmax(0,1fr); }
  .sc-site .automation-points article { padding:19px; }
}


/* Keep service landing copy balanced on wide screens. */
.sc-site .service-landing-copy { margin-inline:auto; }

/* Keep every interactive outcome label and description readable on blue. */
.sc-site .diagnosis-result p:not(.mini-label),
.sc-site .diagnosis-result p.mini-label { color:#fff; }