@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--ink:#e8f5ed;--muted:#92aa9c;--green:#39d98a;--deep:#071611;--surface:#0d2119;--line:rgba(232,245,237,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:Manrope,Arial,sans-serif}.grain{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5vw;border-bottom:1px solid var(--line);position:absolute;z-index:4;width:100%}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800;line-height:.78;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--green);margin-top:6px}.mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--green);color:var(--green);font-family:Oswald;font-size:22px;transform:skew(-8deg)}nav{display:flex;gap:31px}nav a,footer a{color:var(--muted);text-decoration:none;font-size:12px}.login-button,.text-action{border:0;background:none;color:var(--ink);font:700 12px Manrope;cursor:pointer}.login-button{border:1px solid var(--line);padding:12px 16px}.login-button span{color:var(--green);font-size:17px;margin-left:8px}.hero{min-height:780px;padding:184px 5vw 72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 77% 35%,#275744 0,transparent 27%),linear-gradient(110deg,#071611 40%,#0e2c20)}.hero-copy{z-index:2;max-width:690px}.eyebrow{font-size:11px;font-weight:800;color:var(--green);letter-spacing:1.8px;margin:0 0 25px}.eyebrow i{display:inline-block;width:20px;border-top:2px solid var(--green);vertical-align:middle;margin-right:10px}h1,h2,h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;margin:0;font-weight:600}h1{font-size:clamp(60px,7.7vw,126px);line-height:.93;letter-spacing:-2px}h1 em,h2 em{font-style:normal;color:var(--green)}.lead{line-height:1.65;color:var(--muted);font-size:15px;max-width:430px;margin:29px 0}.hero-actions{display:flex;align-items:center;gap:25px}.primary{display:inline-flex;align-items:center;gap:35px;background:var(--green);color:#072015;text-decoration:none;padding:15px 18px;font-weight:800;font-size:12px;border:0;cursor:pointer}.primary b{font-size:20px;line-height:10px}.text-action{color:var(--muted)}.hero-art{height:480px;position:relative}.sun{position:absolute;width:390px;height:390px;border-radius:50%;right:6%;top:8%;background:radial-gradient(circle at 35% 35%,#95ffc2,#39d98a 46%,#15975c 75%);box-shadow:0 0 100px #2bc87955}.skyline{position:absolute;inset:auto 0 30px 0;height:44%;opacity:.8;background:linear-gradient(to top,#06130e,transparent),repeating-linear-gradient(90deg,transparent 0 22px,#0a1913 23px 50px,transparent 51px 70px)}.car{position:absolute;width:78%;height:103px;background:linear-gradient(160deg,transparent 0 17%,#102d22 18% 29%,#41da8c 30% 39%,#0b1f17 40% 76%,#183c2d 77%);border-radius:42% 58% 20% 19%;bottom:6%;right:4%;transform:skewX(-13deg);box-shadow:0 33px 28px #0008}.car:before,.car:after{content:"";position:absolute;bottom:-19px;width:64px;height:64px;border:12px solid #101915;background:#060907;border-radius:50%}.car:before{left:12%}.car:after{right:10%}.car span{position:absolute;right:7%;top:45%;height:16px;width:35px;background:#d7fff0;border-radius:45%}.hero-art>p{position:absolute;right:0;bottom:-20px;font:11px Manrope;color:var(--muted);letter-spacing:4px}.scroll{position:absolute;bottom:26px;left:5vw;color:var(--muted);font-size:10px}.scroll b{display:inline-block;color:var(--green);font-size:19px;margin-left:12px}.world,.faq{padding:125px 5vw}.world{background:#091a14}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-heading h2,.start h2,.faq h2{font-size:clamp(42px,5.2vw,75px);line-height:.97;letter-spacing:-1px}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.roles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line)}.roles article{padding:28px 36px 24px 0;border-right:1px solid var(--line);margin-right:28px}.roles article:last-child{border:0}.roles span{color:var(--green);font-size:11px;font-weight:800}.roles h3{font-size:28px;margin:48px 0 13px}.roles p,.start li p{font-size:13px;color:var(--muted);line-height:1.6;max-width:250px}.start{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:125px 12vw;background:linear-gradient(100deg,#0d2119,#071611)}ol{padding:0;margin:0;list-style:none}li{display:flex;align-items:center;gap:25px;padding:23px 0;border-top:1px solid var(--line)}li:last-child{border-bottom:1px solid var(--line)}li>b{font:40px Oswald;color:#2c5b46}li h3{font-size:26px}.small{margin-left:auto;padding:12px 14px}.faq{max-width:1100px;margin:auto}.faq h2{margin-bottom:50px}details{border-top:1px solid var(--line);padding:21px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-weight:700;font-size:15px;display:flex;justify-content:space-between}summary span{font-size:22px;color:var(--green)}details p{color:var(--muted);font-size:13px;line-height:1.6;max-width:620px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 5vw;border-top:1px solid var(--line)}footer p{color:var(--muted);font-size:11px}dialog{width:min(460px,calc(100% - 32px));padding:42px;background:#0c2118;color:var(--ink);border:1px solid #39755b;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#021008cc;backdrop-filter:blur(7px)}.close{position:absolute;right:16px;top:10px;border:0;background:0;color:var(--muted);font-size:28px;cursor:pointer}.form-message{min-height:18px;color:#ff8e8e;font-size:12px}form{margin-top:24px;display:grid;gap:16px}label{display:grid;gap:7px;font-size:11px;font-weight:800;color:var(--muted)}input{width:100%;background:#071611;border:1px solid var(--line);color:var(--ink);padding:14px;font:14px Manrope;outline-color:var(--green)}#panel-view h2{font-size:48px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.stat{padding:15px;background:#071611;border:1px solid var(--line)}.stat small{display:block;color:var(--muted);font-size:10px}.stat b{display:block;font:27px Oswald;color:var(--green);margin-top:6px}.character{border-top:1px solid var(--line);padding:12px 0;font-size:13px}.character small{color:var(--muted)}.logout{margin-top:18px;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;font:700 12px Manrope}@media(max-width:760px){header{height:65px}nav{display:none}.login-button{padding:9px}.hero{padding-top:130px;min-height:720px;display:block}.hero-art{height:310px;margin-top:30px}.section-heading,.start{display:block}.roles{grid-template-columns:1fr;margin-top:35px}.roles article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:25px 0}.roles h3{margin-top:18px}.start{padding:80px 7vw}.start ol{margin-top:45px}.small{display:none}.world,.faq{padding:80px 7vw}footer{display:grid}footer p{margin:0}}