@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&display=swap');
:root{
  --bg:#07080a; --bg-2:#0d0f12; --line:#1f2328; --paper:#f7f6f5; --paper-2:#c4c8ce; --paper-3:#868c94;
  --ember:#ff5d41;
  --scout:#2ee6ff; --pilot:#ffb020; --flow:#ff5d41; --merchant:#9b6bff; --echo:#3dffa8;
  --sans:"Schibsted Grotesk",system-ui,sans-serif; --serif:"Newsreader",Georgia,serif;
}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{background:var(--bg);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
.nav{position:relative;z-index:5;display:flex;align-items:center;gap:40px;padding:28px 96px}
.nav img{height:22px;display:block}
.nav ul{display:flex;gap:32px;list-style:none;padding:0;margin-left:24px;font-size:15px;color:var(--paper-2)}
.nav .r{margin-left:auto;display:flex;gap:16px;align-items:center}
.nav .tag{font-size:13px;color:var(--paper-3)}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:999px;font:500 16px var(--sans);text-decoration:none;color:inherit}
.btn.p{background:var(--ember);color:#130705}
.btn.g{border:1px solid #2c3036;color:var(--paper)}
.btn.s{height:40px;font-size:15px;padding:0 18px}
.btn:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
[data-sec]{position:relative}