/* Commercial content: uses the established RADAK type, spacing and palette. */
.commercial-lead{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;max-width:850px;margin:24px 0}
.commercial-note{font-size:1rem;line-height:1.65;max-width:800px;margin:24px 0;color:#495a52}
.dark .commercial-note{color:#d0d9d4}
.engagement-price{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.25;margin:0 0 24px}
.engagement-price span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;line-height:1.5;margin-top:10px}
.hero .engagement-price{margin:28px 0 0;color:var(--white)}
.item .engagement-price{font-size:1.3rem;margin:16px 0 10px}
.engagement-price .subscriber-rate,.price .subscriber-rate{font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--muted);white-space:normal}
.development-band .engagement-price .subscriber-rate{max-width:240px;margin-left:auto;color:inherit;opacity:.72}
.page-pricing .price .subscriber-rate{margin-top:10px}
.page-pricing .section-title,.page-project-development .section-title{overflow-wrap:break-word}
.page-pricing #projects .price-item{grid-template-columns:minmax(0,1fr) 205px}
.page-pricing #projects .price{white-space:normal;font-size:1.35rem}
.page-pricing #projects .price-detail{margin-top:12px}
.page-pricing .price-item[id]{scroll-margin-top:100px}
.development-process{padding:64px 0;background:var(--paper);border-bottom:1px solid var(--line)}
.development-process .process-heading{max-width:900px;margin-bottom:36px}
.development-process .process-heading p{font-family:Georgia,'Times New Roman',serif;font-size:1.3rem;line-height:1.45;max-width:800px}
.development-band{padding:28px;background:var(--green);color:var(--white)}
.band-heading{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-bottom:28px}
.band-heading h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:12px 0 0}
.band-heading .engagement-price{font-size:1.35rem;text-align:right;flex-shrink:0;margin:0}
.office-band .eyebrow{color:#bac9c1}
.development-stages{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;margin:0;border-top:1px solid var(--lineLight)}
.development-stages li{position:relative;min-width:0;padding:22px 14px 8px}
.development-stages li+li{border-left:1px solid var(--lineLight)}
.development-stages li:not(:last-child)::after{content:'→';position:absolute;right:-7px;top:19px;background:var(--green);font-size:.85rem;z-index:1}
.stage-index{font-size:.68rem;letter-spacing:.12em;opacity:.7}
.development-stages h4{font-size:.7rem;line-height:1.5;letter-spacing:.035em;margin:22px 0 12px;font-weight:400;overflow-wrap:anywhere}
.development-stages p{font-size:.9rem;line-height:1.55;margin:0;color:#d0d9d4}
.development-handover{padding:28px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.development-handover p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.25;margin:12px 0}
.development-handover>span{font-size:.95rem;color:#495a52}
.production-band{background:var(--paper2);color:var(--ink)}
.production-band .development-stages{grid-template-columns:repeat(6,minmax(0,1fr));border-top-color:var(--line)}
.production-band .development-stages li{border-left-color:var(--line);padding-bottom:22px}
.production-band .development-stages li:nth-child(n+7){border-top:1px solid var(--line)}
.production-band .development-stages li:nth-child(7){border-left:0}
.production-band .development-stages li::after{background:var(--paper2)}
.production-band .development-stages li:nth-child(6)::after{content:'↓';right:8px}
.production-band .development-stages p{color:#495a52}
.commercial-overview .section-title{max-width:1000px}
.commercial-overview .process-link{margin-top:0}
@media(max-width:1100px) and (min-width:701px){
 .development-stages{grid-template-columns:repeat(4,minmax(0,1fr))}
 .office-band .development-stages li:nth-child(n+5){border-top:1px solid var(--lineLight)}
 .office-band .development-stages li:nth-child(5){border-left:0}
 .office-band .development-stages li:nth-child(4)::after{content:'↓';right:8px}
 .production-band .development-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
 .production-band .development-stages li:nth-child(n+4){border-top:1px solid var(--line)}
 .production-band .development-stages li:nth-child(3n+1){border-left:0}
 .production-band .development-stages li:nth-child(3n):not(:last-child)::after{content:'↓';right:8px}
}
@media(max-width:700px){
 .page-pricing #projects .price-item{grid-template-columns:minmax(0,1fr);gap:16px}
 .page-pricing #projects .price{text-align:left}
 .development-process{padding:44px 0}
 .development-band{padding:24px 20px}
 .band-heading{display:block;margin-bottom:24px}
 .band-heading .engagement-price{text-align:left;margin-top:20px}
 .development-band .engagement-price .subscriber-rate{max-width:none;margin-left:0}
 .band-heading .eyebrow{line-height:1.6}
 .development-stages,.production-band .development-stages{grid-template-columns:minmax(0,1fr)}
 .development-stages li,.production-band .development-stages li{padding:20px 0 25px}
 .development-stages li+li{border-left:0;border-top:1px solid var(--lineLight)}
 .production-band .development-stages li+li{border-top-color:var(--line)}
 .development-stages li:not(:last-child)::after,.production-band .development-stages li:nth-child(6)::after{content:'↓';top:auto;bottom:-10px;right:8px;padding:0 4px}
 .development-stages h4{font-size:.8rem;margin:10px 0}
 .development-stages p{font-size:1rem}
 .development-handover{padding:25px 20px}
 .development-handover .eyebrow{line-height:1.7}
}
