@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;font-size:16px;color:#123d4c;background:#f5fafb}*{box-sizing:border-box}body{margin:0}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #db5b79;outline-offset:6px}header{max-width:1180px;margin:auto;padding:28px 38px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}header a{display:inline-flex}.main-logo{width:190px;height:80px;object-fit:contain;object-position:left center}.header-label,.eyebrow,.category{font-size:12px;letter-spacing:1.8px;font-weight:700}.header-label{color:#5a7883}main{max-width:1180px;margin:auto;padding:20px 38px 0}.intro{position:relative;min-height:200px;margin:18px 0 32px}.eyebrow{color:#257f83}h1{font:800 clamp(42px,6vw,70px)/1.08 'Manrope',sans-serif;letter-spacing:-3px;margin:16px 0 0}h1 span{color:#249e97}.intro p{position:absolute;right:0;bottom:8px;font-size:19px;line-height:1.65;color:#54717c;max-width:355px;margin:0}.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}.app-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #cde1e4;border-radius:26px;overflow:hidden;background:white;box-shadow:0 10px 24px #123d4c08;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #123d4c16}.card-top{display:flex;justify-content:space-between;align-items:center;padding:23px 28px 6px}.sports .card-top,.sports .logo-space{background:#ddf6ef}.food .card-top,.food .logo-space{background:#ece3fd}.category{font-size:12px;color:#31736e}.food .category{color:#674592}.app-number{font:600 14px 'Manrope',sans-serif;opacity:.5}.logo-space{height:145px;display:flex;align-items:center;justify-content:center;padding:12px 35px 28px}.logo-space img{width:100%;max-width:360px;height:100%;object-fit:contain}.sports-logo img{max-width:285px}.card-content{padding:26px 28px 28px;display:flex;flex:1;flex-direction:column}h2{font:800 28px 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 12px}.food h2{color:#39205b}.card-content p{margin:0;font-size:17px;line-height:1.65;color:#59727c;max-width:420px}.features{list-style:none;padding:0;margin:20px 0 26px;display:flex;flex-wrap:wrap;gap:8px}.features li{font-size:13px;line-height:1.4;background:#eff7f6;color:#36736e;padding:7px 10px;border-radius:7px}.food .features li{background:#f3edfc;color:#78549b}.open-app{margin-top:auto;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-radius:12px;background:#123d4c;color:white}.food .open-app{background:#39205b}.open-app span{font-size:20px}.collection-note{display:flex;align-items:center;gap:16px;justify-content:center;margin:36px 0 32px;color:#58727d}.note-mark{display:grid;place-items:center;border:1px dashed #aecdd3;border-radius:12px;font-size:26px;width:42px;height:42px;color:#348783}.collection-note p{font-size:15px;margin:0;line-height:1.6}.collection-note p span{font-size:14px;color:#83979f}footer{max-width:1104px;padding:24px 0;margin:auto;display:flex;justify-content:space-between;border-top:1px solid #d7e7ea;font-size:13px;color:#78929d}footer span:first-child{font-weight:700;color:#375e6c}@media(max-width:720px){header{padding:18px 22px 6px}.main-logo{width:160px;height:65px}.header-label{max-width:140px;text-align:right;font-size:12px;line-height:1.5}main{padding:18px 22px 0}.intro{margin:12px 0 26px;min-height:0}.eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:50px;letter-spacing:-2px;margin-top:15px}.intro p{position:static;font-size:17px;margin-top:18px}.apps{gap:20px}.card-top{padding:22px 24px 5px}.logo-space{height:130px;padding-bottom:22px}.card-content{padding:24px}h2{font-size:26px}.card-content p{font-size:16px}.collection-note{justify-content:start;margin:28px 0}.collection-note p{font-size:14px}footer{margin:0 22px;font-size:12px;gap:16px}.features li{font-size:14px}}@media(prefers-reduced-motion:reduce){.app-card{transition:none}.app-card:hover{transform:none}}