@font-face{font-family:Lato;src:url('assets/font.ttf')}*{box-sizing:border-box}body{margin:0;background:#080b0e;color:#fff;font-family:Lato,Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:92px;display:flex;align-items:center;gap:40px;padding:0 4%;background:#0b0e11}.brand img{width:160px}.search{display:flex;gap:12px;align-items:center;margin-left:auto;border:1px solid #4a4d51;border-radius:5px;width:360px;padding:10px 15px;color:#bbb}.search span{font-size:25px}.search input{background:transparent;color:#fff;border:0;outline:0;width:100%;font-size:14px}.download{background:#00d6bd;color:#001c19;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 23px;border-radius:4px;font-weight:bold;white-space:nowrap;transition:.2s}.download:hover{background:#8affeb;transform:translateY(-2px)}.small{padding:12px 18px;font-size:14px}nav{display:flex;gap:38px;padding:0 4%;height:56px;border-bottom:1px solid #25292d;background:#0b0e11}nav button{background:none;color:#c0c3c6;border:0;padding:0 4px;font-size:16px}nav button.active{border-bottom:3px solid #00d6bd;color:#00e0c3}.hero{height:560px;position:relative;overflow:hidden}.hero>img{position:absolute;width:78%;height:100%;right:0;object-fit:cover;object-position:center 30%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0e 0%,#080b0eee 20%,#080b0e30 70%),linear-gradient(0deg,#080b0e,transparent 45%)}.hero-copy{position:absolute;left:4%;top:25%;width:55%}.eyebrow{font-size:12px;letter-spacing:3px;color:#00dec3;font-weight:bold}h1{font-size:70px;line-height:1.05;margin:22px 0}p{color:#bfc4c9;line-height:1.6}.hero p{font-size:18px}.actions{display:flex;gap:12px;margin-top:28px}.outline{background:#ffffff0c;border:1px solid #9cabb1;border-radius:4px;color:white;padding:13px 22px}.outline:hover{background:#ffffff22}.hero-controls{position:absolute;bottom:40px;right:4%;display:flex;align-items:center;gap:20px;color:#aaa;font-size:12px;letter-spacing:2px}.hero-controls button{background:#ffffff10;border:1px solid #ffffff44;color:#fff;width:38px;height:38px;border-radius:50%;font-size:27px}#content{position:relative;margin-top:-10px;padding:0 4%}.shelf{margin-bottom:38px}.shelf-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;font-weight:bold;margin:14px 0 22px}.shelf-head button{border:0;background:none;color:#00d6bd}.row{display:flex;gap:17px;overflow:auto;padding:2px 2px 16px;scrollbar-width:thin;scrollbar-color:#3a4146 transparent}.card{flex:0 0 calc((100% - 85px)/6);background:none;color:white;text-align:left;padding:0;border:0;min-width:145px}.card img{width:100%;aspect-ratio:7/10;object-fit:cover;border-radius:5px;transition:.2s}.card:hover img{transform:translateY(-4px);outline:2px solid #00d6bd}.card span{display:block;font-size:14px;margin-top:10px;line-height:1.4}.app-banner{margin:55px 4%;padding:36px 42px;background:linear-gradient(110deg,#07362f,#101c20);border:1px solid #215c51;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:25px}.app-banner h2{margin:12px 0}.app-banner p{margin-bottom:0}footer{padding:35px 4% 50px;border-top:1px solid #292d30;color:#767f85}footer img{width:125px}footer small{line-height:1.7}dialog{padding:0;background:#141a1f;color:white;border:1px solid #3c474e;border-radius:12px;max-width:760px;width:90%;overflow:hidden}dialog[open]{display:flex}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog>img{width:38%;object-fit:cover}.detail-copy{padding:45px 26px}.detail-copy h2{font-size:30px}.detail-copy .outline{margin-top:14px}#close{position:absolute;right:10px;top:8px;background:#0007;border:0;color:white;border-radius:50%;font-size:28px;width:35px}.empty{padding:55px 0;color:#bfc4c9}.hidden{display:none}@media(max-width:850px){header{gap:16px;height:78px}.brand img{width:125px}.search{width:220px}.small{font-size:12px;padding:12px}.hero{height:500px}.hero-copy{width:75%}h1{font-size:52px}.card{flex-basis:24%}.app-banner{padding:28px;flex-direction:column;align-items:flex-start}}@media(max-width:560px){header{flex-wrap:wrap;height:auto;padding:20px 5%;justify-content:space-between;gap:18px}.brand img{width:115px}.search{order:3;width:100%;margin:0}nav{gap:23px;overflow:auto;padding:0 5%;white-space:nowrap}nav button{font-size:14px}.hero{height:490px}.hero>img{width:100%;opacity:.65}.shade{background:linear-gradient(0deg,#080b0e 0%,#080b0e77 60%,#080b0e22)}.hero-copy{top:auto;bottom:70px;width:90%;left:5%}h1{font-size:44px}.hero p{font-size:16px}.eyebrow{font-size:10px;letter-spacing:2px}.actions{flex-wrap:wrap}.actions .download,.actions button{padding:13px;font-size:13px}.hero-controls{bottom:20px}.card{flex-basis:43%;min-width:0}.shelf h2{font-size:21px}.app-banner h2{font-size:23px}dialog[open]{display:block;max-height:90vh;overflow:auto}dialog>img{width:100%;height:180px;object-position:top}.detail-copy{padding:25px}.detail-copy h2{margin-bottom:10px}}