:root{--red:#ef1325;--bg:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,sans-serif}.nav{height:70px;display:flex;align-items:center;gap:48px;padding:0 3.2%;position:absolute;z-index:2;width:100%;background:linear-gradient(#000b,transparent)}.brand{color:#fff;text-decoration:none;font-size:25px;font-weight:800;white-space:nowrap}.brand span{font-size:11px;display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:8px;background:linear-gradient(135deg,#9b0025,#ed1936);box-shadow:0 3px 10px #000}.brand b{color:var(--red)}nav{display:flex;gap:28px;margin:auto}nav a,.search,footer a{color:#ddd;text-decoration:none;font-size:14px;font-weight:600}.search{border:0;background:none;font-size:20px;cursor:pointer}.hero{min-height:730px;padding:150px 3.2% 120px;position:relative;overflow:hidden;background:linear-gradient(90deg,#080808 0%,#080808bb 28%,transparent 75%),linear-gradient(0deg,#080808,transparent 40%),url('assets/90ca8f52939662bb.webp') center/cover no-repeat}.hero-copy{max-width:510px;position:relative;z-index:1}.hero h1{font-size:clamp(54px,6vw,86px);line-height:.9;margin:17px 0 25px}.description{font-size:19px;line-height:1.65;color:#ddd}.chips{display:flex;gap:19px;flex-wrap:wrap;color:#bbb;margin:25px 0}.button{display:inline-block;text-decoration:none;padding:17px 28px;border-radius:7px;font-weight:bold;font-size:17px;margin-right:12px}.primary{background:var(--red);color:white;box-shadow:0 6px 20px #e6002a44}.secondary{background:#555;color:white}.shelf{padding:25px 3.2%}.section-title{display:flex;align-items:end;justify-content:space-between}.section-title h2{margin:0;font-size:25px}.section-title p{color:#999;margin:7px 0 16px;font-size:14px}.arrows button{background:#171717;color:#fff;border:0;border-radius:50%;font-size:28px;width:37px;height:37px;cursor:pointer;margin-left:8px}.row{display:flex;gap:12px;overflow:hidden;padding:4px 0 12px}.card{width:210px;min-width:210px;height:118px;border-radius:6px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:inset 0 -55px 40px #000a;transition:transform .25s}.card:hover{transform:scale(1.05);z-index:1}.card .rank{font-size:44px;font-weight:900;color:#ed1425;position:absolute;top:4px;left:7px;text-shadow:1px 2px #000}.card .title{position:absolute;bottom:9px;left:12px;right:8px;font-weight:bold;font-size:15px}.card .score{position:absolute;top:9px;right:9px;font-size:11px;background:#000a;padding:4px 6px;border-radius:4px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:80px 6%;text-align:center;background:linear-gradient(#080808,#131313)}.features article{padding:18px}.features span{font-size:28px}.features h3{margin:13px 0 6px}.features p{color:#aaa;font-size:14px;line-height:1.45;margin:0}.download{display:flex;gap:70px;justify-content:center;align-items:center;padding:85px 8%;background:radial-gradient(circle at 25% 50%,#321018,#090909 55%)}.phone{width:240px;height:460px;padding:10px;border-radius:31px;background:#303030;box-shadow:0 18px 50px #000}.phone-screen{height:100%;border-radius:23px;background:linear-gradient(155deg,#b20b26,#1b0612 49%,#080b25);padding:25px;display:flex;flex-direction:column}.phone-screen b{font-size:28px}.phone-screen small{letter-spacing:2px;margin-top:7px}.phone-screen strong{font-size:32px;margin-top:75px}.mini-cards{display:flex;gap:6px;margin-top:auto}.mini-cards i{width:55px;height:70px;border-radius:5px;background:linear-gradient(145deg,#f8a44b,#51286b)}.mini-cards i:nth-child(2){background:linear-gradient(145deg,#78d7d4,#244a9a)}.mini-cards i:nth-child(3){background:linear-gradient(145deg,#ee7272,#28182b)}.download-copy{max-width:480px}.download-copy h2{font-size:42px;margin:9px 0}.download-copy>p{color:#ccc;line-height:1.6}.download-copy .hint{font-size:12px;color:#999}.download-copy ul{padding:0;list-style:none;line-height:2;color:#bbb;font-size:14px}footer{padding:36px 6%;background:#050505;color:#777}footer a{display:inline-block;margin:0 20px 15px 0;color:#8b8b8b;font-weight:normal}footer p{font-size:13px}@media(max-width:700px){.nav{gap:15px;padding:0 5%}nav{display:none}.search{margin-left:auto}.hero{min-height:690px;padding:140px 7% 80px;background-position:60% center}.description{font-size:16px}.features{grid-template-columns:repeat(2,1fr);padding:45px 3%}.download{padding:60px 7%;gap:30px;flex-direction:column}.phone{transform:scale(.86);margin:-30px}.download-copy h2{font-size:34px}.shelf{padding-left:5%;padding-right:5%}.card{width:175px;min-width:175px;height:100px}.button{padding:14px 18px;font-size:15px}.hero h1{font-size:59px}}