body.hvac-use-case-page {
  background:#071724;
  color:#071724;
}

.hvac-use-case-page .overlay.overlay-global,
.hvac-use-case-page .overlay.overlay-global .overlay-global-color {
  display:none !important;
}

.hvac-use-case-page .site-navbar {
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(7,23,36,.08);
  backdrop-filter:blur(18px);
}

.hvac-use-case-page .navbar .navbar-nav .active > .nav-link:before,
.hvac-use-case-page .navbar .navbar-nav .nav-link.active:before {
  opacity:0;
}

.hvac-use-case-page .navbar .navbar-nav .active > .nav-link,
.hvac-use-case-page .navbar .navbar-nav .nav-link.active {
  color:inherit !important;
}

.hvac-page,
.hvac-section,
.hvac-hero {
  position:relative;
  overflow:hidden;
}

.hvac-section,
.hvac-hero {
  padding:clamp(4.75rem, 8vw, 7.25rem) 0;
}

.hvac-hero {
  padding-top:clamp(7rem, 12vw, 10rem);
}

.hvac-section-dark {
  background:
    radial-gradient(circle at 18% 10%, rgba(0,201,216,.18), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(255,122,0,.12), transparent 30%),
    linear-gradient(180deg, #071724 0%, #0b2134 100%);
  color:#f8fbff;
}

.hvac-section-light {
  background:
    radial-gradient(circle at 12% 0%, rgba(0,201,216,.09), transparent 30%),
    linear-gradient(180deg, #f7fbfd 0%, #eef6f8 100%);
  color:#071724;
}

.hvac-hero-grid,
.hvac-packet-grid,
.hvac-form-panel,
.hvac-next-steps,
.hvac-preview-panel,
.hvac-systems-panel {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, .86fr);
  gap:clamp(2rem, 4vw, 4rem);
  align-items:center;
}

.hvac-form-panel,
.hvac-next-steps,
.hvac-preview-panel,
.hvac-systems-panel {
  grid-template-columns:minmax(300px, .76fr) minmax(0, 1.24fr);
  align-items:start;
  padding:clamp(1.5rem, 3vw, 2.6rem);
}

.hvac-eyebrow {
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:.36rem .68rem;
  border:1px solid rgba(0,201,216,.42);
  border-radius:999px;
  background:rgba(0,201,216,.11);
  color:#bafaff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.hvac-eyebrow-light {
  color:#006f79;
  background:rgba(0,201,216,.12);
}

.hvac-hero h1,
.hvac-section-title h2,
.hvac-form-panel h2,
.hvac-next-steps h2,
.hvac-preview-panel h2,
.hvac-packet-grid h2,
.hvac-systems-panel h2 {
  margin:.8rem 0 1rem;
  letter-spacing:0;
  line-height:1.02;
}

.hvac-hero h1 {
  max-width:980px;
  color:#fff;
  font-size:clamp(2.75rem, 5vw, 5.05rem);
}

.hvac-section-title {
  max-width:920px;
  margin-bottom:clamp(2rem, 4vw, 3.25rem);
}

.hvac-section-title h2,
.hvac-form-panel h2,
.hvac-next-steps h2,
.hvac-preview-panel h2,
.hvac-packet-grid h2,
.hvac-systems-panel h2 {
  font-size:clamp(2.1rem, 4vw, 4rem);
}

.hvac-section-title p,
.hvac-hero-copy,
.hvac-support-copy,
.hvac-form-panel p,
.hvac-next-steps p,
.hvac-preview-panel p,
.hvac-packet-grid p,
.hvac-systems-panel p {
  color:inherit;
  opacity:.82;
  font-size:clamp(1.02rem, 1.35vw, 1.22rem);
  line-height:1.6;
}

.hvac-hero-copy {
  max-width:800px;
  color:#d8e5ee;
}

.hvac-support-copy {
  max-width:720px;
  color:#9fb2c3;
  font-weight:800;
}

.hvac-proof-list {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.7rem;
  max-width:760px;
  padding:0;
  margin:1.6rem 0;
  list-style:none;
}

.hvac-proof-list li,
.hvac-command-chips span,
.hvac-feature-grid span,
.hvac-form-preview span,
.hvac-system-chips span,
.hvac-report-stats span {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.56rem .72rem;
  border:1px solid rgba(0,201,216,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:inherit;
  font-weight:800;
  font-size:.9rem;
}

.hvac-section-light .hvac-feature-grid span,
.hvac-section-light .hvac-system-chips span,
.hvac-section-light .hvac-report-stats span {
  background:#fff;
  border-color:rgba(7,23,36,.1);
}

.hvac-proof-list li:before,
.hvac-form-preview span:before {
  content:"";
  width:.52rem;
  height:.52rem;
  border-radius:50%;
  background:#00c9d8;
  box-shadow:0 0 0 4px rgba(0,201,216,.13);
  flex:0 0 auto;
}

.hvac-hero-actions,
.hvac-section-actions,
.hvac-form-actions,
.hvac-next-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  align-items:center;
}

.hvac-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.88rem 1.15rem;
  border-radius:12px;
  border:1px solid transparent;
  font-weight:900;
  line-height:1.1;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.hvac-btn:hover,
.hvac-btn:focus {
  transform:translateY(-1px);
  text-decoration:none;
}

.hvac-btn-primary {
  background:#55d9e6;
  color:#03131f;
  box-shadow:0 18px 40px rgba(0,201,216,.22);
}

.hvac-btn-secondary {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}

.hvac-btn-secondary-light {
  color:#071724;
  background:#fff;
  border-color:rgba(7,23,36,.12);
}

.hvac-btn[disabled],
.hvac-btn.is-loading {
  cursor:wait;
  opacity:.72;
  transform:none;
}

.hvac-btn[disabled] {
  pointer-events:none;
}

.hvac-loading-spinner {
  display:none;
  width:1rem;
  height:1rem;
  margin-right:.55rem;
  border:2px solid rgba(3,19,31,.26);
  border-top-color:#03131f;
  border-radius:50%;
  animation:hvac-spin .72s linear infinite;
}

.hvac-btn.is-loading .hvac-loading-spinner {
  display:inline-block;
}

@keyframes hvac-spin {
  to { transform:rotate(360deg); }
}

.hvac-link-arrow {
  color:#7bf3ff;
  font-weight:900;
  text-decoration:none;
}

.hvac-link-arrow:hover,
.hvac-link-arrow:focus {
  color:#fff;
}

.hvac-command-card,
.hvac-card-grid article,
.hvac-workflow-grid article,
.hvac-process-strip article,
.hvac-role-grid article,
.hvac-path-grid article,
.hvac-report-card,
.hvac-wide-cta,
.hvac-preview-panel,
.hvac-form-panel,
.hvac-next-steps,
.hvac-systems-panel,
.hvac-faq-list details {
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}

.hvac-section-light .hvac-card-grid article,
.hvac-section-light .hvac-workflow-grid article,
.hvac-section-light .hvac-role-grid article,
.hvac-section-light .hvac-report-card,
.hvac-section-light .hvac-wide-cta,
.hvac-section-light .hvac-systems-panel,
.hvac-section-light .hvac-faq-list details {
  border-color:rgba(7,23,36,.1);
  background:rgba(255,255,255,.88);
  box-shadow:0 22px 58px rgba(7,23,36,.08);
}

.hvac-command-card {
  padding:clamp(1.1rem, 2.3vw, 1.8rem);
  color:#fff;
}

.hvac-command-card .coskip-scene-visual {
  margin-top:1rem;
  min-height:clamp(330px, 28vw, 390px);
}

.hvac-device-bar,
.hvac-report-head {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  padding:1rem;
  border-radius:20px;
  background:#fff;
  color:#071724;
}

.hvac-device-bar span,
.hvac-report-head span,
.hvac-voice-bubble span,
.hvac-mini-timeline span,
.hvac-path-grid span {
  display:block;
  color:#6a7a89;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hvac-device-bar strong,
.hvac-report-head strong {
  overflow-wrap:anywhere;
}

.hvac-voice-stack {
  display:grid;
  gap:.75rem;
  margin:1rem 0;
}

.hvac-voice-bubble {
  padding:.95rem 1rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.07);
}

.hvac-voice-bubble p {
  margin:.25rem 0 0;
  color:#fff;
  font-weight:800;
}

.hvac-voice-bubble-coskip {
  background:rgba(0,201,216,.13);
  border-color:rgba(0,201,216,.26);
}

.hvac-ar-panel {
  position:relative;
  min-height:250px;
  border:1px solid rgba(0,201,216,.2);
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    radial-gradient(circle at 70% 26%, rgba(0,201,216,.2), transparent 30%),
    linear-gradient(145deg, #102a3c, #081927);
  background-size:34px 34px, 34px 34px, auto, auto;
}

.hvac-ar-status {
  position:absolute;
  top:.85rem;
  left:.85rem;
  z-index:2;
  padding:.42rem .62rem;
  border-radius:999px;
  background:rgba(7,23,36,.72);
  color:#bafaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hvac-unit-outline {
  position:absolute;
  inset:25% 16% 18% 14%;
  border:2px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 22px 50px rgba(0,0,0,.22);
}

.hvac-hotspot {
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#55d9e6;
  box-shadow:0 0 0 7px rgba(85,217,230,.16), 0 0 0 1px #fff inset;
}

.hvac-hotspot-belt { left:60%; top:48%; }
.hvac-hotspot-filter { left:32%; top:47%; }
.hvac-hotspot-nameplate { left:47%; top:71%; }
.hvac-hotspot-electrical {
  left:72%;
  top:65%;
  background:#ff9a35;
  box-shadow:0 0 0 7px rgba(255,122,0,.16), 0 0 0 1px #fff inset;
}

.hvac-ar-label {
  position:absolute;
  padding:.35rem .52rem;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#071724;
  font-size:.72rem;
  font-weight:900;
}

.hvac-ar-label-belt { left:62%; top:34%; }
.hvac-ar-label-filter { left:18%; top:34%; }
.hvac-ar-label-nameplate { left:40%; top:82%; }
.hvac-ar-label-electrical { right:8%; top:73%; }

.hvac-command-chips,
.hvac-report-stats,
.hvac-feature-grid,
.hvac-form-preview,
.hvac-system-chips {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
  margin-bottom: 1rem;
}

.hvac-mini-packet {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.55rem;
  margin-top:1rem;
}

.hvac-mini-packet-title {
  grid-column:1 / -1;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:.36rem .62rem;
  border:1px solid rgba(85,217,230,.28);
  border-radius:999px;
  background:rgba(85,217,230,.12);
  color:#bafaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hvac-mini-packet div {
  padding:.8rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.07);
}

.hvac-mini-packet strong,
.hvac-mini-packet span {
  display:block;
}

.hvac-mini-packet strong {
  color:#fff;
  font-size:1.05rem;
}

.hvac-mini-packet span {
  color:#b8c9d4;
  font-size:.76rem;
  font-weight:800;
}

.hvac-mini-packet > .hvac-mini-packet-title {
  display:inline-flex;
  color:#bafaff;
  font-size:.72rem;
  font-weight:900;
}

.hvac-workflow-card-scene {
  min-height: 190px;
  margin-bottom: 1rem;
  border-radius: 20px;
}

.hvac-workflow-card-scene .coskip-scene-visual__fallback::before {
  left: 15%;
  right: 12%;
  top: 24%;
  height: 43%;
}

.hvac-workflow-card-scene .coskip-scene-visual__fallback::after {
  left: 22%;
  right: 18%;
  bottom: 16%;
}

.hvac-card-grid,
.hvac-workflow-grid,
.hvac-role-grid,
.hvac-path-grid,
.hvac-process-strip {
  display:grid;
  gap:clamp(1rem, 2vw, 1.5rem);
}

.hvac-card-grid-four {
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.hvac-workflow-grid,
.hvac-role-grid {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.hvac-path-grid,
.hvac-process-strip {
  grid-template-columns:repeat(4, minmax(0, 1fr));
  margin-bottom: 1rem;
}

.hvac-process-strip {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.hvac-card-grid article,
.hvac-workflow-grid article,
.hvac-role-grid article,
.hvac-path-grid article,
.hvac-process-strip article {
  padding:clamp(1.15rem, 2vw, 1.7rem);
}

.hvac-workflow-grid article,
.hvac-role-grid article {
  position:relative;
  overflow:hidden;
}

.workflow-card__media {
  display:block;
  aspect-ratio:16 / 9;
  margin:0 0 1rem;
  overflow:hidden;
  border:1px solid rgba(0,111,121,.14);
  border-radius:18px;
  background:linear-gradient(145deg, #082335, #041620);
  box-shadow:0 16px 44px rgba(7, 22, 36, .14);
}

.workflow-card__media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(1.06) contrast(1.04) saturate(1.05);
}

.hvac-workflow-grid article:before {
  content:"";
  display:block;
  width:100%;
  height:96px;
  margin-bottom:1rem;
  border:1px solid rgba(0,111,121,.12);
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 42%, rgba(0,201,216,.34) 0 5px, transparent 6px),
    radial-gradient(circle at 48% 42%, rgba(0,201,216,.3) 0 5px, transparent 6px),
    radial-gradient(circle at 78% 42%, rgba(255,122,0,.34) 0 6px, transparent 7px),
    linear-gradient(90deg, transparent 0 17%, rgba(0,201,216,.24) 17% 49%, rgba(255,122,0,.18) 49% 79%, transparent 79%),
    linear-gradient(145deg, #f8fdff, #dff3f7);
}

.hvac-workflow-grid article.hvac-workflow-card-image:before {
  display:none;
}

.hvac-workflow-card-media {
  aspect-ratio: 3 / 2;
  margin-bottom: 1rem;
  border-color: rgba(0,111,121,.14);
  box-shadow: 0 16px 44px rgba(7, 22, 36, .14);
}

.hvac-workflow-grid article:nth-child(2):before {
  background:
    radial-gradient(circle at 20% 35%, rgba(255,122,0,.32) 0 6px, transparent 7px),
    radial-gradient(circle at 53% 55%, rgba(0,201,216,.3) 0 5px, transparent 6px),
    radial-gradient(circle at 80% 36%, rgba(0,201,216,.28) 0 5px, transparent 6px),
    linear-gradient(145deg, #f8fdff, #e9f7fa);
}

.hvac-workflow-grid article:nth-child(3):before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.84) 0 45%, rgba(0,201,216,.22) 45% 55%, rgba(255,255,255,.9) 55% 100%),
    radial-gradient(circle at 24% 50%, rgba(255,122,0,.34) 0 6px, transparent 7px),
    radial-gradient(circle at 75% 50%, rgba(0,201,216,.32) 0 6px, transparent 7px),
    linear-gradient(145deg, #f8fdff, #dff3f7);
}

.hvac-workflow-grid article:nth-child(4):before {
  background:
    linear-gradient(#102033, #102033) 20% 34% / 18% 5px no-repeat,
    linear-gradient(#102033, #102033) 50% 50% / 24% 5px no-repeat,
    linear-gradient(#102033, #102033) 78% 66% / 18% 5px no-repeat,
    linear-gradient(145deg, #f8fdff, #dff3f7);
}

.hvac-workflow-grid article:nth-child(5):before {
  background:
    radial-gradient(circle at 25% 42%, rgba(0,201,216,.32) 0 5px, transparent 6px),
    linear-gradient(90deg, rgba(7,23,36,.16), transparent 44%),
    linear-gradient(145deg, #f8fdff, #dff3f7);
}

.hvac-workflow-grid article:nth-child(6):before {
  background:
    linear-gradient(90deg, rgba(0,201,216,.55) 0 23%, transparent 23%) top left / 100% 11px no-repeat,
    linear-gradient(145deg, #fff, #e8f8fb);
}

.hvac-card-grid h3,
.hvac-workflow-grid h3,
.hvac-role-grid h3,
.hvac-path-grid h3,
.hvac-process-strip h3,
.hvac-faq-list summary {
  margin:0 0 .75rem;
  font-size:1.18rem;
  font-weight:900;
}

.hvac-card-grid p,
.hvac-workflow-grid p,
.hvac-role-grid p,
.hvac-path-grid p,
.hvac-process-strip p,
.hvac-faq-list p,
.hvac-report-timeline li,
.hvac-mini-timeline em {
  color:inherit;
  opacity:.78;
  line-height:1.55;
}

.hvac-workflow-grid a,
.hvac-role-grid a {
  color:#006f79;
  font-weight:900;
  text-decoration:none;
}

.hvac-section-dark .hvac-workflow-grid a,
.hvac-section-dark .hvac-role-grid a {
  color:#7bf3ff;
}

.hvac-wide-cta {
  display:flex;
  justify-content:space-between;
  gap:1.5rem;
  align-items:center;
  margin-top:1.5rem;
  padding:clamp(1.25rem, 2.4vw, 2rem);
}

.hvac-wide-cta h3 {
  margin:.7rem 0 .5rem;
  font-size:clamp(1.55rem, 3vw, 2.4rem);
}

.hvac-before-after-visual {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  margin:1.5rem 0 0;
}

.hvac-before-after-visual article {
  position:relative;
  overflow:hidden;
  padding:clamp(1.15rem, 2vw, 1.7rem);
  border:1px solid rgba(7,23,36,.1);
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 58px rgba(7,23,36,.08);
}

.hvac-before-after-visual article:before {
  content:"";
  position:absolute;
  right:-2.8rem;
  top:-2.8rem;
  width:8rem;
  height:8rem;
  border-radius:50%;
  background:rgba(255,122,0,.1);
}

.hvac-before-after-visual .hvac-after-panel:before {
  background:rgba(0,201,216,.14);
}

.hvac-before-after-visual article > span {
  display:inline-flex;
  margin-bottom:.8rem;
  color:#006f79;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hvac-before-after-visual h3 {
  margin:0 0 1rem;
  color:#071724;
  font-size:clamp(1.35rem, 2.2vw, 2rem);
}

.hvac-proof-chip-row {
  display:flex;
  flex-wrap:wrap;
  gap:.52rem;
}

.hvac-proof-chip-row b {
  display:inline-flex;
  padding:.44rem .62rem;
  border:1px solid rgba(0,111,121,.15);
  border-radius:999px;
  background:rgba(0,201,216,.09);
  color:#006f79;
  font-size:.8rem;
  font-weight:900;
}

.hvac-before-panel .hvac-proof-chip-row b {
  border-color:rgba(255,122,0,.18);
  background:rgba(255,122,0,.08);
  color:#8d4300;
}

.hvac-mini-timeline {
  display:grid;
  gap:.8rem;
}

.hvac-workflow-strip {
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.hvac-mini-timeline div {
  position:relative;
  padding:1rem 1rem 1rem 3rem;
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  background:rgba(255,255,255,.07);
}

.hvac-mini-timeline div:before {
  content:"";
  position:absolute;
  left:1rem;
  top:1.25rem;
  width:.9rem;
  height:.9rem;
  border-radius:50%;
  background:#55d9e6;
  box-shadow:0 0 0 6px rgba(85,217,230,.12);
}

.hvac-workflow-strip div:after {
  content:"";
  position:absolute;
  left:1.42rem;
  top:2.15rem;
  bottom:-1rem;
  width:2px;
  background:linear-gradient(180deg, rgba(85,217,230,.7), transparent);
}

.hvac-workflow-strip div:nth-last-child(-n+2):after {
  display:none;
}

.hvac-mini-timeline strong,
.hvac-mini-timeline em {
  display:block;
}

.hvac-mini-timeline strong {
  margin:.18rem 0;
}

.hvac-report-card {
  padding:clamp(1rem, 2vw, 1.6rem);
}

.hvac-report-card {
  background:
    radial-gradient(circle at 90% 4%, rgba(0,201,216,.12), transparent 32%),
    rgba(255,255,255,.92);
}

.hvac-report-meta {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.55rem;
  margin:1rem 0 0;
}

.hvac-report-meta span {
  padding:.65rem;
  border:1px solid rgba(7,23,36,.08);
  border-radius:14px;
  background:#fff;
  color:#425568;
  font-size:.82rem;
  font-weight:850;
  overflow-wrap:anywhere;
}

.hvac-report-stats span {
  color:#071724;
}

.hvac-report-timeline {
  display:grid;
  gap:.7rem;
  padding:0;
  margin:1.2rem 0 0;
  list-style:none;
}

.hvac-report-timeline li {
  position:relative;
  padding:.85rem .85rem .85rem 2.4rem;
  border:1px solid rgba(7,23,36,.08);
  border-radius:14px;
  background:#fff;
}

.hvac-report-timeline li:before {
  content:"";
  position:absolute;
  left:.85rem;
  top:1.08rem;
  width:.72rem;
  height:.72rem;
  border-radius:50%;
  background:#00c9d8;
}

.hvac-evidence-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.65rem;
  margin-top:1rem;
}

.hvac-evidence-grid div {
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(7,23,36,.08);
  border-radius:16px;
  background:#fff;
}

.hvac-evidence-grid i {
  position: relative;
  display:block;
  height:72px;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(7,23,36,.08);
  background:
    radial-gradient(circle at 34% 42%, rgba(0,201,216,.42) 0 7px, transparent 8px),
    linear-gradient(145deg, #eef8fb, #cfdde3);
}

.hvac-evidence-grid i::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(7,23,36,.2));
  pointer-events: none;
  content: "";
}

.hvac-evidence-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(.94) contrast(1.06) saturate(1.04);
}

.hvac-evidence-grid div:nth-child(2) i {
  background:
    radial-gradient(circle at 62% 45%, rgba(255,122,0,.38) 0 8px, transparent 9px),
    linear-gradient(145deg, #eef8fb, #dce8ec);
}

.hvac-evidence-grid div:nth-child(3) i {
  background:
    linear-gradient(90deg, rgba(255,122,0,.48) 0 18%, transparent 18%) top left / 100% 11px no-repeat,
    linear-gradient(145deg, #fff8f0, #eef8fb);
}

.hvac-evidence-grid div:nth-child(4) i {
  background:
    linear-gradient(135deg, transparent 0 46%, rgba(7,23,36,.36) 47% 50%, transparent 51%),
    linear-gradient(145deg, #fff, #eef8fb);
}

.hvac-evidence-grid span {
  display:block;
  padding:.55rem;
  color:#425568;
  font-size:.78rem;
  font-weight:900;
}

.hvac-disclaimer {
  margin:1.4rem 0;
  color:inherit;
  opacity:.75;
  font-weight:800;
}

.hvac-systems-panel .hvac-system-chips {
  margin-top:1rem;
}

.hvac-systems-copy {
  align-self:center;
  max-width:520px;
}

.hvac-systems-copy .hvac-btn {
  margin-top:1.25rem;
}

.hvac-systems-visual {
  position:relative;
  display:grid;
  gap:1rem;
  min-height:520px;
  padding:1rem;
  border:1px solid rgba(7,23,36,.1);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(0,201,216,.2), transparent 34%),
    radial-gradient(circle at 15% 92%, rgba(255,122,0,.12), transparent 34%),
    linear-gradient(145deg, #071724 0%, #10283a 100%);
  box-shadow:0 30px 80px rgba(7,23,36,.16);
}

.hvac-systems-visual:before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 78%);
  pointer-events:none;
}

.hvac-systems-photo,
.hvac-routing-card,
.hvac-systems-visual .hvac-system-chips {
  position:relative;
  z-index:1;
}

.hvac-systems-photo {
  min-height:250px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(224,246,250,.9), rgba(168,207,218,.72) 45%, rgba(40,67,77,.96) 46% 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 24px 55px rgba(0,0,0,.22);
}

.hvac-photo-sky {
  position:absolute;
  inset:0 0 46%;
  background:
    radial-gradient(circle at 22% 35%, rgba(255,255,255,.9), transparent 16%),
    linear-gradient(135deg, rgba(255,255,255,.55), rgba(71,199,213,.16));
}

.hvac-rooftop-unit {
  position:absolute;
  left:8%;
  right:8%;
  bottom:13%;
  height:36%;
  border:1px solid rgba(255,255,255,.3);
  border-radius:18px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.16) 0 10%, transparent 10% 14%, rgba(255,255,255,.14) 14% 24%, transparent 24%),
    linear-gradient(145deg, #a7bac2, #5f7580);
  box-shadow:0 24px 42px rgba(0,0,0,.24);
}

.hvac-rooftop-unit span {
  position:absolute;
  top:22%;
  width:21%;
  height:42%;
  border-radius:50%;
  border:7px solid rgba(7,23,36,.35);
  background:radial-gradient(circle, rgba(255,255,255,.5), rgba(7,23,36,.2));
}

.hvac-rooftop-unit span:nth-child(1) { left:11%; }
.hvac-rooftop-unit span:nth-child(2) { left:39%; }
.hvac-rooftop-unit span:nth-child(3) { left:67%; }

.hvac-tech-card {
  position:absolute;
  right:1rem;
  bottom:1rem;
  width:min(240px, 72%);
  padding:.85rem 1rem;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  background:rgba(7,23,36,.76);
  color:#fff;
  backdrop-filter:blur(12px);
}

.hvac-tech-card span,
.hvac-routing-head span,
.hvac-routing-flow span {
  display:block;
  color:#7bf3ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hvac-tech-card strong {
  display:block;
  margin-top:.2rem;
}

.hvac-routing-card {
  padding:1rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}

.hvac-routing-head {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:flex-start;
  margin-bottom:1rem;
  color:#fff;
}

.hvac-routing-head strong {
  text-align:right;
}

.hvac-routing-flow {
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:.75rem;
  align-items:stretch;
}

.hvac-routing-flow div {
  min-width:0;
  padding:.85rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(7,23,36,.44);
  color:#fff;
}

.hvac-routing-flow strong,
.hvac-routing-flow small {
  display:block;
}

.hvac-routing-flow strong {
  margin:.25rem 0;
  font-size:.96rem;
}

.hvac-routing-flow small {
  color:#b8c9d4;
  line-height:1.35;
}

.hvac-routing-flow i {
  align-self:center;
  width:26px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, #55d9e6, rgba(85,217,230,.15));
}

.hvac-systems-visual .hvac-system-chips span {
  color:#fff;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}

.hvac-form-panel,
.hvac-next-steps,
.hvac-preview-panel {
  color:#fff;
}

.hvac-form-panel form {
  display:grid;
  gap:1.2rem;
}

.hvac-form-aside {
  margin-top:1.25rem;
  padding:1rem;
  border:1px solid rgba(85,217,230,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 8%, rgba(85,217,230,.16), transparent 34%),
    rgba(255,255,255,.07);
}

.hvac-form-aside h3 {
  margin:0 0 .75rem;
  color:#fff;
  font-size:1.1rem;
  font-weight:900;
}

.hvac-form-aside ul {
  display:grid;
  gap:.55rem;
  margin:0 0 1rem;
  padding:0;
  list-style:none;
}

.hvac-form-aside li {
  position:relative;
  padding-left:1.15rem;
  color:#d8e5ee;
  font-weight:800;
}

.hvac-form-aside li:before {
  content:"";
  position:absolute;
  left:0;
  top:.48rem;
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  background:#55d9e6;
}

.hvac-form-section {
  padding:0;
  border:0;
  margin:0;
}

.hvac-form-section legend,
.hvac-choice-field legend {
  margin:0 0 .75rem;
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
}

.hvac-form-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.hvac-field-wide {
  grid-column:span 2;
}

.hvac-field label,
.hvac-consent {
  display:block;
  margin-bottom:.4rem;
  color:#d8e5ee;
  font-weight:900;
}

.hvac-field label span {
  opacity:.72;
}

.hvac-field input,
.hvac-field select,
.hvac-field textarea {
  width:100%;
  min-height:52px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.95);
  color:#071724;
  padding:.82rem .95rem;
  font:inherit;
}

.hvac-field textarea {
  min-height:132px;
  resize:vertical;
}

.hvac-choice-field {
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  padding:0;
  border:0;
  margin:0;
}

.hvac-choice-field legend {
  flex:0 0 100%;
}

.hvac-choice-field label,
.hvac-consent {
  display:inline-flex;
  align-items:flex-start;
  gap:.5rem;
  padding:.7rem .85rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  cursor:pointer;
}

.hvac-consent {
  margin:0;
  line-height:1.45;
}

.hvac-honeypot {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.hvac-form-status {
  min-height:1.3rem;
  color:#bafaff;
  font-weight:800;
}

.hvac-form-status.is-error {
  color:#ffd3bd;
}

.hvac-success-actions {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:.8rem;
}

.hvac-field [aria-invalid="true"],
.hvac-field input[aria-invalid="true"],
.hvac-field select[aria-invalid="true"],
.hvac-field textarea[aria-invalid="true"] {
  border-color:#ff9a5c;
  box-shadow:0 0 0 3px rgba(255,122,0,.18);
}

.hvac-faq-list {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.hvac-role-icon {
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  margin-bottom:1rem;
  border-radius:16px;
  background:
    linear-gradient(#071724, #071724) 50% 58% / 58% 4px no-repeat,
    linear-gradient(180deg, #7bf3ff, #ffbd70);
  box-shadow:0 16px 34px rgba(0,201,216,.16);
}

.hvac-role-icon-control {
  background:
    radial-gradient(circle at 35% 35%, #071724 0 8%, transparent 9%),
    radial-gradient(circle at 65% 65%, #071724 0 8%, transparent 9%),
    linear-gradient(180deg, #7bf3ff, #ffbd70);
}

.hvac-role-icon-proof {
  background:
    linear-gradient(#071724, #071724) 50% 34% / 46% 4px no-repeat,
    linear-gradient(#071724, #071724) 50% 52% / 56% 4px no-repeat,
    linear-gradient(#071724, #071724) 50% 70% / 34% 4px no-repeat,
    linear-gradient(180deg, #7bf3ff, #ffbd70);
}

.hvac-role-icon-voice {
  background:
    radial-gradient(ellipse at 50% 50%, #071724 0 18%, transparent 19%),
    linear-gradient(#071724, #071724) 50% 72% / 4px 26% no-repeat,
    linear-gradient(180deg, #7bf3ff, #ffbd70);
}

.hvac-role-icon-security {
  background:
    linear-gradient(#071724, #071724) center 58% / 42% 30% no-repeat,
    radial-gradient(circle at 50% 35%, transparent 0 23%, #071724 24% 32%, transparent 33%),
    linear-gradient(180deg, #7bf3ff, #ffbd70);
}

.hvac-faq-list details {
  padding:1.1rem 1.2rem;
  border-color:rgba(7,23,36,.1);
  background:#fff;
}

.hvac-faq-list summary {
  cursor:pointer;
  list-style:none;
}

.hvac-faq-list summary::-webkit-details-marker {
  display:none;
}

.hvac-faq-list p {
  margin:.75rem 0 0;
}

.hvac-next-steps {
  align-items:center;
}

.hvac-next-actions {
  justify-content:flex-end;
}

.hvac-use-case-page a:focus-visible,
.hvac-use-case-page button:focus-visible,
.hvac-use-case-page input:focus-visible,
.hvac-use-case-page select:focus-visible,
.hvac-use-case-page textarea:focus-visible,
.hvac-use-case-page summary:focus-visible {
  outline:3px solid rgba(85,217,230,.85);
  outline-offset:3px;
}

@media (max-width:1199px) {
  .hvac-card-grid-four,
  .hvac-path-grid,
  .hvac-evidence-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hvac-workflow-grid,
  .hvac-role-grid,
  .hvac-report-meta {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:991px) {
  .hvac-hero-grid,
  .hvac-packet-grid,
  .hvac-form-panel,
  .hvac-next-steps,
  .hvac-preview-panel,
  .hvac-systems-panel {
    grid-template-columns:1fr;
  }

  .hvac-next-actions {
    justify-content:flex-start;
  }

  .hvac-wide-cta {
    display:grid;
  }
}

@media (max-width:991px) {
  .hvac-systems-visual {
    min-height:auto;
  }
}

@media (max-width:767px) {
  .hvac-use-case-page .container {
    width:calc(100% - 40px) !important;
    max-width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  .hvac-hero-grid,
  .hvac-hero-grid > *,
  .hvac-command-card {
    min-width:0;
    max-width:100%;
  }

  .hvac-hero h1,
  .hvac-hero-copy,
  .hvac-proof-list li {
    width:100%;
    max-width:calc(100vw - 40px) !important;
    white-space:normal !important;
    text-wrap:wrap !important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .hvac-hero h1 {
    font-size:clamp(1.65rem, 8vw, 1.9rem);
    line-height:1.06;
  }

  .hvac-section,
  .hvac-hero {
    padding:4.25rem 0;
  }

  .hvac-hero {
    padding-top:6.6rem;
  }

  .hvac-proof-list,
  .hvac-before-after-visual,
  .hvac-card-grid-four,
  .hvac-workflow-grid,
  .hvac-role-grid,
  .hvac-path-grid,
  .hvac-process-strip,
  .hvac-faq-list,
  .hvac-form-grid,
  .hvac-report-meta,
  .hvac-evidence-grid,
  .hvac-workflow-strip,
  .hvac-mini-packet {
    grid-template-columns:1fr;
  }

  .hvac-field-wide {
    grid-column:auto;
  }

  .hvac-btn,
  .hvac-hero-actions .hvac-link-arrow {
    width:100%;
  }

  .hvac-command-card,
  .hvac-form-panel,
  .hvac-next-steps,
  .hvac-preview-panel,
  .hvac-systems-panel {
    border-radius:22px;
  }

  .hvac-ar-panel {
    min-height:220px;
  }

  .hvac-systems-photo {
    min-height:220px;
  }

  .hvac-routing-head,
  .hvac-routing-head strong {
    display:block;
    text-align:left;
  }

  .hvac-routing-flow {
    grid-template-columns:1fr;
  }

  .hvac-routing-flow i {
    width:2px;
    height:20px;
    margin:auto;
    background:linear-gradient(180deg, #55d9e6, rgba(85,217,230,.15));
  }

  .hvac-workflow-strip div:after {
    display:block;
  }

  .hvac-workflow-strip div:nth-last-child(-n+2):after {
    display:block;
  }

  .hvac-workflow-strip div:last-child:after {
    display:none;
  }
}

@media (max-width:390px) {
  .hvac-form-panel,
  .hvac-next-steps,
  .hvac-preview-panel,
  .hvac-systems-panel {
    padding:1rem;
  }

  .hvac-hero h1 {
    font-size:2.55rem;
  }

  .hvac-device-bar,
  .hvac-report-head {
    display:grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hvac-btn,
  .hvac-loading-spinner {
    transition:none;
    animation:none;
  }
}

.hvac-final-cta .hvac-next-steps {
  grid-template-columns:minmax(0, 1fr) minmax(260px, .42fr);
  max-width:1120px;
  margin:0 auto;
  align-items:center;
}

.hvac-final-cta .hvac-next-actions {
  display:grid;
  grid-template-columns:1fr;
  gap:.85rem;
  align-items:stretch;
  justify-content:stretch;
  margin-top:0;
}

.hvac-final-cta .hvac-next-actions .hvac-btn,
.hvac-final-cta .hvac-next-actions .hvac-link-arrow {
  width:100%;
}

.hvac-final-cta .hvac-next-actions .hvac-btn-primary {
  color:#061521 !important;
}

.hvac-final-cta .hvac-next-actions .hvac-btn-secondary {
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.08);
  color:#fff !important;
}

.hvac-final-cta .hvac-next-actions .hvac-link-arrow {
  justify-content:center;
  min-height:48px;
  padding:.82rem 1.1rem;
  border:1px solid rgba(118,243,255,.22);
  border-radius:14px;
  background:rgba(118,243,255,.08);
  color:#76f3ff !important;
}

@media (max-width:991px) {
  .hvac-final-cta .hvac-next-steps {
    grid-template-columns:1fr;
  }

  .hvac-final-cta .hvac-next-actions {
    margin-top:1rem;
  }
}

#hvac-pilot-path .container {
  display:grid;
  grid-template-columns:minmax(300px, .72fr) minmax(520px, 1fr);
  gap:clamp(2rem, 4vw, 4rem);
  align-items:center;
  position:relative;
  overflow:hidden;
  padding:clamp(2rem, 4.5vw, 3.5rem);
  border:1px solid rgba(255,255,255,.16);
  border-radius:32px;
  background:
    radial-gradient(circle at 88% 8%, rgba(85,217,230,.13), transparent 24rem),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}

#hvac-pilot-path .hvac-section-title,
#hvac-pilot-path .hvac-section-actions {
  grid-column:1;
  position:relative;
  z-index:1;
  max-width:520px;
}

#hvac-pilot-path .hvac-section-title {
  margin-bottom:0;
}

#hvac-pilot-path .hvac-section-actions {
  align-self:start;
  margin-top:-1.5rem;
}

#hvac-pilot-path .hvac-path-grid {
  grid-column:2;
  grid-row:1 / span 2;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(1rem, 2vw, 1.25rem);
  margin-bottom:0;
  position:relative;
  z-index:1;
}

#hvac-pilot-path .hvac-path-grid article {
  min-height:205px;
  padding:clamp(1.2rem, 2vw, 1.55rem);
  border-color:rgba(85,217,230,.2);
  background:
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.06)),
    radial-gradient(circle at 94% 8%, rgba(85,217,230,.12), transparent 9rem);
  box-shadow:0 18px 44px rgba(0,0,0,.13);
}

#hvac-pilot-path .hvac-path-grid span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  height:32px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(85,217,230,.14);
  color:#bafaff;
  letter-spacing:.08em;
}

#hvac-pilot-path .hvac-path-grid h3 {
  margin:14px 0 8px;
  font-size:clamp(1.02rem, 1.4vw, 1.18rem);
  line-height:1.25;
}

#hvac-pilot-path .hvac-path-grid p {
  max-width:31ch;
  font-size:.94rem;
  line-height:1.62;
}

@media (max-width:1100px) {
  #hvac-pilot-path .container {
    grid-template-columns:1fr;
    gap:1.6rem;
  }

  #hvac-pilot-path .hvac-section-title,
  #hvac-pilot-path .hvac-section-actions,
  #hvac-pilot-path .hvac-path-grid {
    grid-column:auto;
    grid-row:auto;
  }

  #hvac-pilot-path .hvac-section-actions {
    margin-top:0;
  }
}

@media (max-width:700px) {
  #hvac-pilot-path .hvac-path-grid {
    grid-template-columns:1fr;
  }

  #hvac-pilot-path .hvac-path-grid article {
    min-height:auto;
  }

  #hvac-pilot-path .hvac-path-grid p {
    max-width:none;
  }
}

/* Final scene visual polish: loaded after shared CSS in baked pages. */
.hvac-use-case-page .coskip-scene-visual--with-media .coskip-scene-visual__media img {
  opacity: .88;
  filter: brightness(1.22) contrast(1.08) saturate(1.08);
}

.hvac-use-case-page .coskip-scene-visual--with-media .coskip-scene-visual__fallback {
  background:
    radial-gradient(circle at 82% 18%, rgba(75, 220, 231, .08), transparent 18rem),
    radial-gradient(circle at 18% 80%, rgba(255, 154, 53, .06), transparent 17rem),
    linear-gradient(90deg, rgba(4, 16, 28, .4) 0%, rgba(4, 16, 28, .05) 46%, rgba(4, 16, 28, .3) 100%),
    linear-gradient(180deg, rgba(4, 16, 28, .025) 0%, rgba(4, 16, 28, .23) 100%);
}

.hvac-use-case-page .coskip-voice-bubble,
.hvac-use-case-page .coskip-step-card,
.hvac-use-case-page .coskip-mini-packet,
.hvac-use-case-page .coskip-proof-chip,
.hvac-use-case-page .coskip-hotspot {
  box-shadow: 0 14px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}

.hvac-use-case-page .coskip-voice-bubble,
.hvac-use-case-page .coskip-step-card,
.hvac-use-case-page .coskip-mini-packet {
  background: rgba(6, 23, 36, .78);
}

.hvac-use-case-page .coskip-voice-bubble {
  max-width: min(330px, calc(48% - .7rem));
  padding: .72rem .86rem;
}

.hvac-use-case-page .coskip-step-card {
  max-width: min(330px, calc(50% - .7rem));
  padding: .82rem .9rem;
}

.hvac-use-case-page .coskip-step-card strong,
.hvac-use-case-page .coskip-mini-packet strong {
  font-size: .94rem;
}

.hvac-use-case-page .coskip-proof-chip-list {
  bottom: 4.15rem;
  display: none;
  gap: .34rem;
  max-width: calc(100% - 2rem);
}

.hvac-use-case-page .coskip-proof-chip {
  min-height: 28px;
  padding: .32rem .5rem;
  background: rgba(7, 23, 36, .62);
  font-size: .71rem;
}

.hvac-use-case-page .coskip-proof-chip::before {
  width: .42rem;
  height: .42rem;
  margin-right: .38rem;
}

.hvac-use-case-page .coskip-mini-packet {
  min-width: min(245px, calc(100% - 2rem));
  padding: .72rem .86rem;
}

.hvac-use-case-page .coskip-hotspot {
  min-height: 31px;
  padding: .3rem .5rem;
  background: rgba(242, 253, 255, .88);
  font-size: .68rem;
}

.hvac-use-case-page .coskip-hotspot::before {
  margin-right: .36rem;
}

@media (max-width: 680px) {
  .hvac-use-case-page .coskip-scene-visual--with-media .coskip-scene-visual__media img {
    opacity: .86;
  }

  .hvac-use-case-page .coskip-voice-bubble {
    padding: .64rem .74rem;
    font-size: .86rem;
    line-height: 1.28;
  }

  .hvac-use-case-page .coskip-step-card {
    top: 4.55rem;
    padding: .72rem .78rem;
  }

  .hvac-use-case-page .coskip-step-card strong {
    font-size: .88rem;
    line-height: 1.24;
  }

  .hvac-use-case-page .coskip-mini-packet {
    left: auto;
    width: min(220px, calc(100% - 2rem));
    min-width: 0;
    padding: .66rem .76rem;
  }

  .hvac-use-case-page .coskip-hotspot {
    display: none;
  }

  .hvac-use-case-page .coskip-proof-chip-list {
    display: none;
  }
}

@media (max-width:767px) {
  .hvac-hero-grid > div:first-child {
    display: contents;
  }

  .hvac-hero-grid > div:first-child > .hvac-eyebrow {
    order: 1;
  }

  .hvac-hero-grid > div:first-child > h1 {
    order: 2;
  }

  .hvac-hero-grid > div:first-child > .hvac-hero-copy {
    order: 3;
  }

  .hvac-command-card {
    order: 4;
  }

  .hvac-hero-grid > div:first-child > .hvac-hero-actions {
    order: 5;
  }

  .hvac-hero-grid > div:first-child > .hvac-support-copy {
    order: 6;
  }

  .hvac-hero-grid > div:first-child > .hvac-proof-list {
    order: 7;
  }
}

@media (max-width: 420px) {
  .hvac-use-case-page .coskip-proof-chip {
    font-size: .66rem;
  }

  .hvac-use-case-page .coskip-mini-packet strong {
    font-size: .88rem;
  }
}