/* V0LT V18.44 — Computers: plain copy, consistent spacing and native controls.
   Scoped to this page. Shared homepage/Repairs styles are not modified. */
.native-computers-page {
  --cph-ink: #101820;
  --cph-muted: #5f6d7d;
  --cph-line: #e2e8ef;
  --cph-accent: #e6420d;
  background: #fff;
  color: var(--cph-ink);
}
.native-computers-page main { width:100%; max-width:none; margin:0; padding:0; }
.native-computers-page main:focus { outline:none; }
.native-computers-page .cph-wrap { width:min(calc(100% - 124px),1412px); margin-inline:auto; }
.native-computers-page :where(a,button,input):focus-visible { outline:3px solid #0663d7; outline-offset:4px; }
.native-computers-page .cph-skip { position:fixed; left:20px; top:12px; z-index:5000; padding:13px 18px; background:white; border:2px solid var(--orange); border-radius:8px; transform:translateY(-160%); }
.native-computers-page .cph-skip:focus { transform:translateY(0); }
.native-computers-page .cph-search-link { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; }
.native-computers-page .cph-search-link:hover { background:#f3f5f7; }
.native-computers-page .cph-eyebrow { margin:0; color:var(--cph-accent); text-transform:uppercase; font-size:13px; font-weight:750; line-height:1.5; letter-spacing:1.15px; }
.native-computers-page .cph-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:52px; padding:13px 22px; border:1px solid transparent; border-radius:10px; font-size:16px; line-height:1.5; font-weight:650; text-align:center; transition:background .15s,border-color .15s; }
.native-computers-page .cph-button>span { flex:none; font-size:21px; line-height:1; }
.native-computers-page .cph-button-primary { background:var(--orange); color:#fff; border-color:var(--orange); }
.native-computers-page .cph-button-primary:hover { background:#e44311; border-color:#e44311; }
.native-computers-page .cph-button-secondary { background:white; border-color:#d3dde7; color:#172330; }
.native-computers-page .cph-button-secondary:hover { background:#f4f7fa; border-color:#aebdcd; }
/* Same full-width bands and inner canvas as Repairs; no fixed hero height. */
.native-computers-page .cph-hero { width:100%; background:linear-gradient(160deg,#fafbfd,#fff 70%); border-bottom:1px solid #edf0f3; }
.native-computers-page .cph-hero-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:32px; padding-block:36px 12px; }
.native-computers-page .cph-hero-copy { min-width:0; padding-left:12px; }
.native-computers-page .cph-hero-copy h1 { margin:14px 0 0; font-size:clamp(44px,3.75vw,56px); font-weight:750; line-height:1.09; letter-spacing:-2px; overflow-wrap:normal; }
.native-computers-page .cph-hero-copy h1 span { display:block; }
.native-computers-page .cph-lead { max-width:520px; margin:20px 0 0; font-size:17px; line-height:1.65; color:var(--cph-muted); }
.native-computers-page .cph-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.native-computers-page .cph-hero-art { margin:0; width:min(100%,720px); justify-self:center; min-width:0; }
.native-computers-page .cph-hero-art img { display:block; width:100%; height:auto; max-width:none; mix-blend-mode:multiply; mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent); mask-composite:intersect; -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent); -webkit-mask-composite:source-in; }
.native-computers-page .cph-pillars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; list-style:none; padding:16px 0 24px; margin-block:0; }
.native-computers-page .cph-pillars>li { display:flex; align-items:center; gap:14px; padding:8px 22px; margin:0; min-width:0; }
.native-computers-page .cph-pillars>li+li { border-left:1px solid var(--cph-line); }
.native-computers-page .cph-pillars>li:first-child { padding-left:12px; }
.native-computers-page .cph-pillars>li:last-child { padding-right:0; }
.native-computers-page .cph-pillar-icon { width:36px; height:40px; display:grid; place-items:center; flex:none; color:#1b2a39; }
.native-computers-page .cph-pillars>li:first-child .cph-pillar-icon, .native-computers-page .cph-pillars>li:last-child .cph-pillar-icon { color:var(--cph-accent); }
.native-computers-page :is(.cph-pillar-icon,.cph-icon,.cph-step-icon) svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.native-computers-page .cph-pillars strong { display:block; font-size:16px; line-height:1.4; font-weight:650; }
.native-computers-page .cph-pillars li div>span { display:block; margin-top:3px; color:var(--cph-muted); font-size:15px; line-height:1.5; }
/* A single type scale and consistent card padding, height and link baseline. */
.native-computers-page .cph-services { padding:40px 0 48px; background:#fff; scroll-margin-top:105px; }
.native-computers-page .cph-section-intro { margin:0 auto 26px; text-align:center; }
.native-computers-page .cph-section-intro h2 { margin:0; font-size:36px; line-height:1.2; letter-spacing:-1.1px; font-weight:720; text-wrap:balance; }
.native-computers-page .cph-section-intro p { margin:10px auto 0; font-size:17px; line-height:1.6; color:var(--cph-muted); }
.native-computers-page .cph-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.native-computers-page .cph-service { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr); align-items:start; column-gap:16px; padding:24px; border:1px solid var(--cph-line); border-radius:14px; background:#fff; box-shadow:0 8px 20px rgba(21,39,58,.025); min-width:0; transition:border-color .15s,box-shadow .15s; }
.native-computers-page .cph-icon { display:grid; place-items:center; flex:none; width:52px; height:52px; border-radius:13px; background:#f4f6f8; color:#1c2937; }
.native-computers-page .cph-card-copy { display:flex; flex-direction:column; align-self:stretch; min-width:0; }
.native-computers-page .cph-card-copy h3 { margin:2px 0 0; font-size:21px; font-weight:650; line-height:1.35; letter-spacing:-.4px; overflow-wrap:normal; }
.native-computers-page .cph-card-copy p { margin:8px 0 12px; font-size:16px; line-height:1.6; color:var(--cph-muted); max-width:40ch; }
.native-computers-page .cph-card-link { display:inline-flex; align-items:center; align-self:flex-start; justify-content:space-between; gap:12px; margin-top:auto; min-height:44px; padding-block:6px; color:var(--cph-accent); font-size:15px; line-height:1.45; font-weight:650; }
.native-computers-page .cph-card-link>span { font-size:21px; font-weight:450; flex:none; }
.native-computers-page .cph-card-link::after { content:""; position:absolute; inset:0; border-radius:14px; }
.native-computers-page :is(.cph-service,.cph-audience-card):has(a:hover) { border-color:#f6ac92; box-shadow:0 8px 22px rgba(21,39,58,.06); }
.native-computers-page :is(.cph-service,.cph-audience-card):focus-within { outline:3px solid #0663d7; outline-offset:3px; }
.native-computers-page .cph-card-link:focus-visible { outline:none; }
/* No blurred screenshot behind the text: just a clean decorative PC crop. */
.native-computers-page .cph-process { position:relative; isolation:isolate; background:#0e171f; color:#fff; width:100%; padding:44px 0; overflow:hidden; }
.native-computers-page .cph-process::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,#0e171f 5%,rgba(14,23,31,.95) 40%,rgba(14,23,31,.65)),url('../images/computers-process-v18-44.webp') right 44% / auto 180% no-repeat; opacity:.8; }
.native-computers-page .cph-process-grid { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,2.16fr); gap:32px; align-items:center; }
.native-computers-page .cph-process-copy { min-width:0; }
.native-computers-page .cph-process .cph-eyebrow { color:#ff885e; }
.native-computers-page .cph-process-copy h2 { margin:12px 0 0; font-size:34px; font-weight:680; line-height:1.18; letter-spacing:-.9px; text-wrap:balance; }
.native-computers-page .cph-process-copy>p:not(.cph-eyebrow) { margin:16px 0 0; font-size:17px; line-height:1.6; color:#c8d0d9; max-width:38ch; }
.native-computers-page .cph-button-dark { margin-top:22px; color:#fff; background:#1b2732; border-color:#42505e; min-height:48px; padding:11px 18px; font-size:15px; }
.native-computers-page .cph-button-dark>span { color:#ff885e; }
.native-computers-page .cph-button-dark:hover { background:#293b4b; border-color:#6c7a89; }
.native-computers-page .cph-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; margin:0; }
.native-computers-page .cph-step { min-width:0; padding:22px; margin:0; border:1px solid #35414d; border-radius:12px; background:linear-gradient(145deg,rgba(29,37,45,.96),rgba(23,30,36,.94)); }
.native-computers-page .cph-step-number { display:block; color:#ff7647; font-size:22px; line-height:1.2; font-weight:600; }
.native-computers-page .cph-step-icon { display:flex; align-items:center; gap:20px; margin:18px 0; color:#dce4ec; }
.native-computers-page .cph-step-icon::after { content:""; width:36px; height:1px; background:#52606c; }
.native-computers-page .cph-step-icon svg { width:25px; height:25px; flex:none; }
.native-computers-page .cph-step h3 { margin:0; font-size:20px; line-height:1.35; letter-spacing:-.3px; font-weight:650; }
.native-computers-page .cph-step p { margin:9px 0 0; color:#c8d0d9; font-size:16px; line-height:1.6; }
.native-computers-page .cph-audience { padding:42px 0 52px; width:100%; background:linear-gradient(180deg,#fff,#fbfcfd); }
.native-computers-page .cph-audience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.native-computers-page .cph-audience-card { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid var(--cph-line); border-radius:14px; background:#fff; box-shadow:0 8px 20px rgba(21,39,58,.025); transition:border-color .15s,box-shadow .15s; }
.native-computers-page .cph-audience-card>img { display:block; width:100%; height:auto; aspect-ratio:2.79; object-fit:cover; border-radius:13px 13px 0 0; }
.native-computers-page .cph-audience-body { display:grid; grid-template-columns:52px minmax(0,1fr); gap:16px; padding:22px; flex:1; }
.native-computers-page .site-footer { margin-top:0; }
.native-computers-page .pm-cart-drawer:not(.open) { visibility:hidden; pointer-events:none; box-shadow:none; }
.native-computers-page .pm-cart-backdrop:not(.open) { visibility:hidden; pointer-events:none; }
@media(min-width:1450px) {
  .native-computers-page .cph-wrap { width:var(--wide-content,min(calc(100% - 96px),1760px)); }
  .native-computers-page .cph-hero-copy { padding-left:18px; }
  .native-computers-page .cph-hero-copy h1 { font-size:60px; letter-spacing:-2.4px; }
  .native-computers-page .cph-hero-grid { padding-block:30px 10px; }
  .native-computers-page .cph-process-grid { grid-template-columns:minmax(0,.85fr) minmax(0,2.15fr); gap:40px; }
}
@media(min-width:1450px) and (max-height:900px) {
  .native-computers-page .cph-hero-art { width:min(100%,620px); }
  .native-computers-page .cph-hero-grid { padding-top:22px; }
}
@media(max-width:1200px) and (min-width:901px) {
  .native-computers-page .cph-hero-copy h1 { font-size:44px; }
  .native-computers-page .cph-process-grid { grid-template-columns:1fr; gap:24px; }
  .native-computers-page .cph-process-copy>p:not(.cph-eyebrow) { max-width:65ch; }
  .native-computers-page .cph-pillars>li { gap:10px; padding-inline:12px; }
  .native-computers-page .cph-service { padding:20px; column-gap:12px; }
}
@media(max-width:1100px) {
  .native-computers-page .cph-wrap { width:calc(100% - 48px); }
  .native-computers-page .cph-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .native-computers-page .cph-hero-copy { padding-left:0; }
  .native-computers-page .cph-audience-body { padding:18px; grid-template-columns:1fr; gap:12px; }
  .native-computers-page .cph-audience-body .cph-icon { width:44px; height:44px; }
  .native-computers-page .cph-pillars { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .native-computers-page .cph-pillars>li { padding:6px 0; }
  .native-computers-page .cph-pillars>li:first-child { padding-left:0; }
  .native-computers-page .cph-pillars>li+li { border-left:0; }
}
@media(max-width:900px) {
  .native-computers-page .cph-wrap { width:calc(100% - 40px); }
  .native-computers-page .cph-hero-grid { grid-template-columns:1fr; gap:16px; padding:28px 0 12px; }
  .native-computers-page .cph-hero-copy h1 { font-size:44px; letter-spacing:-1.6px; }
  .native-computers-page .cph-lead { max-width:620px; margin-top:18px; }
  .native-computers-page .cph-hero-art { width:min(100%,560px); }
  .native-computers-page .cph-pillars { padding:12px 0 24px; }
  .native-computers-page .cph-process-grid { grid-template-columns:1fr; gap:24px; }
  .native-computers-page .cph-process-copy>p:not(.cph-eyebrow) { max-width:60ch; }
  .native-computers-page .cph-step { padding:20px 16px; }
  .native-computers-page .cph-card-copy p,.native-computers-page .cph-step p { font-size:17px; }
  .native-computers-page .cph-card-link { font-size:16px; }
  .native-computers-page .cph-audience-grid { grid-template-columns:1fr; gap:18px; }
  .native-computers-page .cph-audience-card { display:grid; grid-template-columns:40% minmax(0,1fr); }
  .native-computers-page .cph-audience-card>img { height:100%; aspect-ratio:auto; border-radius:13px 0 0 13px; }
  .native-computers-page .cph-audience-body { grid-template-columns:44px minmax(0,1fr); }
  .native-computers-page .cph-services,.native-computers-page .cph-audience { padding:34px 0 40px; }
  .native-computers-page .cph-section-intro h2 { font-size:32px; letter-spacing:-.85px; }
}
@media(max-width:680px) {
  .native-computers-page .cph-hero-copy h1 { font-size:36px; letter-spacing:-1.25px; }
  .native-computers-page .cph-hero-art { width:min(100%,440px); }
  .native-computers-page .cph-actions { margin-top:22px; }
  .native-computers-page .cph-button { font-size:16px; padding:13px 18px; }
  .native-computers-page .cph-pillars { gap:16px; }
  .native-computers-page .cph-pillars>li { align-items:flex-start; gap:10px; }
  .native-computers-page .cph-pillar-icon { width:28px; height:32px; }
  .native-computers-page .cph-pillar-icon svg { width:26px; height:26px; }
  .native-computers-page .cph-pillars strong { font-size:16px; }
  .native-computers-page .cph-pillars li div>span { font-size:15px; }
  .native-computers-page .cph-section-intro { margin-bottom:22px; }
  .native-computers-page .cph-section-intro h2 { font-size:30px; }
  .native-computers-page .cph-service-grid { grid-template-columns:1fr; gap:14px; }
  .native-computers-page .cph-service { padding:20px 18px; grid-template-columns:44px minmax(0,1fr); gap:14px; }
  .native-computers-page .cph-icon { width:44px; height:44px; border-radius:11px; }
  .native-computers-page .cph-icon svg { width:25px; height:25px; }
  .native-computers-page .cph-card-copy h3 { font-size:21px; }
  .native-computers-page .cph-card-copy p { margin:7px 0 7px; }
  .native-computers-page .cph-process { padding:34px 0; }
  .native-computers-page .cph-process-copy h2 { font-size:30px; text-wrap:initial; }
  .native-computers-page .cph-steps { grid-template-columns:1fr; gap:14px; }
  .native-computers-page .cph-step { display:grid; grid-template-columns:38px minmax(0,1fr); gap:8px 14px; padding:20px 18px; }
  .native-computers-page .cph-step-number { grid-column:1; grid-row:1; align-self:center; font-size:20px; }
  .native-computers-page .cph-step-icon { grid-column:1; grid-row:2; margin:4px 0 0; }
  .native-computers-page .cph-step-icon::after { display:none; }
  .native-computers-page .cph-step h3 { grid-column:2; grid-row:1; }
  .native-computers-page .cph-step p { grid-column:2; grid-row:2; margin:0; }
  .native-computers-page .cph-audience-card { display:flex; }
  .native-computers-page .cph-audience-card>img { height:auto; aspect-ratio:2.79; border-radius:13px 13px 0 0; }
  .native-computers-page .cph-audience-body { padding:20px 18px; gap:14px; }
}
@media(max-width:420px) {
  .native-computers-page .cph-actions { display:grid; grid-template-columns:1fr; gap:10px; }
  .native-computers-page .cph-actions .cph-button { width:100%; }
  .native-computers-page .cph-pillars>li { display:block; }
  .native-computers-page .cph-pillar-icon { margin-bottom:8px; }
}
@media(max-width:374px) {
  .native-computers-page .cph-wrap { width:calc(100% - 32px); }
  .native-computers-page .cph-hero-copy h1 { font-size:34px; }
  .native-computers-page .cph-service,.native-computers-page .cph-audience-body { padding:18px 14px; gap:12px; }
  .native-computers-page .cph-card-copy h3 { font-size:20px; }
  .native-computers-page .cph-section-intro h2 { font-size:28px; }
}
@media(min-width:1360px) {
  .native-computers-page .footer-brand { gap:9px; min-width:0; }
  .native-computers-page .footer-brand>img { width:32px; height:40px; flex:none; }
  .native-computers-page .footer-brand>span { min-width:0; }
  .native-computers-page .footer-brand strong { font-size:19px; line-height:1.2; }
  .native-computers-page .footer-brand small { font-size:9px; line-height:1.5; letter-spacing:1.05px; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) {
  .native-computers-page *, .native-computers-page *::before, .native-computers-page *::after { transition:none!important; scroll-behavior:auto!important; }
}