.products-page{background:#07111F;color-scheme:dark}.products-page :is(h1,h2,h3){text-wrap:balance}.mobile-nav a.active{color:var(--bright)}.products-section{padding:104px 0}.products-section h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em}.products-section .section-header>p:not(.eyebrow){max-width:760px;margin:16px auto 0;color:#AFC0D3;font-size:17px;line-height:1.68}.products-hero{position:relative;min-height:760px;overflow:hidden;padding-top:90px;padding-bottom:42px;background:#050E19}.products-hero:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,22,.99) 0,rgba(4,12,22,.94) 42%,rgba(4,12,22,.5) 72%,rgba(4,12,22,.2)),linear-gradient(0deg,#07111F 0,rgba(7,17,31,.72) 14%,transparent 38%);content:""}.products-hero-art{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(5,14,25,.25),rgba(5,14,25,.1)),url("assets/hero-security.png");background-position:72% center;background-size:cover;filter:saturate(1.05)}.products-hero-grid{position:relative;z-index:1;display:grid;min-height:670px;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:74px;align-items:center;padding-top:34px}.products-hero-copy{max-width:760px}.products-hero h1{max-width:760px;margin:0 0 24px;font-size:clamp(50px,5vw,74px);font-weight:800;line-height:1.02;letter-spacing:-.058em}.products-hero-copy>p:not(.eyebrow){max-width:690px;margin-bottom:31px;color:#D7E2F0;font-size:18px;line-height:1.68}.hero-product-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid rgba(79,126,172,.42);border-radius:14px;background:rgba(7,17,31,.76);box-shadow:0 26px 70px rgba(0,0,0,.32);backdrop-filter:blur(14px)}.hero-product-panel:before{position:absolute;inset:-1px;border-radius:14px;background:linear-gradient(135deg,rgba(47,139,255,.38),transparent 42%,rgba(47,139,255,.18));content:"";pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px}.hero-device{overflow:hidden;border:1px solid #17314E;border-radius:10px;background:#F3F6F8;color:#132035;box-shadow:0 14px 34px rgba(0,0,0,.22)}.hero-device .product-photo{aspect-ratio:1.15}.hero-device strong{display:block;min-height:52px;padding:12px 10px;text-align:center;color:#132035;font:800 12px/1.25 "Manrope",sans-serif}.featured-strip{position:relative;z-index:2;margin-top:0;padding-top:34px;background:#07111F}.featured-shell{padding:18px;border:1px solid rgba(68,100,132,.5);border-radius:12px;background:rgba(8,20,34,.96);box-shadow:0 22px 58px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.featured-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.featured-header h2{margin:0;font-size:24px;letter-spacing:-.025em}.featured-header p{margin:0;color:var(--bright);font:800 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.12em}.featured-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.featured-item{overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:#F5F7F9;color:#132035}.featured-item .product-photo{aspect-ratio:1.1}.featured-item h3{display:grid;min-height:58px;place-items:center;margin:0;padding:12px 8px;text-align:center;font-size:12px}.product-catalog{background:radial-gradient(circle at 50% 0,rgba(22,119,255,.13),transparent 34%),#07111F}.filter-shell{margin-top:40px;padding:20px;border:1px solid #1E3E5D;border-radius:12px;background:#0A1A2B;box-shadow:0 20px 50px rgba(0,0,0,.25)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.filter-chip{min-height:38px;padding:0 16px;border:1px solid #365C80;border-radius:999px;background:#061421;color:#D7E2F0;cursor:pointer;font:800 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.05em}.filter-chip:hover,.filter-chip.active{border-color:#1677FF;background:linear-gradient(135deg,#2F8BFF,#0864DD);color:#FFF}.filter-count{margin:14px 0 0;text-align:center;color:#8EA4BA;font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.catalog-card{overflow:hidden;border:1px solid #214767;border-radius:12px;background:linear-gradient(150deg,#102A49,#0B1D35);box-shadow:0 22px 58px rgba(0,0,0,.26);transition:transform .22s,border-color .22s}.catalog-card:hover{transform:translateY(-5px);border-color:#2F8BFF}.catalog-product-photo{height:auto;aspect-ratio:1;background-color:#F3F6F8;background-image:url("assets/product-hardware-sheet.jpg");background-repeat:no-repeat;background-size:300% auto}.catalog-product-photo.catalog-car-alarm,.catalog-product-photo.catalog-burglar-alarm,.catalog-product-photo.catalog-video-intercom,.catalog-product-photo.catalog-asset-tracker{background-size:contain;background-position:center;background-color:#F4F6F8}.catalog-product-photo.catalog-car-alarm{background-image:url("assets/vehicle-car-alarm.jpg")}.catalog-product-photo.catalog-burglar-alarm{background-image:url("assets/smart-home-alarm-system.jpg")}.catalog-product-photo.catalog-video-intercom{background-image:url("assets/smart-home-video-intercom.jpg")}.catalog-product-photo.catalog-asset-tracker{background-image:url("assets/asset-tracking-hardware.jpg");background-size:400% 200%;background-position:0 0}.catalog-card-body{display:flex;min-height:410px;flex-direction:column;padding:25px}.catalog-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:15px}.catalog-meta span,.catalog-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border:1px solid #285784;border-radius:999px;background:rgba(22,119,255,.12);color:#7FBAFF;font:800 10px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.06em}.catalog-badge{border-color:#2F8BFF;background:rgba(47,139,255,.2);color:#FFF}.catalog-card h3{margin:0 0 11px;font-size:24px;letter-spacing:-.025em}.catalog-card p{margin:0 0 17px;color:#D7E2F0;font-size:15px;line-height:1.62}.catalog-card ul{display:grid;gap:8px;margin:0 0 24px;padding:0;list-style:none;color:#BFD0E2;font-size:14px}.catalog-card li{display:flex;gap:8px;align-items:flex-start}.catalog-card li:before{display:inline-grid;width:16px;height:16px;flex:0 0 auto;place-items:center;border:1px solid #1677FF;border-radius:50%;color:#5FAEFF;content:"✓";font-size:10px}.catalog-actions{display:grid;gap:12px;margin-top:auto}.catalog-link,.solution-link{display:inline-flex;gap:7px;align-items:center;color:#5FAEFF;font:800 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.045em}.catalog-link svg{width:13px;height:13px}.solution-link{color:#AFC0D3}.systems-section{background:linear-gradient(180deg,#07111F,#081827)}.system-combo-grid,.guide-grid,.install-cta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:43px}.system-combo-grid article,.guide-grid a,.install-card{position:relative;min-height:270px;padding:28px;border:1px solid #214767;border-radius:12px;background:linear-gradient(150deg,#102A49,#0B1D35);box-shadow:0 20px 50px rgba(0,0,0,.23)}.system-combo-grid article:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#2F8BFF,transparent 82%);content:""}.system-combo-grid svg,.install-card svg{width:50px;height:50px;padding:12px;border:1px solid #285784;border-radius:10px;background:rgba(22,119,255,.12);color:#5FAEFF}.guide-grid a>svg{width:50px;height:50px;padding:12px;border:0;border-radius:50%;background:linear-gradient(145deg,#3192FF,#0868E8);box-shadow:0 10px 26px rgba(22,119,255,.28);color:#FFF}.system-combo-grid h3,.guide-grid h3,.install-card h3{margin:22px 0 12px;font-size:21px}.system-combo-grid p,.guide-grid p,.install-card p{margin:0;color:#C5D4E3;font-size:15px;line-height:1.62}.system-combo-grid ul{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;color:#D7E2F0;font-size:14px}.system-combo-grid li:before{margin-right:8px;color:#5FAEFF;content:"+"}.selection-section{background:linear-gradient(135deg,#F7F9FC,#EDF2F8);color:#101927}.selection-section .eyebrow{color:#0870E3}.selection-section .section-header>p:not(.eyebrow){color:#5F7083}.guide-grid a{display:flex;min-height:292px;flex-direction:column;background:#FFF;border-color:#D5E1ED;color:#101927;box-shadow:0 16px 34px rgba(35,65,100,.08);transition:transform .22s,border-color .22s}.guide-grid a:hover{transform:translateY(-5px);border-color:#93C8FF}.guide-grid p{color:#5F7083}.guide-grid b{display:inline-flex;width:max-content;gap:9px;align-items:center;margin-top:auto;padding-top:22px;color:#0870E3;font:800 10px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.06em}.guide-grid b:after{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(8,112,227,.34);border-radius:50%;background:#EEF7FF;color:#0870E3;content:"→";font-size:14px;line-height:1}.install-section{background:radial-gradient(circle at 50% 0,rgba(22,119,255,.12),transparent 36%),#081827}.install-cta-grid{grid-template-columns:1fr 1fr 1fr;max-width:990px;margin-inline:auto}.product-faq{background:#07111F}.product-faq-list{display:grid;gap:12px;max-width:980px;margin:42px auto 0}.product-faq-list details{border:1px solid #244764;border-radius:9px;background:linear-gradient(145deg,#102940,#091827)}.product-faq-list summary{cursor:pointer;padding:20px 24px;color:#F7FBFF;font:800 16px/1.4 "Manrope",sans-serif}.product-faq-list summary::-webkit-details-marker{display:none}.product-faq-list summary:after{float:right;color:var(--bright);content:"+";font-size:22px;line-height:1}.product-faq-list details[open] summary:after{content:"–"}.product-faq-list p{margin:0;padding:0 24px 22px;color:#C6D5E5;font-size:15px;line-height:1.68}.products-page .final-cta{background-image:linear-gradient(90deg,rgba(4,14,25,.96),rgba(10,38,65,.86),rgba(4,14,25,.96)),url("assets/hero-security.png");background-position:center 68%}.filter-chip:focus-visible,.catalog-card a:focus-visible,.guide-grid a:focus-visible,.install-card:focus-visible,.product-faq-list summary:focus-visible{outline:3px solid #77B7FF;outline-offset:3px}
@media(max-width:1120px){.products-hero-grid{grid-template-columns:1.05fr .95fr;gap:42px}.products-hero h1{font-size:58px}.featured-row{grid-template-columns:repeat(3,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.system-combo-grid,.guide-grid{grid-template-columns:1fr 1fr}.install-cta-grid{grid-template-columns:1fr}}
@media(max-width:900px){.products-hero{min-height:0;padding-top:76px}.products-hero-grid{min-height:0;grid-template-columns:1fr;padding-top:82px;padding-bottom:78px}.hero-product-panel{max-width:680px}.featured-strip{margin-top:-24px}.products-section{padding:82px 0}.catalog-card-body{min-height:360px}}
@media(max-width:620px){.products-section{padding:70px 0}.products-section h2{font-size:32px}.products-hero-grid{padding-top:74px;padding-bottom:70px}.products-hero h1{font-size:40px;line-height:1.06}.products-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.62}.products-hero .button-row,.products-page .final-cta .button-row{display:grid;width:100%}.products-hero .button,.products-page .final-cta .button{width:100%}.hero-product-panel{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.hero-device strong{min-height:48px;font-size:11px}.featured-header{align-items:flex-start;flex-direction:column}.featured-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.featured-item{min-width:72%;scroll-snap-align:start}.filter-shell{padding:16px}.filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-chip{flex:0 0 auto}.catalog-grid,.system-combo-grid,.guide-grid{grid-template-columns:1fr}.catalog-product-photo{height:auto}.catalog-card-body{min-height:0;padding:22px}.install-cta-grid{gap:14px}.system-combo-grid article,.guide-grid a,.install-card{min-height:0}.product-faq-list summary{padding:18px}.product-faq-list p{padding:0 18px 20px}.products-page .final-cta .button-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.catalog-card,.guide-grid a,.filter-chip{transition:none}}

/* Products page QA refinements: keep product cutouts centered and reuse the Smart Home hardware assets. */
.hero-device .product-lock,
.featured-item .product-lock,
.catalog-product-photo.product-lock{
  aspect-ratio:1;
  background-image:url("assets/ultrax-smart-door-lock.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#F4F6F8;
}

.featured-header p{
  margin-bottom:7px;
}

.catalog-product-photo.catalog-burglar-alarm{
  background-image:url("assets/smart-home-hardware-sheet.png");
  background-size:400% 200%;
  background-position:33.333% 0;
  background-repeat:no-repeat;
  background-color:#F4F6F8;
}

.catalog-product-photo.catalog-video-intercom{
  background-image:url("assets/smart-home-hardware-sheet.png");
  background-size:400% 200%;
  background-position:33.333% 100%;
  background-repeat:no-repeat;
  background-color:#F4F6F8;
}