*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:#090F16;color-scheme:dark}
body{margin:0;background:#090F16;color:#F5F8FB;font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{appearance:none;background:none;border:0;margin:0;padding:0;text-align:inherit;cursor:pointer}
h1,h2,p{margin:0}a,button,input{-webkit-tap-highlight-color:transparent}
.secondary-guide{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 20px;border:1px solid #263847;border-radius:8px;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:22px;color:#8EE3EF}.secondary-guide:hover{background:#111C27;border-color:#8EE3EF}
.guide-contents{display:flex;flex-direction:column;gap:24px;width:100%;padding:20px;border-radius:8px;background:#111C27}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #8EE3EF;outline-offset:5px}
main{width:100%;max-width:1440px;margin-inline:auto}.design-screen{min-width:0}.variant{display:none}
.skip-link{position:fixed;left:16px;top:-100px;background:#8EE3EF;color:#0A1620;padding:12px;z-index:100}.skip-link:focus{top:16px}
[hidden]{display:none!important}
#mobile-menu{position:fixed;inset:0;width:100%;height:100dvh!important;min-height:100vh;background:#090F16;z-index:50;overflow-y:auto}
.announcement{position:fixed;bottom:20px;left:20px;right:20px;max-width:550px;margin:auto;background:#162A38;border:1px solid #8EE3EF;color:#F5F8FB;padding:16px 20px;border-radius:8px;z-index:100;font-size:14px;line-height:1.5}
.search-hidden{display:none!important}.search-hit{outline:1px solid #8EE3EF;outline-offset:8px}
@media(min-width:1024px){.variant-desktop{display:block}#mobile-menu{max-width:480px;left:auto}}
@media(min-width:600px) and (max-width:1023px){.page-home .variant-tablet{display:block}.page-dino .variant-mobile,.page-guide .variant-mobile{display:block}}
@media(max-width:599px){.variant-mobile{display:block}}
@media(max-width:1023px){.page-dino .variant-mobile>.design-screen,.page-guide .variant-mobile>.design-screen{max-width:768px;margin:auto}}
@media(max-width:389px){[data-pencil-name="Dino Hunt / Immersive hero"] h1{font-size:46px}.page-home [data-pencil-name="Hero headline"]{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.p0{align-items: flex-start; background-color: #090F16; box-sizing: border-box; display: flex; flex-direction: column; gap: 0px; height: 844px; justify-content: flex-start; left: auto; overflow: hidden; padding: 0px 24px 32px 24px; position: relative; top: auto; width: 100%}
.p1{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: 80px; justify-content: space-between; width: 100%}
.p2{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 25px; font-style: normal; font-weight: 700; letter-spacing: -1px; line-height: 32.0px; text-align: left; white-space: nowrap}
.p3{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: 44px; justify-content: center; width: 44px}
.p4{box-sizing: border-box; flex-shrink: 0; height: 24px; width: 24px}
.p5{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 28px; justify-content: center; width: 100%}
.p6{box-sizing: border-box; color: #A6B6C6; font-family: "IBM Plex Mono", system-ui, sans-serif; font-size: 11px; font-style: normal; font-weight: 400; letter-spacing: 1.4px; line-height: 14.0px; text-align: left; white-space: nowrap}
.p7{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: space-between; padding: 8px 0px; width: 100%}
.p8{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 30px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 36.0px; text-align: left; white-space: nowrap}
.p9{align-items: flex-start; border-color: #2A3948; border-style: solid; border-width: 1px 0px 0px 0px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 12px; height: auto; justify-content: flex-start; margin: 0; padding: 24px 0px 0px 0px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948}
.p10{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 22.0px; text-align: left; white-space: nowrap}
.p11{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 15.0px; text-align: left; white-space: nowrap}
.p12{align-items: flex-start; background-color: #090F16; box-sizing: border-box; display: flex; flex-direction: column; gap: 0px; height: fit-content; justify-content: flex-start; left: auto; overflow: hidden; position: relative; top: auto; width: 100%}
.p13{align-items: flex-start; background-image: linear-gradient(90deg, #07111BF5 0%, #07111B9C 44%, #07111B00 90%), url('/assets/studio-wide.png'); background-position: 0% 0%, center; background-repeat: no-repeat, no-repeat; background-size: 100% 100%, cover; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 64px; height: 720px; justify-content: flex-start; padding: 0px 72px 56px 72px; width: 100%}
.p14{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: 96px; justify-content: space-between; width: 100%}
.p15{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 28px; font-style: normal; font-weight: 700; letter-spacing: -1px; line-height: 36.0px; text-align: left; white-space: nowrap}
.p16{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; width: fit-content}
.p17{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18.0px; text-align: left; white-space: nowrap}
.p18{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; width: 690px}
.p19{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: flex-start; width: fit-content}
.p20{background-color: #8EE3EF; box-sizing: border-box; flex-shrink: 0; height: 2px; width: 26px}
.p21{box-sizing: border-box; color: #8EE3EF; font-family: "IBM Plex Mono", system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 17.0px; text-align: left; white-space: nowrap}
.p22{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 88px; font-style: normal; font-weight: 700; letter-spacing: -3px; line-height: 91.0px; text-align: left; width: 100%}
.p23{box-sizing: border-box; color: #D5DFE9; font-family: Inter, system-ui, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 29.0px; text-align: left; width: 570px}
.p24{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 14px; height: fit-content; justify-content: flex-start; width: fit-content}
.p25{align-items: center; background-color: #8EE3EF; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: flex-start; padding: 15px 23px; width: fit-content}
.p26{box-sizing: border-box; color: #09202B; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 19.0px; text-align: left; white-space: nowrap}
.p27{box-sizing: border-box; flex-shrink: 0; height: 18px; width: 18px}
.p28{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 72px; width: 100%}
.p29{align-items: flex-end; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: space-between; width: 100%}
.p30{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 8px; height: fit-content; justify-content: flex-start}
.p31{box-sizing: border-box; color: #8EE3EF; font-family: "IBM Plex Mono", system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 1.5px; line-height: 16.0px; text-align: left; white-space: nowrap}
.p32{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 38px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 46.0px; text-align: left; width: 100%}
.p33{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; width: 100%}
.p34{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 22px; height: fit-content; justify-content: flex-start}
.p35{align-items: flex-start; background-image: linear-gradient(0deg, #090F16DD 0%, #090F1600 35%), url('/assets/dino-hunt.png'); background-position: 0% 0%, center; background-repeat: no-repeat, no-repeat; background-size: 100% 100%, cover; border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 0px; height: 729px; justify-content: flex-end; overflow: hidden; padding: 24px; width: 100%}
.p36{align-items: flex-start; background-color: #08121DDD; border-radius: 4px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 6px 12px; width: fit-content}
.p37{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 15.0px; text-align: left; white-space: nowrap}
.p38{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: space-between; width: 100%}
.p39{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 2px; height: fit-content; justify-content: flex-start; width: fit-content}
.p40{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 30px; font-style: normal; font-weight: 700; letter-spacing: 0px; line-height: 38.0px; text-align: left; white-space: nowrap}
.p41{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18.0px; text-align: left; white-space: nowrap}
.p42{align-items: flex-end; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: flex-start; width: fit-content}
.p43{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 19.0px; text-align: left; white-space: nowrap}
.p44{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: space-between; padding: 30px 72px; width: 100%}
.p45{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 23px; font-style: normal; font-weight: 700; letter-spacing: 0px; line-height: 29.0px; text-align: left; white-space: nowrap}
.p46{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 16.0px; text-align: left; white-space: nowrap}
.p47{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 48px; height: 700px; justify-content: flex-start; padding: 0px 40px 40px 40px; position: relative; width: 100%}
.p48{border-radius: inherit; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0}
.p49{background-image: url('/assets/studio-wide.png'); background-repeat: no-repeat; background-size: 100% 100%; height: 100%; left: 0; position: absolute; top: 0; transform-origin: 0 0; transform: matrix(2.148, 0, 0, 1, -606, 0); width: 100%}
.p50{background-image: linear-gradient(90deg, #07111BF5 0%, #07111B9C 44%, #07111B00 90%); background-repeat: no-repeat; background-size: 100% 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1}
.p51{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: 88px; justify-content: space-between; position: relative; width: 100%; z-index: 2}
.p52{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; position: relative; width: 100%; z-index: 3}
.p53{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 68px; font-style: normal; font-weight: 700; letter-spacing: -2.5px; line-height: 70.0px; text-align: left; width: 100%}
.p54{box-sizing: border-box; color: #D5DFE9; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 27.0px; text-align: left; width: 410px}
.p55{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 56px 40px; width: 100%}
.p56{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; height: fit-content; justify-content: space-between; width: 100%}
.p57{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; height: fit-content; justify-content: flex-start; width: 100%}
.p58{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; width: 100%}
.p59{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 22px; height: fit-content; justify-content: flex-start; width: 100%}
.p60{align-items: flex-start; background-image: linear-gradient(0deg, #090F16DD 0%, #090F1600 35%), url('/assets/dino-hunt.png'); background-position: 0% 0%, center; background-repeat: no-repeat, no-repeat; background-size: 100% 100%, cover; border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 0px; height: 387px; justify-content: flex-end; overflow: hidden; padding: 24px; width: 100%}
.p61{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 14px; height: fit-content; justify-content: space-between; padding: 28px 40px; width: 100%}
.p62{align-items: flex-start; background-image: linear-gradient(180deg, #07111BE8 0%, #07111B66 48%, #07111B00 82%), linear-gradient(#07111B33, #07111B33), url('/assets/studio-portrait.png'); background-position: 0% 0%, 0% 0%, center; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 100% 100%, 100% 100%, cover; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 48px; height: 700px; justify-content: flex-start; padding: 0px 24px 32px 24px; width: 100%}
.p63{box-sizing: border-box; color: #8EE3EF; font-family: "IBM Plex Mono", system-ui, sans-serif; font-size: 10px; font-style: normal; font-weight: 400; letter-spacing: 1.2px; line-height: 13.0px; text-align: left; white-space: nowrap}
.p64{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 52px; font-style: normal; font-weight: 700; letter-spacing: -1.8px; line-height: 54.0px; text-align: left; width: 100%}
.p65{box-sizing: border-box; color: #D5DFE9; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 26.0px; text-align: left; width: 100%}
.p66{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 20px; height: fit-content; justify-content: flex-start; width: fit-content}
.p67{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 28px; height: fit-content; justify-content: flex-start; padding: 48px 24px; width: 100%}
.p68{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: space-between; width: 100%}
.p69{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 30px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 36.0px; text-align: left; width: 100%}
.p70{align-items: flex-start; background-image: linear-gradient(0deg, #090F16DD 0%, #090F1600 35%), url('/assets/dino-hunt.png'); background-position: 0% 0%, center; background-repeat: no-repeat, no-repeat; background-size: 100% 100%, cover; border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 0px; height: 192.5px; justify-content: flex-end; overflow: hidden; padding: 16px; width: 100%}
.p71{box-sizing: border-box; color: #F5F8FB; font-family: "Space Grotesk", system-ui, sans-serif; font-size: 28px; font-style: normal; font-weight: 700; letter-spacing: 0px; line-height: 36.0px; text-align: left; white-space: nowrap}
.p72{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: flex-start; width: fit-content}
.p73{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; height: fit-content; justify-content: space-between; padding: 28px 24px; width: 100%}
.p74{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 11px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 13.0px; text-align: left; white-space: nowrap}
.p75{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 0px 72px; width: 100%}
.p76{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex: 1 1 0; gap: 0px; height: 96px; justify-content: space-between}
.p77{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 18.0px; text-align: left; white-space: nowrap}
.p78{align-items: flex-start; background-image: linear-gradient(0deg, #090F16DD 0%, #090F1600 35%), url('/assets/dino-hunt.png'); background-position: 0% 0%, center; background-repeat: no-repeat, no-repeat; background-size: 100% 100%, cover; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 0px; height: 810px; justify-content: space-between; padding: 28px 72px 40px 72px; width: 100%}
.p79{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-end; width: 100%}
.p80{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 17.0px; text-align: left; white-space: nowrap}
.p81{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 14px; height: fit-content; justify-content: flex-start; width: fit-content}
.p82{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 27.0px; text-align: left; white-space: nowrap}
.p83{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 80px; height: fit-content; justify-content: flex-start; padding: 56px 72px; width: 100%}
.p84{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 18px; height: fit-content; justify-content: flex-start}
.p85{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 32.0px; text-align: left; width: 100%}
.p86{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 18px; height: fit-content; justify-content: flex-start; width: 340px}
.p87{box-sizing: border-box; color: #A6B6C6; font-family: "IBM Plex Mono", system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 16.0px; text-align: left; white-space: nowrap}
.p88{align-items: center; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: auto; justify-content: center; outline-offset: -0.5px; outline: 1px solid #2A3948; padding: 14px 18px; width: 100%; border: 0; margin: 0; box-shadow: inset 0 1px 0 #2A3948,inset 0 -1px 0 #2A3948,inset 1px 0 0 #2A3948,inset -1px 0 0 #2A3948}
.p89{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 24.0px; text-align: left; width: 100%}
.p90{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 44px 72px 64px 72px; width: 100%}
.p91{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 34px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 41.0px; text-align: left; white-space: nowrap}
.p92{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 36px; height: fit-content; justify-content: flex-start; width: 100%}
.p93{align-items: flex-start; border-color: #2A3948; border-style: solid; border-width: 1px 0px 0px 0px; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 16px; height: auto; justify-content: flex-start; margin: 0; padding: 24px 0px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948}
.p94{box-sizing: border-box; flex-shrink: 0; height: 28px; width: 28px}
.p95{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 29.0px; text-align: left; white-space: nowrap}
.p96{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 29.0px; text-align: left; width: 100%}
.p97{align-items: flex-start; background-color: #090F16; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; padding: 64px 72px; width: 100%}
.p98{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 39.0px; text-align: left; white-space: nowrap}
.p99{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; width: 100%}
.p100{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 10px; height: fit-content; justify-content: flex-start}
.p101{background-image: url('/assets/lost-valley.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 358px; width: 100%}
.p102{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 17.0px; text-align: left; white-space: nowrap}
.p103{background-image: url('/assets/outpost.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 358px; width: 100%}
.p104{background-image: url('/assets/sanctuary.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 234px; width: 100%}
.p105{background-image: url('/assets/twilight.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 234px; width: 100%}
.p106{background-image: url('/assets/first-companion.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 234px; width: 100%}
.p107{align-items: flex-start; background-color: #111C27; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 72px; width: 100%}
.p108{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 14px; height: fit-content; justify-content: flex-start; padding: 10px 0px}
.p109{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 23px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 37.0px; text-align: left; width: 100%}
.p110{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 26.0px; text-align: left; width: 100%}
.p111{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 19.0px; text-align: left; width: 100%}
.p112{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 0px 24px; width: 100%}
.p113{align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex: 1 1 0; gap: 0px; height: 80px; justify-content: space-between}
.p114{align-items: flex-start; background-color: #090F16; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; width: 100%}
.p115{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 20px 24px; width: 100%}
.p116{background-image: url('/assets/dino-hunt.png'); background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; flex-shrink: 0; height: 219.5px; width: 100%}
.p117{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 24px 24px 8px 24px; width: 100%}
.p118{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 23.0px; text-align: left; width: 100%}
.p119{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 28px; height: fit-content; justify-content: flex-start; padding: 40px 24px; width: 100%}
.p120{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 18px; height: fit-content; justify-content: flex-start; width: 100%}
.p121{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 27px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 33.0px; text-align: left; width: 100%}
.p122{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 31.0px; text-align: left; width: 100%}
.p123{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 24px 24px 40px 24px; width: 100%}
.p124{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 34.0px; text-align: left; width: 100%}
.p125{align-items: flex-start; border-color: #2A3948; border-style: solid; border-width: 1px 0px 0px 0px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; height: auto; justify-content: flex-start; margin: 0; padding: 24px 0px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948}
.p126{align-items: flex-start; background-color: #090F16; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; padding: 40px 24px; width: 100%}
.p127{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 34.0px; text-align: left; white-space: nowrap}
.p128{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; width: 100%}
.p129{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 10px; height: fit-content; justify-content: flex-start; width: 100%}
.p130{background-image: url('/assets/lost-valley.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 192.5px; width: 100%}
.p131{background-image: url('/assets/outpost.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 192.5px; width: 100%}
.p132{background-image: url('/assets/sanctuary.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 192.5px; width: 100%}
.p133{background-image: url('/assets/twilight.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 192.5px; width: 100%}
.p134{background-image: url('/assets/first-companion.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; flex-shrink: 0; height: 192.5px; width: 100%}
.p135{align-items: flex-start; background-color: #111C27; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 40px 24px; width: 100%}
.p136{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 30px; height: fit-content; justify-content: flex-start; width: 100%}
.p137{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 14px; height: fit-content; justify-content: flex-start; padding: 10px 0px; width: 100%}
.p138{align-items: center; background-color: #111C27; border-color: #2A3948; border-style: solid; border-width: 1px 0px 1px 0px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: auto; justify-content: space-between; margin: 0; padding: 22px 72px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948,inset 0 -1px 0 #2A3948}
.p139{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 18.0px; text-align: left; white-space: nowrap}
.p140{align-items: center; background-color: #090F16; border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: auto; justify-content: flex-start; outline-offset: -0.5px; outline: 1px solid #2A3948; padding: 10px 14px; width: 300px; border: 0; margin: 0; box-shadow: inset 0 1px 0 #2A3948,inset 0 -1px 0 #2A3948,inset 1px 0 0 #2A3948,inset -1px 0 0 #2A3948}
.p141{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 16.0px; text-align: left; white-space: nowrap; background: transparent; border: 0; outline: 0; padding: 0; min-width: 0}
.p142{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 32px; height: fit-content; justify-content: flex-start; padding: 48px 72px 72px 72px; width: 100%}
.p143{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: fit-content; justify-content: flex-start; width: 228px}
.p144{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 19.0px; text-align: left; white-space: nowrap}
.p145{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: flex-start; width: 100%}
.p146{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 16.0px; text-align: left; white-space: nowrap}
.p147{align-items: flex-start; background-color: #090F16; border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 10px 12px; width: 100%}
.p148{box-sizing: border-box; color: #C5D3E0; flex: 1 1 0; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 17.0px; text-align: left}
.p149{align-items: flex-start; background-color: #173A47; border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 10px 12px; width: 100%}
.p150{box-sizing: border-box; color: #8EE3EF; flex: 1 1 0; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 17.0px; text-align: left}
.p151{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0; gap: 28px; height: fit-content; justify-content: flex-start}
.p152{align-items: flex-start; background-color: #173A47; border-radius: 4px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: flex-start; padding: 5px 10px; width: fit-content}
.p153{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 15.0px; text-align: left; white-space: nowrap}
.p154{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 42px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 57.0px; text-align: left; width: 100%}
.p155{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 34.0px; text-align: left; width: 100%}
.p156{align-items: flex-start; background-color: #111C27; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 16px; height: fit-content; justify-content: flex-start; padding: 22px; width: 100%}
.p157{box-sizing: border-box; flex-shrink: 0; height: 22px; width: 22px}
.p158{box-sizing: border-box; color: #F5F8FB; flex: 1 1 0; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 29.0px; text-align: left}
.p159{align-items: flex-start; border-color: #2A3948; border-style: solid; border-width: 1px 0px 0px 0px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 20px; height: auto; justify-content: flex-start; margin: 0; padding: 26px 0px 0px 0px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948}
.p160{align-items: center; background-color: #111C27; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: 42px; justify-content: center; width: 42px}
.p161{box-sizing: border-box; color: #8EE3EF; font-family: "IBM Plex Mono", system-ui, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 20.0px; text-align: left; white-space: nowrap}
.p162{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 29.0px; text-align: left; width: 100%}
.p163{box-sizing: border-box; color: #B7C7D6; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 32.0px; text-align: left; width: 100%}
.p164{align-items: flex-start; background-color: #111C27; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; height: fit-content; justify-content: flex-start; padding: 24px; width: 100%}
.p165{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 24.0px; text-align: left; width: 100%}
.p166{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 18px; height: fit-content; justify-content: flex-start; padding: 6px 0px; width: 180px}
.p167{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 16.0px; text-align: left; white-space: nowrap}
.p168{align-items: flex-start; background-color: #111C27; border-color: #2A3948; border-style: solid; border-width: 1px 0px 1px 0px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; height: auto; justify-content: space-between; margin: 0; padding: 20px 24px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948,inset 0 -1px 0 #2A3948}
.p169{align-items: center; background-color: #090F16; border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: auto; justify-content: flex-start; outline-offset: -0.5px; outline: 1px solid #2A3948; padding: 10px 14px; width: 100%; border: 0; margin: 0; box-shadow: inset 0 1px 0 #2A3948,inset 0 -1px 0 #2A3948,inset 1px 0 0 #2A3948,inset -1px 0 0 #2A3948}
.p170{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 28px; height: fit-content; justify-content: flex-start; padding: 28px 24px 48px 24px; width: 100%}
.p171{align-items: flex-start; background-color: #111C27; border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 0px; height: fit-content; justify-content: space-between; padding: 14px 16px; width: 100%}
.p172{box-sizing: border-box; color: #8EE3EF; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 17.0px; text-align: left; white-space: nowrap}
.p173{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 24px; height: auto; justify-content: flex-start; width: 100%}
.p174{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: normal; text-align: left; white-space: nowrap}
.p175{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: normal; text-align: left; white-space: nowrap}
.p176{box-sizing: border-box; color: #C5D3E0; flex: 1 1 0; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: normal; text-align: left}
.p177{box-sizing: border-box; color: #8EE3EF; flex: 1 1 0; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: normal; text-align: left}
.p178{align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 18px; height: auto; justify-content: flex-start; padding: 6px 0px; width: 100%}
.p179{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: normal; text-align: left; white-space: nowrap}
.p180{box-sizing: border-box; color: #A6B6C6; font-family: Inter, system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: normal; text-align: left; white-space: nowrap}
.p181{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 43.0px; text-align: left; width: 100%}
.p182{align-items: flex-start; background-color: #111C27; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: fit-content; justify-content: flex-start; padding: 16px; width: 100%}
.p183{box-sizing: border-box; color: #F5F8FB; flex: 1 1 0; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 25.0px; text-align: left}
.p184{align-items: flex-start; border-color: #2A3948; border-style: solid; border-width: 1px 0px 0px 0px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 14px; height: auto; justify-content: flex-start; margin: 0; padding: 22px 0px 0px 0px; width: 100%; border: 0; box-shadow: inset 0 1px 0 #2A3948}
.p185{box-sizing: border-box; color: #F5F8FB; font-family: Inter, system-ui, sans-serif; font-size: 22px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 27.0px; text-align: left; width: 100%}
.p186{box-sizing: border-box; color: #B7C7D6; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 30.0px; text-align: left; width: 100%}
.p187{align-items: flex-start; background-color: #111C27; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; height: fit-content; justify-content: flex-start; padding: 20px; width: 100%}