/* PC Builds uses the public site's typography, palette, controls, and scroll reveals. */
.pc-builds-page main { overflow:clip; }
.builds-hero { padding-bottom:76px; }
.builds-hero .about-sub { max-width:510px; }
.builds-hero .about-cta-actions { align-items:center; gap:26px; }
.builds-text-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:15px; font-weight:500; }
.builds-text-link svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.builds-options { padding-bottom:96px; }
.builds-options .section-header { margin-bottom:32px; max-width:760px; }
.builds-options .section-title { font-size:clamp(28px,3.4vw,40px); }
.builds-options-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:900px; margin:auto; }
.builds-options .story-block { padding:36px; }
.builds-options .story-block p { max-width:330px; }
.builds-icon { display:block; width:40px; height:40px; margin-bottom:28px; color:var(--blue); fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.builds-process { background:var(--light-gray); scroll-margin-top:var(--nav-height); }
.builds-process .section-header { max-width:760px; }
.builds-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; max-width:980px; margin:auto; list-style:none; }
.builds-step-number { display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:24px; border:1px solid #cbdcf0; border-radius:50%; color:var(--blue); background:var(--white); font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; }
.builds-steps h3 { font-size:20px; letter-spacing:-.02em; margin-bottom:12px; }
.builds-steps p { font-size:15px; line-height:1.7; color:var(--gray); }
.builds-steps strong { font-weight:600; color:var(--black); }
.builds-care { padding-top:96px; }
.builds-care-panel { display:grid; grid-template-columns:1fr 1fr; gap:72px; padding:56px; border:1px solid #e4e7eb; border-radius:24px; }
.builds-care-intro .section-title { font-size:clamp(32px,3.5vw,42px); }
.builds-care-intro .section-sub { font-size:16px; }
.builds-care-intro .builds-text-link { margin-top:24px; line-height:1.5; }
.builds-care-details > div + div { padding-top:24px; margin-top:24px; border-top:1px solid #e4e7eb; }
.builds-care-details dt { font-size:17px; font-weight:600; letter-spacing:-.02em; margin-bottom:10px; }
.builds-care-details dd { font-size:15px; line-height:1.7; color:var(--gray); }
.pc-builds-page :focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
@media (max-width:800px) {
  .builds-care-panel { gap:36px; padding:36px; }
  .builds-steps { gap:24px; }
}
@media (max-width:600px) {
  .builds-hero { padding:calc(var(--nav-height) + 52px) 0 64px; }
  .builds-hero .about-headline { font-size:44px; }
  .builds-hero .about-sub { font-size:17px; max-width:340px; }
  .builds-hero .about-cta-actions { flex-direction:column; gap:12px; margin-top:28px; }
  .builds-options { padding-bottom:60px; }
  .builds-options .section-header { text-align:left; margin-bottom:28px; }
  .builds-options .section-title { max-width:300px; font-size:30px; }
  .builds-options-grid { grid-template-columns:1fr; gap:16px; }
  .builds-options .story-block { padding:28px; }
  .builds-icon { margin-bottom:20px; }
  .builds-process .section-header { text-align:left; margin-bottom:36px; }
  .builds-process .section-title { max-width:330px; font-size:32px; }
  .builds-steps { grid-template-columns:1fr; gap:32px; }
  .builds-steps li { display:grid; grid-template-columns:44px minmax(0,1fr); gap:18px; }
  .builds-step-number { width:44px; height:44px; margin:0; font-size:15px; }
  .builds-steps h3 { font-size:19px; margin:2px 0 8px; }
  .builds-care { padding-top:60px; }
  .builds-care-panel { grid-template-columns:1fr; gap:32px; padding:28px; border-radius:20px; }
  .builds-care-intro .section-eyebrow { font-size:11px; line-height:1.6; }
  .builds-care-intro .section-title { font-size:32px; }
  .builds-care-intro .builds-text-link { margin-top:16px; font-size:14px; }
  .builds-care-details dt { font-size:16px; }
  .pc-builds-page .about-cta .section-title { font-size:32px; }
}
@media (max-width:350px) {
  .builds-hero .about-headline { font-size:38px; }
  .builds-care-panel { padding:24px; }
  .builds-care-intro .section-title { font-size:30px; }
}
@media (prefers-reduced-motion:reduce) {
  .pc-builds-page { scroll-behavior:auto; }
  .pc-builds-page *, .pc-builds-page *::before, .pc-builds-page *::after { transition:none !important; animation:none !important; }
  .pc-builds-page .fade-up, .pc-builds-page .reveal-words .word { opacity:1; transform:none; }
}