/* QuietHelm Homepage V1 — brand layer over the legacy Cycure foundation */
:root {
  --qh-ink: #07131f;
  --qh-navy: #0b1b2a;
  --qh-navy-2: #10283b;
  --qh-panel: #102334;
  --qh-panel-2: #142c40;
  --qh-line: rgba(143, 184, 204, 0.18);
  --qh-muted-line: #dbe6eb;
  --qh-paper: #f5f8f8;
  --qh-white: #ffffff;
  --qh-text: #173044;
  --qh-muted: #667b89;
  --qh-mist: #e9f3f3;
  --qh-teal: #64d2c6;
  --qh-teal-dark: #2a9188;
  --qh-blue: #85baf4;
  --qh-success: #83ddaf;
  --qh-warn: #f4c76b;
  --qh-radius: 24px;
  --qh-shadow: 0 22px 60px rgba(3, 21, 34, .12);
}

html { scroll-behavior: smooth; }
body.qh-body {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background: var(--qh-paper);
  color: var(--qh-text);
  line-height: 1.65;
  overflow-x: hidden;
}
body.qh-body h1, body.qh-body h2, body.qh-body h3, body.qh-body h4, body.qh-body h5 {
  font-family: Manrope, Inter, "Segoe UI", Arial, sans-serif;
  color: var(--qh-ink);
  letter-spacing: -.03em;
}
body.qh-body a { text-decoration: none; }

.qh-container { max-width: 1180px; }
.qh-section { padding: 104px 0; }
.qh-section-sm { padding: 72px 0; }
.qh-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--qh-teal-dark);
  margin-bottom: 18px;
}
.qh-eyebrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--qh-teal);
  box-shadow: 0 0 0 6px rgba(100,210,198,.14);
}
.qh-title {
  font-size: clamp(36px, 4.8vw, 64px);
  line-height: 1.02;
  margin-bottom: 22px;
  font-weight: 700;
}
.qh-title-md {
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.08;
  margin-bottom: 20px;
  font-weight: 700;
}
.qh-lead {
  font-size: 19px;
  line-height: 1.75;
  color: var(--qh-muted);
  max-width: 700px;
}
.qh-copy { color: var(--qh-muted); font-size: 16px; }
.qh-muted { color: var(--qh-muted); }

/* Header */
.qh-header {
  position: absolute;
  z-index: 99;
  left: 0; right: 0; top: 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.qh-nav {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.qh-brand { display: flex; align-items: center; gap: 12px; color: #fff; }
.qh-brand:hover { color: #fff; }
.qh-brand-mark { width: 38px; height: 38px; flex: 0 0 38px; }
.qh-brand-word { font-family: Manrope, Inter, sans-serif; font-size: 24px; font-weight: 750; letter-spacing: -.045em; }
.qh-navlinks { display: flex; align-items: center; gap: 30px; margin: 0; padding: 0; list-style: none; }
.qh-navlinks a { color: rgba(255,255,255,.76); font-size: 14px; font-weight: 650; transition: .2s ease; }
.qh-navlinks a:hover { color: #fff; }
.qh-nav-actions { display: flex; gap: 10px; align-items: center; }
.qh-nav-toggle { display: none; background: none; border: 0; color: #fff; font-size: 22px; }

.qh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 750;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  border: 1px solid transparent;
}
.qh-btn:hover { transform: translateY(-2px); }
.qh-btn-primary { background: var(--qh-teal); color: #082523; }
.qh-btn-primary:hover { background: #7ae1d6; color: #082523; }
.qh-btn-ghost { border-color: rgba(255,255,255,.20); color: #fff; background: rgba(255,255,255,.04); }
.qh-btn-ghost:hover { color: #fff; border-color: rgba(255,255,255,.4); }
.qh-btn-dark { background: var(--qh-ink); color: #fff; }
.qh-btn-dark:hover { color: #fff; background: #0e2435; }
.qh-btn-outline { border-color: #c9d8de; color: var(--qh-ink); background: #fff; }
.qh-btn-outline:hover { color: var(--qh-ink); border-color: #9eb6c0; }

/* Hero */
.qh-hero {
  position: relative;
  min-height: 820px;
  padding: 174px 0 100px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 72% 22%, rgba(100,210,198,.17), transparent 27%),
    radial-gradient(circle at 18% 88%, rgba(133,186,244,.10), transparent 31%),
    linear-gradient(145deg, #06111b 0%, #0b1d2d 58%, #0e2636 100%);
  color: #fff;
  overflow: hidden;
}
.qh-hero::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  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, black, transparent 92%);
}
.qh-hero .container { position: relative; z-index: 2; }
.qh-hero .qh-eyebrow { color: #9de6de; }
.qh-hero h1 { color: #fff; max-width: 710px; }
.qh-hero h1 span { color: #a8e6df; }
.qh-hero .qh-lead { color: rgba(230,241,246,.74); max-width: 670px; }
.qh-hero-actions { display: flex; gap: 12px; margin: 34px 0 40px; flex-wrap: wrap; }
.qh-trustline { display: flex; flex-wrap: wrap; gap: 9px 20px; padding: 0; margin: 0; list-style: none; color: rgba(225,239,244,.62); font-size: 13px; font-weight: 600; }
.qh-trustline li { display: inline-flex; gap: 8px; align-items: center; }
.qh-trustline li::before { content:""; width:5px; height:5px; border-radius:50%; background: var(--qh-teal); }

/* Control-layer UI */
.qh-control-wrap { position: relative; padding-left: 25px; }
.qh-control-wrap::before {
  content:"";
  position:absolute;
  width: 360px; height: 360px;
  right: 3%; top: 10%;
  background: rgba(100,210,198,.10);
  filter: blur(70px);
  border-radius: 50%;
}
.qh-control {
  position: relative;
  background: linear-gradient(145deg, rgba(19,45,64,.92), rgba(10,30,44,.94));
  border: 1px solid rgba(169,219,224,.17);
  border-radius: 30px;
  padding: 18px;
  box-shadow: 0 38px 90px rgba(0,0,0,.35);
  transform: perspective(1300px) rotateY(-5deg) rotateX(1deg);
}
.qh-control-head { display:flex; align-items:center; justify-content:space-between; padding: 7px 7px 17px; border-bottom:1px solid rgba(255,255,255,.08); }
.qh-control-head strong { color:#fff; font-size:14px; }
.qh-live { display:inline-flex; align-items:center; gap:7px; color:#a9e9cf; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.qh-live::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--qh-success); box-shadow:0 0 0 5px rgba(131,221,175,.1); }
.qh-control-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-top:14px; }
.qh-status-card { min-height: 126px; padding:17px; border-radius:19px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); }
.qh-status-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.qh-status-icon { width:33px; height:33px; display:grid; place-items:center; border-radius:10px; color:#b7efe9; background:rgba(100,210,198,.11); font-size:14px; }
.qh-status-ok { font-size:10px; font-weight:800; color:#9fe2bb; text-transform:uppercase; letter-spacing:.07em; }
.qh-status-card strong { display:block; color:#f6fbfc; font-size:14px; margin-bottom:2px; }
.qh-status-card small { display:block; color:rgba(218,236,241,.48); font-size:11px; line-height:1.45; }
.qh-control-footer { margin-top:12px; padding:15px 16px; border-radius:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(100,210,198,.09); border:1px solid rgba(100,210,198,.15); }
.qh-control-footer span { color:#dff6f3; font-size:12px; font-weight:650; }
.qh-control-footer b { color:#94e3d9; font-size:12px; }
.qh-float-note { position:absolute; background:#fff; color:var(--qh-ink); border-radius:16px; box-shadow:0 17px 40px rgba(0,0,0,.22); padding:12px 15px; display:flex; align-items:center; gap:10px; font-size:11px; font-weight:750; z-index:4; }
.qh-float-note i { color:var(--qh-teal-dark); }
.qh-float-one { left:-12px; bottom:65px; }
.qh-float-two { right:-14px; top:68px; }

/* light responsibility band */
.qh-accountability { margin-top:-44px; position:relative; z-index:3; }
.qh-accountability-card { background:#fff; border-radius:26px; padding:29px 34px; box-shadow:var(--qh-shadow); display:grid; grid-template-columns:1.3fr .7fr; gap:38px; align-items:center; }
.qh-accountability-card h2 { font-size:25px; margin:0 0 8px; }
.qh-accountability-card p { margin:0; color:var(--qh-muted); font-size:14px; }
.qh-accountability-points { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.qh-mini { padding:11px 10px; text-align:center; border-left:1px solid #e7eef1; }
.qh-mini:first-child { border-left:0; }
.qh-mini strong { display:block; color:var(--qh-ink); font-size:13px; }
.qh-mini small { color:var(--qh-muted); font-size:10px; }

/* service cards */
.qh-services { background: var(--qh-paper); }
.qh-section-head { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:48px; }
.qh-section-head .qh-lead { max-width:550px; font-size:16px; margin:0; }
.qh-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.qh-service-card { position:relative; min-height:350px; border-radius:var(--qh-radius); padding:28px; background:#fff; border:1px solid #e2ebee; box-shadow:0 10px 30px rgba(9,36,53,.045); overflow:hidden; transition:.24s ease; display:flex; flex-direction:column; }
.qh-service-card:hover { transform:translateY(-6px); box-shadow:0 22px 50px rgba(9,36,53,.10); border-color:#cfdee3; }
.qh-service-number { font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--qh-teal-dark); font-weight:800; }
.qh-service-icon { width:50px; height:50px; border-radius:15px; background:var(--qh-mist); color:var(--qh-teal-dark); display:grid; place-items:center; margin:25px 0 35px; font-size:19px; }
.qh-service-card h3 { font-size:23px; margin-bottom:12px; }
.qh-service-card p { color:var(--qh-muted); font-size:14px; margin-bottom:24px; }
.qh-service-card .qh-card-link { margin-top:auto; color:var(--qh-ink); font-size:13px; font-weight:750; display:inline-flex; align-items:center; gap:8px; }
.qh-service-card::after { content:""; position:absolute; right:-45px; bottom:-55px; width:130px; height:130px; border-radius:50%; border:22px solid rgba(100,210,198,.06); }

/* contrast section */
.qh-dark-section { background:var(--qh-ink); color:#fff; position:relative; overflow:hidden; }
.qh-dark-section h2, .qh-dark-section h3 { color:#fff; }
.qh-dark-section .qh-copy, .qh-dark-section .qh-lead { color:rgba(222,238,243,.66); }
.qh-dark-section::after { content:""; position:absolute; width:520px; height:520px; right:-220px; top:-220px; background:rgba(100,210,198,.07); filter:blur(40px); border-radius:50%; }
.qh-why-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; align-items:center; position:relative; z-index:2; }
.qh-reason-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.qh-reason { padding:22px; border:1px solid rgba(255,255,255,.09); border-radius:19px; background:rgba(255,255,255,.035); }
.qh-reason i { display:block; color:var(--qh-teal); margin-bottom:20px; }
.qh-reason strong { display:block; color:#fff; margin-bottom:7px; font-size:15px; }
.qh-reason small { color:rgba(222,238,243,.55); line-height:1.6; display:block; }

/* process */
.qh-process { background:#fff; }
.qh-process-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:52px; border:1px solid #e0e9ed; border-radius:var(--qh-radius); overflow:hidden; }
.qh-process-step { padding:28px 25px; min-height:235px; border-left:1px solid #e0e9ed; position:relative; }
.qh-process-step:first-child { border-left:0; }
.qh-step-n { display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; border-radius:9px; background:var(--qh-ink); color:#fff; font-size:11px; font-weight:800; margin-bottom:36px; }
.qh-process-step h3 { font-size:18px; margin-bottom:10px; }
.qh-process-step p { color:var(--qh-muted); font-size:13px; margin:0; }
.qh-process-step:last-child { background:#f1f7f6; }
.qh-process-step:last-child .qh-step-n { background:var(--qh-teal-dark); }

/* AI */
.qh-ai { background:#edf5f5; }
.qh-ai-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.qh-automation-board { background:#fff; padding:18px; border-radius:28px; box-shadow:var(--qh-shadow); border:1px solid #dce8eb; }
.qh-auto-row { display:grid; grid-template-columns:40px 1fr auto; gap:13px; align-items:center; padding:15px 14px; border-bottom:1px solid #edf2f4; }
.qh-auto-row:last-child { border-bottom:0; }
.qh-auto-icon { width:38px; height:38px; display:grid; place-items:center; background:#eff8f6; color:var(--qh-teal-dark); border-radius:11px; }
.qh-auto-row strong { display:block; font-size:13px; color:var(--qh-ink); }
.qh-auto-row small { display:block; color:var(--qh-muted); font-size:11px; }
.qh-auto-badge { font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; border-radius:999px; padding:5px 8px; background:#eaf6ef; color:#3b7d55; }
.qh-quote-line { font-family:Manrope, sans-serif; font-size:25px; line-height:1.45; color:var(--qh-ink); padding-left:22px; border-left:3px solid var(--qh-teal); margin:30px 0; }

/* Microsoft section */
.qh-ms-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.qh-stack { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.qh-stack-item { border:1px solid #dce7eb; border-radius:18px; padding:22px; background:#fff; }
.qh-stack-item i { color:var(--qh-teal-dark); font-size:19px; margin-bottom:24px; }
.qh-stack-item strong { display:block; font-size:14px; margin-bottom:5px; color:var(--qh-ink); }
.qh-stack-item span { font-size:12px; color:var(--qh-muted); }

/* security trust */
.qh-trust { background:#0b1d2b; color:#fff; }
.qh-trust h2 { color:#fff; }
.qh-trust-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.qh-policy-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.qh-policy { display:flex; gap:13px; padding:17px; border-radius:15px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); color:#d8e8ee; font-size:12px; }
.qh-policy i { color:var(--qh-teal); margin-top:3px; }

/* plans */
.qh-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:46px; }
.qh-plan { border:1px solid #dce6ea; background:#fff; border-radius:24px; padding:31px; position:relative; }
.qh-plan.featured { border-color:#83cec6; box-shadow:0 20px 50px rgba(33,107,103,.12); }
.qh-plan-tag { position:absolute; top:18px; right:18px; background:#e8f6f4; color:#247a73; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; padding:6px 9px; border-radius:999px; }
.qh-plan h3 { font-size:24px; margin:0 0 7px; }
.qh-plan > p { color:var(--qh-muted); font-size:13px; min-height:55px; }
.qh-plan ul { padding:0; margin:25px 0 0; list-style:none; }
.qh-plan li { padding:8px 0; font-size:13px; color:#3c5668; display:flex; gap:9px; align-items:start; }
.qh-plan li i { color:var(--qh-teal-dark); margin-top:4px; }
.qh-plan-note { margin-top:30px; background:#eef4f5; border-radius:15px; padding:13px 16px; font-size:11px; color:var(--qh-muted); }

/* insights */
.qh-insights { background:#edf3f4; }
.qh-insight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.qh-insight { background:#fff; border-radius:20px; padding:26px; border:1px solid #dfe9ec; }
.qh-insight small { color:var(--qh-teal-dark); font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:9px; }
.qh-insight h3 { font-size:19px; line-height:1.35; margin:16px 0 20px; }
.qh-insight a { font-size:12px; font-weight:750; color:var(--qh-ink); }

/* CTA/footer */
.qh-final { background:#fff; }
.qh-final-card { padding:60px; border-radius:30px; background:linear-gradient(135deg,#071620,#102f41); color:#fff; display:flex; justify-content:space-between; gap:45px; align-items:center; position:relative; overflow:hidden; }
.qh-final-card::after { content:""; width:280px; height:280px; border:40px solid rgba(100,210,198,.08); position:absolute; border-radius:50%; right:-90px; bottom:-135px; }
.qh-final-card h2 { color:#fff; font-size:clamp(30px,4vw,49px); line-height:1.08; max-width:650px; margin-bottom:14px; }
.qh-final-card p { color:rgba(226,240,244,.66); max-width:650px; margin:0; }
.qh-final-actions { display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:2; }
.qh-footer { background:#06111a; color:#b6c9d1; padding:67px 0 30px; }
.qh-footer-grid { display:grid; grid-template-columns:1.4fr .7fr .7fr .9fr; gap:45px; }
.qh-footer .qh-brand { margin-bottom:18px; }
.qh-footer p { font-size:12px; line-height:1.7; max-width:360px; color:#839ca7; }
.qh-footer h4 { color:#fff; font-size:13px; margin-bottom:18px; letter-spacing:0; }
.qh-footer ul { padding:0; margin:0; list-style:none; }
.qh-footer li { margin-bottom:10px; }
.qh-footer a { color:#8ea5af; font-size:12px; }
.qh-footer a:hover { color:#fff; }
.qh-footer-bottom { margin-top:48px; padding-top:22px; border-top:1px solid rgba(255,255,255,.08); display:flex; justify-content:space-between; gap:20px; font-size:11px; color:#67808b; }

/* top support pill */
.qh-support-strip { background:#051019; color:#a9bdc6; font-size:11px; text-align:center; padding:9px 15px; border-bottom:1px solid rgba(255,255,255,.06); position:absolute; top:88px; z-index:10; width:100%; }
.qh-support-strip strong { color:#dff5f2; }

@media (max-width: 1199px) {
  .qh-navlinks { gap:20px; }
  .qh-service-grid { grid-template-columns:repeat(2,1fr); }
  .qh-process-grid { grid-template-columns:repeat(3,1fr); }
  .qh-process-step:nth-child(4) { border-left:0; border-top:1px solid #e0e9ed; }
  .qh-process-step:nth-child(5) { border-top:1px solid #e0e9ed; }
  .qh-footer-grid { grid-template-columns:1.2fr .8fr .8fr; }
  .qh-footer-grid > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 991px) {
  .qh-navlinks, .qh-nav-actions .qh-btn-ghost { display:none; }
  .qh-nav-toggle { display:block; }
  .qh-nav-actions { margin-left:auto; }
  .qh-header.is-open .qh-navlinks { position:absolute; top:88px; left:12px; right:12px; display:flex; flex-direction:column; align-items:flex-start; background:#0b1b2a; border:1px solid rgba(255,255,255,.1); padding:24px; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.3); }
  .qh-support-strip { top:88px; }
  .qh-header.is-open + .qh-support-strip { display:none; }
  .qh-hero { padding-top:190px; }
  .qh-control-wrap { margin-top:65px; padding-left:0; }
  .qh-control { transform:none; }
  .qh-accountability-card { grid-template-columns:1fr; }
  .qh-accountability-points { max-width:500px; }
  .qh-why-grid, .qh-ai-grid, .qh-ms-grid, .qh-trust-grid { grid-template-columns:1fr; gap:45px; }
  .qh-plan-grid { grid-template-columns:1fr; }
  .qh-insight-grid { grid-template-columns:1fr; }
  .qh-final-card { align-items:flex-start; flex-direction:column; padding:44px; }
  .qh-footer-grid { grid-template-columns:1fr 1fr; }
  .qh-footer-grid > div:last-child { grid-column:auto; }
}
@media (max-width: 767px) {
  .qh-section { padding:78px 0; }
  .qh-nav { min-height:76px; }
  .qh-brand-word { font-size:21px; }
  .qh-brand-mark { width:34px; height:34px; flex-basis:34px; }
  .qh-nav-actions .qh-btn-primary { min-height:40px; padding:0 14px; font-size:11px; }
  .qh-support-strip { top:76px; font-size:10px; }
  .qh-hero { min-height:auto; padding:168px 0 92px; }
  .qh-title { font-size:43px; }
  .qh-lead { font-size:16px; }
  .qh-control-grid { grid-template-columns:1fr; }
  .qh-float-note { display:none; }
  .qh-accountability { margin-top:-30px; }
  .qh-accountability-card { padding:25px; }
  .qh-accountability-points { grid-template-columns:1fr; }
  .qh-mini { border-left:0; border-top:1px solid #e7eef1; text-align:left; }
  .qh-section-head { display:block; }
  .qh-service-grid { grid-template-columns:1fr; }
  .qh-service-card { min-height:300px; }
  .qh-reason-list { grid-template-columns:1fr; }
  .qh-process-grid { grid-template-columns:1fr; }
  .qh-process-step { border-left:0; border-top:1px solid #e0e9ed; min-height:auto; }
  .qh-process-step:first-child { border-top:0; }
  .qh-stack { grid-template-columns:1fr; }
  .qh-policy-list { grid-template-columns:1fr; }
  .qh-footer-grid { grid-template-columns:1fr; }
  .qh-footer-bottom { flex-direction:column; }
}


/* QuietHelm Full Site V1 — inner-page system */
.qh-navlinks a.active { color:#fff; }
.qh-navlinks a.active::after { content:""; display:block; height:2px; margin-top:5px; background:var(--qh-teal); border-radius:2px; }
.qh-page-hero { padding:190px 0 92px; background:radial-gradient(circle at 78% 8%,rgba(100,210,198,.15),transparent 28%),linear-gradient(145deg,#06111b,#0b1d2d 62%,#102d3c); color:#fff; position:relative; overflow:hidden; }
.qh-page-hero::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:52px 52px;opacity:.18; }
.qh-page-hero .container { position:relative; z-index:2; }
.qh-page-hero h1 { color:#fff; font-size:clamp(40px,5vw,66px); line-height:1.03; max-width:840px; margin-bottom:22px; }
.qh-page-hero p { color:rgba(228,240,245,.74); font-size:19px; max-width:760px; }
.qh-page-hero .qh-eyebrow { color:#9de6de; }
.qh-breadcrumb { display:flex; gap:9px; flex-wrap:wrap; margin:24px 0 0; padding:0; list-style:none; color:rgba(220,235,241,.52); font-size:12px; }
.qh-breadcrumb a { color:#b9d1da; }
.qh-breadcrumb li+li::before { content:"/"; margin-right:9px; color:#5f7a86; }
.qh-page-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:30px; }
.qh-section-head.compact { display:block; max-width:800px; }
.qh-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.qh-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.qh-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.qh-feature-card { background:#fff; border:1px solid #dce7eb; border-radius:22px; padding:28px; height:100%; }
.qh-feature-card .qh-service-icon { margin:0 0 26px; }
.qh-feature-card h3 { font-size:21px; margin-bottom:10px; }
.qh-feature-card p { color:var(--qh-muted); font-size:14px; margin:0; }
.qh-check-list { list-style:none; padding:0; margin:24px 0 0; }
.qh-check-list li { display:flex; gap:11px; color:#405968; font-size:14px; margin:11px 0; }
.qh-check-list i { color:var(--qh-teal-dark); margin-top:5px; }
.qh-split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.qh-callout { padding:34px; border-radius:24px; background:#0b1d2b; color:#fff; position:relative; overflow:hidden; }
.qh-callout h3,.qh-callout h2 { color:#fff; }
.qh-callout p { color:#a9bec8; }
.qh-callout::after { content:""; position:absolute; width:180px;height:180px;border:28px solid rgba(100,210,198,.08);border-radius:50%;right:-70px;bottom:-90px; }
.qh-kicker { font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--qh-teal-dark); font-weight:800; }
.qh-stateless { display:grid; gap:12px; }
.qh-stateless-row { display:flex; gap:16px; align-items:flex-start; border-bottom:1px solid #e2eaed; padding:17px 0; }
.qh-stateless-row:last-child{border-bottom:0}
.qh-stateless-row .num { flex:0 0 34px; width:34px;height:34px;border-radius:10px;background:var(--qh-ink);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800; }
.qh-stateless-row strong { display:block; color:var(--qh-ink); margin-bottom:4px; }
.qh-stateless-row span { display:block; color:var(--qh-muted); font-size:13px; }
.qh-band { background:#eaf3f3; border-top:1px solid #d8e5e7; border-bottom:1px solid #d8e5e7; }
.qh-mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.qh-mini-card { background:#fff; border-radius:18px; border:1px solid #dfe8eb; padding:22px; }
.qh-mini-card strong { display:block; color:var(--qh-ink); margin-bottom:8px; }
.qh-mini-card span { color:var(--qh-muted); font-size:12px; }
.qh-table-wrap { overflow-x:auto; border:1px solid #dce6ea; border-radius:22px; background:#fff; }
.qh-table { width:100%; border-collapse:collapse; min-width:760px; }
.qh-table th,.qh-table td { padding:16px 18px; border-bottom:1px solid #e4ecef; font-size:13px; text-align:left; vertical-align:top; }
.qh-table th { background:#0b1d2b; color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.qh-table tr:last-child td { border-bottom:0; }
.qh-table td:first-child { font-weight:750; color:var(--qh-ink); }
.qh-faq { max-width:880px; margin:45px auto 0; }
.qh-faq-item { background:#fff; border:1px solid #dbe6ea; border-radius:17px; margin-bottom:10px; overflow:hidden; }
.qh-faq-button { width:100%; border:0; background:transparent; display:flex; justify-content:space-between; gap:20px; text-align:left; padding:21px 23px; color:var(--qh-ink); font-weight:750; }
.qh-faq-button i { transition:transform .2s ease; margin-top:4px; }
.qh-faq-answer { display:none; padding:0 23px 23px; color:var(--qh-muted); font-size:14px; }
.qh-faq-item.is-open .qh-faq-answer { display:block; }
.qh-faq-item.is-open .qh-faq-button i { transform:rotate(45deg); }
.qh-form-card { background:#fff; border:1px solid #dce7eb; border-radius:25px; padding:34px; box-shadow:0 18px 50px rgba(4,25,38,.06); }
.qh-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.qh-field { margin-bottom:15px; }
.qh-field.full { grid-column:1/-1; }
.qh-field label { display:block; color:var(--qh-ink); font-size:12px; font-weight:750; margin-bottom:7px; }
.qh-field input,.qh-field select,.qh-field textarea { width:100%; border:1px solid #cfdce1; border-radius:12px; padding:12px 14px; background:#fbfdfd; color:var(--qh-text); outline:none; }
.qh-field input:focus,.qh-field select:focus,.qh-field textarea:focus { border-color:#6abeb5; box-shadow:0 0 0 3px rgba(100,210,198,.13); }
.qh-field textarea { min-height:150px; resize:vertical; }
.qh-form-note { font-size:11px; color:#738792; }
.qh-honeypot { position:absolute!important; left:-9999px!important; opacity:0!important; pointer-events:none!important; }
.qh-form-status { display:none; padding:12px 15px; border-radius:12px; margin-bottom:16px; font-size:13px; }
.qh-form-status.is-success { display:block; color:#235a3c; background:#e8f6ee; }
.qh-form-status.is-error { display:block; color:#7a3232; background:#faecec; }
.qh-contact-side { display:grid; gap:14px; }
.qh-contact-tile { background:#0b1d2b; color:#fff; border-radius:20px; padding:26px; }
.qh-contact-tile i { color:var(--qh-teal); margin-bottom:20px; font-size:20px; }
.qh-contact-tile h3 { color:#fff; font-size:18px; }
.qh-contact-tile p,.qh-contact-tile a { color:#a9bec8; font-size:13px; }
.qh-pill-row { display:flex; gap:8px; flex-wrap:wrap; }
.qh-pill { background:#e9f4f2; color:#286f69; border-radius:999px; padding:7px 10px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.qh-article-wrap { max-width:820px; margin:0 auto; }
.qh-article-meta { color:#758996; font-size:12px; margin-bottom:22px; }
.qh-article { background:#fff; border:1px solid #dfe8eb; border-radius:25px; padding:48px; }
.qh-article h2 { font-size:30px; margin:38px 0 14px; }
.qh-article h3 { font-size:22px; margin:28px 0 10px; }
.qh-article p,.qh-article li { color:#455f6e; font-size:15px; line-height:1.8; }
.qh-article li { margin-bottom:7px; }
.qh-article-note { padding:20px 22px; border-radius:15px; background:#eef6f5; border-left:3px solid var(--qh-teal-dark); margin:26px 0; color:#385861; }
.qh-index-list { display:grid; gap:14px; }
.qh-index-card { background:#fff; border:1px solid #dce6ea; border-radius:20px; padding:25px; display:grid; grid-template-columns:150px 1fr auto; gap:20px; align-items:center; }
.qh-index-card .type { color:var(--qh-teal-dark); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.qh-index-card h3 { font-size:19px; margin:0 0 6px; }
.qh-index-card p { color:var(--qh-muted); font-size:13px; margin:0; }
.qh-index-card a { color:var(--qh-ink); font-weight:800; font-size:12px; white-space:nowrap; }
.qh-legal { max-width:850px; margin:0 auto; }
.qh-legal h2 { font-size:28px; margin-top:38px; }
.qh-legal p,.qh-legal li { color:#49616f; line-height:1.8; }
.qh-footer-note { margin-top:12px; font-size:10px!important; color:#58717c!important; }

@media(max-width:991px){
 .qh-page-hero{padding-top:178px}.qh-grid-3,.qh-grid-4{grid-template-columns:repeat(2,1fr)}.qh-split{grid-template-columns:1fr;gap:42px}.qh-mini-grid{grid-template-columns:1fr}.qh-index-card{grid-template-columns:1fr}.qh-index-card a{justify-self:start}.qh-form-grid{grid-template-columns:1fr}.qh-field.full{grid-column:auto}
}
@media(max-width:767px){
 .qh-page-hero{padding:158px 0 70px}.qh-page-hero p{font-size:16px}.qh-grid-2,.qh-grid-3,.qh-grid-4{grid-template-columns:1fr}.qh-form-card{padding:24px}.qh-article{padding:25px}.qh-page-actions .qh-btn{width:100%}.qh-policy-list{grid-template-columns:1fr}
}

/* QuietHelm launch hardening */
.qh-skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 9999;
  transform: translateY(-160%);
  background: #fff;
  color: var(--qh-ink);
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 800;
  box-shadow: var(--qh-shadow);
}
.qh-skip-link:focus { transform: translateY(0); }

.qh-header {
  position: fixed;
  transition: background-color .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
}
.qh-header.is-scrolled {
  background: rgba(6,17,27,.93);
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px rgba(0,0,0,.16);
}
.qh-hero h1,
.qh-page-hero h1 { color: #fff !important; }
.qh-hero h1 span { color: #a8e6df !important; }

.qh-email-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #b7d7df !important;
  font-weight: 700;
  margin-top: 6px;
}
.qh-email-link:hover { color: #fff !important; }

.qh-footer-legal {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 13px;
}
.qh-footer-legal a { font-size: 11px; }

.qh-field input,
.qh-field select,
.qh-field textarea { min-height: 48px; }
.qh-field textarea { min-height: 150px; resize: vertical; }

.qh-btn:focus-visible,
.qh-navlinks a:focus-visible,
.qh-footer a:focus-visible,
.qh-card-link:focus-visible,
.qh-field input:focus-visible,
.qh-field select:focus-visible,
.qh-field textarea:focus-visible,
.qh-faq-button:focus-visible {
  outline: 3px solid #9de6de;
  outline-offset: 3px;
}

.qh-launch-note {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #eef6f5;
  color: #42616a;
  font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .qh-control { transform: none; }
}

/* Contact tiles: ensure heading contrast against dark panels. */
body.qh-body .qh-contact-tile h3 { color: #ffffff; }
