@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#101c25;--ink:#edf2f3;--muted:#b4c0c6;--line:#34434c;--lime:#d3f286}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:0 48px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font:800 20px/1.15 Manrope,sans-serif;letter-spacing:-.6px;display:flex;gap:12px;align-items:center}.mark{width:40px;height:40px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:26px}.logo small{display:block;font:10px/2 'DM Sans',sans-serif;letter-spacing:3px;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--lime)}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--lime);font-weight:700}.hero{padding:88px 0 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(42px,5.4vw,70px);font-weight:600;margin:22px 0 26px}h1 em{color:var(--lime);font-style:normal}p{color:var(--muted);max-width:650px}h2{font-size:38px;font-weight:600;margin:15px 0}h3{font-size:27px;letter-spacing:-.8px}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;background:var(--lime);color:#142028;text-decoration:none;padding:15px 23px;border-radius:4px;font-weight:700;font-size:14px;margin-top:20px}.button:hover{background:#e5ffac}.art{height:330px;position:relative;overflow:hidden;background:#172833;border-radius:160px 160px 6px 6px;border:1px solid #3a4b51;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #68816c;transform:rotate(-30deg) scaleX(.62)}.orbit.b{transform:rotate(30deg) scaleX(.62)}.orbit.c{transform:rotate(90deg) scaleX(.62)}.art span{z-index:1;font:600 100px Manrope;color:var(--lime);letter-spacing:-9px}.section{padding:55px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-title p{max-width:340px;font-size:14px}.brands{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand{border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;display:block;transition:transform .2s}.brand:hover{transform:translateY(-4px)}.brand-top{height:180px;background:#d5e7ce;color:#29472f;display:flex;align-items:center;justify-content:center;font:800 38px Manrope;letter-spacing:-2px}.brand.syke .brand-top{background:#d9d8ee;color:#4a386d}.brand-bottom{padding:24px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.brand-bottom small{display:block;color:var(--muted);font-size:12px}.arrow{font-size:26px;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{padding:14px 0}.num{color:var(--lime);font-size:13px}.step h3{font-size:21px;margin:18px 0}.step p{font-size:15px}.notice{border-left:2px solid var(--lime);padding:3px 22px;margin:35px 0;font-size:14px}.notice strong{display:block;color:var(--ink)}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:40px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}footer p{margin:0;max-width:460px}.back{font-size:13px;color:var(--muted);display:inline-block;margin-top:35px}.brand-panel{border:1px solid var(--line);border-radius:6px;padding:30px;background:#172833}.brand-panel h3{margin-top:6px}.brand-panel ul{padding-left:20px;color:var(--muted);font-size:15px}.tag{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:5px 13px;font-size:11px;color:var(--muted);margin:4px 5px 4px 0}a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}@media(max-width:700px){header,main,footer{padding-left:23px;padding-right:23px}header{height:95px}nav{gap:15px;font-size:12px}.logo{font-size:16px}.mark{width:32px;height:32px}.hero{padding:50px 0;grid-template-columns:1fr;gap:35px}.art{height:230px}.orbit{height:190px;width:190px}.art span{font-size:80px}.brands,.steps{grid-template-columns:1fr}.section-title{display:block}h2{font-size:32px}.section{padding:38px 0}footer{display:block}footer p{margin-bottom:15px}.brand-top{height:150px}.hero h1{margin-top:16px}}