/* Practical services: existing Manrope type and Beach Intelligence theme tokens. */
.practical-services .hero { padding-top:160px; padding-bottom:64px; min-height:0; }
.practical-services .hero-title--practical { max-width:20ch; font-size:clamp(2rem,4.2vw,3.75rem); font-weight:500; line-height:1.14; letter-spacing:-.035em; margin-bottom:24px; text-wrap:balance; }
.practical-services .hero .eyebrow { max-width:60ch; margin-bottom:24px; font-size:1rem; color:var(--sand); }
.practical-services .hero-sub { max-width:66ch; font-size:1.0625rem; line-height:1.65; }
.practical-services .hero-art::after { background:linear-gradient(90deg,rgba(var(--bg-rgb),.94),rgba(var(--bg-rgb),.78) 50%,rgba(var(--bg-rgb),.12)),linear-gradient(0deg,rgb(var(--bg-rgb)),transparent 35%); }
.practical-services .section-title { font-size:clamp(1.75rem,3vw,2.75rem); line-height:1.2; letter-spacing:-.025em; text-wrap:balance; max-width:27ch; }
.practical-services .section-head { margin-bottom:32px; }
.practical-services #capabilities-teaser { padding-block:64px; }
.practical-services .service-pillars { margin-top:32px; }
.practical-services .service-pillars .offer { padding-block:32px; gap:48px; }
.practical-services .service-pillars h3 { font-size:clamp(1.4rem,2.3vw,2rem); max-width:21ch; }
.practical-services .service-pillars p { max-width:57ch; padding:0; line-height:1.65; }
.practical-services .service-pillars .service-scope { font-size:1rem; margin-top:16px; color:var(--aqua); }
.practical-services .practical-examples { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr); gap:64px; padding-block:80px; align-items:start; }
.examples-intro>p { font-size:1.0625rem; line-height:1.65; margin-top:24px; max-width:48ch; color:var(--sand-dim); }
.examples-intro .example-disclosure { font-size:1rem; border-left:2px solid var(--aqua); padding-left:16px; }
.example-list { min-width:0; border-top:1px solid var(--line); }
.workflow-example { border-bottom:1px solid var(--line); scroll-margin-top:112px; }
.workflow-example summary { position:relative; display:flex; align-items:center; gap:24px; cursor:pointer; min-height:72px; padding:24px 32px 24px 0; list-style:none; }
.workflow-example summary::-webkit-details-marker { display:none; }
.workflow-example summary::after { content:'+'; position:absolute; right:0; top:24px; color:var(--aqua); font-size:1.5rem; }
.workflow-example[open] summary::after { content:'−'; }
.workflow-example summary strong { display:block; font-size:1.25rem; font-weight:600; line-height:1.4; }
.workflow-example summary span span { display:block; font-size:1rem; color:var(--sand-dim); margin-top:8px; line-height:1.5; }
.workflow-example summary:hover strong { color:var(--aqua); }
.workflow-example summary:focus-visible { outline:2px solid var(--aqua); outline-offset:4px; }
.example-body { padding:0 0 32px; }
.example-body h3 { font-size:1rem; font-weight:500; color:var(--sand-dim); line-height:1.5; margin-bottom:16px; }
.example-body blockquote { border:0; margin:0 0 24px; padding:24px; background:var(--panel); color:var(--sand); font-size:1.25rem; font-weight:500; line-height:1.5; }
.example-flow { margin:0; }
.example-flow>div { margin-top:24px; }
.example-flow dt { color:var(--aqua); font-weight:600; margin-bottom:8px; }
.example-flow dd { margin:0; color:var(--sand-dim); font-size:1rem; line-height:1.65; }
.example-tie { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); font-size:1rem; color:var(--sand-dim); line-height:1.65; }
.practical-services .connected-services,.practical-services .working-together { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding-block:64px; border-top:1px solid var(--line); }
.connected-services p,.working-together p { margin:24px 0; color:var(--sand-dim); line-height:1.65; font-size:1.0625rem; max-width:60ch; }
.connected-services>div+div>p:first-child,.working-together>div>p:first-child { margin-top:0; }
.practical-services .text-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; }
.practical-services .sticky-cta { display:none; }
.practical-services .example-body h3[id] { scroll-margin-top:112px; }
.practical-services .home-work { padding-block:64px; }
.own-workflow { margin-top:32px; padding-block:24px; border-block:1px solid var(--line); max-width:80ch; }
.own-workflow summary { cursor:pointer; font-size:1.125rem; font-weight:600; padding-block:8px; }
.own-workflow summary:focus-visible { outline:2px solid var(--aqua); outline-offset:4px; }
.own-workflow>p { margin-top:24px; color:var(--sand-dim); line-height:1.65; }
#starting-points { scroll-margin-top:112px; }
#starting-points .service-rows { margin-top:32px; }
#starting-points .service-row ul+p { margin-top:16px; }
.practical-services .cta-strip { padding-block:64px; }
.practical-services .cta-strip h2 { font-size:clamp(1.75rem,3vw,2.75rem); line-height:1.2; max-width:24ch; margin-inline:auto; }
.practical-services .page-hero h1 { max-width:23ch; font-size:clamp(2rem,4.2vw,3.75rem); text-wrap:balance; }
.practical-services .service-row { scroll-margin-top:112px; }
.practical-services .service-row li[id] { scroll-margin-top:112px; }
.practical-services .service-row li::before { color:inherit; }
.practical-services .service-row .text-link { margin-top:16px; }
@media(min-width:1100px) { .examples-intro { position:sticky; top:120px; } }
@media(max-width:900px) {
  .practical-services .practical-examples { grid-template-columns:1fr; gap:32px; padding-block:48px; }
  .examples-intro .section-title { max-width:30ch; }
  .examples-intro>p { max-width:65ch; }
  .practical-services .connected-services,.practical-services .working-together { grid-template-columns:1fr; gap:24px; padding-block:48px; }
  .practical-services .service-pillars .offer { gap:24px; }
}
@media(max-width:600px) {
  .practical-services .hero-art img { opacity:.22; }
  .practical-services .hero { padding-top:120px; padding-bottom:48px; }
  .practical-services .hero .eyebrow { font-size:.875rem; margin-bottom:16px; max-width:36ch; }
  .practical-services .hero-sub { font-size:1rem; }
  .practical-services .hero-cta { margin-top:24px; gap:12px; }
  .practical-services .hero-meta { margin-top:24px; }
  .practical-services #capabilities-teaser { padding-block:48px; }
  .practical-services .service-pillars .offer { grid-template-columns:1fr; gap:16px; padding-block:24px; padding-right:32px; }
  .practical-services .service-pillars .offer h3 .arrow { top:24px; }
  .practical-services .service-pillars .service-scope { font-size:.9375rem; }
  .workflow-example summary strong { font-size:1.125rem; }
  .example-body blockquote { padding:16px; font-size:1.125rem; }
  .practical-services .home-work,.practical-services .cta-strip { padding-block:48px; }
}

/* Pricing rows and the following quote section share one divider and column grid. */
.pricing-page #ways{padding-bottom:0}
.pricing-page .connected-services{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;border-top:0;padding-block:48px}
.pricing-page .service-row p+p{margin-top:16px}
.pricing-page .connected-services p:last-child{margin-bottom:0}
@media(max-width:900px){.pricing-page .connected-services{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:700px){.pricing-page .connected-services{padding-block:32px}}
.pricing-page .faq-section{padding-top:16px}

/* Keep the homepage and service overview cadence aligned with the work pages. */
.home-page #service-video,.home-page #capabilities-teaser,.home-page .practical-examples,
.home-page .connected-services,.home-page .home-work,.home-page .working-together{padding-block:48px}
.home-page #service-video{padding-top:32px}
.home-page .cta-strip{padding-top:48px}
.home-page .connected-services p:last-child,.home-page .working-together p:last-child{margin-bottom:0}
.capabilities-page #capabilities{padding-bottom:32px}
.capabilities-page #starting-points,.capabilities-page #industries{padding-block:48px}
.capabilities-page .cta-strip{padding-top:48px}
@media(max-width:680px){
  .home-page #service-video,.home-page #capabilities-teaser,.home-page .practical-examples,
  .home-page .connected-services,.home-page .home-work,.home-page .working-together{padding-block:32px}
  .home-page .cta-strip,.capabilities-page .cta-strip{padding-top:32px}
  .capabilities-page #starting-points,.capabilities-page #industries{padding-block:32px}
}