/* The IA document inherits the original Google Sans and v3 design system. */
.v3-scope .v3-page-main.doer-ai { padding: 0; }
.doer-ai section[id], .doer-ai article[id] { scroll-margin-top: 96px; }
.v3-scope .doer-ai .v3-hero { min-height: 720px; }
.v3-scope .doer-ai .v3-hero-content { max-width: 1080px; padding: 156px 24px 96px; gap: 28px; }
.v3-scope .doer-ai .v3-hero-title { display: block; font-family: inherit; font-size: clamp(38px,5.2vw,72px); line-height: 1.18; }
.doer-ai-title-text { display: inline-block; padding-bottom: .08em; margin-bottom: -.08em; background: linear-gradient(160deg,#fff 20%,#ffffffb3 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.v3-scope .doer-ai .v3-page-kicker { opacity: 1; animation: none; max-width: 820px; font-size: clamp(17px,1.65vw,20px); }
.v3-scope .doer-ai .v3-hero-btns { opacity: 1; animation: none; }
.v3-scope .doer-ai .v3-breadcrumbs { padding-top: 40px; }
.v3-scope .doer-ai .v3-split-section { padding: 88px 0; box-shadow: none; }
.v3-scope .doer-ai .v3-breadcrumbs + .v3-split-section { padding-top: 48px; }
.v3-scope .doer-ai .v3-section-heading { line-height: 1.16; }
.v3-scope .doer-ai .v3-section-sub { max-width: 820px; }
.v3-scope .doer-ai .v3-lc-link { margin-top: 24px; line-height: 1.5; text-underline-offset: 4px; }
.doer-ai-partner-inner { align-items: center !important; }
.doer-ai-partner-art { display: flex; justify-content: center; }
.doer-ai-partner-art img { display: block; width: 375px; height: auto; max-width: 100%; }
/* This static document has no React scroll-reveal observer. */
.v3-scope .doer-ai .v3-mini-card { opacity: 1; transform: none; }
.doer-ai-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 44px; }
.doer-ai-service { display: flex; flex-direction: column; align-items: flex-start; }
.v3-scope .doer-ai-service .v3-mini-title { font-size: 26px; line-height: 1.22; }
.v3-scope .doer-ai-service .v3-mini-body { font-size: 17px; line-height: 1.7; margin-bottom: 24px; }
.v3-scope .doer-ai-service .v3-service-list { margin-bottom: 24px; }
.v3-scope .doer-ai-service .v3-service-list li { font-size: 15px; line-height: 1.6; }
.v3-scope .doer-ai-service .v3-lc-link { margin-top: auto; }
.doer-ai-grid, .doer-ai-method, .doer-ai-faq { margin-top: 40px; }
.v3-scope .doer-ai-method { grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; padding: 0; }
.v3-scope .doer-ai .doer-ai-reading { max-width: 1280px; }
.v3-scope .doer-ai .v3-cta-inner h2 { line-height: 1.16; padding-bottom: .08em; }
.doer-ai a:focus-visible, .doer-ai summary:focus-visible { outline: 2px solid var(--v3-blue); outline-offset: 5px; }
/* Static landing menu uses the same original breakpoint (860px). */
@media (max-width:860px) {
  .doer-ai-nav-open .v3-main-nav { display: block !important; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100dvh - 72px); overflow-y: auto; background: #0d0d0df5; padding: 24px 20px; }
  .doer-ai-nav-open .v3-nav-list { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
  .doer-ai-nav-open .v3-nav-link { display: block; border: 1px solid var(--v3-border); border-radius: 12px; padding: 14px 16px; font-size: 17px; }
}
@media (max-width:768px) {
  .v3-scope .doer-ai .v3-hero { min-height: 0; }
  .v3-scope .doer-ai .v3-hero-content { padding: 132px 20px 72px; gap: 26px; }
  .v3-scope .doer-ai .v3-hero-title { font-size: clamp(36px,8.9vw,54px); line-height: 1.2; }
  .v3-scope .doer-ai .v3-hero-btns { width: 100%; }
  .v3-scope .doer-ai .v3-hero-btns a { max-width: 100%; padding: 15px 24px; text-align: center; }
  .v3-scope .doer-ai .v3-split-section { padding: 60px 0; }
  .v3-scope .doer-ai .v3-breadcrumbs { padding-top: 32px; }
  .v3-scope .doer-ai .v3-breadcrumbs + .v3-split-section { padding-top: 40px; }
  .v3-scope .doer-ai .doer-ai-partner-inner { gap: 32px; }
  .doer-ai-partner-art { justify-content: flex-start; }
  .doer-ai-partner-art img { width: 280px; }
  .doer-ai-service-grid { grid-template-columns: 1fr; }
  .v3-scope .doer-ai-method { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:480px) {
  .v3-scope .doer-ai-method { grid-template-columns: 1fr; }
}
/* Home only: keep the original font, weight, size and gradient. Give painted
   descenders room inside each background-clipped word on narrow screens. */
@media (max-width:768px) {
  .v3-scope:has(#doer-ai-teaser) #hero .v3-hero-title { line-height: 1.2; }
  .v3-scope:has(#doer-ai-teaser) #hero .v3-hero-title-word { padding-bottom: .08em; margin-bottom: -.08em; }
}
/* Retain the previously published teaser and partner footer presentation. */
.doer-ai-teaser{color:#f5f5f7;font-family:var(--font-inter),sans-serif;max-width:1200px;margin:0 auto;padding:72px 32px;border-top:1px solid #34363e}
.doer-ai-teaser h2{font-size:clamp(26px,3vw,40px);line-height:1.18;letter-spacing:-.025em;margin:0 0 24px}
.doer-ai-teaser p{font-size:18px;line-height:1.75;color:#bfc2ca;max-width:850px}
.doer-ai-teaser a,.doer-partner-footer a{color:#9ebcff;text-underline-offset:4px}
.doer-ai-teaser a:focus-visible,.doer-partner-footer a:focus-visible{outline:2px solid #9ebcff;outline-offset:6px}
.doer-ai-teaser img{width:250px;height:auto;max-width:100%;margin:0 0 28px}
.doer-ai-teaser .doer-ai-link{display:inline-block;margin-top:16px;font-weight:600}
.doer-partner-footer{margin-top:28px}.doer-partner-footer img{display:block;width:200px;height:auto;max-width:100%;margin-bottom:14px}.doer-partner-footer a{font-size:14px}
.doer-ai-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.doer-ai-links a{font-size:16px}
@media(max-width:760px){.doer-ai-teaser{padding:48px 20px}.doer-ai-teaser p{font-size:17px}.doer-partner-footer img{width:180px}}
.v3-lp-footer-inner{flex-wrap:wrap}.v3-lp-footer-inner .doer-partner-footer{flex-basis:100%}
.v3-scope.v3-light-inner .v3-page-main>section#doer-ai-teaser,.v3-scope .doer-ai-teaser{background:#111218;color:#f5f5f7;border-color:#34363e}.v3-scope #doer-ai-teaser h2{color:#f5f5f7}.v3-scope #doer-ai-teaser p{color:#bfc2ca}.v3-scope #doer-ai-teaser a{color:#9ebcff}
.v3-scope .doer-ai .doer-ai-method { margin-top: 40px; }
