body{font-family:Arial,sans-serif;line-height:1.6;color:#333;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.container{max-width:1200px;width:100%;margin:0 auto;overflow-x:hidden}.page-title{display:flex;flex-direction:column;align-items:center}.page-title p{margin-top:-1rem}.header{background:#fff;border-bottom:1px solid #1581c1;width:100%;top:0;z-index:1000;padding-top:1.5rem;padding-left:1rem;padding-bottom:1rem;padding-right:1rem;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{height:4rem;width:20rem;display:flex;align-items:center;cursor:pointer;padding-bottom:.5rem}.logo-img{max-height:100%;max-width:100%;object-fit:contain;margin-left:1rem}.device-list{display:grid;max-width:100%;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.device{cursor:pointer;border:1px solid #dadae5;font-family:Arial,sans-serif;text-align:center}.image-container{height:200px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container img{width:90%;height:100%;object-fit:contain;object-position:center}.device h2{margin-top:1rem;margin-bottom:1rem;font-family:Arial,sans-serif;font-weight:400;font-size:1.5rem}.device:hover{color:#1581c1}.footer{background:#1581c1;color:#fff;padding:2rem 0;font-size:16px;font-weight:500}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;padding-left:1rem}.footer-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-bottom{padding-left:1rem}.footer-bottom a{color:#fff;text-decoration:none}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:rgba(18,28,38,.85);backdrop-filter:blur(2px)}.modal-window{background:#fff;padding:2.25rem 2.5rem;min-width:360px;max-width:520px;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.25);position:relative;font-family:open sans,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;color:#1f2a35}#popup-title{margin-top:.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#8a8f95;font-size:1.2rem;line-height:1;cursor:pointer}.modal-close:hover{color:#1581c1}.modal ul{list-style:none;padding:0;margin:1.5rem 0 0}.modal ul li{position:relative;padding-left:1.25rem;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.modal ul li::before{content:"\203A";position:absolute;left:0;top:0;color:#1581c1;font-weight:600}.modal.hidden{display:none}