/* App services, with a compact supporting project example. */
.app-hero-grid { grid-template-columns:1.1fr 1fr; gap:64px; }
.app-page .app-hero-grid h1 { font-size:clamp(48px,5.6vw,76px); max-width:none; }
.app-hero-description { color:var(--muted); font-size:18px; max-width:45ch; }
.app-possibilities { min-width:0; padding:34px; background:var(--sage); }
.app-possibilities-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.app-possibilities-heading .eyebrow { margin:0; }
.app-possibilities-heading > span { color:var(--red); font-size:30px; line-height:1; }
.app-possibilities h2 { font-size:clamp(30px,3vw,42px); margin-bottom:28px; }
.app-outcomes { list-style:none; padding:0; margin:0; }
.app-outcomes li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:18px; padding:20px 0; border-top:1px solid var(--rule); }
.app-outcomes li:last-child { padding-bottom:0; }
.app-outcomes h3 { font-size:23px; line-height:1.2; margin:0 0 8px; }
.app-outcomes p { font-size:15px; line-height:1.5; color:var(--muted); margin:0; }
.app-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 38px; list-style:none; margin:36px 0 0; padding:0; }
.app-capabilities li { padding:28px 0; border-top:1px solid var(--rule); }
.app-capabilities .step-number { display:block; margin-bottom:22px; color:var(--red); }
.app-capabilities h3 { font-size:27px; line-height:1.15; margin-bottom:14px; }
.app-capabilities p { font-size:16px; color:var(--muted); margin:0; }
.app-page .scope-note { margin-top:8px; }
.app-page .service-process .service-intro .lead { color:#d4d5cd; }
.app-page .service-process .service-intro h2 { margin-bottom:0; }
.app-example-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:center; }
.app-example-copy > .eyebrow { color:var(--red); }
.app-example-copy > p:not(.lead):not(.eyebrow) { font-size:16px; color:var(--muted); }
.app-example-features { list-style:none; padding:0; margin:24px 0 0; border-top:1px solid var(--rule); }
.app-example-features li { padding:10px 0; border-bottom:1px solid var(--rule); font-size:15px; }
.app-example-preview { min-width:0; }
.app-example-screens { display:grid; grid-template-columns:repeat(2,minmax(0,180px)); justify-content:center; align-items:start; gap:24px; padding:30px; background:#e9e5ef; }
.app-example-screens a { display:block; border-radius:16px; }
.app-example-screens a:nth-child(2) { margin-top:28px; }
.app-example-screens img { width:100%; height:auto; aspect-ratio:554/1200; border-radius:16px; box-shadow:0 10px 25px #29203418; }
.app-example-preview figcaption { padding-top:14px; color:var(--muted); font-size:12px; line-height:1.6; }
.app-support { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:42px; border-top:1px solid var(--rule); }
.app-support h2 { font-size:var(--compact-title); margin-bottom:0; }
.app-support p:not(.eyebrow) { font-size:16px; color:var(--muted); }
@media(max-width:1050px) {
 .app-hero-grid { gap:36px; }
 .app-possibilities { padding:28px; }
 .app-capabilities { gap:0 28px; }
 .app-example-grid,.app-support { gap:45px; }
 .app-example-screens { padding:24px; gap:18px; }
}
@media(max-width:800px) {
 .app-hero-grid { grid-template-columns:1fr; gap:32px; }
 .app-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .app-example-grid,.app-support { grid-template-columns:1fr; gap:30px; }
 .app-example-preview { width:100%; max-width:520px; }
 .app-example-screens { padding:30px; gap:24px; }
}
@media(max-width:540px) {
 .app-possibilities { padding:24px; }
 .app-possibilities-heading .eyebrow { font-size:10px; }
 .app-outcomes li { gap:12px; }
 .app-outcomes h3 { font-size:22px; }
 .app-capabilities { grid-template-columns:1fr; }
 .app-capabilities li { padding:24px 0; }
 .app-capabilities .step-number { margin-bottom:14px; }
 .app-example-screens { padding:22px; gap:16px; }
 .app-example-screens a,.app-example-screens img { border-radius:12px; }
}
@media print {
 .app-page .service-process .service-intro .lead { color:black; }
 .app-example-screens img { box-shadow:none; }
 .app-example-grid { break-inside:avoid; }
}