/*
Theme Name: PC SUPPORT WHIS
Theme URI: https://pcsorlando.com
Description: Modern child theme for PC SUPPORT INC, built on Clean Business.
Author: PC SUPPORT INC
Template: clean-business
Version: 5.1.0
Text Domain: pcsupport-whis
*/

:root {
  --pcs-bg: #07110e;
  --pcs-bg-2: #0b1915;
  --pcs-card: rgba(255,255,255,.055);
  --pcs-line: rgba(255,255,255,.10);
  --pcs-text: #f5fff9;
  --pcs-muted: #b8c8bf;
  --pcs-green: #59f08a;
  --pcs-green-2: #b7ffca;
  --pcs-cyan: #56d6ff;
  --pcs-shadow: 0 24px 80px rgba(0,0,0,.35);
  --pcs-radius: 26px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.pcs-whis {
  margin: 0;
  background: var(--pcs-bg);
  color: var(--pcs-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.pcs-whis a { color: inherit; }
body.pcs-whis img { max-width: 100%; height: auto; }

.pcs-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.pcs-skip { position:absolute; left:-9999px; top:auto; }
.pcs-skip:focus { left:20px; top:20px; z-index:99999; padding:10px 14px; background:#fff; color:#111; border-radius:8px; }

.pcs-site-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(7,17,14,.78);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--pcs-line);
}
.pcs-nav { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.pcs-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:850; letter-spacing:-.02em; }
.pcs-brand-mark { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:linear-gradient(135deg,var(--pcs-green),var(--pcs-cyan)); color:#04100b; font-weight:950; box-shadow:0 0 28px rgba(89,240,138,.28); }
.pcs-brand-text small { display:block; color:var(--pcs-muted); font-size:11px; letter-spacing:.15em; text-transform:uppercase; margin-top:-2px; }
.pcs-menu { display:flex; align-items:center; gap:28px; }
.pcs-menu a { color:var(--pcs-muted); text-decoration:none; font-size:14px; font-weight:700; }
.pcs-menu a:hover { color:#fff; }
.pcs-menu .pcs-nav-cta { color:#06110d; background:var(--pcs-green); padding:11px 17px; border-radius:999px; }

.pcs-hero { position:relative; overflow:hidden; padding:92px 0 76px; background:
  radial-gradient(circle at 82% 18%, rgba(86,214,255,.16), transparent 28%),
  radial-gradient(circle at 12% 10%, rgba(89,240,138,.15), transparent 30%),
  linear-gradient(180deg,#07110e 0%,#081512 100%);
}
.pcs-hero:after { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%); }
.pcs-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; }
.pcs-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(89,240,138,.28); border-radius:999px; color:var(--pcs-green-2); background:rgba(89,240,138,.06); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pcs-dot { width:8px; height:8px; border-radius:50%; background:var(--pcs-green); box-shadow:0 0 14px var(--pcs-green); }
.pcs-hero h1 { font-size:clamp(46px,6vw,78px); line-height:.99; letter-spacing:-.055em; margin:24px 0 24px; font-weight:900; }
.pcs-hero h1 .accent { color:var(--pcs-green); }
.pcs-lead { max-width:680px; color:var(--pcs-muted); font-size:clamp(18px,2vw,22px); line-height:1.55; }
.pcs-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }
.pcs-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:999px; text-decoration:none; font-weight:850; border:1px solid var(--pcs-line); transition:.2s ease; }
.pcs-btn-primary { background:var(--pcs-green); color:#06110d; border-color:var(--pcs-green); box-shadow:0 10px 40px rgba(89,240,138,.20); }
.pcs-btn-secondary { background:rgba(255,255,255,.04); color:#fff; }
.pcs-btn:hover { transform:translateY(-2px); }

.pcs-app-window { position:relative; padding:18px; border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.16); box-shadow:var(--pcs-shadow); transform:rotate(1.5deg); }
.pcs-window-bar { display:flex; gap:7px; padding:3px 3px 15px; }
.pcs-window-bar i { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.23); }
.pcs-dashboard { border-radius:20px; background:#0d1f19; border:1px solid rgba(255,255,255,.08); overflow:hidden; }
.pcs-dash-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid var(--pcs-line); }
.pcs-dash-head strong { font-size:15px; }
.pcs-live { color:var(--pcs-green); font-size:11px; font-weight:800; }
.pcs-dash-body { padding:20px; }
.pcs-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.pcs-kpi { padding:15px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.06); }
.pcs-kpi span { display:block; color:var(--pcs-muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.pcs-kpi b { display:block; font-size:22px; margin-top:4px; }
.pcs-flow { display:grid; gap:11px; margin-top:16px; }
.pcs-flow-row { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:12px; padding:12px; border-radius:13px; background:rgba(255,255,255,.035); }
.pcs-flow-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(89,240,138,.10); color:var(--pcs-green); }
.pcs-flow-row small { color:var(--pcs-muted); }
.pcs-pill { font-size:10px; font-weight:850; color:var(--pcs-green-2); background:rgba(89,240,138,.08); border:1px solid rgba(89,240,138,.18); border-radius:999px; padding:5px 8px; }

.pcs-trust { border-top:1px solid var(--pcs-line); border-bottom:1px solid var(--pcs-line); background:#08130f; }
.pcs-trust-inner { padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.pcs-trust-copy { color:var(--pcs-muted); font-size:13px; }
.pcs-trust-copy strong { color:#fff; }
.pcs-client-list { display:flex; gap:22px; flex-wrap:wrap; color:#dceae1; font-weight:800; font-size:13px; opacity:.92; }

.pcs-section { padding:92px 0; }
.pcs-section.alt { background:var(--pcs-bg-2); border-top:1px solid var(--pcs-line); border-bottom:1px solid var(--pcs-line); }
.pcs-section-head { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:38px; }
.pcs-kicker { color:var(--pcs-green); text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:900; }
.pcs-section h2 { margin:8px 0 0; font-size:clamp(34px,4vw,52px); letter-spacing:-.04em; line-height:1.08; }
.pcs-section-intro { max-width:540px; color:var(--pcs-muted); font-size:17px; }
.pcs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.pcs-card { position:relative; min-height:245px; padding:26px; border-radius:var(--pcs-radius); border:1px solid var(--pcs-line); background:var(--pcs-card); overflow:hidden; }
.pcs-card:before { content:""; position:absolute; width:120px; height:120px; right:-35px; top:-35px; border-radius:50%; background:rgba(89,240,138,.06); filter:blur(3px); }
.pcs-card-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:rgba(89,240,138,.10); color:var(--pcs-green); font-weight:950; margin-bottom:45px; }
.pcs-card h3 { font-size:21px; margin:0 0 9px; letter-spacing:-.02em; }
.pcs-card p { margin:0; color:var(--pcs-muted); }

.pcs-feature { display:grid; grid-template-columns:.92fr 1.08fr; gap:58px; align-items:center; }
.pcs-bigline { font-size:clamp(38px,5vw,64px); line-height:1; letter-spacing:-.05em; margin:10px 0 22px; }
.pcs-checks { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; margin:26px 0 30px; }
.pcs-check { display:flex; gap:10px; align-items:flex-start; color:#dce9e1; }
.pcs-check b { color:var(--pcs-green); }
.pcs-codecard { padding:28px; border:1px solid var(--pcs-line); border-radius:30px; background:linear-gradient(145deg,rgba(86,214,255,.07),rgba(89,240,138,.04)); box-shadow:var(--pcs-shadow); }
.pcs-code-line { display:flex; justify-content:space-between; gap:18px; padding:15px 0; border-bottom:1px solid var(--pcs-line); }
.pcs-code-line:last-child { border-bottom:0; }
.pcs-code-line span { color:var(--pcs-muted); }
.pcs-code-line strong { text-align:right; }

.pcs-cta { padding:34px; border-radius:32px; background:linear-gradient(135deg,rgba(89,240,138,.13),rgba(86,214,255,.08)); border:1px solid rgba(89,240,138,.22); display:flex; justify-content:space-between; align-items:center; gap:28px; }
.pcs-cta h2 { margin:0 0 6px; font-size:clamp(30px,4vw,46px); }
.pcs-cta p { color:var(--pcs-muted); margin:0; }

.pcs-page-hero { padding:76px 0 48px; background:radial-gradient(circle at 80% 0,rgba(89,240,138,.13),transparent 35%); }
.pcs-page-hero h1 { font-size:clamp(44px,6vw,70px); letter-spacing:-.05em; line-height:1; margin:16px 0 18px; }
.pcs-page-copy { max-width:780px; color:var(--pcs-muted); font-size:19px; }
.pcs-content-wrap { padding:56px 0 90px; }
.pcs-content-wrap .entry-title { font-size:40px; letter-spacing:-.04em; }
.pcs-content-wrap .entry-content { color:#dce9e1; font-size:17px; }
.pcs-content-wrap .entry-content a { color:var(--pcs-green); }

.pcs-footer { padding:38px 0; border-top:1px solid var(--pcs-line); background:#050d0a; }
.pcs-footer-grid { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; }
.pcs-footer p { margin:4px 0; color:var(--pcs-muted); font-size:13px; }
.pcs-footer a { color:var(--pcs-green-2); text-decoration:none; }

@media (max-width: 900px) {
  .pcs-menu a:not(.pcs-nav-cta) { display:none; }
  .pcs-hero-grid,.pcs-feature { grid-template-columns:1fr; }
  .pcs-app-window { transform:none; max-width:650px; }
  .pcs-grid { grid-template-columns:1fr 1fr; }
  .pcs-section-head { display:block; }
  .pcs-section-intro { margin-top:18px; }
}
@media (max-width: 640px) {
  .pcs-shell { width:min(100% - 24px,1180px); }
  .pcs-nav { min-height:68px; }
  .pcs-brand-text small { display:none; }
  .pcs-hero { padding:68px 0 58px; }
  .pcs-grid,.pcs-checks,.pcs-kpis { grid-template-columns:1fr; }
  .pcs-card { min-height:0; }
  .pcs-card-icon { margin-bottom:24px; }
  .pcs-cta,.pcs-footer-grid { display:block; }
  .pcs-cta .pcs-actions { margin-top:22px; }
  .pcs-client-list { gap:12px 18px; }
}

/* ===== V2 SOFT TECH PALETTE: white + light blue + soft red ===== */
:root {
  --pcs-bg: #ffffff;
  --pcs-bg-2: #f5faff;
  --pcs-card: #ffffff;
  --pcs-line: #dbeaf2;
  --pcs-text: #263746;
  --pcs-muted: #607482;
  --pcs-green: #62bfe6;
  --pcs-green-2: #327fa4;
  --pcs-cyan: #9cddf5;
  --pcs-red: #ed5f68;
  --pcs-red-soft: #fff1f2;
  --pcs-shadow: 0 24px 70px rgba(55, 105, 130, .14);
}
body.pcs-whis { background:#fff; color:var(--pcs-text); }
.pcs-site-header { background:rgba(255,255,255,.94); border-bottom:1px solid var(--pcs-line); box-shadow:0 4px 24px rgba(48,91,112,.05); }
.pcs-brand-mark { background:linear-gradient(135deg,#9fe3f7,var(--pcs-green)); color:#173a4b; box-shadow:0 8px 24px rgba(98,191,230,.20); }
.pcs-menu a { color:#425968; }
.pcs-menu a:hover { color:var(--pcs-red); }
.pcs-menu .pcs-nav-cta { color:#fff; background:var(--pcs-red); box-shadow:0 8px 24px rgba(237,95,104,.20); }
.pcs-hero { background:radial-gradient(circle at 84% 16%,rgba(98,191,230,.18),transparent 29%),radial-gradient(circle at 10% 8%,rgba(237,95,104,.07),transparent 25%),linear-gradient(180deg,#ffffff 0%,#f7fcff 100%); }
.pcs-hero:after { background-image:linear-gradient(rgba(66,143,180,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(66,143,180,.07) 1px,transparent 1px); }
.pcs-eyebrow { border-color:rgba(98,191,230,.42); color:#347d9f; background:#eef9fe; }
.pcs-dot { background:var(--pcs-red); box-shadow:0 0 14px rgba(237,95,104,.45); }
.pcs-hero h1 { color:#2b3943; }
.pcs-hero h1 .accent { color:var(--pcs-green-2); }
.pcs-btn-primary { background:var(--pcs-red); color:#fff; border-color:var(--pcs-red); box-shadow:0 10px 34px rgba(237,95,104,.20); }
.pcs-btn-secondary { background:#fff; color:#347d9f; border-color:#b9ddea; }
.pcs-app-window { background:linear-gradient(145deg,#ffffff,#eaf6fb); border-color:#cfe4ed; box-shadow:var(--pcs-shadow); }
.pcs-window-bar i:nth-child(1) { background:var(--pcs-red); }
.pcs-window-bar i:nth-child(2) { background:#f4bd68; }
.pcs-window-bar i:nth-child(3) { background:var(--pcs-green); }
.pcs-dashboard { background:#ffffff; border-color:#d7e9f0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.7); }
.pcs-dash-head { border-color:#dcebf1; }
.pcs-live { color:var(--pcs-red); }
.pcs-kpi { background:#f4faff; border-color:#dcecf3; }
.pcs-kpi span,.pcs-flow-row small { color:#718692; }
.pcs-flow-row { background:#f8fbfd; border:1px solid #e4eff4; }
.pcs-flow-icon { background:#e9f7fc; color:#3489ae; }
.pcs-flow-row:nth-child(2) .pcs-flow-icon { background:var(--pcs-red-soft); color:var(--pcs-red); }
.pcs-pill { color:#347d9f; background:#eaf8fd; border-color:#c8e8f3; }
.pcs-flow-row:nth-child(2) .pcs-pill { color:#bd4650; background:var(--pcs-red-soft); border-color:#f4cbd0; }
.pcs-trust { background:#f7fbfd; border-color:var(--pcs-line); }
.pcs-trust-copy strong { color:#2b3943; }
.pcs-client-list { color:#496372; }
.pcs-section.alt { background:var(--pcs-bg-2); border-color:var(--pcs-line); }
.pcs-kicker { color:var(--pcs-red); }
.pcs-card { border-color:var(--pcs-line); background:#fff; box-shadow:0 12px 34px rgba(63,111,133,.07); }
.pcs-card:before { background:rgba(98,191,230,.10); }
.pcs-card:nth-child(2n):before { background:rgba(237,95,104,.08); }
.pcs-card-icon { background:#eaf8fd; color:#347d9f; }
.pcs-card:nth-child(2n) .pcs-card-icon { background:var(--pcs-red-soft); color:var(--pcs-red); }
.pcs-check { color:#425968; }
.pcs-check b { color:var(--pcs-red); }
.pcs-codecard { background:linear-gradient(145deg,#ffffff,#eef9fd); border-color:#cfe6ef; box-shadow:var(--pcs-shadow); }
.pcs-cta { background:linear-gradient(135deg,#edf9fe,#fff4f5); border-color:#cfe8f2; }
.pcs-page-hero { background:radial-gradient(circle at 80% 0,rgba(98,191,230,.18),transparent 35%),#fff; }
.pcs-content-wrap .entry-content { color:#425968; }
.pcs-content-wrap .entry-content a { color:#347d9f; }
.pcs-footer { background:#f5f9fb; border-color:var(--pcs-line); }
.pcs-footer a { color:#347d9f; }
\n\n/* ===== V4 L I V E: human energy strip + subtle motion ===== */\n.pcs-human-live {\n  position: relative;\n  height: clamp(150px, 16vw, 220px);\n  margin: 28px 0 38px;\n  border: 1px solid #d6eaf3;\n  border-radius: 24px;\n  overflow: hidden;\n  background: #edf8fd;\n  box-shadow: 0 16px 45px rgba(55, 105, 130, .11);\n}\n.pcs-human-photo { position:absolute; inset:0; overflow:hidden; }\n.pcs-human-photo img {\n  width:100%; height:100%; object-fit:cover; object-position:center 47%;\n  transform:scale(1.045);\n  animation: pcsHumanEnergy 13s ease-in-out infinite alternate;\n  filter:saturate(.92) contrast(.97) brightness(1.04);\n}\n.pcs-human-overlay {\n  position:absolute; inset:0;\n  background:\n    linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.74) 25%, rgba(255,255,255,.12) 58%, rgba(52,125,159,.09) 100%),\n    linear-gradient(180deg, rgba(98,191,230,.05), rgba(237,95,104,.06));\n}\n.pcs-human-caption {\n  position:absolute; z-index:2; left:clamp(22px,4vw,48px); top:50%; transform:translateY(-50%);\n  display:flex; flex-direction:column; align-items:flex-start; max-width:430px;\n}\n.pcs-human-caption strong { color:#263746; font-size:clamp(20px,2.2vw,31px); line-height:1.08; letter-spacing:-.03em; margin-top:10px; }\n.pcs-human-caption small { color:#607482; font-size:13px; margin-top:7px; }\n.pcs-live-badge {\n  display:inline-flex; align-items:center; gap:9px; padding:7px 12px; border-radius:999px;\n  background:rgba(255,255,255,.91); border:1px solid rgba(237,95,104,.28);\n  color:#bd4650; font-size:11px; font-weight:950; letter-spacing:.18em; box-shadow:0 8px 22px rgba(237,95,104,.10);\n}\n.pcs-live-badge i {\n  width:9px; height:9px; border-radius:50%; background:var(--pcs-red);\n  box-shadow:0 0 0 0 rgba(237,95,104,.46); animation:pcsLivePulse 1.8s ease-out infinite;\n}\n@keyframes pcsHumanEnergy {\n  from { transform:scale(1.045) translate3d(0,0,0); }\n  to { transform:scale(1.10) translate3d(1.2%, -.8%, 0); }\n}\n@keyframes pcsLivePulse {\n  0% { box-shadow:0 0 0 0 rgba(237,95,104,.46); }\n  72%,100% { box-shadow:0 0 0 9px rgba(237,95,104,0); }\n}\n/* Tiny bit more L I V E energy in the dashboard without turning it into a carnival. */\n.pcs-dashboard .pcs-live { letter-spacing:.15em; }\n.pcs-dashboard .pcs-live:before { content:""; display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:var(--pcs-red); animation:pcsLivePulse 1.8s ease-out infinite; vertical-align:1px; }\n\n@media (max-width: 640px) {\n  .pcs-human-live { height:190px; margin:18px 0 28px; border-radius:19px; }\n  .pcs-human-photo img { object-position:63% center; }\n  .pcs-human-overlay { background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.78) 55%,rgba(255,255,255,.20) 100%); }\n  .pcs-human-caption { left:20px; right:18px; max-width:290px; }\n  .pcs-human-caption small { display:none; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .pcs-human-photo img, .pcs-live-badge i, .pcs-dashboard .pcs-live:before { animation:none !important; }\n}\n
/* ===== V5 FINAL: embedded full-width L I V E human-energy hero ===== */
.pcs-hero { padding-top:0; }
.pcs-human-live-final {
  position:relative;
  width:100%;
  height:auto;
  margin:0 0 58px;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#eaf6fb;
  box-shadow:none;
  line-height:0;
}
.pcs-human-live-final img {
  display:block;
  width:100%;
  height:auto;
  min-height:280px;
  max-height:485px;
  object-fit:cover;
  object-position:center;
  animation:pcsFinalHeroDrift 14s ease-in-out infinite alternate;
  transform:scale(1.015);
}
@keyframes pcsFinalHeroDrift {
  from { transform:scale(1.015) translate3d(0,0,0); }
  to { transform:scale(1.045) translate3d(.4%,-.25%,0); }
}
.pcs-hero-grid { padding-bottom:4px; }
@media (max-width: 900px) {
  .pcs-human-live-final { margin-bottom:38px; }
  .pcs-human-live-final img { min-height:235px; object-position:center; }
}
@media (max-width: 640px) {
  .pcs-human-live-final { height:auto; margin:0 0 28px; border-radius:0; }
  .pcs-human-live-final img { min-height:210px; max-height:320px; object-fit:cover; object-position:62% center; }
}
@media (prefers-reduced-motion: reduce) {
  .pcs-human-live-final img { animation:none !important; transform:none !important; }
}


/* ===== SAFE TIGHT SPACING PATCH ===== */
body.pcs-whis .pcs-site-header {
  margin-bottom: 0 !important;
}

body.pcs-whis main#main,
body.pcs-whis .pcs-hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.pcs-whis .pcs-human-live-final {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}

body.pcs-whis .pcs-human-live-final img {
  display: block;
  margin: 0 !important;
}

@media (max-width: 900px) {
  body.pcs-whis .pcs-human-live-final {
    margin-bottom: 22px !important;
  }
}

@media (max-width: 640px) {
  body.pcs-whis .pcs-human-live-final {
    margin-bottom: 18px !important;
  }
}