@font-face{font-family:Slot;src:url('/link/assets/Anton-Regular.ttf');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#090d18;color:#fff;font:14px Arial}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{max-width:1600px;margin:auto;padding:25px 40px;display:flex;align-items:center;gap:35px}.brand{font-size:24px;font-weight:900;letter-spacing:.1em}.brand span{display:block;color:#c6a875;font-size:9px;letter-spacing:.5em;margin-top:4px}nav{display:flex;gap:7px}nav button{color:#c2c7d5;background:transparent;border:0;border-radius:25px;padding:12px 17px}nav button.active{background:#ffffff12;color:#f2ddb2}header label{margin-left:auto;display:flex;align-items:center;border:1px solid #ffffff25;border-radius:24px;padding:0 16px;gap:10px}input{padding:12px 0;color:white;background:transparent;border:0;outline:none;width:180px}header label:focus-within{border-color:#e4cb97}main{max-width:1600px;margin:auto;padding:0 40px}.hero{position:relative;isolation:isolate;border-radius:32px;overflow:hidden;min-height:450px;display:flex;align-items:center;justify-content:space-between;padding:55px 60px;background:linear-gradient(90deg,#070f23f5,#070f2380),url('/assets/rottolympus-environment-v10.png') center/cover}.hero h1{font:clamp(36px,4.5vw,67px)/1.08 Arial;font-weight:600;letter-spacing:-.045em;margin:20px 0}.hero p{line-height:1.8;color:#c7d3e5}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:.25em;color:#e4cb97!important}.hero img{width:38%;max-width:450px;filter:drop-shadow(0 15px 30px #0009)}.play{display:inline-flex;gap:40px;align-items:center;margin-top:20px;padding:15px 23px;border:1px solid #daca9a;border-radius:30px;background:#ede0b5;color:#172132;font-size:12px;font-weight:bold}.play span{font-size:22px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:28px 0 15px}.section-title h2{font-size:27px;font-weight:500}.section-title span{color:#a0aec1;font-size:12px}#cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.card{position:relative;isolation:isolate;overflow:hidden;min-height:270px;border:1px solid #ffffff20;border-radius:26px;display:flex;justify-content:flex-end;flex-direction:column;padding:23px;transition:transform .2s,border-color .2s;background:#121a2b}.card:hover{transform:translateY(-4px);border-color:#e2c999}.card svg,.card>.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#060c18 0%,#060c1880 65%,#060c1830)}.card .logo{width:90%;height:110px;object-fit:contain;align-self:center;margin-bottom:25px;filter:drop-shadow(0 5px 7px #000)}.card h3{font:30px/1.1 Slot;letter-spacing:.015em;color:#f5e6bd;margin:0 0 10px}.card small{font:10px Arial;letter-spacing:.08em;color:#c1cad9}.card .arrow{position:absolute;right:18px;top:18px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;border:1px solid #fff5;background:#07102140}footer{max-width:1600px;margin:50px auto 0;padding:25px 40px;color:#a0aabe;border-top:1px solid #fff1;font-size:10px;letter-spacing:.15em;display:flex;justify-content:space-between}#empty{text-align:center;padding:60px;color:#aab4c6}[hidden]{display:none!important}@media(max-width:1100px){#cards{grid-template-columns:repeat(3,1fr)}header{gap:15px}nav button{padding:10px;font-size:12px}.hero{padding:40px}.hero img{width:35%}}@media(max-width:700px){header{padding:18px;flex-wrap:wrap}.brand{font-size:20px}header label{max-width:55%;padding-inline:10px}input{width:100%;font-size:12px}nav{order:3;width:100%;justify-content:center}main{padding:0 15px}.hero{min-height:430px;padding:30px;flex-direction:column-reverse;gap:20px;text-align:center}.hero img{width:65%;max-width:240px}.hero h1{font-size:38px}.hero p{font-size:12px}.play{gap:15px;font-size:10px;margin-top:10px}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{min-height:225px;padding:17px}.card h3{font-size:25px}.card small{font-size:9px}.card .logo{height:80px;margin-bottom:20px}.section-title h2{font-size:23px}footer{padding:22px 15px;gap:20px;line-height:1.6}.hero .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
