/* DevReady-only density and brand navigation; shared and AIReady styles remain separate. */
.devready-site .container { width: min(1200px, calc(100% - 80px)); }
.devready-site .site-header { position: relative; }
.devready-site .site-header > .container { min-height: 76px; gap: 24px; }
.devready-site .brand img { width: 108px; }
.devready-site .nav-links { gap: 26px; font-size: .8rem; }
.devready-site .devready-switchbar { background: #111510; color: #d6e8cc; }
.devready-site .devready-switchbar > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 29px;
  gap: 20px;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .025em;
}
.devready-site .devready-switchbar a { padding: 7px 0; }
.devready-site .devready-switchbar a:hover { color: #fff; text-decoration: underline; }
.devready-site .devready-switchbar a:focus-visible { outline-color: #a9df92; }
.devready-site .button { min-height: 47px; padding: 15px 20px; gap: 22px; font-size: .82rem; }
.devready-site .section { padding: 72px 0; }
.devready-site h2 { font-size: clamp(2.5rem, 4vw, 4rem); }
.devready-site .eyebrow { margin-bottom: 18px; }
.devready-site .lead { font-size: 1.15rem; line-height: 1.55; }
.devready-site .hero-layout { min-height: 490px; gap: 48px; }
.devready-site .hero-copy { padding: 49px 0 42px; }
.devready-site .hero h1 { font-size: clamp(3.35rem, 5.25vw, 5.4rem); }
.devready-site .hero-description { margin: 22px 0 24px; font-size: 1.08rem; }
.devready-site .hero-secondary { margin-top: 15px; }
.devready-site .hero-art { padding: 30px; }
.devready-site .brand-arrow { max-height: 270px; }
.devready-site .art-bottom { font-size: 1.55rem; }
.devready-site .art-asterisk { font-size: 4.2rem; }
.devready-site .hero-foot { min-height: 58px; }
.devready-site .split-intro { gap: 64px; }
.devready-site .split-intro h2 { margin-bottom: 21px; }
.devready-site .section-heading { margin-bottom: 38px; gap: 36px; }
.devready-site .strengths-section { padding: 62px 0 64px; }
.devready-site .strengths-grid { gap: 32px; }
.devready-site .strengths-grid article { padding-top: 19px; }
.devready-site .feature-symbol { height: 52px; font-size: 2.2rem; }
.devready-site .strengths-grid h3 { margin: 10px 0 13px; font-size: 1.5rem; }
.devready-site .process-layout { gap: 72px; }
.devready-site .process-heading .button { margin-top: 25px; }
.devready-site .process-list li { padding: 26px 0; gap: 20px; }
.devready-site .process-list li:first-child { padding-top: 9px; }
.devready-site .process-list h3 { margin-bottom: 11px; font-size: 1.35rem; }
.devready-site .talent-band { padding: 65px 0; }
.devready-site .talent-layout, .devready-site .developer-layout { gap: 72px; }
.devready-site .skills-list { margin-bottom: 22px; }
.devready-site .skills-list span { padding: 11px 0; }
.devready-site .large-code { min-height: 270px; }
.devready-site .developer-layout h2 { margin-bottom: 18px; }
.devready-site .contact-section { padding: 57px 0 46px; }
.devready-site .contact-heading { margin-bottom: 34px; }
.devready-site .contact-heading h2 { font-size: clamp(3.3rem, 5.6vw, 5.2rem); }
.devready-site .contact-inline { padding-top: 22px; }
.devready-site .site-footer { padding: 38px 0 20px; }
.devready-site .footer-grid { padding-bottom: 29px; gap: 40px; }
.devready-site .footer-tagline { font-size: 1.3rem; }
.devready-site .footer-links { gap: 12px; }
.devready-site .footer-bottom { padding-top: 18px; align-items: center; flex-wrap: wrap; gap: 16px; }
.devready-site .devready-footer-switch { display: flex; flex-wrap: wrap; gap: 20px; }
.devready-site .devready-footer-switch a:hover { color: #28671d; text-decoration: underline; }
.devready-site .page-hero { padding: 56px 0; }
.devready-site .page-hero h1 { font-size: clamp(2.8rem, 5vw, 4.6rem); max-width: 880px; }
.devready-site .page-hero .lead { margin-top: 20px; max-width: 700px; }
.devready-site .page-hero .button { margin-top: 20px; }
.page.devready-site .section { padding: 59px 0; }
.page.devready-site .section + .section { padding-top: 14px; }
.page.devready-site .section-heading { margin-bottom: 30px; }
.page.devready-site .section-heading h2 { margin-bottom: 18px; }
.devready-site .contact-options { gap: 28px; }
.devready-site .contact-option { padding: 24px 0; }
.devready-site .contact-option h3 { margin-bottom: 14px; font-size: 1.6rem; }
.devready-site .prose h2 { margin-top: 28px; }
.devready-site .vetcode-section { background: #edf4e8; border-top: 1px solid #dce7d5; }
.devready-site .vetcode-layout { display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }
.devready-site .vetcode-copy h2 { font-size: clamp(2.25rem, 3.6vw, 3.5rem); margin-bottom: 19px; }
.devready-site .vetcode-copy > p:not(.eyebrow) { max-width: 560px; font-size: 1.02rem; color: #444e3f; margin-bottom: 0; }
.devready-site .vetcode-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; margin-top: 24px; }
.devready-site .vetcode-actions .text-link { font-size: .8rem; }
.devready-site .vetcode-steps { list-style: none; padding: 0; margin: 0; }
.devready-site .vetcode-steps li { display: grid; grid-template-columns: 35px 1fr; gap: 16px; padding: 19px 0; border-top: 1px solid #c4d3ba; }
.devready-site .vetcode-steps li:first-child { border-top: 0; padding-top: 0; }
.devready-site .vetcode-steps li:last-child { padding-bottom: 0; }
.devready-site .vetcode-step-number { display: grid; place-items: center; align-self: start; width: 32px; height: 32px; background: #d8e9cc; color: #315e23; font-size: .67rem; font-weight: 700; }
.devready-site .vetcode-steps h3 { font-size: 1.08rem; letter-spacing: -.025em; line-height: 1.25; margin-bottom: 7px; }
.devready-site .vetcode-steps p { font-size: .89rem; color: #515b4a; line-height: 1.55; margin: 0; }

@media (max-width: 1100px) {
  .devready-site .container { width: calc(100% - 56px); }
  .devready-site .nav-links { gap: 20px; }
  .devready-site .hero-layout { min-height: 450px; gap: 36px; }
  .devready-site .hero h1 { font-size: clamp(3.1rem, 5.7vw, 5rem); }
  .devready-site .hero-art { padding: 25px; }
  .devready-site .split-intro, .devready-site .process-layout,
  .devready-site .talent-layout, .devready-site .developer-layout { gap: 45px; }
  .devready-site .vetcode-layout { gap: 42px; }
}

@media (max-width: 800px) {
  .devready-site .container { width: calc(100% - 40px); }
  .devready-site .site-header > .container { min-height: 72px; }
  .devready-site .brand img { width: 98px; }
  .devready-site .nav-links { top: 100%; max-height: calc(100vh - 104px); overflow-y: auto; padding: 23px 20px; }
  .devready-site .section { padding: 56px 0; }
  .devready-site .hero-layout { min-height: 430px; gap: 25px; }
  .devready-site .hero-copy { padding: 37px 0 34px; }
  .devready-site .hero h1 { font-size: clamp(2.7rem, 6.1vw, 4rem); }
  .devready-site .hero-description { font-size: 1rem; }
  .devready-site .hero-art { padding: 24px 20px; }
  .devready-site .section-heading { margin-bottom: 30px; }
  .devready-site .strengths-grid { gap: 23px; }
  .devready-site .strengths-grid h3 { font-size: 1.3rem; }
  .devready-site .process-list li:first-child { padding-top: 24px; }
  .devready-site .talent-layout, .devready-site .developer-layout { gap: 32px; }
  .devready-site .large-code { min-height: 235px; }
  .devready-site .contact-heading h2 { font-size: 3.8rem; }
  .devready-site .footer-grid { gap: 28px; }
  .page.devready-site .section { padding: 48px 0; }
  .devready-site .page-hero { padding: 44px 0; }
}

@media (max-width: 560px) {
  .devready-site .hero-layout { min-height: auto; }
  .devready-site .hero-copy { padding: 35px 0 31px; }
  .devready-site .hero h1 { font-size: clamp(2.1rem, 10vw, 3.5rem); }
  .devready-site .hero .eyebrow { margin-bottom: 19px; }
  .devready-site .hero-art { min-height: 190px; max-height: 210px; }
  .devready-site .art-bottom { margin-top: 31px; font-size: 1.5rem; }
  .devready-site .section { padding: 48px 0; }
  .devready-site .split-intro { gap: 12px; }
  .devready-site .split-intro h2, .devready-site .section-heading h2,
  .devready-site .process-heading h2 { font-size: 2.65rem; }
  .devready-site .strengths-grid { gap: 25px; }
  .devready-site .strengths-grid article { gap: 0 12px; }
  .devready-site .strengths-grid h3 { font-size: 1.4rem; }
  .devready-site .feature-symbol { height: auto; font-size: 2rem; }
  .devready-site .process-list li { padding: 23px 0; gap: 13px; }
  .devready-site .talent-band { padding: 48px 0; }
  .devready-site .talent-layout { gap: 26px; }
  .devready-site .developer-layout { gap: 25px; }
  .devready-site .large-code { min-height: 195px; font-size: 6rem; }
  .devready-site .developer-layout h2 { font-size: 2.7rem; }
  .devready-site .contact-section { padding: 45px 0 33px; }
  .devready-site .contact-heading h2 { font-size: 3.5rem; }
  .devready-site .contact-heading .button { margin-top: 24px; }
  .devready-site .contact-inline { padding-top: 20px; gap: 17px; }
  .devready-site .site-footer { padding-top: 31px; }
  .devready-site .footer-grid { gap: 22px; }
  .devready-site .footer-bottom { align-items: flex-start; flex-direction: column; gap: 14px; }
  .devready-site .devready-footer-switch { gap: 22px; }
  .devready-site .page-hero h1 { font-size: 2.7rem; }
  .devready-site .contact-options { gap: 20px; }
  .page.devready-site .section { padding: 40px 0; }
  .devready-site .vetcode-layout { grid-template-columns: 1fr; gap: 29px; }
  .devready-site .vetcode-copy h2 { font-size: 2.5rem; }
  .devready-site .vetcode-actions { margin-top: 20px; }
}