* { box-sizing:border-box; margin:0; padding:0; }
:root { --font-head:'Space Grotesk',sans-serif; --font-body:'Inter',sans-serif; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-body); color:#F5F5F7; font-size:17px; line-height:1.65; }
a { text-decoration:none; color:inherit; }
img { display:block; max-width:100%; }
.container { max-width:1080px; margin:0 auto; padding:0 32px; }
nav { position:fixed; inset:0 0 auto; z-index:100; padding:18px 0; border-bottom:1px solid #1B1B1E; background:#000c; }
.nav-inner { display:flex; align-items:center; justify-content:space-between; }
.logo { font:500 17px var(--font-head); white-space:nowrap; }
.logo span { color:#FF6B2C; }
.nav-links { display:flex; list-style:none; align-items:center; font-size:14px; color:#a5a5ab; }
.nav-links a:hover, .nav-links a[aria-current=page] { color:#F5F5F7; }
.nav-cta { background:#F5F5F7; color:#000; padding:9px 19px; border-radius:100px; font-size:13.5px; white-space:nowrap; }
.tag { display:inline-block; color:#FF6B2C; font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:22px; }
h1,h2,h3 { font-family:var(--font-head); font-weight:500; letter-spacing:-.035em; line-height:1.1; }
h2 { font-size:clamp(30px,4.4vw,50px); margin-bottom:20px; }
h3 { font-size:21px; margin-bottom:12px; }
.lead { color:#a5a5ab; font-size:19px; line-height:1.7; }
.lead strong { color:#F5F5F7; font-weight:500; }
.perfil-actions { display:flex; flex-wrap:wrap; gap:12px; }
.btn-primary,.btn-secondary { display:inline-flex; align-items:center; padding:14px 28px; border-radius:100px; font-size:15px; }
.btn-primary { background:#F5F5F7; color:#000; }
.btn-secondary { background:#ffffff11; color:#F5F5F7; }
.btn-primary:hover,.btn-secondary:hover { opacity:.85; }
details { border-top:1px solid #252528; padding:22px 0; }
summary { cursor:pointer; color:#F5F5F7; font:500 20px var(--font-head); }
details p { color:#a5a5ab; margin-top:16px; max-width:740px; }