*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172033;background:#f6f8fb}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{background:#fff;border-bottom:1px solid #e7eaf0;position:sticky;top:0;z-index:10}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:800}.brand span{color:#1677ff}nav{display:flex;gap:26px;color:#526078;font-weight:600}nav a:hover{color:#1677ff}.menu{display:none;background:none;border:0;font-size:25px}.hero{background:linear-gradient(135deg,#eef5ff,#fff);padding:74px 0 82px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#1677ff}.hero h1{font-size:46px;max-width:650px;margin:10px 0}.sub{color:#68748a;font-size:18px;max-width:650px}.finder{display:flex;gap:10px;background:#fff;padding:12px;border:1px solid #e1e6ee;border-radius:14px;box-shadow:0 10px 30px #19335c12;margin-top:30px;max-width:900px}.finder input,.finder select,.finder button{height:48px;border:1px solid #dde3eb;border-radius:9px;padding:0 14px;background:#fff}.finder input{flex:2}.finder select{flex:1}.finder button{background:#1677ff;color:#fff;border:0;font-weight:700;padding:0 22px}.section{padding-top:48px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{margin:0;font-size:25px}.section-head a{color:#1677ff;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:18px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #182b4512}.phone-img{height:170px;border-radius:10px;background:linear-gradient(145deg,#f0f3f8,#fff);display:grid;place-items:center;font-size:65px}.score{display:inline-block;margin-top:14px;background:#edf7ef;color:#238444;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:800}.card h3{font-size:17px;margin:9px 0}.price{font-weight:800}.muted{color:#758096;font-size:13px}.budget{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.budget a,.brands a{background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:18px;text-align:center;font-weight:700}.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brands a{padding:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two>div{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:20px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{padding:14px;border:1px solid #e8ebf0;border-radius:10px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.articles article{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:24px}.articles p{color:#6c778c;line-height:1.6}footer{margin-top:70px;background:#172033;color:#dfe6f2}.footer{padding:42px 20px;display:flex;justify-content:space-between}.footer a{display:block;margin:8px 0}.copy{text-align:center;border-top:1px solid #2c374a;padding:18px;color:#9ba7ba;font-size:13px}@media(max-width:800px){nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.show{display:flex!important}.menu{display:block}.hero h1{font-size:36px}.finder,.two{flex-direction:column;display:flex}.finder input,.finder select,.finder button{width:100%}.grid{grid-template-columns:repeat(2,1fr)}.budget,.brands{grid-template-columns:repeat(2,1fr)}.articles{grid-template-columns:1fr}.footer{flex-direction:column;gap:20px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.hero{padding:50px 0}.hero h1{font-size:31px}}