.devices-page-wrap{background-color:var(--color-background-dark);margin-top:-92px}.devices-page-wrap .devices-hero{background:url(../media/devices-hero.453df944.svg) 50%/cover no-repeat;height:calc(100vh + 200px)}.devices-page-wrap .devices-hero .common-content-wrap{justify-content:space-between;align-items:center;height:100%;padding:80px 150px;display:flex}@media (max-width:1150px){.devices-page-wrap .devices-hero .common-content-wrap{padding:64px}}@media (max-width:768px){.devices-page-wrap .devices-hero .common-content-wrap{flex-direction:column;margin-top:92px;padding:130px 20px}.devices-page-wrap .devices-hero{background:url(../media/devices-hero-small.ce76b47c.svg) 50%/cover no-repeat;height:calc(100vh + 100px)}}.devices-page-wrap .devices-hero .devices-header{flex:1}.devices-page-wrap .devices-hero .devices-header .header-inner-wrap{width:600px}@media (max-width:768px){.devices-page-wrap .devices-hero .devices-header .header-inner-wrap{width:100%}}.devices-page-wrap .devices-hero .devices-header .header-inner-wrap .section-title,.devices-page-wrap .section-heading{color:var(--color-text-light)}.devices-page-wrap .devices-list-wrap{z-index:2;background-color:var(--color-background-light);border-radius:30px;width:100%;margin-top:-50px}.devices-page-wrap .devices-list-wrap .common-content-wrap{padding:120px 40px}@media (max-width:768px){.devices-page-wrap .devices-list-wrap .common-content-wrap{padding:64px 20px}}.devices-page-wrap .devices-list-wrap .devices-content-wrap{text-align:center;color:var(--color-text-dark);flex-direction:column;justify-content:center;align-items:center;max-width:900px;margin:0 auto;display:flex}@media (max-width:768px){.devices-page-wrap .devices-list-wrap .devices-content-wrap{text-align:left}}.devices-page-wrap .devices-list-wrap .devices-content-wrap .section-heading{color:var(--color-text-dark)}.devices-page-wrap .devices-list-wrap .devices-list{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;display:grid}@media (max-width:1024px){.devices-page-wrap .devices-list-wrap .devices-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.devices-page-wrap .devices-list-wrap .devices-list{grid-template-columns:1fr}}.devices-page-wrap .devices-list-wrap .devices-list .device-item{background:var(--black-10);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}@media (max-width:768px){.devices-page-wrap .devices-list-wrap .devices-list .device-item{padding:20px}}.devices-page-wrap .devices-list-wrap .devices-list .device-item .device-button-wrap{justify-content:center;align-items:flex-end;height:100%;display:flex}.devices-page-wrap .devices-list-wrap .devices-list .device-item .new-tag{background-color:var(--black-80);color:var(--color-text-light);border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px}@media (max-width:768px){.devices-page-wrap .devices-list-wrap .devices-list .device-item .new-tag{letter-spacing:normal!important;font-weight:600!important;line-height:normal!important}}.devices-page-wrap .devices-list-wrap .devices-list .device-item img{object-fit:cover;width:250px;height:250px;margin-bottom:20px}.devices-page-wrap .devices-list-wrap .devices-list .device-item .device-title{font-size:32px;font-weight:600}@media (max-width:768px){.devices-page-wrap .devices-list-wrap .devices-list .device-item .device-title{font-size:24px}}.devices-page-wrap .devices-list-wrap .devices-list .device-item .device-description{max-width:330px;color:var(--color-text-muted-dark)}.devices-page-wrap .all-in-one{z-index:100;background-color:var(--color-background-dark);color:var(--color-text-light);padding:130px 64px;position:relative}@media (max-width:768px){.devices-page-wrap .all-in-one{padding:64px 20px}}.devices-page-wrap .all-in-one .text-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:768px){.devices-page-wrap .all-in-one .text-content{text-align:left;align-items:flex-start}.devices-page-wrap .all-in-one .text-content img{object-fit:cover;border-radius:20px;width:350px;height:350px;margin:auto}}.devices-page-wrap .all-in-one .text-content .section-title{color:var(--color-text-light)}.devices-page-wrap .all-in-one .text-content .section-subtitle{color:var(--color-text-dark-30);max-width:900px}
