:root{color-scheme:dark;--bg:#101513;--ink:#f4f5ed;--muted:#a6afa9;--accent:#d5f271}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1440px;margin:auto;padding-left:7%;padding-right:7%}header{height:120px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:24px;font-weight:700;letter-spacing:-1px}.dot{color:var(--accent)}.symbol{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:12px;border:1px solid #465044;font-size:17px;letter-spacing:-2px}.symbol span{position:absolute;width:10px;height:3px;background:var(--accent);bottom:7px;right:6px}.login{font-size:13px;color:var(--muted)}.login span{margin-left:20px;color:var(--accent);font-size:21px}main{position:relative;padding-top:64px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{position:relative;z-index:1;margin:28px 0 35px;font-size:clamp(48px,6.8vw,96px);line-height:1.02;letter-spacing:-5px;font-weight:600}h1 em{font-style:normal;color:var(--accent)}.intro{position:relative;z-index:1;display:flex;gap:52px;max-width:710px}.intro p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}.intro p:first-child{flex:0 0 230px;color:var(--ink)}.cta{position:relative;z-index:1;margin-top:32px;display:inline-flex;gap:50px;align-items:center;padding:17px 23px;background:var(--accent);color:var(--bg);font-size:13px;font-weight:700}.cta:hover{background:#e3ff93}.cta span{font-size:20px}.track{position:absolute;right:-20%;top:170px;width:58%;height:460px;transform:rotate(-28deg);opacity:.55}.track div{position:absolute;border:1px solid #465242;border-radius:240px;width:100%;height:100%}.track div:nth-child(2){inset:25px;width:calc(100% - 50px);height:calc(100% - 50px)}.track div:nth-child(3){inset:50px;width:calc(100% - 100px);height:calc(100% - 100px);border-color:#a9bc68}.track>span{position:absolute;left:85px;top:100px;color:#8f9b83;font-size:10px;letter-spacing:3px}.principles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:86px;padding-top:27px;border-top:1px solid #303a33;padding-bottom:46px}.principles span{font-size:9px;letter-spacing:2px;color:var(--muted)}.principles p{font-size:17px;letter-spacing:-.3px;margin:13px 0 0}footer{min-height:85px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #303a33;color:var(--muted);font-size:10px}footer span:nth-child(2){letter-spacing:2px;color:var(--ink)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media(min-width:1500px){main{padding-top:80px}}@media(max-width:700px){header{height:90px}.brand{font-size:20px}.login{font-size:11px}.login span{margin-left:7px}main{padding-top:35px}h1{letter-spacing:-2.5px}.intro{display:block;max-width:420px}.intro p:first-child{margin-bottom:20px}.track{right:-85%;top:190px;width:110%;opacity:.25}.principles{margin-top:55px;grid-template-columns:1fr;gap:22px}.principles p{margin-top:7px}footer{gap:20px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer span:last-child{width:100%}}
