@font-face{font-family:Jersey;src:url('assets/jersey.woff2') format('woff2');font-display:swap}
:root{--stone:#16191c;--muted:#a4a8b1;--gold:#ffc75b;--grass:#81c751}
body{background:#111315;color:#eeeae1;padding:0;background-image:linear-gradient(90deg,#ffffff02 1px,transparent 1px),linear-gradient(#ffffff02 1px,transparent 1px);background-size:48px 48px}
.nav{position:relative;z-index:3;border-bottom:1px solid #ffffff18;background:#111315;max-width:none;padding:22px 6%}.brand{font-family:Jersey;font-size:44px;font-weight:400;letter-spacing:0}.nav nav{color:#b3b5bb}.nav nav a:hover,.text-link:hover{color:var(--gold)}
.button{border:2px solid #131511;border-radius:0;background:#81c751;color:#14220f;box-shadow:inset 0 3px #b6e58d,inset 0 -5px #4f8c35,0 3px 0 #080b09;letter-spacing:.3px}.button:hover{transform:translateY(-2px);box-shadow:inset 0 3px #c9f2a8,inset 0 -5px #4f8c35,0 5px 0 #080b09;background:#94d465}.button:active{transform:translateY(2px)}
.hero{position:relative;isolation:isolate;max-width:none;padding:65px 6% 0;min-height:770px;overflow:hidden;background:#141e30}.hero:after{position:absolute;inset:0;z-index:-1;content:'';pointer-events:none;background:linear-gradient(90deg,#11151cf2 0%,#11151ce0 26%,#11151c65 60%,#11151c15 100%),linear-gradient(0deg,#111315 0%,transparent 40%)}
.hero .landscape{position:absolute;inset:0;z-index:-2;height:100%;border-radius:0;background:#17243b}.hero .landscape canvas{width:100%;height:100%;object-fit:cover}.hero h1{font-family:Jersey;font-weight:400;font-size:clamp(80px,9vw,140px);letter-spacing:-1px;line-height:.79;max-width:780px;text-shadow:5px 6px 0 #090d13;margin:42px 0 35px}.hero h1 em{font-family:Jersey;font-style:normal;font-weight:400;font-size:.69em;letter-spacing:0;color:var(--gold);line-height:1.2;text-shadow:4px 5px 0 #5d3b1c}.hero .eyebrow{color:#c4cbd7;font-size:10px;letter-spacing:2px}.status-dot{background:#81c751;border-radius:0;box-shadow:0 0 8px #81c75155}.edition{opacity:.8;color:#9da9be}.hero-bottom{display:block;margin:0}.hero-bottom p{color:#c0c5cc;font-size:16px;line-height:1.65}.hero-action{align-items:flex-start;margin-top:27px;gap:13px}.hero-action .button{min-width:270px}.hero-action>span{color:#8d99a9}.hero-caption{margin-top:80px;padding-bottom:25px;color:#697480}.scene-note{display:none}.world-button{position:absolute;right:6%;bottom:85px;background:#171d29dd;color:#cad3df;border:1px solid #687384;pointer-events:auto;z-index:5;box-shadow:inset 0 -3px #06090e}.world-button:hover{background:#344357;color:#fff}.coordinates{bottom:138px;right:6%;left:auto;color:#a4c5e6}.hero .landscape{pointer-events:none}.hero .landscape .world-button{pointer-events:auto}
h2{font-family:Jersey;font-size:clamp(46px,4.8vw,68px);font-weight:400;letter-spacing:0;line-height:.98}h2 em{font-family:Jersey;font-style:normal;color:var(--gold)}.section{max-width:1440px;padding-top:95px;padding-bottom:95px}.eyebrow{color:#cf9d51}.section-top .tiny{color:#9da5b2;opacity:1}.section-heading p,.feature-text p,details p{color:#9ea5af}.feature-text h3{color:#e9e6dc}.feature-text article,details{border-color:#ffffff1c}.feature-number{color:#e8b45c}.together{max-width:none;padding-left:max(6%,calc((100vw - 1268px)/2));padding-right:max(6%,calc((100vw - 1268px)/2));background:#1b1925;border-top:1px solid #4d3d63;border-bottom:1px solid #4d3d63}.together .eyebrow{color:#aa93cf}.together h2 em{color:#b295e3}.together p{color:#aaa2b7}.roadmap-pill{border-color:#675477;color:#cfb9ec}.roadmap-pill .status-dot{background:#b295e3;box-shadow:none}.text-link{border-color:#8874a5}.faq summary{color:#dadce1}.faq summary span{color:#e7b559}.download{max-width:none;background:#22262c;border-top:8px solid #6da448;box-shadow:inset 0 5px #3e5d2b;position:relative}.download:before{content:'';position:absolute;top:5px;left:0;right:0;height:20px;background:repeating-linear-gradient(90deg,#3e5d2b 0 30px,transparent 30px 63px,#3e5d2b 63px 75px,transparent 75px 110px);opacity:.6}.download h2{font-family:Jersey;font-size:clamp(58px,6.5vw,92px);letter-spacing:0;line-height:.9;text-shadow:4px 4px #0b0d10}.download h2 em{color:#ffc75b}.download h2>span{display:none}.download p{color:#aeb5bf}.download-note{color:#909aa6}.download-rule{border-color:#ffffff20;color:#8c96a2}.legal{border-color:#ffffff20;color:#7c8591}footer>p{color:#9299a3}.scene-note,.world-button,.coordinates{font-family:Geist}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ffc75b}

/* Brand: the app icon */
.brand{gap:12px}
.brand-logo{width:36px;height:36px;image-rendering:pixelated}

/* Code signing policy and privacy page */
.signing{max-width:620px;margin:50px auto 0;padding:22px 26px;border:1px solid #ffffff20;background:#1b1f25;text-align:left}
.signing h3{margin:0 0 10px;font-size:15px;color:#e9e6dc}
.signing p{margin:6px 0;font-size:13px;line-height:1.6;color:#aeb5bf}
.signing a,.policy a{color:#e8b45c;border-bottom:1px solid #e8b45c66}
footer>a:nth-of-type(3){font-size:12px}
.policy{max-width:820px}
.policy h2{margin:28px 0 22px}
.policy h3{font-size:19px;color:#e9e6dc;margin:38px 0 10px;font-weight:600}
.policy p{font-size:14px;line-height:1.8;color:#9ea5af;margin:0}
.policy .lead{font-size:16px;color:#c0c5cc}
.policy code{font-size:12px;background:#22262c;padding:2px 6px}

/* Real screenshots of the app */
.shot{margin:0;border:2px solid #545c67;background:#1a1e25;box-shadow:10px 10px 0 #07090c}
.shot img{display:block;width:100%;height:auto}
.together{align-items:center;grid-template-columns:1fr 1.25fr}
.together .shot{border-color:#5d4b78;box-shadow:10px 10px 0 #0c0a12}
.points{list-style:none;margin:22px 0 6px;padding:0;display:flex;flex-direction:column;gap:12px;max-width:430px}
.points li{position:relative;padding-left:22px;font-size:14px;line-height:1.6;color:#cfc6dc}
.points li:before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#b295e3;box-shadow:inset -2px -2px #704a92}
.translate .feature-layout{grid-template-columns:1fr 1.3fr;margin-top:40px}
.translate h2{margin:0 0 18px}
.translate .lead{font-size:15px;line-height:1.75;color:#b9bec6;margin:0 0 28px;max-width:440px}
.translate .feature-text article:first-of-type{padding-top:22px;border-top:1px solid #ffffff1c}
.translate .feature-text article:first-of-type .feature-number{top:26px}
@media(max-width:850px){.together,.translate .feature-layout{grid-template-columns:1fr}
.translate .shot{order:-1}
.hero{min-height:745px}.hero h1{font-size:98px}.hero:after{background:linear-gradient(90deg,#11151ceb,#11151c88),linear-gradient(0deg,#111315,transparent 80%)}.hero-caption{margin-top:70px}.section{padding-top:65px;padding-bottom:65px}.download{padding-bottom:25px}}
@media(max-width:600px){.nav{padding:17px 6%}.brand{font-size:36px}.hero{padding:40px 6% 0;min-height:710px}.hero h1{font-size:76px;line-height:.84;margin:40px 0 25px;letter-spacing:-.6px}.hero h1 em{font-size:.65em;white-space:nowrap}.hero-bottom p{font-size:14px}.hero-action{margin-top:24px}.hero-action .button{min-width:0}.hero-caption{margin-top:108px;font-size:7px}.hero .landscape{height:100%}.coordinates{bottom:90px;right:6%;font-size:8px}.world-button{bottom:48px;right:6%;font-size:10px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.section-heading h2,h2{font-size:44px;letter-spacing:0}.shot,.together .shot{box-shadow:5px 5px #05080b}
.brand-logo{width:30px;height:30px}.together{padding:60px 6%}.download h2{font-size:56px;letter-spacing:0}.download{padding-bottom:25px}.hero:after{background:linear-gradient(90deg,#11151ce8,#11151c80),linear-gradient(0deg,#111315 0%,transparent 65%)}}
@media(max-width:600px){.hero-caption{visibility:hidden}}
