body.media-page {
  background:#071724;
  color:#071724;
  overflow-x:hidden;
}

.media-page .overlay.overlay-global,
.media-page .overlay.overlay-global .overlay-global-color {
  display:none !important;
}

.media-page .site-navbar {
  background:rgba(5,19,31,.88);
  border-bottom:1px solid rgba(104,223,232,.14);
  backdrop-filter:blur(18px);
}

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

.media-main,
.media-section,
.media-hero {
  position:relative;
  overflow:hidden;
}

.media-main {
  background:#f5fafc;
}

.media-hero {
  padding:clamp(7rem, 11vw, 10rem) 0 clamp(4.5rem, 8vw, 7rem);
  color:#f8fcff;
  background:
    radial-gradient(circle at 15% 12%, rgba(0,201,216,.25), transparent 28rem),
    radial-gradient(circle at 88% 16%, rgba(255,122,0,.14), transparent 27rem),
    linear-gradient(135deg, rgba(5,18,29,.98), rgba(9,45,58,.94) 50%, rgba(6,18,30,.98)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 120px);
}

.media-hero-grid,
.media-workflow-grid,
.media-news-panel,
.media-contact-panel,
.media-trust-panel,
.media-final-panel {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, .82fr);
  gap:clamp(2rem, 4vw, 4.5rem);
  align-items:center;
}

.media-hero-copy {
  max-width:820px;
}

.media-eyebrow {
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:.38rem .72rem;
  border:1px solid rgba(94,229,238,.45);
  border-radius:999px;
  background:rgba(0,201,216,.12);
  color:#bafaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}

.media-eyebrow-light {
  color:#006c78;
  background:rgba(0,201,216,.11);
  border-color:rgba(0,126,139,.22);
}

.media-hero h1,
.media-section-title h2,
.media-news-panel h2,
.media-contact-panel h2,
.media-trust-panel h2,
.media-final-panel h2 {
  margin:.85rem 0 1rem;
  letter-spacing:0;
  line-height:1.02;
}

.media-hero h1 {
  max-width:980px;
  color:#fff;
  font-size:clamp(3rem, 5.25vw, 5.85rem);
}

.media-section-title h2,
.media-news-panel h2,
.media-contact-panel h2,
.media-trust-panel h2,
.media-final-panel h2 {
  font-size:clamp(2.15rem, 4vw, 4.35rem);
}

.media-hero p,
.media-section-title p,
.media-news-panel p,
.media-contact-panel p,
.media-trust-panel p,
.media-final-panel p {
  color:inherit;
  font-size:clamp(1.02rem, 1.25vw, 1.2rem);
  line-height:1.66;
}

.media-hero p {
  color:#d7e6ee;
}

.media-lede {
  color:#f3fbff !important;
  font-weight:750;
}

.media-hero-actions,
.media-section-actions,
.media-contact-actions,
.media-final-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  align-items:center;
  margin-top:1.6rem;
}

.media-btn,
.media-link-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:12px;
  font-weight:900;
  line-height:1.1;
  text-align:center;
  text-decoration:none;
}

.media-btn {
  padding:.88rem 1.15rem;
  border:1px solid transparent;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

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

.media-btn-primary {
  color:#04131e;
  background:#55d9e6;
  box-shadow:0 18px 42px rgba(0,201,216,.22);
}

.media-btn-primary:hover,
.media-btn-primary:focus {
  color:#04131e;
  background:#68e6ef;
  box-shadow:0 22px 48px rgba(0,201,216,.3);
}

.media-btn-secondary {
  color:inherit;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.24);
}

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

.media-btn-secondary:hover,
.media-btn-secondary:focus {
  color:inherit;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.38);
}

.media-link-arrow {
  color:#72f1f6;
  padding:.45rem 0;
}

.media-link-arrow:hover,
.media-link-arrow:focus {
  color:#fff;
  text-decoration:none;
}

.media-hero-caption {
  margin-top:1.35rem;
  color:#a8bac6;
  font-weight:900;
}

.media-console,
.media-fact-grid article,
.media-boilerplate-grid article,
.media-proof-card,
.media-angle-grid article,
.media-leader-card,
.media-quote-grid blockquote,
.media-asset-grid article,
.media-gallery-grid article,
.media-news-panel,
.media-contact-panel,
.media-trust-panel,
.media-faq-list details,
.media-final-panel {
  border:1px solid rgba(7,23,36,.11);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 70px rgba(7,23,36,.08);
}

.media-console {
  padding:1rem;
  color:#f8fcff;
  background:
    radial-gradient(circle at 70% 12%, rgba(0,201,216,.2), transparent 18rem),
    linear-gradient(145deg, rgba(18,57,73,.9), rgba(9,28,43,.96));
  border-color:rgba(104,223,232,.22);
  box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}

.media-console-top,
.media-brand-preview,
.media-proof-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}

.media-console-top {
  padding:.35rem .3rem 1rem;
  color:#cde5ed;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.72rem;
}

.media-console-top strong {
  color:#8df7ff;
}

.media-brand-preview {
  justify-content:flex-start;
  padding:1rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:rgba(255,255,255,.07);
}

.media-logo-mark {
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  color:#071724;
  background:#55d9e6;
  font-weight:950;
  font-size:1.55rem;
  box-shadow:0 14px 34px rgba(0,201,216,.22);
}

.media-logo-asset {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 132px;
  min-height:58px;
  padding:.65rem .75rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.09);
  box-shadow:0 14px 34px rgba(0,201,216,.12);
}

.media-logo-asset img {
  display:block;
  width:100%;
  max-width:112px;
  height:auto;
}

.media-brand-preview span,
.media-console-grid span,
.media-product-mini span,
.media-proof-header span,
.media-fact-grid span,
.media-boilerplate-grid span,
.media-asset-grid h3 + p + .media-asset-actions span,
.media-contact-card span {
  display:block;
  color:#8fb0bd;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.media-brand-preview strong {
  display:block;
  color:#fff;
  font-size:1.05rem;
}

.media-console-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.8rem;
  margin-top:.9rem;
}

.media-console-grid div,
.media-product-screen,
.media-packet-mini {
  min-width:0;
  padding:.9rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(255,255,255,.06);
}

.media-console-grid strong,
.media-product-mini strong {
  display:block;
  color:#f9fdff;
  line-height:1.25;
}

.media-product-mini {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(210px, .72fr);
  gap:.8rem;
  margin-top:.9rem;
}

.media-product-screen {
  min-height:220px;
  background:
    radial-gradient(circle at 24% 24%, rgba(94,229,238,.34), transparent 8rem),
    radial-gradient(circle at 78% 32%, rgba(255,122,0,.2), transparent 8rem),
    linear-gradient(145deg, #12384b, #071724);
}

.media-product-screen h2 {
  margin:3.2rem 0 .6rem;
  color:#fff;
  font-size:clamp(1.5rem, 2.5vw, 2.25rem);
  line-height:1.05;
}

.media-product-screen p {
  color:#dff8ff;
  font-weight:800;
}

.media-packet-mini em {
  display:block;
  margin-top:.75rem;
  color:#b8ced8;
  font-style:normal;
  font-weight:800;
}

.media-section {
  padding:clamp(4.5rem, 8vw, 7rem) 0;
}

.media-section-light {
  color:#071724;
  background:
    radial-gradient(circle at 10% 0%, rgba(0,201,216,.08), transparent 26rem),
    linear-gradient(180deg, #fbfdfe, #eef7fa);
}

.media-section-dark,
.media-section-boilerplate,
.media-section-contact,
.media-section-gallery,
.media-section-faq,
.media-final-cta {
  color:#f7fcff;
  background:
    radial-gradient(circle at 18% 8%, rgba(0,201,216,.17), transparent 25rem),
    radial-gradient(circle at 86% 18%, rgba(255,122,0,.12), transparent 22rem),
    linear-gradient(180deg, #071724, #0b2435);
}

.media-section-leaders {
  color:#071724;
  background:
    radial-gradient(circle at 88% 6%, rgba(255,122,0,.08), transparent 24rem),
    linear-gradient(180deg, #f4fbfd, #ffffff);
}

.media-section-title {
  max-width:930px;
  margin-bottom:clamp(2rem, 4vw, 3.5rem);
}

.media-section-dark .media-section-title p,
.media-section-boilerplate .media-section-title p,
.media-section-contact p,
.media-section-gallery .media-section-title p,
.media-section-faq .media-section-title p,
.media-final-panel p {
  color:#cfe0e8;
}

.media-fact-grid,
.media-angle-grid,
.media-asset-grid,
.media-gallery-grid,
.media-leader-grid,
.media-quote-grid {
  display:grid;
  gap:1rem;
}

.media-fact-grid {
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.media-fact-grid article,
.media-angle-grid article,
.media-asset-grid article,
.media-gallery-grid article,
.media-leader-card {
  padding:1.25rem;
}

.media-fact-grid strong {
  display:block;
  margin:.55rem 0 .55rem;
  color:#071724;
  font-size:clamp(1.25rem, 2vw, 1.75rem);
  line-height:1.08;
}

.media-fact-grid p,
.media-boilerplate-grid p,
.media-angle-grid p,
.media-leader-card p,
.media-asset-grid p,
.media-gallery-grid p,
.media-faq-list p,
.media-news-panel p,
.media-contact-card li,
.media-trust-panel p {
  color:#536774;
  line-height:1.62;
}

.media-boilerplate-grid {
  display:grid;
  grid-template-columns:.72fr 1fr 1.25fr;
  gap:1rem;
}

.media-boilerplate-grid article {
  padding:1.25rem;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}

.media-boilerplate-grid p {
  color:#e4f3f8;
}

.media-note {
  margin:1.2rem 0 0;
  color:#b9cbd4;
  font-weight:800;
}

.media-workflow-grid {
  align-items:start;
}

.media-workflow-steps {
  display:grid;
  gap:1rem;
}

.media-workflow-steps article {
  padding:1.2rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(255,255,255,.08);
}

.media-workflow-steps span,
.media-angle-grid span {
  display:inline-flex;
  margin-bottom:.65rem;
  color:#67e8f2;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.media-workflow-steps h3,
.media-proof-card h3,
.media-proof-card,
.media-workflow-steps p {
  color:#fff;
}

.media-workflow-steps p {
  opacity:.78;
}

.media-proof-card {
  padding:1.2rem;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}

.media-proof-header strong {
  color:#8df7ff;
}

.media-proof-stats {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.7rem;
  margin:1rem 0;
}

.media-proof-stats b {
  padding:.8rem;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#effcff;
}

.media-proof-card ol {
  margin:0;
  padding-left:1.15rem;
  color:#d7e8ef;
  line-height:1.75;
}

.media-angle-grid {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.media-angle-grid span {
  color:#008493;
}

.media-leader-grid {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.media-portrait {
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  min-height:220px;
  margin-bottom:1.1rem;
  padding:1rem;
  border-radius:20px;
  border:1px solid rgba(7,23,36,.1);
  background:
    radial-gradient(circle at 24% 22%, rgba(0,201,216,.32), transparent 7rem),
    radial-gradient(circle at 78% 20%, rgba(255,122,0,.16), transparent 7rem),
    linear-gradient(145deg, #18364a, #071724);
  overflow:hidden;
  position:relative;
}

.media-portrait:after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-20px;
  width:150px;
  height:180px;
  transform:translateX(-50%);
  border-radius:80px 80px 20px 20px;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
}

.media-portrait span {
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#071724;
  background:#55d9e6;
  font-weight:950;
}

.media-portrait-photo {
  padding:0;
  background:#071724;
}

.media-portrait-photo:after {
  content:none;
}

.media-portrait-photo img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 18%;
}

.media-portrait-doug.media-portrait-photo img {
  object-position:50% 24%;
}

.media-role {
  margin-top:-.35rem;
  color:#008493 !important;
  font-weight:950;
}

.media-leader-card ul {
  margin:1rem 0;
  padding-left:1.1rem;
  color:#425865;
  line-height:1.6;
  font-weight:700;
}

.media-quote-grid {
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.media-quote-grid blockquote {
  margin:0;
  padding:1.35rem;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}

.media-quote-grid p {
  color:#f3fbff;
  font-size:1.05rem;
  line-height:1.65;
}

.media-quote-grid cite {
  color:#8df7ff;
  font-style:normal;
  font-weight:950;
}

.media-asset-grid {
  grid-template-columns:repeat(5, minmax(0, 1fr));
}

.media-asset-preview,
.media-screenshot {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  min-height:190px;
  margin-bottom:1rem;
  padding:1rem;
  border-radius:20px;
  border:1px solid rgba(7,23,36,.1);
  background:
    radial-gradient(circle at 24% 24%, rgba(94,229,238,.34), transparent 8rem),
    radial-gradient(circle at 78% 32%, rgba(255,122,0,.2), transparent 8rem),
    linear-gradient(145deg, #12384b, #071724);
}

.media-asset-preview:before,
.media-screenshot:before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.32;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.14) 0 1px, transparent 1px 48px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.1) 0 1px, transparent 1px 48px);
}

.media-asset-preview span,
.media-screenshot span,
.media-screenshot b {
  position:relative;
  z-index:2;
  display:inline-flex;
  padding:.52rem .68rem;
  border-radius:999px;
  color:#e9fbff;
  background:rgba(5,19,31,.58);
  font-size:.78rem;
  font-weight:900;
}

.media-asset-logo {
  align-items:center;
  justify-content:center;
}

.media-asset-logo picture {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(76%, 260px);
  padding:1rem 1.2rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.1);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.media-asset-logo img {
  display:block;
  width:100%;
  height:auto;
}

.media-asset-preview--image {
  align-items:flex-end;
  justify-content:flex-start;
  padding:0;
  background:#071724;
}

.media-asset-preview--image picture,
.media-news-visual picture {
  position:absolute;
  inset:0;
  z-index:1;
}

.media-asset-preview--image img,
.media-news-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(.88) contrast(1.06) saturate(1.05);
}

.media-asset-preview--contain {
  background:
    radial-gradient(circle at 78% 12%, rgba(94,229,238,.18), transparent 10rem),
    linear-gradient(145deg, #0b2535, #071724);
}

.media-asset-preview--contain picture {
  inset:.7rem;
}

.media-asset-preview--contain img {
  object-fit:contain;
  object-position:center;
  filter:none;
}

.media-asset-preview--image figcaption {
  position:relative;
  z-index:3;
  display:inline-flex;
  margin:1rem;
  padding:.52rem .68rem;
  border-radius:999px;
  color:#e9fbff;
  background:rgba(5,19,31,.68);
  font-size:.78rem;
  font-weight:900;
}

.media-news-visual {
  position:relative;
  isolation:isolate;
  aspect-ratio:16 / 9;
  margin:0 0 1rem;
  overflow:hidden;
  border:1px solid rgba(7,23,36,.1);
  border-radius:18px;
  background:#071724;
}

.media-news-visual::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg, rgba(5,18,29,.04), rgba(5,18,29,.42));
  pointer-events:none;
}

.media-asset-logo span {
  color:#071724;
  background:#55d9e6;
}

.media-asset-headshots {
  align-items:center;
  justify-content:center;
  gap:.55rem;
}

.media-asset-headshots i {
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#071724;
  background:#55d9e6;
  font-style:normal;
  font-weight:950;
}

.media-asset-headshots img {
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  display:block;
  border:2px solid rgba(255,255,255,.86);
  border-radius:50%;
  object-fit:cover;
  object-position:50% 18%;
  box-shadow:0 14px 30px rgba(7,23,36,.18);
}

.media-asset-headshots img:nth-child(3) {
  object-position:50% 24%;
}

.media-asset-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}

.media-asset-actions a,
.media-asset-actions span {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.5rem .66rem;
  border:1px solid rgba(7,23,36,.12);
  border-radius:999px;
  background:#f3fbfd;
  color:#071724;
  font-weight:900;
  font-size:.82rem;
}

.media-gallery-grid {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.media-gallery-grid article {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}

.media-gallery-grid h3,
.media-gallery-grid p {
  color:#fff;
}

.media-gallery-grid p {
  opacity:.78;
}

.media-screenshot {
  min-height:280px;
  display:block;
}

.media-screenshot h3 {
  position:relative;
  z-index:2;
  margin:4.8rem 0 .7rem;
  color:#fff;
  font-size:clamp(1.35rem, 2.1vw, 2rem);
}

.media-screenshot p {
  position:relative;
  z-index:2;
  color:#dff8ff;
  font-weight:800;
}

.media-news-panel,
.media-contact-panel,
.media-trust-panel,
.media-final-panel {
  padding:clamp(1.4rem, 3.2vw, 2.4rem);
}

.media-news-panel {
  grid-template-columns:minmax(0, 1fr) minmax(320px, .7fr);
}

.media-news-empty,
.media-contact-card {
  padding:1.2rem;
  border:1px solid rgba(7,23,36,.1);
  border-radius:22px;
  background:#f3fbfd;
}

.media-news-empty strong,
.media-contact-card strong {
  display:block;
  margin:.55rem 0;
  color:#071724;
  font-size:clamp(1.35rem, 2.2vw, 2rem);
  line-height:1.08;
}

.media-contact-panel,
.media-final-panel {
  color:#fff;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 28px 90px rgba(0,0,0,.22);
}

.media-contact-card {
  color:#071724;
}

.media-contact-card ul {
  padding-left:1.1rem;
}

.media-trust-panel {
  grid-template-columns:minmax(0, .95fr) minmax(320px, 1fr) max-content;
  align-items:center;
}

.media-trust-chips {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}

.media-trust-chips span {
  display:inline-flex;
  padding:.55rem .7rem;
  border:1px solid rgba(0,126,139,.16);
  border-radius:999px;
  color:#006f79;
  background:#fff;
  font-weight:900;
  font-size:.86rem;
}

.media-faq-list {
  display:grid;
  gap:.8rem;
  max-width:980px;
  margin: auto;
}

.media-faq-list details {
  padding:0;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
  overflow:hidden;
}

.media-faq-list summary {
  cursor:pointer;
  padding:1.15rem 1.25rem;
  color:#fff;
  font-weight:950;
  list-style:none;
}

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

.media-faq-list summary:after {
  content:"+";
  float:right;
  color:#8df7ff;
}

.media-faq-list details[open] summary:after {
  content:"-";
}

.media-faq-list p {
  margin:0;
  padding:0 1.25rem 1.2rem;
  color:#d2e4ec;
}

.media-final-panel {
  align-items:center;
}

.media-final-actions {
  justify-content:flex-end;
}

.media-page a:focus,
.media-page button:focus,
.media-page summary:focus {
  outline:3px solid rgba(85,217,230,.55);
  outline-offset:3px;
}

@media (max-width: 1199.98px) {
  .media-hero-grid,
  .media-workflow-grid,
  .media-news-panel,
  .media-contact-panel,
  .media-trust-panel,
  .media-final-panel {
    grid-template-columns:1fr;
  }

  .media-fact-grid,
  .media-asset-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .media-angle-grid,
  .media-gallery-grid,
  .media-leader-grid {
    grid-template-columns:1fr;
  }

  .media-final-actions {
    justify-content:flex-start;
  }
}

@media (max-width: 991.98px) {
  .media-hero {
    padding-top:6.5rem;
  }

  .media-product-mini,
  .media-boilerplate-grid,
  .media-console-grid,
  .media-quote-grid {
    grid-template-columns:1fr;
  }
}

@media (max-width: 767.98px) {
  .media-hero h1 {
    font-size:2.2rem;
    line-height:1.05;
    overflow-wrap:anywhere;
    text-wrap:auto;
  }

  .media-section-title h2,
  .media-news-panel h2,
  .media-contact-panel h2,
  .media-trust-panel h2,
  .media-final-panel h2 {
    font-size:clamp(2rem, 10vw, 3rem);
  }

  .media-hero-actions,
  .media-section-actions,
  .media-contact-actions,
  .media-final-actions {
    align-items:stretch;
    flex-direction:column;
  }

  .media-btn,
  .media-link-arrow {
    width:100%;
  }

  .media-console,
  .media-news-panel,
  .media-contact-panel,
  .media-trust-panel,
  .media-final-panel {
    border-radius:24px;
  }

  .media-fact-grid,
  .media-asset-grid {
    grid-template-columns:1fr;
  }

  .media-product-screen,
  .media-screenshot {
    min-height:240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .media-btn {
    transition:none;
  }

  .media-btn:hover,
  .media-btn:focus {
    transform:none;
  }
}

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

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

.media-final-actions .media-btn,
.media-final-actions .media-link-arrow {
  width:100%;
}

.media-final-actions .media-btn-primary {
  color:#061521 !important;
}

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

.media-final-actions .media-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) {
  .media-final-panel {
    grid-template-columns:1fr;
  }

  .media-final-actions {
    margin-top:1rem;
  }
}

/* Premium media-room polish */
.media-main {
  background:
    linear-gradient(180deg, #f7fbfd 0%, #ffffff 34%, #eef8fb 100%);
}

.media-hero {
  isolation:isolate;
}

.media-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(112,237,244,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(112,237,244,.045) 1px, transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 82%);
  pointer-events:none;
}

.media-hero > .container,
.media-section > .container {
  position:relative;
  z-index:1;
}

.media-hero-grid {
  grid-template-columns:minmax(0, 1fr) minmax(420px, .76fr);
}

.media-hero-copy {
  max-width:920px;
}

.media-hero h1 {
  max-width:1040px;
  text-wrap:balance;
}

.media-hero p {
  max-width:780px;
}

.media-console {
  border-radius:30px;
  padding:1.25rem;
  background:
    radial-gradient(circle at 82% 10%, rgba(112,237,244,.24), transparent 18rem),
    linear-gradient(145deg, rgba(21,66,82,.94), rgba(6,21,34,.98)),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:auto, auto, 32px 32px, 32px 32px;
}

.media-brand-preview,
.media-console-grid div,
.media-product-screen,
.media-packet-mini {
  backdrop-filter:blur(12px);
}

.media-console-grid div {
  min-height:92px;
}

.media-section-light {
  background:
    linear-gradient(135deg, rgba(112,237,244,.14) 0%, rgba(255,255,255,.97) 36%, rgba(244,250,252,.98) 100%),
    linear-gradient(90deg, rgba(7,23,36,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7,23,36,.035) 1px, transparent 1px);
  background-size:auto, 76px 76px, 76px 76px;
}

.media-section-dark,
.media-section-boilerplate,
.media-section-contact,
.media-section-gallery,
.media-section-faq,
.media-final-cta {
  background:
    linear-gradient(135deg, rgba(5,18,30,.98), rgba(8,67,80,.94) 52%, rgba(4,18,29,.98)),
    linear-gradient(90deg, rgba(112,237,244,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(112,237,244,.045) 1px, transparent 1px);
  background-size:auto, 76px 76px, 76px 76px;
}

.media-section-title {
  max-width:1020px;
}

.media-section-title h2 {
  max-width:980px;
  text-wrap:balance;
}

.media-section-title p {
  max-width:780px;
}

.media-section-leaders .media-section-title {
  max-width:980px;
}

.media-section-leaders .media-eyebrow {
  color:#006f79;
  background:rgba(0,201,216,.14);
  border-color:rgba(0,126,139,.28);
}

.media-section-leaders .media-section-title h2 {
  max-width:900px;
  text-wrap:balance;
}

.media-section-leaders .media-section-title p {
  max-width:880px;
  color:#263f50;
  font-weight:650;
}

.media-fact-grid,
.media-angle-grid,
.media-asset-grid,
.media-gallery-grid,
.media-boilerplate-grid {
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:clamp(1rem, 1.55vw, 1.35rem);
  align-items:stretch;
}

.media-fact-grid article,
.media-angle-grid article,
.media-asset-grid article,
.media-gallery-grid article,
.media-boilerplate-grid article,
.media-leader-card,
.media-quote-grid blockquote,
.media-news-panel,
.media-contact-panel,
.media-trust-panel,
.media-final-panel {
  position:relative;
  overflow:hidden;
  border-radius:28px;
}

.media-fact-grid article::before,
.media-angle-grid article::before,
.media-asset-grid article::before,
.media-gallery-grid article::before,
.media-boilerplate-grid article::before,
.media-leader-card::before,
.media-quote-grid blockquote::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:5px;
  background:linear-gradient(90deg, #0fc8d7, rgba(255,122,0,.78), rgba(112,237,244,.1));
}

.media-fact-grid article::after,
.media-angle-grid article::after,
.media-asset-grid article::after,
.media-gallery-grid article::after {
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:42%;
  height:46%;
  border-top:1px solid rgba(15,200,215,.12);
  border-left:1px solid rgba(15,200,215,.1);
  border-top-left-radius:54px;
  background:
    linear-gradient(135deg, rgba(112,237,244,.1), transparent 62%),
    linear-gradient(90deg, rgba(7,23,36,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7,23,36,.035) 1px, transparent 1px);
  background-size:auto, 18px 18px, 18px 18px;
  pointer-events:none;
}

.media-fact-grid article {
  grid-column:span 3;
  display:flex;
  flex-direction:column;
  min-height:220px;
  padding:clamp(1.15rem, 1.8vw, 1.55rem);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,254,.93)),
    linear-gradient(135deg, rgba(112,237,244,.11), transparent 56%);
  box-shadow:0 26px 78px rgba(22,57,72,.1);
}

.media-fact-grid article:nth-child(3),
.media-fact-grid article:nth-child(8) {
  border-color:rgba(15,200,215,.28);
}

.media-fact-grid span,
.media-boilerplate-grid span,
.media-angle-grid span {
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  min-height:30px;
  align-items:center;
  padding:.42rem .62rem;
  border:1px solid rgba(0,126,139,.18);
  border-radius:999px;
  background:rgba(15,200,215,.1);
  color:#007e8b;
  line-height:1;
}

.media-fact-grid strong,
.media-fact-grid p,
.media-boilerplate-grid p,
.media-angle-grid h3,
.media-angle-grid p,
.media-asset-grid h3,
.media-asset-grid p,
.media-gallery-grid h3,
.media-gallery-grid p {
  position:relative;
  z-index:1;
}

.media-fact-grid strong {
  overflow-wrap:anywhere;
}

.media-boilerplate-grid article {
  display:flex;
  flex-direction:column;
  min-height:240px;
  padding:clamp(1.25rem, 2vw, 1.75rem);
  border-color:rgba(112,237,244,.2);
  background:
    linear-gradient(150deg, rgba(255,255,255,.13), rgba(255,255,255,.06)),
    linear-gradient(180deg, rgba(112,237,244,.075), transparent 70%);
  box-shadow:0 24px 76px rgba(0,0,0,.18);
}

.media-boilerplate-grid article:nth-child(1),
.media-boilerplate-grid article:nth-child(2) {
  grid-column:span 6;
}

.media-boilerplate-grid article:nth-child(3) {
  grid-column:1 / -1;
  min-height:0;
}

.media-section-boilerplate .media-boilerplate-grid span {
  border-color:rgba(112,237,244,.3);
  background:rgba(112,237,244,.13);
  color:#9af7ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.media-section-boilerplate .media-boilerplate-grid p {
  color:#f1fbff;
  font-weight:650;
  line-height:1.7;
}

.media-workflow-steps article,
.media-proof-card {
  position:relative;
  overflow:hidden;
  border-radius:26px;
  background:
    linear-gradient(150deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    linear-gradient(180deg, rgba(112,237,244,.075), transparent 68%);
  box-shadow:0 24px 76px rgba(0,0,0,.18);
}

.media-workflow-steps article span,
.media-angle-grid span {
  margin-bottom:1rem;
}

.media-proof-card {
  padding:clamp(1.25rem, 2vw, 1.75rem);
}

.media-proof-stats b {
  min-height:86px;
  display:flex;
  align-items:center;
}

.media-angle-grid article {
  grid-column:span 6;
  display:flex;
  flex-direction:column;
  min-height:270px;
  padding:clamp(1.2rem, 1.9vw, 1.7rem);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,254,.93)),
    linear-gradient(135deg, rgba(112,237,244,.1), transparent 56%);
  box-shadow:0 26px 78px rgba(22,57,72,.1);
}

.media-angle-grid h3 {
  margin:0 0 .75rem;
  font-size:clamp(1.35rem, 2vw, 2rem);
  line-height:1.16;
}

.media-leader-card {
  padding:1.2rem;
  display:flex;
  flex-direction:column;
}

.media-portrait {
  min-height:250px;
}

.media-leader-card ul {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  padding:0;
  list-style:none;
}

.media-leader-card li {
  padding:.42rem .58rem;
  border:1px solid rgba(0,126,139,.15);
  border-radius:999px;
  background:#f1fbfd;
  color:#315160;
  font-size:.82rem;
  font-weight:850;
  line-height:1.2;
}

.media-quote-grid blockquote {
  padding:clamp(1.25rem, 2vw, 1.8rem);
}

.media-quote-grid blockquote::after {
  content:"“";
  position:absolute;
  right:1.1rem;
  top:.7rem;
  color:rgba(112,237,244,.16);
  font-size:7rem;
  line-height:1;
  font-weight:900;
}

.media-quote-grid p,
.media-quote-grid cite {
  position:relative;
  z-index:1;
}

.media-asset-grid article {
  grid-column:span 4;
  display:flex;
  flex-direction:column;
  padding:clamp(1.15rem, 1.7vw, 1.5rem);
}

.media-asset-grid article:nth-child(1),
.media-asset-grid article:nth-child(2) {
  grid-column:span 6;
}

.media-asset-preview,
.media-screenshot {
  border-radius:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.media-asset-actions {
  margin-top:auto;
  padding-top:1rem;
}

.media-gallery-grid article {
  grid-column:span 4;
  padding:1rem;
}

.media-screenshot {
  min-height:320px;
  border-color:rgba(255,255,255,.16);
}

.media-screenshot-media {
  position:absolute;
  inset:0;
  z-index:0;
}

.media-screenshot-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.68) contrast(1.08) saturate(1.08);
}

.media-screenshot::before {
  z-index:1;
  opacity:.42;
  background:
    linear-gradient(180deg, rgba(5,19,31,.06), rgba(5,19,31,.78)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.11) 0 1px, transparent 1px 48px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 48px);
}

.media-screenshot::after {
  content:"";
  position:absolute;
  inset:1rem;
  z-index:1;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  pointer-events:none;
}

.media-screenshot span,
.media-screenshot h3,
.media-screenshot p,
.media-screenshot b {
  position:relative;
  z-index:2;
}

.media-news-panel,
.media-contact-panel,
.media-trust-panel {
  gap:clamp(1.5rem, 3vw, 3rem);
}

.media-news-panel {
  border-color:rgba(7,23,36,.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,254,.93)),
    linear-gradient(135deg, rgba(112,237,244,.12), transparent 56%);
}

.media-news-empty,
.media-contact-card {
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,251,253,.94)),
    linear-gradient(135deg, rgba(112,237,244,.1), transparent 56%);
}

.media-news-empty::before,
.media-contact-card::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:5px;
  background:linear-gradient(90deg, #0fc8d7, rgba(255,122,0,.78), rgba(112,237,244,.1));
}

.media-contact-card > *,
.media-news-empty > * {
  position:relative;
  z-index:1;
}

.media-trust-panel {
  grid-template-columns:minmax(0, .95fr) minmax(320px, 1fr) minmax(160px, max-content);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,254,.93)),
    linear-gradient(135deg, rgba(112,237,244,.12), transparent 56%);
}

.media-trust-chips span {
  box-shadow:0 10px 24px rgba(22,57,72,.06);
}

.media-faq-list {
  max-width:1100px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.media-faq-list details {
  border-radius:22px;
}

.media-final-panel {
  background:
    radial-gradient(circle at 85% 18%, rgba(85,217,230,.18), transparent 20rem),
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.055));
}

@media (prefers-reduced-motion: reduce) {
  .media-fact-grid article,
  .media-angle-grid article {
    transition:none;
  }
}

@media (max-width: 1199.98px) {
  .media-hero-grid {
    grid-template-columns:1fr;
  }

  .media-fact-grid article,
  .media-angle-grid article,
  .media-asset-grid article,
  .media-asset-grid article:nth-child(1),
  .media-asset-grid article:nth-child(2),
  .media-gallery-grid article,
  .media-boilerplate-grid article,
  .media-boilerplate-grid article:nth-child(1),
  .media-boilerplate-grid article:nth-child(2),
  .media-boilerplate-grid article:nth-child(3) {
    grid-column:span 6;
  }

  .media-trust-panel {
    grid-template-columns:1fr;
  }
}

@media (max-width: 991.98px) {
  .media-fact-grid,
  .media-angle-grid,
  .media-asset-grid,
  .media-gallery-grid,
  .media-boilerplate-grid,
  .media-faq-list {
    grid-template-columns:1fr;
  }

  .media-fact-grid article,
  .media-angle-grid article,
  .media-asset-grid article,
  .media-asset-grid article:nth-child(1),
  .media-asset-grid article:nth-child(2),
  .media-gallery-grid article,
  .media-boilerplate-grid article,
  .media-boilerplate-grid article:nth-child(1),
  .media-boilerplate-grid article:nth-child(2),
  .media-boilerplate-grid article:nth-child(3) {
    grid-column:auto;
  }
}

@media (max-width: 767.98px) {
  .media-console {
    padding:1rem;
  }

  .media-fact-grid article,
  .media-angle-grid article,
  .media-asset-grid article {
    min-height:auto;
  }

  .media-leader-card li,
  .media-asset-actions a,
  .media-asset-actions span {
    width:100%;
  }

  .media-screenshot {
    min-height:260px;
  }
}

/* Media page targeted refinements */
.media-console .media-product-mini {
  grid-template-columns:1fr;
  gap:.9rem;
}

.media-console .media-product-screen {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:250px;
  padding:1.15rem;
  border-radius:22px;
  background:
    radial-gradient(circle at 24% 20%, rgba(112,237,244,.36), transparent 9rem),
    radial-gradient(circle at 86% 22%, rgba(255,122,0,.18), transparent 8rem),
    linear-gradient(145deg, #12384b, #071724);
}

.media-console .media-product-screen::after {
  content:"";
  position:absolute;
  inset:1rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  pointer-events:none;
}

.media-console .media-product-screen span,
.media-console .media-product-screen h2,
.media-console .media-product-screen p {
  position:relative;
  z-index:1;
}

.media-console .media-product-screen span {
  width:max-content;
  max-width:100%;
  padding:.48rem .62rem;
  border:1px solid rgba(112,237,244,.24);
  border-radius:999px;
  background:rgba(5,19,31,.58);
  color:#bafaff;
}

.media-console .media-product-screen h2 {
  max-width:420px;
  margin:auto 0 .72rem;
  font-size:clamp(1.85rem, 3.3vw, 2.8rem);
  line-height:1.05;
  text-wrap:balance;
}

.media-console .media-product-screen p {
  max-width:34ch;
  margin:0;
  color:#e9fbff;
  font-size:1rem;
  line-height:1.5;
}

.media-console .media-packet-mini {
  border-radius:22px;
  background:
    linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.055)),
    linear-gradient(180deg, rgba(112,237,244,.07), transparent 68%);
}

.media-console .media-packet-mini strong {
  margin-top:.35rem;
  font-size:clamp(1.25rem, 2vw, 1.65rem);
}

#trust-note .media-trust-panel {
  grid-template-columns:minmax(0, .78fr) minmax(360px, 1fr);
  grid-template-areas:
    "copy controls"
    "copy action";
  align-items:center;
  gap:clamp(1.5rem, 3.4vw, 3rem);
  max-width:1120px;
  margin:0 auto;
  padding:clamp(1.4rem, 3.5vw, 3rem);
  border-color:rgba(7,23,36,.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,253,254,.94)),
    linear-gradient(135deg, rgba(112,237,244,.12), transparent 56%);
  box-shadow:0 30px 90px rgba(22,57,72,.13);
}

#trust-note .media-trust-panel::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:5px;
  background:linear-gradient(90deg, #0fc8d7, rgba(255,122,0,.78), rgba(112,237,244,.1));
}

#trust-note .media-trust-panel::after {
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:34%;
  height:52%;
  border-top:1px solid rgba(15,200,215,.12);
  border-left:1px solid rgba(15,200,215,.1);
  border-top-left-radius:64px;
  background:
    linear-gradient(135deg, rgba(112,237,244,.1), transparent 62%),
    linear-gradient(90deg, rgba(7,23,36,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7,23,36,.035) 1px, transparent 1px);
  background-size:auto, 18px 18px, 18px 18px;
  pointer-events:none;
}

#trust-note .media-trust-panel > div:first-child {
  grid-area:copy;
  position:relative;
  z-index:1;
  max-width:520px;
}

#trust-note .media-trust-panel h2 {
  max-width:11ch;
  font-size:clamp(2.7rem, 5vw, 4.9rem);
  line-height:1.02;
}

#trust-note .media-trust-panel p {
  max-width:42ch;
}

#trust-note .media-trust-chips {
  grid-area:controls;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.7rem;
  margin:0;
  padding:1rem;
  border:1px solid rgba(0,126,139,.14);
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(243,251,253,.96), rgba(255,255,255,.9));
  box-shadow:0 18px 52px rgba(22,57,72,.08);
}

#trust-note .media-trust-chips::before {
  content:"Security review signals";
  grid-column:1 / -1;
  color:#007e8b;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}

#trust-note .media-trust-chips span {
  min-height:46px;
  justify-content:flex-start;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(22,57,72,.06);
}

#trust-note .media-trust-panel > .media-btn {
  grid-area:action;
  position:relative;
  z-index:1;
  justify-self:start;
  min-width:220px;
  border-radius:999px;
}

@media (max-width: 991.98px) {
  #trust-note .media-trust-panel {
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "controls"
      "action";
  }

  #trust-note .media-trust-panel h2 {
    max-width:100%;
  }
}

@media (max-width: 767.98px) {
  .media-hero h1 {
    text-wrap:auto;
  }

  #trust-note .media-trust-chips {
    grid-template-columns:1fr;
  }

  #trust-note .media-trust-panel > .media-btn {
    width:100%;
  }
}