@font-face {
  font-family: "Segoe UI Local";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/scamguard/assets/fonts/segoeuil.woff") format("woff");
}

:root {
  --ink: #06172f;
  --muted: #526178;
  --blue: #0643c5;
  --violet: #6d2ce8;
  --green: #03b777;
  --line: #dce5f3;
  --soft: #f3f7fd;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}
a { color: inherit; }
img { max-width: 100%; }
.util-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.util-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  color: #fff;
  background: transparent;
  transition: background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
.util-header.header-scrolled { background-color: rgba(5, 24, 49, .92); box-shadow: 0 4px 30px rgba(0,0,0,.18); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,.1); }
.legal-site--utilities .util-header { position: relative; background: linear-gradient(120deg, #051831 0%, #092c6b 55%, #4b1c92 100%); }
.util-header__inner { min-height: 86px; display: flex; align-items: center; gap: 34px; }
.util-brand { display: flex; align-items: center; gap: 15px; text-decoration: none; }
.util-brand img { width: 142px; height: auto; }
.util-brand__divider { width: 2px; height: 43px; flex: 0 0 2px; border-radius: 2px; background: rgba(151, 185, 235, .55); box-shadow: 0 0 12px rgba(82, 156, 255, .2); }
.util-brand .util-brand__name {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 2px solid transparent;
  border-radius: 15px;
  color: #fff;
  background:
    linear-gradient(112deg, #071c42, #17165b) padding-box,
    linear-gradient(105deg, #20d8ff 0%, #398eff 48%, #b637ff 100%) border-box;
  box-shadow: 0 0 22px rgba(40, 154, 255, .15), inset 0 0 20px rgba(62, 107, 218, .08);
  font-family: "Montserrat", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.util-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.util-nav a { color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; }
.util-nav a:not(.util-nav__cta):hover { text-decoration: underline; text-underline-offset: 7px; }
.util-nav__cta { padding: 13px 19px; border: 1px solid rgba(255,255,255,.65); border-radius: 4px; }

.util-hero {
  position: relative;
  overflow: hidden;
  min-height: 570px;
  color: #fff;
  background: linear-gradient(118deg, #030d21 0%, #071d43 48%, #21165f 76%, #321573 100%);
}
.util-hero::after {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .62;
  background-image:
    radial-gradient(circle at 6% 17%, rgba(255,255,255,.9) 0 1px, transparent 1.7px),
    radial-gradient(circle at 14% 71%, rgba(127,205,255,.75) 0 1px, transparent 1.8px),
    radial-gradient(circle at 23% 34%, rgba(255,255,255,.65) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 31% 83%, rgba(255,255,255,.85) 0 1.2px, transparent 2px),
    radial-gradient(circle at 39% 13%, rgba(128,210,255,.7) 0 .8px, transparent 1.6px),
    radial-gradient(circle at 47% 61%, rgba(255,255,255,.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 58% 28%, rgba(255,255,255,.9) 0 1px, transparent 1.8px),
    radial-gradient(circle at 67% 78%, rgba(131,205,255,.72) 0 1.2px, transparent 2px),
    radial-gradient(circle at 76% 11%, rgba(255,255,255,.6) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 84% 56%, rgba(255,255,255,.85) 0 1px, transparent 1.8px),
    radial-gradient(circle at 94% 25%, rgba(129,204,255,.7) 0 1px, transparent 1.7px),
    radial-gradient(circle at 91% 88%, rgba(255,255,255,.68) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 52% 92%, rgba(255,255,255,.55) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 18% 48%, rgba(255,255,255,.6) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 3% 62%, rgba(138,211,255,.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 11% 29%, rgba(255,255,255,.72) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 27% 56%, rgba(255,255,255,.62) 0 1px, transparent 1.7px),
    radial-gradient(circle at 35% 94%, rgba(127,205,255,.66) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 43% 39%, rgba(255,255,255,.78) 0 1px, transparent 1.8px),
    radial-gradient(circle at 49% 8%, rgba(255,255,255,.58) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 55% 72%, rgba(128,207,255,.68) 0 1px, transparent 1.7px),
    radial-gradient(circle at 62% 47%, rgba(255,255,255,.7) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 71% 91%, rgba(255,255,255,.62) 0 1px, transparent 1.7px),
    radial-gradient(circle at 79% 33%, rgba(126,206,255,.72) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 87% 73%, rgba(255,255,255,.76) 0 1px, transparent 1.8px),
    radial-gradient(circle at 96% 51%, rgba(255,255,255,.6) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 89% 5%, rgba(130,208,255,.68) 0 1px, transparent 1.7px),
    radial-gradient(circle at 22% 6%, rgba(255,255,255,.7) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 7% 43%, rgba(255,255,255,.66) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 16% 91%, rgba(128,205,255,.7) 0 1px, transparent 1.7px),
    radial-gradient(circle at 30% 16%, rgba(255,255,255,.72) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 38% 67%, rgba(255,255,255,.62) 0 1px, transparent 1.7px),
    radial-gradient(circle at 46% 27%, rgba(126,207,255,.68) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 57% 84%, rgba(255,255,255,.74) 0 1px, transparent 1.7px),
    radial-gradient(circle at 65% 6%, rgba(255,255,255,.6) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 73% 58%, rgba(130,208,255,.7) 0 1px, transparent 1.7px),
    radial-gradient(circle at 82% 94%, rgba(255,255,255,.68) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 91% 39%, rgba(255,255,255,.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 98% 19%, rgba(125,204,255,.66) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 24% 76%, rgba(255,255,255,.64) 0 1px, transparent 1.7px);
  mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.72));
  animation: util-stars-drift 36s ease-in-out infinite alternate;
}
.util-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: 1;
  background:
    radial-gradient(ellipse 72% 24% at 54% 88%, rgba(32, 183, 224, .12), rgba(89, 48, 194, .09) 45%, transparent 76%),
    radial-gradient(ellipse 46% 55% at 93% 47%, rgba(105, 54, 213, .2), transparent 72%),
    linear-gradient(112deg, transparent 20%, rgba(36, 128, 205, .07) 49%, transparent 67%);
  animation: util-space-breathe 11s ease-in-out infinite alternate;
}
.util-cosmos { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.util-cosmos::before { position: absolute; top: 0; left: 0; width: 2px; height: 2px; border-radius: 50%; content: ""; background: rgba(255,255,255,.7); box-shadow: 4vw 38vh rgba(255,255,255,.7), 8vw 88vh rgba(105,198,255,.62), 12vw 57vh rgba(255,255,255,.55), 17vw 9vh rgba(255,255,255,.72), 20vw 92vh rgba(123,204,255,.55), 25vw 68vh rgba(255,255,255,.72), 29vw 23vh rgba(255,255,255,.55), 34vw 47vh rgba(119,202,255,.68), 37vw 89vh rgba(255,255,255,.62), 42vw 7vh rgba(255,255,255,.7), 45vw 74vh rgba(114,203,255,.58), 49vw 39vh rgba(255,255,255,.75), 54vw 86vh rgba(255,255,255,.55), 57vw 17vh rgba(120,201,255,.65), 61vw 64vh rgba(255,255,255,.7), 65vw 31vh rgba(255,255,255,.55), 69vw 94vh rgba(107,198,255,.58), 73vw 12vh rgba(255,255,255,.75), 77vw 69vh rgba(255,255,255,.55), 80vw 35vh rgba(115,204,255,.65), 84vw 83vh rgba(255,255,255,.7), 87vw 19vh rgba(255,255,255,.58), 90vw 61vh rgba(105,196,255,.62), 93vw 43vh rgba(255,255,255,.72), 96vw 91vh rgba(255,255,255,.55), 98vw 8vh rgba(126,204,255,.62), 32vw 79vh rgba(255,255,255,.55), 71vw 52vh rgba(255,255,255,.65); opacity: .72; animation: util-extra-stars 28s ease-in-out infinite alternate; }
.util-cosmos::after { position: absolute; top: 0; left: 0; width: 1px; height: 1px; border-radius: 50%; content: ""; background: rgba(255,255,255,.65); box-shadow: 2vw 16vh rgba(255,255,255,.58), 5vw 73vh rgba(116,203,255,.64), 10vw 29vh rgba(255,255,255,.72), 15vw 84vh rgba(255,255,255,.5), 19vw 45vh rgba(123,207,255,.6), 22vw 14vh rgba(255,255,255,.7), 27vw 96vh rgba(255,255,255,.55), 30vw 59vh rgba(112,199,255,.62), 35vw 31vh rgba(255,255,255,.68), 39vw 69vh rgba(255,255,255,.5), 43vw 21vh rgba(119,204,255,.62), 47vw 94vh rgba(255,255,255,.68), 51vw 52vh rgba(255,255,255,.56), 55vw 4vh rgba(118,205,255,.65), 59vw 80vh rgba(255,255,255,.72), 63vw 44vh rgba(255,255,255,.5), 67vw 24vh rgba(112,201,255,.64), 72vw 87vh rgba(255,255,255,.68), 75vw 38vh rgba(255,255,255,.56), 79vw 6vh rgba(125,207,255,.62), 82vw 74vh rgba(255,255,255,.7), 86vw 49vh rgba(255,255,255,.52), 89vw 95vh rgba(113,201,255,.62), 92vw 30vh rgba(255,255,255,.68), 95vw 67vh rgba(255,255,255,.55), 99vw 48vh rgba(125,206,255,.62), 7vw 52vh rgba(255,255,255,.62), 24vw 39vh rgba(255,255,255,.55), 41vw 85vh rgba(118,202,255,.6), 53vw 33vh rgba(255,255,255,.66), 64vw 73vh rgba(255,255,255,.54), 78vw 93vh rgba(121,204,255,.62), 88vw 12vh rgba(255,255,255,.66), 97vw 81vh rgba(255,255,255,.52); opacity: .68; animation: util-extra-stars-two 22s ease-in-out infinite alternate; }
.util-cosmos span { position: absolute; width: 120px; height: 1px; opacity: 0; background: linear-gradient(90deg, transparent, rgba(158,218,255,.7), #fff); box-shadow: 0 0 8px rgba(128,198,255,.65); transform: rotate(25deg); animation: util-shooting-star 12s linear infinite; }
.util-cosmos span:nth-child(1) { top: 5%; left: -16%; }
.util-cosmos span:nth-child(2) { top: 30%; left: -22%; animation-delay: 4.7s; animation-duration: 15s; }
.util-cosmos span:nth-child(3) { top: 52%; left: -18%; animation-delay: 9.1s; animation-duration: 17s; }
@keyframes util-stars-drift { to { transform: translate3d(-58px, 66px, 0); opacity: .38; } }
@keyframes util-extra-stars { to { transform: translate3d(66px, -54px, 0); opacity: .42; } }
@keyframes util-extra-stars-two { to { transform: translate3d(-72px, 48px, 0); opacity: .38; } }
@keyframes util-space-breathe { to { opacity: .88; transform: scale(1.025); } }
@keyframes util-shooting-star { 0%, 78% { opacity: 0; transform: translate3d(0,0,0) rotate(25deg); } 81% { opacity: .8; } 100% { opacity: 0; transform: translate3d(120vw, 54vh, 0) rotate(25deg); } }
@keyframes util-product-glow { to { opacity: .76; transform: translateY(14px) scale(1.08); } }
@keyframes util-sun-rays { to { transform: rotate(1turn); } }
.util-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; min-height: 656px; padding-top: 86px; gap: 30px; }
.util-eyebrow { margin: 0 0 18px; color: #79e7c0; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; }
.util-hero h1 { max-width: 740px; margin: 0; font-size: clamp(43px, 5.4vw, 76px); line-height: 1.02; font-weight: 760; }
.util-hero__copy { max-width: 650px; margin: 24px 0 30px; color: #dfe9ff; font-size: 19px; line-height: 1.65; }
.util-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.util-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid transparent; border-radius: 4px; text-decoration: none; font-weight: 750; transition: transform .2s ease, background .2s ease; }
.util-button:hover { transform: translateY(-2px); }
.util-button--primary { color: #052d25; background: #79e7c0; }
.util-button--ghost { color: #fff; border-color: rgba(255,255,255,.48); }
.util-showcase { position: relative; min-width: 0; height: 490px; }
.util-showcase__slides { position: relative; height: 440px; }
.util-showcase__slide { position: absolute; inset: 0; display: grid; grid-template-rows: 310px auto; visibility: hidden; opacity: 0; transform: translateX(24px); transition: opacity .45s ease, transform .45s ease, visibility .45s; }
.util-showcase__slide.is-active { visibility: visible; opacity: 1; transform: translateX(0); }
.util-showcase__image { position: relative; display: grid; min-width: 0; place-items: center; isolation: isolate; }
.util-showcase__image::before { position: absolute; z-index: -1; width: 98%; height: 90%; border-radius: 50%; content: ""; background: radial-gradient(ellipse, rgba(156,231,255,.8) 0%, rgba(70,161,255,.62) 20%, rgba(115,65,235,.42) 46%, transparent 76%); filter: blur(38px); transform: translateY(14px); animation: util-product-glow 5s ease-in-out infinite alternate; }
.util-showcase__image::after { position: absolute; z-index: -2; width: 80%; aspect-ratio: 1; border-radius: 50%; content: ""; opacity: .45; background: repeating-conic-gradient(from 8deg, rgba(122,201,255,.34) 0 2deg, transparent 3deg 18deg); filter: blur(9px); -webkit-mask-image: radial-gradient(circle, #000 0 12%, rgba(0,0,0,.7) 28%, transparent 68%); mask-image: radial-gradient(circle, #000 0 12%, rgba(0,0,0,.7) 28%, transparent 68%); animation: util-sun-rays 24s linear infinite; }
.util-showcase__image img { width: 88%; height: 300px; object-fit: contain; filter: drop-shadow(0 25px 25px rgba(0,0,0,.38)); transition: transform .25s ease; }
.util-showcase__image:not(.util-showcase__image--trio):hover img { transform: scale(1.035); }
.util-showcase__image .util-box-trio { position: relative; display: block; width: 94%; height: 300px; }
.util-showcase__image .util-box-trio img { position: absolute; bottom: 0; left: 50%; width: 43%; height: 94%; object-fit: contain; transform: translateX(-50%); }
.util-showcase__image .util-box-trio img:first-child { z-index: 1; left: 30%; height: 82%; transform: translateX(-50%) rotate(-5deg); }
.util-showcase__image .util-box-trio img:nth-child(2) { z-index: 3; }
.util-showcase__image .util-box-trio img:last-child { z-index: 2; left: 70%; height: 84%; transform: translateX(-50%) rotate(5deg); }
.util-showcase__image--trio:hover .util-box-trio img:first-child { transform: translateX(-53%) rotate(-7deg); }
.util-showcase__image--trio:hover .util-box-trio img:nth-child(2) { transform: translateX(-50%) scale(1.025); }
.util-showcase__image--trio:hover .util-box-trio img:last-child { transform: translateX(-47%) rotate(7deg); }
.util-showcase__content { position: relative; padding: 17px 150px 0 0; border-top: 1px solid rgba(255,255,255,.2); }
.util-showcase__content > span { color: #79e7c0; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
.util-showcase__content h2 { margin: 5px 0 2px; font-size: 27px; }
.util-showcase__content p { margin: 0; color: #dfe9ff; font-size: 14px; line-height: 1.5; }
.util-showcase__content a { position: absolute; right: 0; bottom: 4px; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 4px; color: #fff; text-decoration: none; font-size: 13px; font-weight: 750; }
.util-showcase__content a:hover { color: #052d25; background: #79e7c0; border-color: #79e7c0; }
.util-showcase__controls { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; gap: 12px; color: #bdcae5; font-size: 12px; }
.util-showcase__controls button { display: grid; width: 38px; height: 38px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #fff; background: transparent; cursor: pointer; font-size: 17px; }
.util-showcase__controls button:hover { color: #052d25; background: #79e7c0; border-color: #79e7c0; }
.util-showcase__controls strong { color: #fff; }

.util-strip { border-bottom: 1px solid var(--line); background: #fff; }
.util-strip__inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-block: 24px; }
.util-proof { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 700; }
.util-proof__icon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid #dce7fa; border-radius: 50%; color: var(--blue); background: linear-gradient(145deg, #fff, #edf4ff); box-shadow: 0 7px 18px rgba(18,67,145,.1); }
.util-proof__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.util-catalogue { padding: 88px 0 104px; background: var(--soft); }
.util-section-head { display: grid; grid-template-columns: minmax(340px, 1fr) minmax(650px, auto); align-items: end; gap: 36px; margin-bottom: 30px; }
.util-section-head h2 { margin: 0 0 10px; font-size: clamp(32px, 4vw, 48px); }
.util-section-head p { max-width: 650px; margin: 0; color: var(--muted); line-height: 1.65; }
.util-filter { display: flex; width: min(100%, 720px); align-items: end; justify-content: flex-end; gap: 18px; }
.util-filter__group { display: grid; gap: 7px; }
.util-filter__label { color: #75839a; font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.util-filter__buttons { display: flex; gap: 8px; }
.util-filter__divider { width: 1px; height: 40px; margin-bottom: 1px; background: #d5dfed; }
.util-filter button { min-height: 40px; padding: 0 15px; border: 1px solid #cbd7e9; border-radius: 4px; color: #31415a; background: #fff; cursor: pointer; font: inherit; font-size: 14px; font-weight: 700; }
.util-filter button[aria-pressed="true"] { color: #fff; border-color: var(--blue); background: var(--blue); }
.util-filter__trigger.is-selected { color: #fff; border-color: var(--blue); background: var(--blue); }
.util-filter__menu { position: relative; }
.util-filter__trigger { display: flex; align-items: center; gap: 8px; }
.util-filter__options { position: absolute; z-index: 20; top: calc(100% + 7px); left: 0; display: grid; min-width: 150px; padding: 7px; visibility: hidden; opacity: 0; transform: translateY(-5px); border: 1px solid #cbd7e9; border-radius: 5px; background: #fff; box-shadow: 0 16px 30px rgba(16, 40, 80, .16); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.util-filter__options button { width: 100%; border: 0; text-align: left; }
.util-filter__menu:hover .util-filter__options,
.util-filter__menu:focus-within .util-filter__options,
.util-filter__menu.is-open .util-filter__options { visibility: visible; opacity: 1; transform: translateY(0); }
.util-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.product-card { display: grid; grid-template-rows: 245px 1fr; min-width: 0; overflow: hidden; border: 1px solid #d5e1f1; border-radius: 7px; background: linear-gradient(180deg, #fff 0%, #f8fbff 100%); box-shadow: 0 12px 34px rgba(20, 47, 89, .08), inset 0 1px 0 #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.product-card:hover { transform: translateY(-6px); border-color: #b7cae6; box-shadow: 0 22px 48px rgba(20, 47, 89, .16); }
.product-card[hidden] { display: none; }
.product-card__media { position: relative; display: grid; min-height: 260px; place-items: center; overflow: hidden; background: radial-gradient(circle at 72% 28%, rgba(117,75,235,.16), transparent 38%), linear-gradient(145deg, #e7f1ff 0%, #f7f4ff 54%, #edf7ff 100%); }
.product-card__media::before { position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.72); border-radius: 5px; content: ""; }
.product-card__media::after { position: absolute; inset: auto -10% -55% 25%; width: 90%; aspect-ratio: 1; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(36,118,231,.16), rgba(78,39,192,.05) 58%, transparent 70%); }
.product-card__media img { position: relative; z-index: 1; width: auto; max-width: 82%; height: 215px; object-fit: contain; filter: drop-shadow(0 15px 15px rgba(16,31,69,.2)); transition: transform .25s ease; }
.product-card__media[href="/adblocker/"] img { height: 204px; }
.product-card__media[href="/photosweeperpro/"] img { width: 45%; max-width: 45%; height: auto; max-height: 215px; }
.product-card__media[href="/maccleaner/"] img { width: 51%; max-width: 51%; height: auto; max-height: 215px; }
.product-card:hover .product-card__media:not(.product-card__media--trio) img { transform: scale(1.035); }
.product-card__media--trio .util-box-trio { position: relative; z-index: 1; display: block; width: 96%; height: 225px; }
.product-card__media--trio .util-box-trio img { position: absolute; bottom: 9px; left: 50%; width: 51%; height: 88%; object-fit: contain; transform: translateX(-50%); filter: drop-shadow(0 12px 12px rgba(16,31,69,.18)); }
.product-card__media--trio .util-box-trio img:first-child { z-index: 1; left: 25%; height: 85%; transform: translateX(-50%) rotate(-5deg); }
.product-card__media--trio .util-box-trio img:nth-child(2) { z-index: 3; bottom: 9px; left: 47%; width: 54%; height: 85%; }
.product-card__media--trio .util-box-trio img:last-child { z-index: 2; left: 75%; height: 80%; transform: translateX(-50%) rotate(5deg); }
.product-card__body { display: flex; flex-direction: column; padding: 24px; }
.product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 13px; color: #65748b; font-size: 12px; font-weight: 750; text-transform: uppercase; }
.product-card h3 { margin: 0 0 9px; font-size: 24px; }
.product-card__tagline { min-height: 48px; margin: 0 0 18px; color: var(--muted); line-height: 1.5; }
.product-card ul { display: grid; gap: 8px; margin: 0 0 24px; padding: 0; list-style: none; color: #30415b; font-size: 14px; }
.product-card li::before { margin-right: 9px; color: var(--green); content: "\2713"; font-weight: 900; }
.product-card__link { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: var(--blue); text-decoration: none; font-weight: 800; }
.product-card__link span { transition: transform .2s ease; }
.product-card__link:hover span { transform: translateX(4px); }

.util-commitment { padding: 92px 0; color: #fff; background: linear-gradient(120deg, #092b62, #182567 55%, #421c7d); }
.util-commitment__inner { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: 80px; }
.util-commitment h2 { max-width: 550px; margin: 0; font-size: clamp(34px, 4vw, 52px); line-height: 1.08; }
.util-commitment__copy { padding-top: 24px; border-top: 1px solid rgba(255,255,255,.25); }
.util-commitment__copy p { margin: 0 0 18px; color: #dce7fb; font-size: 17px; line-height: 1.7; }

.util-contact { padding: 88px 0 96px; background: #fff; }
.util-contact__inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.util-contact h2 { margin: 0 0 18px; font-size: clamp(34px, 4vw, 50px); }
.util-contact p { max-width: 470px; color: var(--muted); line-height: 1.7; }
.util-contact a { display: inline-block; margin-top: 18px; color: var(--blue); font-size: 21px; font-weight: 750; text-decoration: none; }
.util-contact .info-form__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.util-contact input, .util-contact textarea { width: 100%; padding: 15px 2px; border: 0; border-bottom: 1px solid #9eabc0; border-radius: 0; color: var(--ink); background: transparent; font: inherit; }
.util-contact textarea { grid-column: 1 / -1; min-height: 130px; resize: vertical; }
.util-contact button { width: max-content; min-height: 50px; padding: 0 24px; border: 0; border-radius: 4px; color: #fff; background: var(--blue); cursor: pointer; font: inherit; font-weight: 750; }
.util-contact input:focus, .util-contact textarea:focus { border-color: var(--blue); outline: 0; }

.util-footer { padding: 70px 0 28px; color: #fff; background: #14072b; }
.util-footer__grid { display: grid; grid-template-columns: 1.25fr 1.8fr .75fr 1.2fr; gap: 52px; }
.util-footer h4 { margin: 0 0 18px; font-size: 15px; }
.util-footer ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.util-footer__products ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
.util-footer a { color: #d7d0e3; text-decoration: none; font-size: 14px; }
.util-footer a:hover { color: #fff; text-decoration: underline; }
.util-footer__brand img { width: 145px; }
.util-footer__brand p { max-width: 310px; color: #bdb3cd; line-height: 1.6; }
.util-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 60px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); color: #9f95b0; font-size: 13px; }

@media (max-width: 900px) {
  .util-nav a:not(.util-nav__cta) { display: none; }
  .util-hero__inner { grid-template-columns: 1fr; padding: 142px 0 30px; }
  .util-showcase { height: 470px; }
  .util-showcase__slides { height: 420px; }
  .util-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .util-section-head { grid-template-columns: 1fr; align-items: start; }
  .util-strip__inner { grid-template-columns: repeat(2, 1fr); }
  .util-footer__grid { grid-template-columns: repeat(2, 1fr); }
  .util-commitment__inner, .util-contact__inner { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 600px) {
  .util-container { width: min(100% - 28px, 1180px); }
  .util-header__inner { min-height: 72px; }
  .util-brand { gap: 10px; }
  .util-brand__divider { height: 34px; }
  .util-brand .util-brand__name { min-height: 36px; padding-inline: 13px; border-radius: 12px; font-size: 15px; }
  .util-brand img { width: 105px; }
  .util-nav__cta { padding: 10px 12px; font-size: 13px !important; }
  .util-hero__inner { min-height: auto; padding-top: 130px; }
  .util-hero h1 { font-size: 42px; }
  .util-hero__copy { font-size: 17px; }
  .util-showcase { height: 455px; }
  .util-showcase__slides { height: 405px; }
  .util-showcase__slide { grid-template-rows: 270px auto; }
  .util-showcase__image img { height: 255px; }
  .util-showcase__content { padding-right: 0; }
  .util-showcase__content a { position: static; margin-top: 12px; }
  .util-showcase__controls { bottom: -4px; }
  .util-filter { justify-content: flex-start; }
  .util-filter { flex-wrap: wrap; }
  .util-filter__divider { display: none; }
  .util-grid { grid-template-columns: 1fr; }
  .product-card { grid-template-rows: 220px 1fr; }
  .util-strip__inner, .util-footer__grid { grid-template-columns: 1fr; }
  .util-footer__products ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .util-contact .info-form__inner { grid-template-columns: 1fr; }
  .util-contact textarea { grid-column: auto; }
  .util-footer__bottom { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}