*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#0b1a2b}ul{list-style:none}button{border:none;cursor:pointer;background:transparent}a{text-decoration:none;color:#000}.container{max-width:1040px;margin:0 auto;padding:0 16px}.section{padding:56px 0}.button{padding:12px 18px;border-radius:14px;font-weight:600;border:1px solid #e3ecff;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease}@media (max-width: 768px){.container{max-width:700px}.button{padding:10px 16px;font-size:13px}.section{padding:30px 0}}@media (max-width: 650px){.container{max-width:590px}.section{padding:28px 0}}@media (max-width:600px){.container{max-width:530px}.button{font-size:12px;padding:8px 14px}.section{padding:24px 0}}@media (max-width:550px){.container{max-width:500px}.section{padding:20px 0}}@media (max-width:500px){.container{max-width:450px}.section{padding:20px 0}}@media (max-width:450px){.container{max-width:390px}.section{padding:18px 0}.button{padding:6px}}@media (max-width:390px){.container{max-width:340px}.section{padding:15px 0}}@media (max-width:350px){.container{max-width:300px}}.header{padding:20px;background-color:#fff;border-bottom:1px solid #e3ecff;position:sticky;top:0;z-index:4}.navbar{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.header__logo{font-size:20px;color:#000;font-weight:600}.header__ul{display:flex;flex-direction:row;gap:20px}.nav__link{padding:10px;color:#4f5f72;transition:all .5s ease;border-radius:10px}.nav__link:hover{color:#0b1a2b;background-color:#f2f7ff}.header__button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #e3ecff;background-color:#fff;color:#0b1a2b;cursor:pointer;box-shadow:0 2px 10px #0e77ff0f;transition:box-shadow .15s ease,transform .05s ease}.header__button:focus{outline:2px solid #9ed3ff;outline-offset:2px}.header__button:active{transform:translateY(1px)}@media (max-width: 768px){.header{padding:15px}.header__logo{font-size:18px}.header__ul{gap:15px}.nav__link{padding:5px;font-size:15px}.header__button{padding:6px 10px;gap:6px}}@media (max-width: 600px){.header{padding:13px}.header__logo{font-size:16px}.header__ul{gap:10px}.nav__link{padding:5px;font-size:14px}}@media (max-width: 550px){.header{padding:10px}.header__logo{font-size:15px}.header__button{display:none}}@media (max-width:450px){.header__ul{gap:3px}.header__logo{font-size:14px}.nav__link{padding:5px;font-size:13px}}@media (max-width: 390px){.header__logo{font-size:13px}.header__ul{gap:0}.nav__link{padding:4px;font-size:11px}}.hero{background:linear-gradient(180deg,rgba(0,194,255,.1),rgba(14,119,255,.1));border-bottom:1px solid #e3ecff}.hero__container{padding:56px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.hero__copy{max-width:500px;width:100%}.hero__text{margin-bottom:8px;font-size:42px;line-height:1.15;width:100%}.hero__subtitle{margin-bottom:24px;color:#546679;line-height:25px}.hero__actions{display:flex;flex-direction:row;gap:10px}.button__primary:hover{box-shadow:0 8px 22px #0e77ff38}.button__primary{background-color:#0e77ff;color:#fff;border-color:transparent;box-shadow:0 6px 18px #0e77ff2e}.button__ghost{background-color:#fff;color:#0b1a2b}.button:active{transform:translateY(1px)}.hero__phone{width:300px;height:640px;border:15px solid rgb(255,255,255);border-radius:30px;padding:20px 0;background:linear-gradient(145deg,#d9dce1,#e6eeff)}.phone__back{background:linear-gradient(160deg,#0e77ff,#00c2ff);margin:0 8px;border-radius:20px;height:100%;padding:90px 0}.lock__screen{display:flex;flex-direction:column;color:#fff;text-align:center;justify-content:space-between;height:100%}.lock__time{display:block;font-size:64px;font-weight:300;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.25)}.lock__date{display:block;font-size:16px;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.25)}.lock__bottom{display:flex;flex-direction:row;justify-content:space-around}.lock__btn{font-size:24px;opacity:.95;background:rgba(255,255,255,.2);border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00000040 inset;transition:background-color .2s ease,transform .1s ease}.lock__btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}@media (max-width: 768px){.hero__container{padding:56px 30px}.hero__copy{max-width:350px}.hero__text{font-size:38px;margin-bottom:5px}.hero__subtitle{margin-bottom:20px}.hero__phone{width:270px;height:580px}.phone__back{padding:70px 0}.lock__time{font-size:55px}.lock__btn{font-size:20px}}@media (max-width: 650px){.hero__container{padding:56px 25px}.hero__copy{max-width:240px}.hero__text{font-size:36px}.hero__phone{width:250px;height:560px}.phone__back{padding:50px 0;margin:0 5px}.lock__time{font-size:52px}.lock__date{font-size:15px}.lock__btn{font-size:20px}}@media (max-width:600px){.hero__container{padding:45px 5px}}@media (max-width: 550px){.hero__container{flex-direction:column;justify-content:space-between;align-items:center;gap:50px}.hero__copy{max-width:300px}.hero__text{font-size:33px}.hero__phone{width:230px;height:530px;border:10px solid #fff}.lock__time{font-size:48px}.lock__btn{font-size:18px;width:48px;height:48px}}@media (max-width: 490px){.hero__text{font-size:33px}.hero__phone{width:230px;height:530px;border:10px solid #fff}.lock__time{font-size:48px}.lock__btn{font-size:18px;width:48px;height:48px}}@media (max-width: 450px){.hero__container{gap:35px}.hero__copy{max-width:250px}.hero__text{font-size:28px}.hero__subtitle{margin-bottom:18px;font-size:15px}.hero__phone{height:450px;border:8px solid #fff;padding:15px 0}.phone__back{padding:30px 0;border-radius:25px}.lock__time{font-size:40px}}@media (max-width: 390px){.hero__container{gap:30px}.hero__copy{max-width:230px}.hero__text{font-size:25px}.hero__subtitle{line-height:23px}.hero__phone{height:430px;border:6px solid #fff}.phone__back{padding:25px 0}.lock__time{font-size:37px}.lock__date{font-size:14px}.lock__btn{font-size:17px;width:45px;height:45px}}.section__title{font-size:24px;margin:20px 0}.cards{display:flex;gap:16px;flex-wrap:wrap;flex-direction:row}.card{background-color:#f7faff;border:1px solid #e3ecff;border-radius:16px;padding:16px;box-shadow:0 8px 22px #0e77ff14;max-width:320px;width:100%;line-height:26px}.card__title{margin:0 0 8px;font-size:18px}.card__text{color:#546679}@media (max-width:768px){.section__title{font-size:22px;margin:18px 0}.card{padding:14px}.card__title{font-size:17px;margin:0 0 7px}.card__text{font-size:15px}}@media (max-width:650px){.section__title{font-size:21px;margin:16.5px 0}.cards{flex-direction:column}.card{max-width:600px}}@media (max-width:600px){.section__title{font-size:20px;margin:16px 0}.card{padding:13px}.card__title{font-size:16px;margin:0 0 6px}.card__text{font-size:14px}}@media (max-width:450px){.section__title{font-size:18.5px;margin:14px 0}.card{padding:11.5px;border-radius:12px}}@media (max-width:390px){.section__title{font-size:17px;margin:12px 0}.cards{gap:14px}.card{padding:10px}.card__title{margin:0 0 4px;font-size:15px}.card__text{line-height:23px;font-size:13.5px}}.spec{display:flex;flex-direction:column;gap:15px}.spec__row{display:flex;justify-content:space-between;padding:14px 16px;background-color:#f7faff;border:1px solid #e3ecff;border-radius:12px}@media (max-width: 768px){.spec__row{padding:13px 15px;border-radius:10px}.spec__text{font-size:15px}}@media (max-width:600px){.spec__row{padding:12px 14px}}@media (max-width:450px){.spec{gap:12px}.spec__row{padding:11px 13px}.spec__text{font-size:14px}}@media (max-width:390px){.spec{gap:10px}.spec__row{padding:10px 12px}.spec__text{font-size:13.5px}}.eco__list{list-style:disc;padding:0 0 0 40px}.eco__item{line-height:30px}@media (max-width:768px){.eco__list{padding:0 0 0 30px}}@media (max-width:600px){.eco__list{padding:0 0 0 25px}.eco__item{font-size:15px;line-height:26px}}@media (max-width:450px){.eco__list{padding:0 0 0 20px}.eco__item{font-size:14px;line-height:24px}}.footer{padding:20px;border:1px solid #e3ecff}@media (max-width:768px){.footer{padding:15px}.footer__copy,.footer__tagline{font-size:15px}}@media (max-width:650px){.footer__tagline{display:none}}@media (max-width:390px){.footer__copy{font-size:14px}}