/* Detectable Devices page */
.devices-page{background:#fff}
.devices-hero{height:154px;background:#fff}
.devices-hero .wrap{height:100%;display:grid;grid-template-columns:1fr 245px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#f8fbfd 0%,#f3f8fc 72%,#e8f2f8 100%)}
.devices-hero-copy{padding-left:8px}
.devices-hero h1{font-size:43px;line-height:1;margin:0 0 13px;color:#0a3c72;letter-spacing:-1.2px}
.devices-hero p{font-size:18px;line-height:1.3;margin:0;color:#17385d}
.devices-callout{height:100%;position:relative;display:flex;align-items:center;padding-left:105px;color:#6c88a6;font-size:18px;line-height:1.35;font-weight:700}
.devices-callout:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(205,220,231,.2),rgba(209,225,237,.78));clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
.devices-callout span{position:relative;z-index:1}
.devices-callout span:after{content:"";display:block;width:34px;height:3px;background:#169ee0;margin-top:14px}

.devices-content{padding:15px 0 28px}
.devices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 18px}
.device-card{background:linear-gradient(#fff,#f2f7fb);border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px #edf2f5 inset}
.device-card img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover}
.device-info{display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:13px 12px 17px;min-height:130px}
.device-number{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#bfe1fb;color:#0a4a84;font-weight:700;font-size:17px}
.device-text h3{font-size:14.5px;line-height:1.17;margin:1px 0 10px;color:#082f63}
.device-text p{font-size:13.2px;line-height:1.38;margin:0;color:#40566f}

.devices-note{margin-top:22px;min-height:149px;border-radius:7px;background:linear-gradient(90deg,#f2f8fc,#eef5fa);display:grid;grid-template-columns:105px 1fr;align-items:center;padding:20px 34px}
.note-shield{width:64px;height:64px;display:grid;place-items:center}
.note-shield svg{width:62px;height:62px;fill:#0b4e8a}
.note-copy h2{font-size:22px;line-height:1.1;margin:0 0 9px;color:#0a3c72}
.note-copy p{font-size:15.5px;line-height:1.42;margin:0;color:#2d4a6c}

.back-row{text-align:center;padding:22px 0 30px}
.back-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:260px;height:49px;border-radius:6px;background:linear-gradient(90deg,#073d78,#07559c);color:#fff;text-decoration:none;font-size:15px;font-weight:700}
.back-button .arrow{font-size:27px;line-height:1;font-weight:400}

.devices-page footer{height:60px}
.devices-page .footer-row b{font-size:13px;margin:0 0 -10px}
.devices-page .footer-row span{font-size:11px}
.devices-page .footer-tag{font-size:11px!important;margin:0 0 -10px}

@media(max-width:850px){
  .devices-hero{height:auto}
  .devices-hero .wrap{grid-template-columns:1fr;min-height:190px}
  .devices-hero-copy{padding:24px 8px}
  .devices-callout{display:none}
  .devices-grid{grid-template-columns:1fr 1fr}
  .device-card img{aspect-ratio:8/5}
  .devices-note{grid-template-columns:75px 1fr}
}
@media(max-width:560px){
  .devices-hero h1{font-size:31px}
  .devices-hero p{font-size:15px}
  .devices-grid{grid-template-columns:1fr}
  .device-info{min-height:auto}
  .devices-note{grid-template-columns:1fr;padding:24px}
  .note-shield{margin-bottom:12px}
  .note-copy h2{font-size:20px}
  .note-copy p{font-size:14px}
  .back-button{min-width:240px}
}