:root {
  --device-ink: #15372d;
  --device-accent: #0f7a5d;
  --device-soft: #edf5f1;
  --device-line: #cbded5;
}

.device-site-header {
  background: #ffffff;
  border-bottom: 1px solid var(--device-line);
  padding: 14px 0;
}

.device-site-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
  justify-content: space-between;
}

.device-site-brand {
  display: inline-flex;
  max-width: 180px;
}

.device-site-brand img { max-height: 44px; width: auto; }

.device-site-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
}

.device-site-links a,
.device-site-links summary {
  color: var(--device-ink);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
  text-decoration: none;
}

.device-site-links summary::-webkit-details-marker { display: none; }

.device-products-menu { position: relative; }

.device-products-menu ul {
  background: #ffffff;
  border: 1px solid var(--device-line);
  box-shadow: 0 12px 30px rgba(21, 55, 45, 0.12);
  display: none;
  left: -18px;
  list-style: none;
  margin: 12px 0 0;
  min-width: 250px;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.device-products-menu[open] ul { display: block; }
.device-products-menu li a { display: block; padding: 8px 18px; }
.device-products-menu li a:hover { background: var(--device-soft); }

.device-hero {
  background: var(--device-ink);
  color: #ffffff;
  padding: 82px 0 76px;
}

.device-eyebrow {
  color: #bfe2d5;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.device-hero h1 {
  color: #ffffff;
  font-size: 48px;
  line-height: 1.08;
  margin: 0;
  max-width: 760px;
}

.device-main { padding: 72px 0; }
.device-main h2 { color: var(--device-ink); font-size: 30px; margin-bottom: 18px; }
.device-main h3 { color: var(--device-ink); font-size: 21px; margin-bottom: 10px; }
.device-main p { font-size: 17px; line-height: 1.75; }

.device-intro-grid { align-items: center; }

.device-placeholder {
  aspect-ratio: 16 / 10;
  background: var(--device-soft);
  display: grid;
  min-height: 0;
  place-items: center;
}

.device-placeholder img { max-width: 140px; }

.device-list {
  columns: 2;
  gap: 38px;
  margin: 0;
  padding-left: 20px;
}

.device-list li { break-inside: avoid; margin-bottom: 12px; }

.device-note {
  background: var(--device-soft);
  border-left: 4px solid var(--device-accent);
  margin-top: 42px;
  padding: 24px 26px;
}

.device-cta-row { margin-top: 38px; }
.device-cta-row .btn { margin-right: 12px; margin-top: 8px; }

.device-site-footer {
  background: #0f2d25;
  color: #dcebe5;
  padding: 30px 0;
}

.device-site-footer p { margin: 0; }
.device-site-footer a { color: #ffffff; }

@media (max-width: 767px) {
  .device-site-nav { align-items: flex-start; flex-direction: column; }
  .device-site-links { gap: 10px 16px; }
  .device-products-menu ul { left: 0; position: static; }
  .device-hero { padding: 58px 0; }
  .device-hero h1 { font-size: 36px; }
  .device-main { padding: 48px 0; }
  .device-list { columns: 1; }
}