/* CTS site updates — loaded after styles.css on every page.
   Kept separate so the original stylesheet stays untouched and these
   changes are easy to find, tweak, or roll back. */

/* Header: phone number sits beside "Let's talk" */
.header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.75rem}
.header-phone,.header-contact{white-space:nowrap}
.header-phone{text-decoration:none;font-size:.9375rem;color:var(--muted);padding:.65rem .25rem}
.header-phone:hover{color:var(--gold)}
.header-contact[aria-current="page"]{border-color:var(--gold);color:var(--gold)}

/* Homepage hero: text panel replaces the duplicate logo image */
.hero-panel{align-self:center}
.hero-panel .scope-list{margin:1.25rem 0 1.5rem}
.hero-panel-note{color:var(--muted);font-size:.9375rem;margin:0 0 1rem}
.hero-note a{color:var(--paper);text-underline-offset:.3rem}
.hero-note a:hover{color:var(--gold)}
.sample-strip{padding-block:0 3rem}
.about-copy .text-link{margin-top:1.25rem}

/* AI & Automation packages */
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1rem}
.package-grid h3{font-size:1.35rem;font-weight:550;line-height:1.3;margin:.5rem 0 0}
.package-grid .price{font-size:2.6rem;margin:1rem 0 0}
.package-grid .scope-list{margin:1.25rem 0 0}
.package-cta{border-top-color:var(--gold)}
.package-cta>p:not(.eyebrow){color:var(--muted)}
.section-cta{margin:2.5rem 0 0}
.review-section .text-link{margin-top:1.5rem}

/* Contact details in the shared contact block and footer */
.contact-direct{display:flex;flex-wrap:wrap;gap:0 2rem}
.contact-direct .email-address{display:inline-block}
.footer-contact{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;flex-basis:100%}
.footer-contact a{color:var(--paper);text-underline-offset:.3rem}
.footer-contact a:hover,.footer-pages a:hover{color:var(--gold)}
.direct-contact a{display:block}

@media(max-width:760px){
  .package-grid{grid-template-columns:1fr}
  .package-grid .price{font-size:2.2rem}
}
@media(max-width:480px){
  .phone-number{display:none}
  .header-phone{border:1px solid var(--line);color:var(--paper)}
  .header-actions{gap:.4rem}
  .header-phone{font-size:.875rem;padding:.5rem .65rem}
  .footer-contact{flex-direction:column}
}

/* AI page: ways-to-start ladder, AI-Ready package, receptionist card */
.start-ladder{list-style:none;padding:0;margin:1.5rem 0}
.start-ladder li{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.start-ladder li:first-child{border-top:1px solid var(--line)}
.ladder-price{color:var(--gold);font-weight:650;font-size:1.15rem}
.start-ladder strong{display:block}
.start-ladder p{margin:.25rem 0 0;color:var(--muted);font-size:.9375rem}
.ready-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ready-grid h3{margin:.4rem 0 0}
.tier-grid{margin-top:2.5rem}
.tier-note{color:var(--muted);margin:1.5rem 0 0;max-width:48rem}
.package-grid .price.price-quote{font-size:1.6rem;line-height:1.3}
@media(max-width:1050px){.ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ready-grid{grid-template-columns:1fr}.start-ladder li{grid-template-columns:3.75rem 1fr}}

/* Backlog additions use the existing site typography and colors. */
.privacy-page{max-width:850px;padding-block:3rem 4rem}.privacy-page h1{font-size:clamp(2.5rem,6vw,4rem)}.privacy-page h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:2.5rem}.privacy-page p{color:var(--muted);overflow-wrap:anywhere}.privacy-page a{color:var(--paper);text-underline-offset:.25rem}.privacy-updated{font-size:.9375rem}
@media(max-width:380px){.header-actions{gap:.3rem}.header-contact{padding:.5rem}.header-phone{padding:.5rem}.site-header .brand-image{width:145px}}

/* Transparent logo fits its container without the old photograph crop. */
.brand-image img{object-fit:contain;object-position:center}.site-header .brand-image{height:86px}
@media(max-width:480px){.site-header .brand-image{height:64px}}

.about-brand-art{margin:2rem 0 0;max-width:31rem;aspect-ratio:1.5;overflow:hidden;border:1px solid var(--line)}.about-brand-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}

/* Contractor systems preview: shared CTS palette, independent content styles. */
.contractor-hero{padding-top:3rem;padding-bottom:4rem;grid-template-columns:1.12fr 1fr;gap:4rem}.contractor-hero h1{font-size:clamp(3rem,5.2vw,5rem)}.contractor-hero .hero-note{max-width:31rem}
.contractor-field-notes{border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--surface);padding:1.7rem 2rem}.contractor-field-notes>.eyebrow{margin:0 0 .7rem;font-size:.8125rem}.contractor-moment{display:grid;grid-template-columns:2.5rem 1fr;gap:1.1rem;text-decoration:none;padding:1.35rem 0;border-top:1px solid var(--line)}.contractor-moment-number{color:var(--gold);font-size:1rem;padding-top:.2rem}.contractor-moment h2{font-size:1.8rem;letter-spacing:-.03em;margin:0;line-height:1.25}.contractor-moment p{color:var(--muted);margin:.6rem 0;line-height:1.6}.contractor-moment-link{color:var(--gold);font-size:1rem;display:inline-block;margin-top:.2rem;text-decoration:underline;text-underline-offset:.35rem}.contractor-moment:hover .contractor-moment-link{color:var(--paper)}
.contractor-demo-note{color:var(--muted);font-size:1rem;line-height:1.65}.contractor-field-notes>.contractor-demo-note{margin:.6rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line)}
.contractor-problems{border-top:1px solid var(--line);padding-block:3.5rem 4rem}.contractor-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.contractor-problem-grid article{border-top:2px solid var(--red);padding-top:1.2rem}.contractor-problem-grid h3{font-size:1.35rem;line-height:1.35;font-weight:550;margin:.7rem 0}.contractor-problem-grid p{color:var(--muted);margin:0}
.contractor-workflow{border-top:1px solid var(--line);padding-block:4rem 4.5rem;scroll-margin-top:2rem}.contractor-workflow-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:3.5rem;align-items:start}.contractor-visual,.contractor-workflow-copy{min-width:0}.contractor-overview{margin:0;border:1px solid var(--line);background:var(--surface)}.contractor-overview img{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain}.contractor-overview figcaption{font-size:1rem;color:var(--muted);padding:1.05rem 1.25rem;border-top:1px solid var(--line);line-height:1.55}.contractor-canvas{margin-top:1.1rem}.contractor-canvas summary{font-size:1rem;min-height:56px}.contractor-canvas figure{margin:0 0 1.2rem}.contractor-canvas img{display:block;width:100%;height:auto;border:1px solid var(--line)}.contractor-canvas figcaption{color:var(--muted);font-size:1rem;line-height:1.55;margin-top:.8rem}.contractor-workflow-copy .lead{font-size:1.2rem;line-height:1.65;color:var(--paper);margin:0}.contractor-workflow-copy .scope-list{margin:1rem 0 1.5rem}.contractor-boundary{border-left:3px solid var(--gold);padding-left:1rem;color:var(--paper);font-size:1rem}.contractor-price{margin:1.6rem 0;padding-block:1.15rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contractor-price .eyebrow{margin:0}.contractor-price>p:last-child{color:var(--muted);margin:.5rem 0 0;font-size:1rem;overflow-wrap:anywhere}.contractor-price span,.contractor-draft-term{color:var(--gold)}
.contractor-package-band{background:var(--surface);border-block:1px solid var(--line);padding-block:4rem}.contractor-package-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.contractor-package-layout>div>p:not(.eyebrow){color:var(--muted);max-width:35rem}.contractor-package-layout .button{margin-top:1rem}.contractor-bundle-price{background:var(--ink);border-top-color:var(--gold);align-self:center}.contractor-bundle-price h3{font-size:1.5rem;line-height:1.35;margin:.8rem 0;font-weight:550}.contractor-bundle-price .scope-list{margin:1.25rem 0}.contractor-tbd-price{color:var(--gold);font-size:1.25rem;line-height:1.55;overflow-wrap:anywhere}.contractor-tbd-price span{display:block;color:var(--muted);font-size:1rem;margin-top:.4rem}
.contractor-founding{padding-block:4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.contractor-founding>div>p:not(.eyebrow){color:var(--muted);max-width:36rem}.contractor-founding-terms{border-left:3px solid var(--red);padding-left:2rem}.contractor-founding-terms .scope-list{margin:1rem 0 0}.contractor-founding-terms>.eyebrow{margin-top:0}.contractor-final .hero-actions{margin-top:1.6rem}.contractor-final .button{margin-top:0}
.contractor-callout{display:flex;justify-content:space-between;align-items:center;gap:2rem;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--surface);padding:1.5rem 2rem;margin-block:1.5rem}.contractor-callout .eyebrow{margin:0 0 .55rem}.contractor-callout h3{font-size:1.5rem;line-height:1.35;letter-spacing:-.02em;margin:0}.contractor-callout p:not(.eyebrow){margin:.6rem 0 0;color:var(--muted);max-width:41rem}.contractor-callout>.text-link{flex-shrink:0}.contractor-ai-callout{margin-block:1rem 3rem}.contractor-ai-callout h2{font-size:2rem;line-height:1.2;margin:0}
@media(max-width:1050px){.contractor-hero,.contractor-workflow-layout,.contractor-package-layout,.contractor-founding{gap:2rem}.contractor-callout{align-items:flex-start;flex-direction:column}.contractor-field-notes{padding:1.5rem}.contractor-problem-grid{gap:1.4rem}}
@media(max-width:760px){.contractor-hero,.contractor-workflow-layout,.contractor-package-layout,.contractor-founding{grid-template-columns:1fr}.contractor-hero{padding-block:2rem 3rem}.contractor-hero h1{font-size:clamp(2.75rem,9vw,4.2rem)}.contractor-problems,.contractor-workflow,.contractor-package-band,.contractor-founding{padding-block:3rem}.contractor-problem-grid{grid-template-columns:1fr;gap:1.75rem}.contractor-problems .section-heading>p{max-width:24rem}.contractor-workflow-copy .lead{font-size:1.125rem}.contractor-founding-terms{padding-left:1.2rem}.contractor-callout{padding:1.4rem}.contractor-ai-callout h2{font-size:1.8rem}.contractor-hero .hero-note{max-width:28rem}.contractor-overview figcaption{padding:1rem}.contractor-field-notes>.eyebrow{font-size:.875rem}.contractor-moment h2{font-size:1.65rem}}
@media(max-width:380px){.contractor-hero h1{font-size:2.7rem}.contractor-field-notes{padding:1.2rem}.contractor-moment{grid-template-columns:2rem 1fr;gap:.8rem}.contractor-moment h2{font-size:1.5rem}}

/* Retain the founding draft in source while excluding it from layout and access. */
.contractor-founding[hidden]{display:none}
